:root{--bg:#0b0c0e;--bg-2:#121316;--bg-3:#191b1f;--fg:#e8e6e1;--fg-2:#9a9892;--fg-3:#5f5e5a;--line:#26282d;--accent:#9ef01a;--accent-dim:rgba(158,240,26,.14);--accent-ink:#0b0c0e;--warm:#e0a458;--danger:#e06c5a;--f-display:"Instrument Serif",Georgia,serif;--f-body:"Geist",system-ui,sans-serif;--f-mono:"Geist Mono",ui-monospace,Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%}input::placeholder,textarea::placeholder{color:var(--fg-3)}textarea{resize:vertical;min-height:72px}.label{letter-spacing:.12em}.label,.mono{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;color:var(--fg-3)}.mono{letter-spacing:.08em}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:var(--bg);border-bottom:1px solid var(--line);padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar .brand{font:400 20px/1 var(--f-display);margin:0;letter-spacing:-.01em}.topbar .brand em{font-style:italic;color:var(--accent)}.stamp{font-family:var(--f-mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.spacer{flex:1 1}.btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:500 13px var(--f-body);white-space:nowrap;line-height:1.3}.btn:hover{border-color:var(--fg-3)}.btn.go,.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.go:hover,.btn.primary:hover{filter:brightness(1.08)}.btn.small{padding:4px 10px;font-size:12px}.btn.ghost{border-color:transparent;background:transparent;color:var(--fg-3)}.btn.ghost:hover{color:var(--fg)}.btn.danger{color:var(--danger)}.btn[disabled]{opacity:.5;cursor:default}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}main{padding:18px max(16px,env(safe-area-inset-right,0px)) 60px max(16px,env(safe-area-inset-left,0px));grid-gap:18px;gap:18px;max-width:1280px;margin:0 auto;width:100%}.goals,main{display:grid}.goals{grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:720px){.goals{grid-template-columns:1fr}}.goal{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--bg-2);min-width:0}.goal .head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.goal h2{font:400 18px/1.2 var(--f-display);margin:0}.goal .count{margin-left:auto;font-family:var(--f-mono);font-size:12px;color:var(--fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.check{display:flex;align-items:flex-start;gap:10px;padding:4px 0}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--fg-3);border-radius:3px;margin:4px 0 0;flex:none;background:var(--bg);cursor:pointer;padding:0}.check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.check span{flex:1 1;min-width:0;overflow-wrap:anywhere}.check.done span{text-decoration:line-through;color:var(--fg-3)}.check .x{color:var(--fg-3);padding:0 4px;opacity:0;font-size:16px;line-height:1}.check:focus-within .x,.check:hover .x{opacity:1}.addrow,.goal form{display:flex;gap:6px;margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.addrow input,.goal form input{padding:6px 8px;font-size:13px;border-color:transparent;background:transparent}.addrow input:focus,.goal form input:focus{border-color:var(--line);background:var(--bg)}.empty{color:var(--fg-3);font-size:13px;padding:6px 0}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));grid-gap:14px;gap:14px;overflow-x:auto;padding-bottom:8px}@media (max-width:720px){.board{display:flex;flex-direction:column}}.col{min-width:0;display:grid;grid-gap:8px;gap:8px;align-content:start;border-radius:10px;padding:2px}.col.over{outline:1px dashed var(--accent);outline-offset:4px}.col .head{display:flex;align-items:baseline;gap:8px;padding:4px 2px 8px;border-bottom:1px solid var(--line)}.col h3{font:500 13px var(--f-body);margin:0}.col .verb{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.col .n,.col .verb{font-family:var(--f-mono);color:var(--fg-3)}.col .n{margin-left:auto;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.col.hot .head{border-bottom-color:var(--accent)}.col.hot .verb{color:var(--accent)}.card{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);padding:11px 13px;cursor:-webkit-grab;cursor:grab}.card:hover{border-color:var(--fg-3)}.card.dragging{opacity:.4}.card .t{font-weight:500;line-height:1.3}.card .d,.card .t{overflow-wrap:anywhere}.card .d{font-size:13px;color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-family:var(--f-mono);font-size:10px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.card .act{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}.card:focus-within .act,.card:hover .act{opacity:1}.card .act button{padding:1px 6px;border-radius:5px;font-size:13px;color:var(--fg-3);font-family:var(--f-body);text-transform:none;letter-spacing:0}.card .act button:hover{background:var(--bg-3);color:var(--fg)}.col.shipped .card{opacity:.6}.col.shipped .card .t{text-decoration:line-through}.add{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);text-align:left;padding:8px 4px;letter-spacing:.08em;text-transform:uppercase}.add:hover{color:var(--fg-2)}.sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:16px}@media (min-width:720px){.sheet{align-items:center}}.box{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:20px;width:min(520px,100%);display:grid;grid-gap:12px;gap:12px}.box h2{font:400 22px var(--f-display);margin:0}.row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.row .left{margin-right:auto}label.f{display:grid;grid-gap:5px;gap:5px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}label.f input,label.f textarea{font-family:var(--f-body);font-size:14px;letter-spacing:0;text-transform:none}.err{color:var(--danger);font-size:13px}.crumbs{font-family:var(--f-mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.crumbs a:hover{color:var(--fg)}.cardpage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:18px;gap:18px;align-items:start}@media (max-width:860px){.cardpage{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:10px;background:var(--bg-2);padding:18px 20px;min-width:0;display:grid;grid-gap:14px;gap:14px}.panel h2{font:400 26px/1.15 var(--f-display);margin:0;text-wrap:balance}.panel h3{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin:0;font-weight:400}.stage{display:flex;gap:4px;flex-wrap:wrap}.stage button{padding:4px 10px;border-radius:6px;font-size:12px;color:var(--fg-2);border:1px solid var(--line)}.stage button.on{background:var(--accent-dim);color:var(--accent);border-color:transparent;font-weight:500}.log{grid-gap:10px;gap:10px}.entry,.log{display:grid}.entry{grid-gap:4px;gap:4px;padding:10px 12px;border-left:2px solid var(--accent-dim);background:var(--bg);border-radius:0 8px 8px 0}.entry .when{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);letter-spacing:.06em}.entry .text{white-space:pre-wrap;overflow-wrap:anywhere}.entry .x{justify-self:end;color:var(--fg-3);font-size:12px;opacity:0}.entry:hover .x{opacity:1}.compose{display:grid;grid-gap:8px;gap:8px}.desc{font-size:14px;color:var(--fg-2);white-space:pre-wrap;overflow-wrap:anywhere}.tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:var(--f-mono);font-size:10px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.door{min-height:100vh;display:grid;place-items:center;padding:16px;position:relative;overflow:hidden;background:radial-gradient(900px 420px at 50% -8%,rgba(158,240,26,.09),transparent 60%),var(--bg)}.door:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.35;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent);pointer-events:none}.door form{position:relative;width:min(360px,100%);display:grid;grid-gap:22px;gap:22px;text-align:center}.door h1{font:400 44px/1.05 var(--f-display);margin:0;letter-spacing:-.01em;text-wrap:balance}.door h1 em{font-style:italic;color:var(--accent)}.door .sub{font-family:var(--f-mono);font-size:12px;color:var(--fg-3);letter-spacing:.14em;text-transform:uppercase}.field{display:flex;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.field:focus-within{border-color:var(--fg-3)}.field input{flex:1 1;background:none;border:0;border-radius:0;padding:12px 14px;min-width:0}.field input:focus-visible{outline:none}.field button{background:var(--accent);color:var(--accent-ink);font:500 13px var(--f-body);padding:0 18px}.door .foot{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);letter-spacing:.14em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){*{transition:none!important}}