:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--hairline:#e0e0e0;--divider:#f0f0f0;--primary:#06c;--link:#06c;--focus:#0071e3;--on-primary:#fff;--chip:#d2d2d7a3;--control-border:#86868b;--nav-bg:#000;--nav-ink:#fff;--nav-muted:#ccc;--tabbar-bg:#f5f5f7cc;--soon:#9a4f00;--overdue:#b3261e;--done:#2c6a4c;--font-display:"SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, sans-serif;--font-text:"SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;--r-sm:8px;--r-md:11px;--r-lg:18px;--r-pill:9999px;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:17px;--s-lg:24px;--s-xl:32px;--s-xxl:48px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--canvas:#000;--surface:#272729;--ink:#fff;--muted:#ccc;--hairline:#3a3a3c;--divider:#2a2a2c;--link:#2997ff;--focus:#2997ff;--chip:#d2d2d729;--control-border:#8e8e93;--tabbar-bg:#1d1d1fcc;--soon:#f2a541;--overdue:#ff8a80;--done:#74c69d}}:root[data-theme=dark]{--canvas:#000;--surface:#272729;--ink:#fff;--muted:#ccc;--hairline:#3a3a3c;--divider:#2a2a2c;--link:#2997ff;--focus:#2997ff;--chip:#d2d2d729;--control-border:#8e8e93;--tabbar-bg:#1d1d1fcc;--soon:#f2a541;--overdue:#ff8a80;--done:#74c69d}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);font-family:var(--font-text);letter-spacing:-.374px;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.47}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}.app{grid-template-rows:1fr auto;min-height:100dvh;display:grid}.nav{z-index:5;background:var(--tabbar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);order:2;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:sticky;bottom:0}.nav button{cursor:pointer;min-width:0;min-height:52px;color:var(--muted);letter-spacing:-.12px;background:0 0;border:0;padding:0 2px;font-size:12px}.nav button[aria-current=page]{color:var(--link);font-weight:600}.main{width:100%;max-width:980px;padding:var(--s-lg) var(--s-md) var(--s-xxl);order:1;margin:0 auto}@media (width>=834px){.app{grid-template-rows:1fr;grid-template-columns:220px 1fr}.nav{gap:var(--s-xxs);height:100dvh;padding:var(--s-xxl) var(--s-sm);background:var(--surface);-webkit-backdrop-filter:none;border-top:0;border-right:1px solid var(--hairline);flex-direction:column;order:0;display:flex;position:sticky;top:0;bottom:auto}.nav button{min-height:44px;padding:0 var(--s-md);text-align:left;border-radius:var(--r-pill);letter-spacing:-.374px;color:var(--ink);font-size:17px}.nav button:hover{background:var(--chip)}.nav button[aria-current=page]{color:var(--link);background:var(--chip)}.main{padding-top:var(--s-xxl)}}h1{font-family:var(--font-display);letter-spacing:-.374px;margin:0 0 var(--s-lg);font-size:34px;font-weight:600;line-height:1.15}@media (width>=834px){h1{letter-spacing:-.4px;font-size:40px;line-height:1.1}}h1:focus{outline:none}h2{font-family:var(--font-display);letter-spacing:.231px;margin:var(--s-xl) 0 var(--s-sm);font-size:21px;font-weight:600;line-height:1.19}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-select{float:right;margin:var(--s-xxs) 0 var(--s-xs) var(--s-md);align-items:center;gap:var(--s-xs);letter-spacing:-.224px;color:var(--muted);font-size:14px;display:flex}.theme-select select{min-height:36px;padding:0 var(--s-sm);border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface);color:var(--ink)}.periods{margin:0 0 var(--s-lg);padding:var(--s-md) var(--s-lg);gap:var(--s-sm);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);list-style:none;display:grid}.period{align-items:center;gap:var(--s-sm);grid-template-columns:5.5rem 1fr 3.75rem;display:grid}.period-name{letter-spacing:-.224px;color:var(--muted);font-size:14px}.period-bar{background:var(--hairline);border-radius:var(--r-pill);height:4px;overflow:hidden}.period-bar span{background:var(--ink);border-radius:var(--r-pill);height:100%;display:block}.period-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.rows{padding:0 var(--s-lg);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);margin:0;list-style:none}.row{align-items:center;gap:var(--s-md);padding:var(--s-md) 0;border-bottom:1px solid var(--divider);grid-template-columns:4.5rem 1fr auto;display:grid}.row:last-child{border-bottom:0}.row-group{grid-template-columns:1fr auto}.row-plain{padding:var(--s-sm) 0;border-bottom:1px solid var(--divider)}.row-plain:last-child{border-bottom:0}.row-plain .form{border:0;margin:0;padding:0}.count{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;line-height:1}.count-number{letter-spacing:-.5px;font-size:clamp(28px,8vw,40px);font-weight:600;display:block}.count-caption{margin-top:var(--s-xxs);font-family:var(--font-text);letter-spacing:-.12px;color:var(--muted);font-size:12px;display:block}.tone-overdue .count-number,.tone-overdue .count-caption,.tone-urgent .count-number{color:var(--overdue)}.tone-soon .count-number{color:var(--soon)}.row-title{overflow-wrap:anywhere;font-weight:600;line-height:1.24}.row-meta{letter-spacing:-.224px;color:var(--muted);margin-top:2px;font-size:14px;line-height:1.43}.row-paused .row-title,.row-paused .row-meta{color:var(--muted)}.completed-row .count-caption{text-align:left;font-size:14px}.group-heading{letter-spacing:-.224px;color:var(--muted);margin:var(--s-lg) 0 var(--s-xs) var(--s-xxs);font-size:14px;font-weight:600}.btn{border-radius:var(--r-pill);border:1px solid var(--link);min-height:44px;color:var(--link);cursor:pointer;background:0 0;padding:0 22px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-quiet{padding:0 var(--s-xs);letter-spacing:-.224px;border-color:#0000;font-size:14px}.btn-danger{color:var(--overdue)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-pressed=true]{font-weight:600}@media (prefers-reduced-motion:no-preference){.btn,.check{transition:transform .1s}.btn:active:not(:disabled),.check:active:not(:disabled){transform:scale(.95)}}.actions{gap:var(--s-xs);flex-wrap:wrap;display:flex}.row .actions{margin-left:calc(var(--s-xs) * -1);align-items:center;gap:0}.check{border:1.5px solid var(--control-border);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.check svg{opacity:0;color:var(--done)}.check:hover{border-color:var(--done);background:var(--chip)}.check:hover svg{opacity:1}.form{gap:var(--s-md);padding:var(--s-lg);margin-bottom:var(--s-lg);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);display:grid}.form h2{margin:0}.field{gap:var(--s-xs);display:grid}.field label,.field legend{letter-spacing:-.224px;font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--control-border);border-radius:var(--r-pill);background:var(--surface);width:100%;min-height:44px;color:var(--ink);padding:0 20px}.field textarea{min-height:6rem;padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);resize:vertical}.field-row{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.field-hint{letter-spacing:-.224px;color:var(--muted);font-size:14px}.field-error{letter-spacing:-.224px;color:var(--overdue);font-size:14px}.alert{margin:0 0 var(--s-md);padding:var(--s-sm) var(--s-md);border:1px solid var(--overdue);border-radius:var(--r-md);color:var(--overdue);font-size:14px}.status,.empty{padding:var(--s-lg) 0;color:var(--muted)}.pinned{margin:0 0 var(--s-lg);gap:var(--s-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0;list-style:none;display:grid}.pin{padding:var(--s-md) var(--s-lg) var(--s-lg);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);align-content:start;display:grid}.pin-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.28px;font-size:56px;font-weight:600;line-height:1.07}.pin-caption,.pin-date{letter-spacing:-.224px;color:var(--muted);font-size:14px}.pin-title{margin-top:var(--s-sm);overflow-wrap:anywhere;font-weight:600}.pin.tone-overdue .pin-number,.pin.tone-overdue .pin-caption,.pin.tone-urgent .pin-number{color:var(--overdue)}.pin.tone-soon .pin-number{color:var(--soon)}.totals{margin-bottom:var(--s-lg)}.totals-label{font-family:var(--font-text);letter-spacing:-.224px;color:var(--muted);margin:0;font-size:14px;font-weight:400}.totals-value{font-family:var(--font-display);letter-spacing:-.374px;font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:600}.notice-region{left:50%;bottom:calc(68px + env(safe-area-inset-bottom));z-index:10;width:min(32rem,100% - 2rem);position:fixed;transform:translate(-50%)}@media (width>=834px){.notice-region{bottom:var(--s-lg)}}.notice{align-items:center;gap:var(--s-xs);padding:var(--s-xxs) var(--s-xxs) var(--s-xxs) var(--s-md);color:#fff;border-radius:var(--r-md);background:#1d1d1f;font-size:14px;display:flex}:root[data-theme=dark] .notice{border:1px solid #3a3a3c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .notice{border:1px solid #3a3a3c}}.notice>span{flex:1}.notice .btn-quiet{color:#2997ff}.notice-action{font-weight:600}.notice-error{background:var(--overdue);color:var(--canvas)}.notice-error .btn-quiet{color:var(--canvas)}.group-toggle{align-items:center;gap:var(--s-sm);cursor:pointer;text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border:0;padding:0;display:flex}.group-toggle .row-title{flex:1}.group-count{letter-spacing:-.224px;color:var(--muted);font-size:14px}.chevron{color:var(--muted);flex:none}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .15s}}.group-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.group-item{align-items:start;gap:var(--s-sm);grid-template-columns:1fr auto;display:grid}.group-items{margin:0 0 var(--s-xs);grid-column:1/-1;padding:0;list-style:none}.group-items li{gap:var(--s-sm);padding:var(--s-xs) 0;border-top:1px solid var(--divider);grid-template-columns:3rem 1fr;align-items:baseline;display:grid}.group-items .mini-count{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.group-items .tone-overdue .mini-count,.group-items .tone-urgent .mini-count{color:var(--overdue)}.group-items .tone-soon .mini-count{color:var(--soon)}
