:root{font-family:system-ui,sans-serif;color:#17283b;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:auto;padding:40px 24px}header{margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#537b9e;font-weight:700}h1{font-size:clamp(30px,5vw,48px);margin:10px 0}p{color:#64748b;line-height:1.5}main{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:#fff;padding:30px;border:1px solid #e2e8f0;border-radius:20px}label{display:block;margin:20px 0 8px;font-weight:600}input{padding:12px;border:1px solid #cad5e1;border-radius:10px;font-size:18px}button{display:block;border:0;border-radius:10px;padding:12px 18px;background:#173b57;color:#fff;font-weight:700;cursor:pointer;margin-top:16px}.secondary{background:#e5edf3;color:#173b57}.timer{margin-top:24px;background:#f0f6fa;padding:20px;border-radius:14px;display:grid;gap:10px}.timer strong{font-size:44px;font-variant-numeric:tabular-nums}.error{color:#b42318}@media(max-width:700px){main{grid-template-columns:1fr}}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}.toolbar label{margin:0;font-size:13px}.toolbar input{display:block;margin-top:5px}.toolbar button{margin:0}button:disabled{opacity:.4;cursor:not-allowed}.activity{padding:18px 0;border-bottom:1px solid #e2e8f0;cursor:grab}.activity-head{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.activity-head span{font-variant-numeric:tabular-nums;color:#537b9e}.activity input[type=number]{width:90px}.activity input[type=time]{width:135px}.hint{font-size:13px}.notice{color:#975b10;background:#fff5df;padding:10px;border-radius:8px;font-size:13px}.elapsed{font-variant-numeric:tabular-nums}input{max-width:100%}@media(max-width:700px){.shell{padding:20px 12px}.panel{padding:18px}}main.wide{grid-template-columns:minmax(0,1fr)}.activity-head label{margin:0;flex:1;min-width:170px}.activity-head label input{width:100%;font-size:16px;font-weight:650}.activity-head span{align-self:center}.timeline{max-height:290px;overflow-y:auto;border:1px solid #dbe5ed;border-radius:12px;background:#fafcff;margin:14px 0}.timeline-hour{display:grid;grid-template-columns:62px 1fr;min-height:35px;border-bottom:1px solid #dbe5ed}.timeline-label{padding:9px 8px;font-size:12px;font-weight:700;color:#537b9e;font-variant-numeric:tabular-nums}.timeline-quarters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.timeline-quarter{border-left:1px dashed #dbe5ed;min-height:35px;padding:7px;color:#8ca1b3;font-size:11px}.timeline-quarter:hover{background:#dcecf8;outline:1px solid #7caccb}.timeline-quarter small{font-size:10px}select{padding:10px;border:1px solid #cad5e1;border-radius:10px;background:#fff;font:inherit;max-width:100%}.toolbar label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px}.toolbar input[type=checkbox]{width:18px;height:18px}.day-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:14px 0 20px;max-height:240px;overflow:auto}.day-overview button{margin:0;display:flex;flex-direction:column;gap:5px;align-items:center}.day-overview small{font-weight:400;font-size:11px}.selected-day{background:#173b57}.timeline-events{display:grid;gap:6px;margin:10px 0 18px}.timeline-event{display:grid;grid-template-columns:minmax(120px,auto) minmax(120px,1fr) auto;gap:12px;align-items:center;background:#eaf3fa;border-left:4px solid #537b9e;border-radius:8px;padding:10px 12px;font-size:13px;cursor:grab}.timeline-event-time{font-variant-numeric:tabular-nums;font-weight:700}.timeline-event>span:last-child{color:#537b9e}@media(max-width:700px){.timeline-event{grid-template-columns:1fr 1fr}.timeline-event>strong{grid-column:1/-1;grid-row:2}}