:root{--bg:#f5f3ee;--surface:#fff;--text:#1f2a24;--muted:#66706a;--border:#e2ded4;--accent:#3f7d4e;--accent-text:#fff;--danger:#b3412f;--banner:#fdf3d8;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161c18;--surface:#1f2722;--text:#e8ece9;--muted:#9aa49e;--border:#2f3a33;--accent:#6bb37e;--accent-text:#0f1511;--danger:#e0806f;--banner:#3a3420}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1{margin:0 0 1rem;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1.1rem}code{font-family:var(--mono);font-size:.9em}.muted{color:var(--muted)}.error{color:var(--danger)}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem 1rem}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.link{color:var(--accent);background:0 0;padding:.4rem 0}button.danger{color:var(--danger);border-color:var(--danger);background:0 0}button.stop{background:var(--danger);color:#fff}button.icon{color:var(--text);border-color:var(--border);background:0 0;padding:.3rem .6rem}button.icon:disabled{opacity:.3}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-top:.3rem;padding:.6rem .75rem}label{font-weight:500;display:block}form{gap:.9rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:.75rem 1.25rem;padding-top:max(.75rem, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;display:flex}.brand{font-weight:700}.topbar nav{gap:.25rem;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:.4rem .7rem;text-decoration:none}.topbar nav a.active{color:var(--text);background:var(--bg);font-weight:600}.content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1.25rem}.install-banner{background:var(--banner);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1.25rem;font-size:.95rem;display:flex}.install-actions{align-items:center;gap:.75rem;display:flex}.login{place-items:center;min-height:100dvh;padding:1rem;display:grid}.login-card{width:100%;max-width:380px}.login-card h1{margin-bottom:.25rem}.splash{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--muted);margin:.25rem 0 0;font-size:.85rem;font-weight:400;display:block}.small{font-size:.85rem}.spacer{flex:1}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.dot{border-radius:50%;flex:none;width:10px;height:10px}.duration{font-variant-numeric:tabular-nums;font-weight:600}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1{margin:0}.section-title{margin-top:2rem}.empty{text-align:center;padding:2rem 0}.topbar-end{align-items:center;gap:.5rem;margin-left:auto;display:flex}.sync-pill{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.sync-pill.offline{background:var(--banner);color:var(--text);border-color:#0000}.reject-banner{background:var(--banner);color:var(--danger);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.modal{border:1px solid var(--border);background:var(--surface);width:min(480px,100vw - 2rem);color:var(--text);border-radius:14px;padding:1.25rem}.modal::backdrop{background:#00000073}.modal-actions{align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.modal-actions.stacked{flex-direction:column;align-items:stretch}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.timer-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.timer-bar .grow{flex:200px}.timer-bar.running{border-color:var(--accent)}.timer-info{flex:200px;min-width:0}.timer-actions{gap:.5rem;display:flex}.clock{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.task-label{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.task-label .task-name{font-weight:600}.note{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.day-group{padding:.5rem 0}.day-head{justify-content:space-between;align-items:baseline;padding:.5rem 1.25rem;display:flex}.day-head h2{margin:0;font-size:1rem}.entry-list{margin:0;padding:0;list-style:none}.entry-row{width:100%;color:var(--text);border:0;border-top:1px solid var(--border);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.entry-row:hover{background:var(--bg)}.entry-main{flex-direction:column;gap:.1rem;min-width:0;display:flex}.entry-meta{flex:none;align-items:center;gap:.75rem;display:flex}.show-more{margin:0 auto;display:block}.category-cards{margin:0;padding:0;list-style:none}.category-card.archived{opacity:.7}.category-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.colour-input{background:0 0;border:0;flex:none;width:2rem;height:2rem;margin:0;padding:0}.biome-tag{color:var(--muted);font-size:.8rem}.category-head .inline-name{flex:0 18rem}.inline-name{flex-direction:column;flex:160px;min-width:0;display:inline-flex}.inline-name input{background:0 0;border-color:#0000;margin:0;padding:.35rem .5rem;font-weight:600}.inline-name input:hover,.inline-name input:focus{border-color:var(--border);background:var(--bg)}.task-rows{margin:.75rem 0 0;padding:0;list-style:none}.task-row{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.2rem 0 .2rem 2.6rem;display:flex}.task-row.archived{opacity:.6}.task-row .inline-name input{font-weight:400}.task-row select,.add-row select{width:auto;margin:0}.add-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.category-card .add-row{margin:.5rem 0 0 2.6rem}.add-row input{flex:160px;width:auto;margin:0}.add-row .full{flex-basis:100%}.filter-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.filter-row select{width:auto;margin:0}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border-radius:0;padding:.5rem .85rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{color:var(--text);background:var(--bg);font-weight:600}.custom-range{align-items:center;gap:.4rem;display:inline-flex}.custom-range input{width:auto;margin:0}.stat-row{grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.stat-row .card{margin:0}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{margin:.15rem 0;font-size:1.6rem;font-weight:600;line-height:1.2}.stat.hero .stat-value{font-size:3rem}.stat-sub{font-size:.85rem}.dash-grid{grid-template-columns:1fr 1fr;align-items:start;gap:0 1rem;display:grid}.dash-grid .card{margin-bottom:1rem}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.card-head h2{margin:0}.card-head.padded,.padded{margin:0;padding:.5rem 1.25rem}.check{align-items:center;gap:.4rem;font-size:.9rem;font-weight:400;display:inline-flex}.check input{width:auto;margin:0}.bar-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.bar-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(7rem,38%) 1fr;align-items:center;gap:.75rem;padding:.4rem .25rem;display:grid}button.bar-row:hover,button.bar-row:focus-visible{background:var(--bg)}.bar-label{flex-direction:column;min-width:0;font-size:.95rem;display:flex}.bar-label .task-name{font-weight:600}.cat-dots{flex-wrap:wrap;gap:0 .6rem;font-size:.8rem;display:flex}.cat-dot-label{align-items:center;gap:.3rem;display:inline-flex}.bar-track{height:1.4rem;margin-right:7rem;display:block;position:relative}.bar-fill{height:14px;width:var(--w);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bar-value{left:calc(var(--w) + .5rem);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.bar-value .muted{font-weight:400}.chart-card{padding-bottom:.75rem}.legend{color:var(--muted);flex-wrap:wrap;gap:.4rem 1rem;margin:0 0 .5rem;padding:0;font-size:.85rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:inline-flex}.swatch{border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.trend-plot{height:240px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.85rem;box-shadow:0 4px 16px #00000026}.tooltip-title{margin-bottom:.3rem;font-weight:600}.tooltip-row{align-items:center;gap:.45rem;display:flex}.tooltip-row strong{font-variant-numeric:tabular-nums;min-width:3.6rem}.tooltip-row.total{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem;padding-left:calc(12px + .45rem)}.line-key{border-radius:1px;flex:none;width:12px;height:2px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.4rem .6rem}.data-table th{color:var(--muted);font-weight:500}.data-table td{font-variant-numeric:tabular-nums}.blocks{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;display:grid}.entry-filters{flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .75rem;display:flex}.entry-filters select,.entry-filters input{flex:160px;width:auto;margin:0}.show-more{margin:.75rem auto}.export-actions{flex-wrap:wrap;gap:.6rem;display:flex}@media (width<=640px){.topbar{gap:.75rem}.topbar nav{padding:.4rem .5rem max(.4rem, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:10;justify-content:space-around;position:fixed;inset:auto 0 0}.content{padding:1.25rem 1rem 5.5rem}.entry-row{flex-direction:column;align-items:stretch;gap:.3rem;padding:.65rem 1rem}.entry-meta{justify-content:space-between}.day-head{padding:.5rem 1rem}.field-row{grid-template-columns:1fr}.task-row,.category-card .add-row{margin-left:0;padding-left:0}.timer-actions{width:100%}.dash-grid,.blocks{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr;gap:.75rem}.stat-row .stat.hero{grid-column:1/-1}.stat-row .card{padding:.9rem 1rem}.stat.hero .stat-value{font-size:2.4rem}.segmented{width:100%}.segmented button{white-space:nowrap;flex:1;padding:.5rem .2rem;font-size:.85rem}.bar-row{grid-template-columns:1fr;gap:.2rem}.filter-row select{flex:1}.entry-filters{padding:0 1rem .75rem}.timer-actions button{flex:1}}