:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d7dfe7;font-synthesis:none;--surface:#1b2128;--border:#586775;--accent:#7cbfb5;background:#13171c;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.button{background:var(--accent);color:#13171c;cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#96d0c7}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #d7dfe7}header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:32px;min-height:88px;padding:18px 28px;display:flex}.brand{color:var(--accent);letter-spacing:-1px;font-size:28px;font-weight:750}.subtle{color:#a1aebe}.classic-link{color:#a1aebe;padding:6px;font-size:14px;position:absolute;top:30px;right:28px}h1{margin:0;font-size:18px}h2{overflow-wrap:anywhere;margin:12px 0 20px;font-size:30px;line-height:1.25}.workspace{grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 88px);display:grid}aside{background:var(--surface);border-right:1px solid var(--border);padding:24px 18px}.section-title{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px;display:flex}.section-title button{width:48px;padding:4px;font-size:24px}.project{text-align:left;color:#d7dfe7;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;gap:12px;width:100%;margin:6px 0;padding:14px 12px;font-weight:500;display:flex}.project:hover,.project.selected{border-color:var(--border);background:#222a33}.marker{border:1px solid var(--accent);min-width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}small{color:#a1aebe;margin-top:5px;display:block}main{padding:48px}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:760px;padding:32px}.description{white-space:pre-wrap;overflow-wrap:anywhere}.empty{max-width:680px;padding:12vh 3vw}.empty p,.welcome p{color:#a1aebe;margin-bottom:28px;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:12px}.welcome{max-width:760px;margin:10vh auto}.welcome h1{margin-top:24px;font-size:38px}label{margin:20px 0;display:block}input,textarea{color:#d7dfe7;background:#222a33;border:1px solid #718291;border-radius:8px;width:100%;margin-top:8px;padding:14px;display:block}.check{align-items:center;gap:12px;display:flex}.check input{width:24px;height:24px;margin:0}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.secondary{color:#d7dfe7;background:#34414d}[role=alert]{color:#f0bbb1}@media (width<=760px){header{gap:12px;padding:20px}header>.subtle{display:none}.classic-link{right:18px}.workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--border)}main{padding:24px 18px}.card{padding:24px}.empty{padding:40px 0}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .16s}}.planner{grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.planner .card{max-width:none;padding:24px}.task{border-bottom:1px solid #34414d;align-items:center;gap:12px;padding:12px 0;display:flex}.task>div{flex:1;min-width:0}.text-button{color:#d7dfe7;text-align:left;overflow-wrap:anywhere;background:0 0;padding:0 8px}select{color:#d7dfe7;background:#222a33;border:1px solid #718291;border-radius:8px;width:100%;min-height:48px;margin-top:8px;padding:12px;display:block}.fields{gap:16px;display:flex}.fields>label{flex:1}details{margin-top:28px}summary{cursor:pointer;min-height:48px;padding:12px 0}fieldset{border:1px solid #718291;border-radius:8px;margin:20px 0}input[type=range]{accent-color:#7cbfb5;min-height:48px;padding:0}@media (width<=1150px){.planner{display:block}.planner .card{margin-bottom:24px}}.day-bar{z-index:5;background:#1b2128;border-bottom:1px solid #718291;padding:16px 24px;position:sticky;top:0}.day-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.day-actions button{padding:10px 14px}.timer-strip{z-index:6;background:#222a33;border-top:1px solid #718291;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;bottom:0}.timer-strip select{width:auto}.result-panel{background:#1b2128;border:2px solid #7cbfb5;border-radius:12px;max-width:900px;margin:24px;padding:28px}.result-panel p{color:#a1aebe}.task{flex-wrap:wrap}.task>div{flex-basis:130px}.task button{padding:8px 12px}.classic-link{text-align:right;padding:8px 24px;display:block;position:static}.result-fields{border:0;margin:0;padding:0}.day-bar small{display:block}.report-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.report-filters label{min-width:170px;margin:8px 0}.report-totals{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.report-totals strong{font-size:24px}table{border-collapse:collapse;text-align:left;width:100%}th,td{vertical-align:top;border-bottom:1px solid #718291;padding:16px 10px}.reports .card{max-width:1100px;margin-top:24px}.table-scroll{overflow:auto}.table-scroll td{white-space:nowrap}.table-scroll th:first-child{min-width:200px}aside{position:relative}.sidebar-divider{cursor:col-resize;touch-action:none;z-index:2;width:12px;position:absolute;top:0;bottom:0;right:-6px}.sidebar-divider:focus{outline-offset:-4px;outline:2px solid #7cbfb5}input[type=color]{width:100px;height:48px;padding:4px}@media (width<=760px){.sidebar-divider{display:none}}header{flex-wrap:wrap}.result-panel{scroll-margin-top:180px}fieldset:disabled textarea{opacity:1;color:#a1aebe}.timer-strip{position:fixed;bottom:0;left:0;right:0}.phase-timer{font-variant-numeric:tabular-nums;color:#7cbfb5!important}
