:root{--cap-s:#e6f1fb;--cap-m:#b5d4f4;--cap-l:#85b7eb;--cap-xl:#378add;--cap-ink:#00213f;--page:#fbfbfa;--surface:#fff;--surface-ink:#1f1f1d;--surface-ink-2:#6b6b66;--surface-ink-3:#96968f;--line:#0000001a;--line-strong:#0003;--radius-card:12px;--tap:44px}[data-palette=green]{--cap-s:#ebf2e6;--cap-m:#bfd8b7;--cap-l:#91be8e;--cap-xl:#35995b;--cap-ink:#032710}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cap-s:#1d252b;--cap-m:#203a50;--cap-l:#205076;--cap-xl:#2f71b5;--cap-ink:#ebf2ff;--page:#0f1113;--surface:#181b1e;--surface-ink:#d7d9db;--surface-ink-2:#9ba0a6;--surface-ink-3:#6e747b;--line:#ffffff1a;--line-strong:#fff3}:root:not([data-theme=light])[data-palette=green]{--cap-s:#21251e;--cap-m:#2b3c27;--cap-l:#325532;--cap-xl:#2d7d4b;--cap-ink:#d2fcdc}}:root[data-theme=dark]{--cap-s:#1d252b;--cap-m:#203a50;--cap-l:#205076;--cap-xl:#2f71b5;--cap-ink:#ebf2ff;--page:#0f1113;--surface:#181b1e;--surface-ink:#d7d9db;--surface-ink-2:#9ba0a6;--surface-ink-3:#6e747b;--line:#ffffff1a;--line-strong:#fff3}:root[data-theme=dark][data-palette=green]{--cap-s:#21251e;--cap-m:#2b3c27;--cap-l:#325532;--cap-xl:#2d7d4b;--cap-ink:#d2fcdc}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);color:var(--surface-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.4}.app{flex-direction:column;gap:28px;max-width:400px;margin:0 auto;padding:32px 16px 64px;display:flex}.capture{flex-direction:column;gap:8px;display:flex}.capture textarea{width:100%;min-height:calc(var(--tap) * 1.4);resize:none;border:.5px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface);color:var(--surface-ink);font:inherit;padding:14px 16px;line-height:1.35}.capture textarea::placeholder{color:var(--surface-ink-3)}.capture textarea:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.capture .hint{color:var(--surface-ink-3);min-height:1.2em;font-size:12px}.cards{flex-direction:column;gap:8px;display:flex}.card{border-radius:var(--radius-card);background:var(--cap-bg,var(--surface));color:var(--cap-fg,var(--surface-ink));min-height:var(--tap);align-items:center;gap:12px;padding:14px 16px;display:flex}.card[data-capacity=none]{box-shadow:inset 0 0 0 .5px var(--line-strong)}.card[data-capacity=S]{--cap-bg:var(--cap-s);--cap-fg:var(--cap-ink)}.card[data-capacity=M]{--cap-bg:var(--cap-m);--cap-fg:var(--cap-ink)}.card[data-capacity=L]{--cap-bg:var(--cap-l);--cap-fg:var(--cap-ink)}.card[data-capacity=XL]{--cap-bg:var(--cap-xl);--cap-fg:var(--cap-ink)}.card .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card .deadline{flex:none;align-items:center;gap:5px;font-size:13px;display:flex}.card .deadline .spent{opacity:.72;font-style:italic}.card .capacity{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:22px;font-size:12px}.card[data-capacity=none] .capacity{opacity:.4}.empty{text-align:center;color:var(--surface-ink-3);padding:40px 0;font-size:14px}.stalled{color:var(--surface-ink-3);text-align:center;font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card .face{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.card .face:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.triage{flex-direction:column;gap:8px;display:flex}.triage-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.triage-bar h1{color:var(--surface-ink-2);letter-spacing:.01em;margin:0;font-size:15px;font-weight:500}.triage-bar .close{color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.triage-bar .undo{font:inherit;color:var(--surface-ink-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-left:auto;padding:2px 0;font-size:12px;text-decoration:underline}.triage-bar .undo:hover{color:var(--surface-ink-2)}.stage{height:108px;margin-bottom:22px;position:relative}.tcard{background:var(--surface);border:.5px solid var(--line-strong);border-radius:var(--radius-card);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:16px 18px;position:absolute;inset:0 0 auto}.tcard:active{cursor:grabbing}.tcard.lifted{box-shadow:0 6px 20px #00000021}.tcard.behind{z-index:0;opacity:.5;border-color:var(--line);pointer-events:none;top:8px;left:10px;right:10px}.tcard.behind.deep{opacity:.28;top:16px;left:20px;right:20px}.tcard .t-title{margin:0;font-size:16px;line-height:1.35}.stage .done{text-align:center;color:var(--surface-ink-3);padding:48px 0;font-size:14px}.grid,.bays{grid-template-columns:1fr 1fr;gap:8px;display:grid}.target,.bay{font:inherit;border-radius:var(--radius-card);cursor:pointer;outline-offset:-2px;outline:2px solid #0000;transition:transform .12s,outline-color .12s,background .12s}.target:disabled,.bay:disabled{cursor:default;opacity:.45}.target{background:var(--target-bg);color:var(--cap-ink);border:none;justify-content:space-between;align-items:center;padding:26px 16px;display:flex}.target[data-capacity=S]{--target-bg:var(--cap-s)}.target[data-capacity=M]{--target-bg:var(--cap-m)}.target[data-capacity=L]{--target-bg:var(--cap-l)}.target[data-capacity=XL]{--target-bg:var(--cap-xl)}.target .k{font-size:15px}.target .n{opacity:.82;font-size:12px}.target.hot{outline-color:var(--cap-ink);transform:scale(1.015)}.bay{border:.5px solid var(--line-strong);color:var(--surface-ink-2);background:0 0;align-items:center;gap:8px;padding:20px 16px;font-size:13px;display:flex}.bay svg{flex:none}.bay.hot{outline-color:var(--surface-ink-2);background:#7f7f7f14;transform:scale(1.015)}.target:focus-visible,.bay:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.triage .hint{color:var(--surface-ink-3);text-align:center;margin:22px 0 0;font-size:12px}.triage-open{font:inherit;text-align:left;border:.5px dashed var(--line-strong);border-radius:var(--radius-card);color:var(--surface-ink-2);cursor:pointer;background:0 0;padding:12px 16px;font-size:13px}.triage-open:hover{color:var(--surface-ink)}.triage-open:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.refill{flex-direction:column;gap:16px;display:flex}.refill-bar{align-items:center;gap:12px;display:flex}.refill-bar h1{color:var(--surface-ink-2);letter-spacing:.01em;margin:0;font-size:15px;font-weight:500}.refill-bar .close{color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.card .pick{font:inherit;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:.5px solid;border-radius:999px;flex:none;padding:4px 10px;font-size:12px}.card .pick:hover{opacity:1}.card .pick:focus-visible{outline-offset:2px;outline:2px solid}.card .orbit{letter-spacing:.04em;opacity:.55;flex:none;font-size:11px}.sizing-title{margin:0;font-size:16px;line-height:1.35}.refill .grid .target{justify-content:center}.show-all,.refill-open{font:inherit;border-radius:var(--radius-card);border:.5px dashed var(--line-strong);color:var(--surface-ink-2);cursor:pointer;background:0 0;padding:14px 16px;font-size:13px}.refill-open{min-height:var(--tap);border-style:solid}.refill-open.lone{min-height:45vh;color:var(--surface-ink-3);border-style:dashed;flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.refill-open.lone:hover{color:var(--surface-ink-2)}.show-all:hover,.refill-open:hover{color:var(--surface-ink)}.show-all:focus-visible,.refill-open:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.release .card.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.release .card.draggable:active{cursor:grabbing}.release .card.lifted{z-index:1;box-shadow:0 6px 20px #00000021}.refill .bays.one{grid-template-columns:1fr}.bay.outward{cursor:default;border-style:dashed;justify-content:center}.refill .hint{color:var(--surface-ink-3);text-align:center;margin:6px 0 0;font-size:12px}.detail{flex-direction:column;gap:20px;display:flex}.crown{background:var(--cap-bg,var(--surface));color:var(--cap-fg,var(--surface-ink));flex-direction:column;gap:14px;margin:-32px -16px 0;padding:24px 16px 20px;display:flex}.crown[data-capacity=none]{box-shadow:inset 0 -.5px 0 var(--line-strong)}.crown[data-capacity=S]{--cap-bg:var(--cap-s);--cap-fg:var(--cap-ink)}.crown[data-capacity=M]{--cap-bg:var(--cap-m);--cap-fg:var(--cap-ink)}.crown[data-capacity=L]{--cap-bg:var(--cap-l);--cap-fg:var(--cap-ink)}.crown[data-capacity=XL]{--cap-bg:var(--cap-xl);--cap-fg:var(--cap-ink)}.crown-row{align-items:center;gap:12px;display:flex}.crown-row .back{margin-right:auto}.crown button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:32px;min-height:32px;padding:4px 6px}.crown button:disabled{opacity:.3;cursor:default}.crown button:focus-visible,.crown input:focus-visible{outline-offset:2px;outline:2px solid}.crown .deadline-open{align-items:center;gap:5px;font-size:13px;display:flex}.deadline-edit{align-items:center;gap:8px;display:flex}.deadline-edit input{font:inherit;color:inherit;background:#7f7f7f26;border:none;border-radius:6px;padding:6px 10px;font-size:14px}.deadline-edit button{opacity:.75;font-size:13px}.stepper{align-items:center;gap:2px;display:flex}.stepper .letter{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-size:13px}.crown h1{text-wrap:balance;margin:0;font-size:20px;font-weight:500;line-height:1.25}.crown .title-edit input{width:100%;font:inherit;color:inherit;background:#7f7f7f26;border:none;border-radius:6px;padding:4px 6px;font-size:20px}.steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.step{border-radius:8px;align-items:center;gap:8px;padding:8px 4px;display:flex}.step label{cursor:pointer;flex:1;align-items:center;gap:10px;min-height:24px;display:flex}.step.done span{opacity:.5;text-decoration:line-through}.step .remove{font:inherit;color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;flex:none;padding:0 6px}.add-step input,.track input{width:100%;font:inherit;border:.5px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface);color:var(--surface-ink);padding:10px 12px;font-size:15px}.track-add{font:inherit;text-align:left;color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.track-add:hover{color:var(--surface-ink-2)}.actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.actions button{font:inherit;min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius-card);color:var(--surface-ink-2);cursor:pointer;background:0 0;padding:14px 8px;font-size:14px}.actions button:hover:not(:disabled){color:var(--surface-ink)}.actions button:disabled{opacity:.4;cursor:default}.actions button:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.card[data-blocked=true] .title{opacity:.55}.far{flex-direction:column;gap:22px;display:flex}.far-bar{align-items:center;gap:12px;display:flex}.far-bar h1{color:var(--surface-ink-2);letter-spacing:.01em;margin:0;font-size:15px;font-weight:500}.far-bar .close{color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.track-group{flex-direction:column;gap:8px;display:flex}.track-group h2{letter-spacing:.04em;text-transform:lowercase;color:var(--surface-ink-3);margin:0 0 2px;font-size:12px;font-weight:500}.far-card[data-capacity=S]{background:color-mix(in oklab, var(--cap-s) 55%, var(--surface))}.far-card[data-capacity=M]{background:color-mix(in oklab, var(--cap-m) 55%, var(--surface))}.far-card[data-capacity=L]{background:color-mix(in oklab, var(--cap-l) 55%, var(--surface))}.far-card[data-capacity=XL]{background:color-mix(in oklab, var(--cap-xl) 55%, var(--surface))}.far-card .dark{font:inherit;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:.5px solid;border-radius:999px;flex:none;padding:4px 10px;font-size:12px}.far-card .dark:hover{opacity:1}.far-card .dark:focus-visible{outline-offset:2px;outline:2px solid}.far-open{font:inherit;text-align:left;border:.5px dashed var(--line);border-radius:var(--radius-card);color:var(--surface-ink-3);cursor:pointer;background:0 0;padding:12px 16px;font-size:13px}.far-open:hover{color:var(--surface-ink-2)}.far-open:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.settings{flex-direction:column;gap:28px;display:flex}.settings-bar{align-items:center;gap:12px;display:flex}.settings-bar h1{color:var(--surface-ink-2);letter-spacing:.01em;margin:0;font-size:15px;font-weight:500}.settings-bar .close{color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.setting{flex-direction:column;gap:10px;display:flex}.setting h2{color:var(--surface-ink-2);margin:0;font-size:13px;font-weight:500}.setting .note{color:var(--surface-ink-3);margin:0;font-size:12px;line-height:1.45}.budget{align-items:center;gap:10px;display:flex}.budget button{font:inherit;min-width:var(--tap);min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius-card);color:var(--surface-ink);cursor:pointer;background:0 0}.budget button:disabled{opacity:.35;cursor:default}.budget .units{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5ch;font-size:20px}.choice{gap:8px;display:flex}.choice button{font:inherit;min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius-card);color:var(--surface-ink-2);cursor:pointer;background:0 0;padding:10px 14px;font-size:13px}.choice button.on{color:var(--surface-ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.budget button:focus-visible,.choice button:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.settings-open{font:inherit;color:var(--surface-ink-3);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:6px 0;font-size:12px}.settings-open:hover{color:var(--surface-ink-2)}.settings-open:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.login{flex-direction:column;gap:18px;padding-top:12vh;display:flex}.login form{flex-direction:column;gap:14px;display:flex}.login label{color:var(--surface-ink-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.login input{width:100%;font:inherit;border:.5px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface);color:var(--surface-ink);padding:12px 14px;font-size:16px}.login input:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.login button{font:inherit;min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius-card);color:var(--surface-ink);cursor:pointer;background:0 0;padding:12px 16px;font-size:15px}.login button:disabled{opacity:.5;cursor:default}.login button:focus-visible{outline:2px solid var(--surface-ink-2);outline-offset:2px}.login .refused{min-height:1.2em;color:var(--surface-ink-2);margin:0;font-size:13px}.login .once{color:var(--surface-ink-3);margin:0;font-size:12px}
