:root{--bg:#e9e4da;--panel:#f6f2e9;--ink:#101010;--line:#101010;--muted:#55503f;--accent:#e5ff2e;--success:#0f7b3f;--select:#101010;--select-ink:#f6f2e9;--warn:#ffd94a;--danger:#ffd0ca;--overdue:#d02c20;--font-display:"Archivo", "Arial Black", sans-serif;--font-mono:"Space Mono", "Courier New", monospace;font-family:var(--font-mono), "Inter Tight", "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.4}:root body[data-theme=dark]{--bg:#0e0e0e;--panel:#16130f;--ink:#f6f2e9;--line:#f6f2e9;--muted:#b6ad97;--accent:#e5ff2e;--success:#7dffa3;--select:#e5ff2e;--select-ink:#101010;--warn:#6b5a12;--danger:#51201c;--overdue:#ff7a6b}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-mono), "Segoe UI", sans-serif;margin:0;transition:background-color .2s,color .2s;position:relative}body:after{content:"";z-index:99998;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea,select{font:inherit;outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:0}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}::selection{background:var(--ink);color:var(--bg)}body[data-theme=dark] ::selection{background:var(--accent);color:var(--ink)}.landing-shell{background:var(--bg);min-height:100vh;color:var(--ink)}.topbar{border-bottom:3px solid var(--line);justify-content:space-between;align-items:center;padding:1.1rem 1.6rem;display:flex}.brand-wrap,.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-block{font-family:var(--font-display);letter-spacing:.06em;border:3px solid var(--line);background:var(--accent);box-shadow:5px 5px 0 var(--line);text-transform:uppercase;padding:.45rem .7rem;font-size:1.05rem;font-weight:900;line-height:1;display:inline-block}.landing-page{padding:2rem}.hero-panel{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:2rem;min-height:640px;display:grid}.hero-copy{background:var(--panel);border:3px solid var(--line);box-shadow:12px 12px 0 var(--line);flex-direction:column;justify-content:center;padding:2rem;display:flex}.eyebrow,.label,.brand-line,.mini-main-header,.task-count-row{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;font-family:var(--font-mono);margin:0}.eyebrow:before{content:"[ "}.eyebrow:after{content:" ]"}.eyebrow{color:var(--muted)}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:1rem 0;font-size:clamp(3.2rem,8vw,7rem);font-weight:900;line-height:.86}.lede{max-width:42rem;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.5}.cta-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.primary-button,.secondary-button,.ghost-button,.nav-pill,.filter-pill,.list-name,.mini-button,.icon-button,.task-check{appearance:none;border:3px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.09em;transition:transform 80ms,box-shadow 80ms,background .12s,color .12s,border-color .12s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.nav-pill:hover:not(:disabled),.filter-pill:hover:not(:disabled),.list-name:hover:not(:disabled),.icon-button:hover:not(:disabled),.task-check:hover:not(:disabled){box-shadow:6px 6px 0 var(--line);transform:translate(-2px,-2px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled),.nav-pill:active:not(:disabled),.filter-pill:active:not(:disabled),.list-name:active:not(:disabled),.icon-button:active:not(:disabled),.task-check:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{background:var(--accent);box-shadow:6px 6px 0 var(--line);justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.35rem;font-size:.82rem;display:inline-flex}.secondary-button,.ghost-button{box-shadow:5px 5px 0 var(--line);padding:.9rem 1.2rem;font-size:.78rem}.secondary-button.danger{color:var(--overdue);border-color:var(--overdue);box-shadow:5px 5px 0 var(--overdue);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.ghost-button{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.primary-button.tiny{box-shadow:4px 4px 0 var(--line);padding:.5rem .8rem;font-size:.66rem}.microcopy{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;font-family:var(--font-mono);color:var(--muted)}.hero-aside{align-items:stretch;display:flex}.mini-app-shell{border:3px solid var(--line);background:var(--panel);width:100%;box-shadow:12px 12px 0 var(--line);flex-direction:column;display:flex}.mini-app-header{border-bottom:3px solid var(--line);font-size:.78rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.sync-pill{align-items:center;gap:.35rem;font-size:.6rem;display:inline-flex}.sync-pill.synced{color:var(--success)}.mini-app-body{grid-template-columns:180px 1fr;min-height:100%;display:grid}.mini-side{border-right:3px solid var(--line);flex-direction:column;gap:.8rem;padding:1rem .8rem;display:flex}.mini-line,.nav-pill,.list-name,.filter-pill{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;min-height:44px;padding:.65rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.mini-line.active,.nav-pill.active,.filter-pill.active{background:var(--accent)}.mini-main{padding:1rem}.mini-main-header{font-family:var(--font-display);margin-bottom:.9rem;font-size:.85rem;font-weight:800}.task-row{border-top:2px solid var(--line);align-items:center;gap:.75rem;padding:.7rem 0;font-weight:700;display:flex}.task-row.done{opacity:.55;text-decoration:line-through}.checkbox{border:2px solid var(--line);width:16px;height:16px;display:inline-block}.checkbox.done{background:var(--ink);position:relative}.checkbox.done:after{content:"";background:var(--accent);position:absolute;inset:3px}.signin-panel{justify-content:center;margin-top:2rem;display:flex}.signin-card{background:var(--panel);border:3px solid var(--line);width:min(100%,520px);box-shadow:10px 10px 0 var(--line);flex-direction:column;gap:1rem;padding:2rem;display:flex}.signin-card h2{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;line-height:.9}.signin-note{color:var(--muted);margin:0;line-height:1.5}.error-block{border:3px solid var(--line);background:var(--warn);font-weight:700;font-family:var(--font-mono);margin:0;padding:.75rem;font-size:.78rem}.ticker{border:3px solid var(--line);background:var(--ink);color:var(--bg);border-left:none;border-right:none;margin:2rem 0 0;overflow:hidden}.ticker-track{width:max-content;padding:.55rem 0;animation:24s linear infinite ticker;display:flex}.ticker span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding-right:2.5rem;font-size:.75rem;font-weight:700}@keyframes ticker{to{transform:translate(-50%)}}.app-shell{background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:310px 1fr;display:grid}.sidebar{border-right:3px solid var(--line);background:var(--panel);overscroll-behavior:contain;flex-direction:column;gap:1.2rem;max-height:100vh;padding:1rem .9rem .9rem;display:flex;overflow-y:auto}.sidebar.collapsed{display:none}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--panel)}.sidebar-header{border-bottom:3px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.4rem;display:flex}.icon-button{width:42px;height:42px;box-shadow:3px 3px 0 var(--line);justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.icon-button.danger{background:var(--danger)}.sidebar-nav,.sidebar-section{flex-direction:column;gap:.55rem;display:flex}.label{background:var(--ink);color:var(--bg);letter-spacing:.16em;border:2px solid var(--line);align-self:flex-start;padding:.28rem .55rem;font-size:.62rem;display:inline-block}.nav-pill{background:var(--panel);width:100%;box-shadow:4px 4px 0 var(--line);justify-content:flex-start}.nav-pill.active{background:var(--ink);color:var(--bg);box-shadow:none}.nav-count{background:0 0;border:2px solid;margin-left:auto;padding:.1rem .4rem;font-size:.62rem;font-weight:700;line-height:1.2}.list-stack{flex-direction:column;gap:.4rem;display:flex}.list-row{border:3px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .4rem;transition:transform 80ms,box-shadow 80ms,background .12s;display:flex}.list-row:hover{box-shadow:4px 4px 0 var(--line);transform:translate(-2px,-2px)}.list-row.selected{background:var(--accent)}.list-name{min-height:0;box-shadow:none;background:0 0;border:none;flex:1;justify-content:flex-start;padding:.5rem .25rem}.list-actions{align-items:center;gap:.35rem;display:flex}.mini-button{letter-spacing:.08em;box-shadow:none;background:0 0;padding:.25rem .4rem;font-size:.55rem}.mini-button.danger{background:var(--danger)}.create-button{margin-top:.3rem}.inline-create{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.inline-create input,.search-box input,.task-composer input,.field-block input,.field-block textarea,.field-block select{border:3px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;padding:.8rem .9rem;transition:background .12s,box-shadow .12s}.inline-create input:focus,.search-box input:focus,.task-composer input:focus,.field-block input:focus,.field-block textarea:focus,.field-block select:focus{box-shadow:4px 4px 0 var(--line)}.sidebar-footer{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.sync-indicator{border:3px solid var(--line);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:700;font-family:var(--font-mono);background:var(--panel);padding:.6rem .8rem}.sync-indicator.syncing{background:var(--warn)}.sync-indicator.error{background:var(--danger)}.account-card{border:3px solid var(--line);background:var(--bg);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;font-size:.68rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:.6rem;padding:.8rem;display:flex}.account-avatar{object-fit:cover;border:2px solid var(--line);flex-shrink:0;width:28px;height:28px}.main-panel{flex-direction:column;gap:1rem;min-width:0;padding:1rem;display:flex;position:relative}.panel-header{border-bottom:3px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.header-left{align-items:center;gap:.8rem;display:flex}.panel-header h1{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;margin:.3rem 0 0;font-size:clamp(1.9rem,5vw,3.4rem);font-weight:900;line-height:.95}.header-actions{align-items:center;gap:.75rem;display:flex}.offline-banner{border:3px solid var(--line);letter-spacing:.14em;font-size:.68rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;background:repeating-linear-gradient(45deg, var(--warn) 0, var(--warn) 12px, var(--ink) 12px, var(--ink) 24px);color:var(--bg);box-shadow:5px 5px 0 var(--line);text-shadow:2px 2px 0 var(--ink);padding:.8rem 1rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-box{border:3px solid var(--line);background:var(--panel);flex:1;align-items:center;gap:.5rem;min-width:min(100%,420px);padding:.55rem .7rem;display:flex}.search-box input{width:100%;font:inherit;background:0 0;border:none;outline:none}.search-clear{appearance:none;border:2px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;padding:.2rem;display:inline-flex}.search-clear:hover{background:var(--ink);color:var(--bg)}.filter-bar{flex-wrap:wrap;gap:.5rem;display:flex}.filter-pill{background:var(--panel);box-shadow:3px 3px 0 var(--line);gap:.5rem}.filter-pill.active{background:var(--accent)}.filter-count{background:0 0;border:2px solid;padding:.1rem .4rem;font-size:.62rem;font-weight:700;line-height:1.2}.task-composer{border:3px solid var(--line);background:var(--panel);box-shadow:6px 6px 0 var(--line);grid-template-columns:1fr auto;gap:.75rem;padding:.8rem;display:grid}.task-composer input{border:3px solid var(--line);background:var(--bg)}.content-grid{flex:1;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);align-items:start;gap:1rem;display:grid}.task-list-panel,.editor-panel{border:3px solid var(--line);background:var(--panel)}.task-list-panel{overscroll-behavior:contain;max-height:72vh;padding:.8rem;overflow-y:auto}.task-list-panel::-webkit-scrollbar{width:10px}.task-list-panel::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--panel)}.task-rows{counter-reset:taskrow;flex-direction:column;display:flex}.task-count-row{border-bottom:3px solid var(--line);z-index:1;background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.16em;padding:.55rem .6rem;font-size:.68rem;position:sticky;top:0}.task-item{border-bottom:2px solid var(--line);cursor:pointer;counter-increment:taskrow;align-items:flex-start;gap:.85rem;padding:1rem 0;transition:background .1s,padding .1s;display:flex;position:relative}.task-item:before{content:counter(taskrow, decimal-leading-zero);font-family:var(--font-mono);color:var(--muted);flex-shrink:0;width:1.6rem;padding-top:.35rem;font-size:.66rem;font-weight:700}.task-item:hover{background:var(--bg)}.task-item.selected{background:var(--select);color:var(--select-ink)}.task-item.selected:before{color:inherit}.task-item.selected .task-notes,.task-item.selected .task-date{color:inherit;opacity:.78}.task-check{background:var(--panel);width:30px;height:30px;box-shadow:3px 3px 0 var(--line);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-item.selected .task-check{border-color:var(--select-ink);color:var(--select-ink);background:0 0}.task-check.done{background:var(--ink);color:var(--accent);border-color:var(--line)}.task-main{flex:1;min-width:0}.task-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:800}.task-title.done{opacity:.55;text-decoration:line-through}.task-notes,.task-date{color:var(--muted);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.85rem;line-height:1.5}.task-date{letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:.4rem;display:inline-flex}.task-date.overdue{color:var(--overdue);text-underline-offset:3px;font-weight:700;text-decoration:underline}.empty-state,.editor-empty,.loading-state{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;min-height:300px;padding:1.25rem;display:flex}.empty-state p,.editor-empty p,.editor-empty span,.loading-state span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin:0;font-weight:700}.empty-state h3{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900}.load-bars{gap:.45rem;margin-top:1rem;display:flex}.load-bars span{background:var(--accent);border:3px solid var(--line);width:14px;height:52px;animation:1.1s ease-in-out infinite pulse;display:block}.load-bars span:nth-child(2){animation-delay:.15s}.load-bars span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.85;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.editor-panel{padding:1rem}.editor-shell{flex-direction:column;gap:1rem;display:flex}.editor-header-row{border-bottom:3px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.field-block{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700;font-family:var(--font-mono);flex-direction:column;gap:.45rem;display:flex}.field-block>span{border:2px solid var(--line);background:var(--bg);align-self:flex-start;align-items:center;padding:.2rem .5rem;display:inline-flex}.field-block>span:before{content:"[";padding-right:.35rem}.field-block>span:after{content:"]";padding-left:.35rem}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.field-block textarea{resize:vertical;min-height:120px;font-family:var(--font-mono)}.editor-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.shortcut-overlay{z-index:20;background:#1010108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-box{background:var(--panel);border:3px solid var(--line);width:min(92vw,500px);max-width:500px;box-shadow:14px 14px 0 var(--line);padding:1rem;animation:.12s pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.shortcut-header{font-weight:700;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:3px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.6rem;display:flex}.shortcut-list{flex-direction:column;gap:.6rem;display:flex}.shortcut-row{border-top:2px solid var(--line);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:96px 1fr;align-items:center;gap:.8rem;padding-top:.55rem;font-size:.78rem;display:grid}.keycap{border:3px solid var(--line);background:var(--bg);text-align:center;box-shadow:3px 3px 0 var(--line);justify-content:center;align-items:center;padding:.5rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.toast{border:3px solid var(--line);background:var(--danger);color:var(--ink);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;z-index:30;max-width:min(92vw,420px);box-shadow:7px 7px 0 var(--line);padding:.9rem 1rem;animation:.18s toast-in;position:fixed;bottom:1rem;right:1rem}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.task-list-panel{max-height:60vh}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:3px solid var(--line);max-height:none;overflow:visible}.content-grid,.task-composer{grid-template-columns:1fr}.task-list-panel{max-height:none}}@media (width<=640px){.landing-page,.main-panel{padding:.8rem}.hero-panel{grid-template-columns:1fr;min-height:auto}.mini-app-body{grid-template-columns:1fr}.mini-side{border-right:none;border-bottom:3px solid var(--line)}.field-row{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%;min-width:0}}