@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@700&display=swap";:root{--ink:#1f2937;--ink-muted:#6b7280;--bg:#fafafa;--surface:#f3f4f6;--rule:#d1d5db;--accent:#1e3a8a;--accent-ink:#fff;--signal-red:#dc2626;--carbon-purple:#6b21a8;--stamp-green:#15803d;--measure:60ch;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e2e8f0;--ink-muted:#94a3b8;--bg:#0f172a;--surface:#1e293b;--rule:#334155;--accent:#3b82f6;--accent-ink:#0f172a;--signal-red:#ef4444;--carbon-purple:#a855f7;--stamp-green:#22c55e}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.task-card,.completion-stamp,.task-delete-btn,.form-input,.form-textarea,.form-select,.btn,.add-button-fixed,.back-nav{transition:all .2s ease-out}}h1{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.2}h2{text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700;line-height:1.3}.page-container{max-width:900px;margin:0 auto;padding:0 32px 80px}@media (width<=767px){.page-container{padding:0 20px 80px}}.header-band{background:var(--accent);color:#fff;margin-bottom:48px;padding:20px 0}.header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 32px;display:flex}@media (width<=767px){.header-content{flex-direction:column;align-items:flex-start;gap:8px;padding:0 20px}}.header-title{letter-spacing:.04em;text-transform:uppercase;font-size:20px;font-weight:700}.progress-summary{font-size:14px;font-weight:600}.progress-count{color:var(--carbon-purple);margin-left:4px;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-weight:700}.category-section{margin-bottom:48px}@media (width<=767px){.category-section{margin-bottom:32px}}.category-header{border-bottom:2px solid var(--ink);margin-bottom:16px;padding:16px 0}.task-card{background:var(--bg);border:2px solid var(--ink);align-items:flex-start;gap:16px;margin-bottom:16px;padding:20px;display:flex}.task-card:hover{border-color:var(--accent)}@media (width<=767px){.task-card{flex-wrap:wrap;padding:16px}}.task-checkbox-container{flex-shrink:0;padding-top:2px}.task-checkbox{cursor:pointer;width:24px;height:24px;accent-color:var(--accent)}.task-main{flex:1;min-width:0}.task-title{margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.4}.task-description{color:var(--ink);opacity:.8;font-size:15px;line-height:1.5}.task-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}@media (width<=767px){.task-meta{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.task-due{color:var(--carbon-purple);font-size:13px;font-weight:500}.task-due.overdue{color:var(--signal-red);font-weight:600}.completion-stamp{text-transform:uppercase;letter-spacing:.06em;color:var(--stamp-green);border:2px solid var(--stamp-green);background:0 0;padding:4px 8px;font-size:11px;font-weight:700}.overdue-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--signal-red);border:2px solid var(--signal-red);background:0 0;padding:4px 8px;font-size:11px;font-weight:700}.task-actions{gap:8px;margin-top:8px;display:flex}.task-delete-btn{color:var(--signal-red);border:1px solid var(--signal-red);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;min-height:32px;padding:4px 12px;font-size:13px;font-weight:600}.task-delete-btn:hover{background:var(--signal-red);color:#fff}.form-container{background:var(--bg);border:2px solid var(--ink);margin-bottom:32px}.form-header{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.06em;padding:16px 24px;font-size:16px;font-weight:700}.form-body{padding:24px}.form-field{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:2px solid var(--ink);background:var(--bg);width:100%;color:var(--ink);padding:12px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 2px 8px #1e3a8a26}.form-textarea{resize:vertical;min-height:100px}.form-actions{gap:12px;margin-top:24px;display:flex}@media (width<=767px){.form-actions{flex-direction:column}}.btn{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:none;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1e40af}.btn-primary:disabled{background:var(--surface);color:var(--rule);cursor:not-allowed}.btn-secondary{color:var(--accent);border:2px solid var(--accent);background:0 0}.btn-secondary:hover{background:var(--accent);color:#fff}.add-button-fixed{background:var(--accent);color:#fff;cursor:pointer;z-index:100;width:64px;height:64px;min-width:unset;min-height:unset;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003}.add-button-fixed:hover{background:#1e40af;box-shadow:0 6px 16px #0000004d}.empty-state{text-align:center;padding:64px 24px}.empty-state-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:12px;font-size:14px;font-weight:700}.empty-state-text{color:var(--ink);opacity:.7;font-size:15px;line-height:1.6}.back-nav{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-nav:hover{background:#ffffff1a}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}
