:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16% .012 240);--surface:oklch(20% .012 240);--surface-2:oklch(24% .012 240);--border:oklch(32% .01 240);--text:oklch(92% .01 240);--muted:oklch(68% .015 240);--accent:oklch(72% .12 175);--accent-muted:oklch(45% .06 175);--danger:oklch(65% .14 25);--focus:oklch(72% .12 175);--font:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--max:56rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, oklch(22% .03 200/.45), transparent 60%), var(--bg);margin:0;font-size:15px;line-height:1.45}a{color:inherit}button,input{font:inherit;color:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100vh}.topbar{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(16% .012 240/.92);position:sticky;top:0}.topbar-inner{max-width:var(--max);align-items:center;gap:1.25rem;margin:0 auto;padding:.75rem 1.25rem;display:flex}.brand{letter-spacing:-.02em;font-weight:650;text-decoration:none}.nav{flex:1;gap:.85rem;display:flex}.nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active{font-weight:600}.topbar-end{align-items:center;gap:.75rem;margin-left:auto;display:flex}.user-pill{color:var(--muted);font-size:.78rem}.btn.ghost{border:1px solid var(--border);cursor:pointer;background:0 0;padding:.3rem .65rem;font-size:.82rem}.btn.ghost:hover{border-color:var(--accent-muted);color:var(--accent)}.form-error{color:oklch(78% .1 25);margin:0;font-size:.9rem}.section-chips{flex-wrap:wrap;gap:.5rem;margin:.85rem 0 .25rem;display:flex}.section-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);align-items:baseline;gap:.45rem;padding:.4rem .7rem;font-size:.88rem;display:inline-flex}.section-chip:hover{color:var(--text);border-color:var(--accent-muted)}.section-chip.is-active{color:var(--text);border-color:var(--accent-muted);background:oklch(26% .03 175/.35);font-weight:600}.section-chip-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem}.section-chip.is-active .section-chip-count{color:var(--accent)}.section-chip.tone-green.is-active{background:oklch(28% .05 145/.4);border-color:oklch(55% .12 145)}.section-chip.tone-cyan.is-active{background:oklch(28% .05 210/.4);border-color:oklch(55% .1 210)}.section-chip.tone-blue.is-active{background:oklch(28% .06 255/.4);border-color:oklch(55% .12 255)}.section-chip.tone-rating.is-active,.section-chip.tone-default.is-active{border-color:var(--accent-muted);background:oklch(26% .03 175/.35)}.empty-hint{color:var(--muted);padding:.75rem 0;font-size:.9rem}.sync-pill{color:var(--muted);white-space:nowrap;font-size:.75rem}.sync-ok{color:var(--accent)}.sync-error{color:var(--danger)}.sync-saving,.sync-loading{color:var(--text)}.banner{max-width:var(--max);border:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;margin:.75rem auto 0;padding:.65rem 1rem;display:flex}.banner-error{color:oklch(85% .08 25);border-color:oklch(45% .1 25)}.banner-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.main{max-width:var(--max);margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-header h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.5rem;font-weight:650}.page-header.compact h1{font-size:1.35rem}.lede{color:var(--muted);max-width:42rem;margin:0 0 1rem}.sheet-list{border-top:1px solid var(--border);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sheet-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.15rem 0;display:grid}.sheet-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:600;text-decoration:none}.sheet-title:hover{color:var(--accent)}.sheet-desc{color:var(--muted);margin:.3rem 0 .75rem;font-size:.92rem}.sheet-recent{color:var(--muted);margin:.45rem 0 0;font-size:.78rem}.sheet-cta{border:1px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;min-width:4.5rem;padding:.45rem .85rem;font-size:.88rem;font-weight:550;text-decoration:none;display:inline-flex}.sheet-cta:hover{border-color:var(--accent-muted);color:var(--accent)}.progress-meta{color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:.65rem;margin-bottom:.35rem;font-size:.82rem;display:flex}.progress-counts{color:var(--text);font-weight:550}.progress-track{background:var(--border);height:3px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .18s var(--ease)}.sheet-sticky{z-index:30;background:linear-gradient(var(--bg) 85%, transparent);margin:0 -.25rem;padding-bottom:.75rem;padding-left:.25rem;padding-right:.25rem;position:sticky;top:3.1rem}.crumb{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:.65rem;font-size:.82rem;display:flex}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--text)}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:.75rem 0 .5rem;display:flex}.filters{gap:.85rem;display:flex}.filter-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.15rem 0}.filter-btn.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.search input{border:1px solid var(--border);background:var(--surface);border-radius:0;width:min(16rem,100%);padding:.4rem .65rem}.search input:focus{outline:2px solid var(--focus);outline-offset:1px}.section-jump{flex-wrap:wrap;gap:.35rem .75rem;padding:.4rem 0 .2rem;font-size:.78rem;display:flex}.section-jump a{color:var(--muted);text-decoration:none}.section-jump a:hover{color:var(--accent)}.sheet-section{margin-top:1.25rem}.section-head{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:.45rem 0;display:flex;position:sticky;top:11.5rem}.section-head h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:650}.section-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.problem-list{flex-direction:column;display:flex}.problem-row{border-bottom:1px solid oklch(28% .01 240/.7);grid-template-columns:1.35rem 5.5rem 1fr auto;align-items:center;gap:.65rem;min-height:2.6rem;padding:.2rem .35rem;display:grid}.problem-row:hover{background:var(--surface)}.problem-row.is-done .problem-title{color:var(--muted)}.problem-check{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.problem-id{font-family:var(--mono);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;text-decoration:none;overflow:hidden}.problem-id:hover{text-decoration:underline}.problem-title{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.problem-rating{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.settings-form{flex-direction:column;gap:1rem;max-width:28rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{color:var(--muted);font-size:.82rem;font-weight:550}.field input{border:1px solid var(--border);background:var(--surface);padding:.55rem .7rem}.field input:focus{outline:2px solid var(--focus);outline-offset:1px}.form-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;padding:.5rem .9rem}.btn.primary{border-color:var(--accent-muted);color:var(--accent)}.btn.primary:hover{background:oklch(28% .03 175/.35)}.btn:focus-visible,.filter-btn:focus-visible,.problem-check:focus-visible,.sheet-cta:focus-visible,.nav a:focus-visible,.problem-id:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-note{font-size:.82rem}.form-note.muted{color:var(--muted)}@media (width<=640px){.problem-row{grid-template-columns:1.2rem 4.2rem 1fr}.problem-rating{display:none}.sheet-row{grid-template-columns:1fr}.sheet-cta{justify-self:start}.section-head{top:14rem}}