:root{--tint-s:#e6f1fb;--tint-m:#b5d4f4;--tint-l:#85b7eb;--tint-xl:#378add;--tint-ink:#042c53;--ink-mid:#0c447c;--ink-soft:#185fa5;--page:#fbfbfa;--surface:#fff;--ink:#1f1f1d;--ink-2:#6b6b66;--ink-3:#96968f;--line:#0000001a;--line-strong:#0003;--wash:#00000009;--radius:12px;--tap:44px;--column:440px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--tint-s:#1d252b;--tint-m:#203a50;--tint-l:#205076;--tint-xl:#2f71b5;--tint-ink:#ebf2ff;--ink-mid:#c4dafa;--ink-soft:#8db8ec;--page:#0f1113;--surface:#181b1e;--ink:#d7d9db;--ink-2:#9ba0a6;--ink-3:#6e747b;--line:#ffffff1a;--line-strong:#fff3;--wash:#ffffff0d}}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--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}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.plain{color:var(--ink-2);background:0 0;border:none;border-radius:6px;padding:4px 6px}.plain:hover:not(:disabled){color:var(--ink)}.plain.icon{place-items:center;min-width:32px;min-height:32px;display:inline-grid}.small{font-size:13px}input[type=text],input[type=url],input[type=date],select,textarea{width:100%;min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:10px 14px}textarea{resize:vertical;min-height:96px;line-height:1.4}::placeholder{color:var(--ink-3)}.app{max-width:var(--column);padding:20px 16px 120px;padding-top:max(20px, env(safe-area-inset-top));margin:0 auto}.topbar{align-items:center;gap:12px;min-height:32px;margin-bottom:18px;display:flex}.mark{letter-spacing:-.04em;color:var(--ink-soft);font-size:17px;font-weight:700}.undo-slot,.signout{margin-left:auto}.undo-slot{min-width:0;color:var(--ink-3);align-items:baseline;gap:10px;font-size:12px;display:flex}.undo-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.undo{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:none;flex:none;padding:2px 0;font-size:12px;text-decoration:underline}.undo:hover{color:var(--ink)}.banner{border-radius:var(--radius);background:var(--tint-s);color:var(--tint-ink);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;padding:14px 16px;font-size:14px;display:flex}.banner p{margin:0}.error{color:var(--ink);font-size:13px}.primary{border-radius:var(--radius);background:var(--tint-xl);color:#fff;border:none;padding:10px 16px;font-weight:500}.lists{scrollbar-width:none;gap:6px;margin:0 -16px 22px;padding:0 16px 2px;display:flex;overflow-x:auto}.lists::-webkit-scrollbar{display:none}.pill{border:.5px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:6px 14px;font-size:14px}.pill[aria-current=page]{background:var(--surface);color:var(--ink);border-color:var(--ink-3)}.pill.new{border-style:dashed;padding:6px 12px}.pill-add input{border-radius:999px;width:10rem;min-height:0;padding:6px 14px;font-size:14px}.list-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.list-bar h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600}.rename input{font-size:20px;font-weight:600}.menu{border:.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);gap:2px;margin:-6px 0 16px;padding:6px;display:grid}.menu button{text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 12px}.menu button:hover:not(:disabled){background:var(--wash)}.menu .quiet{color:var(--ink-2)}.capture{margin-bottom:14px}.capture input{padding:14px 16px}.empty{text-align:center;color:var(--ink-3);padding:40px 0;font-size:14px}.cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card{--bg:var(--surface);--fg:var(--ink);--fg-2:var(--ink-2);min-height:var(--tap);border-radius:var(--radius);background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 .5px var(--line-strong);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;align-items:center;transition:opacity .12s,box-shadow .14s;display:flex}.card[data-tint=s]{--bg:var(--tint-s);--fg:var(--tint-ink);--fg-2:var(--ink-mid);box-shadow:none}.card[data-tint=m]{--bg:var(--tint-m);--fg:var(--tint-ink);--fg-2:var(--ink-mid);box-shadow:none}.card[data-tint=l]{--bg:var(--tint-l);--fg:var(--tint-ink);--fg-2:var(--tint-ink);box-shadow:none}.card[data-done=true]{--fg:var(--ink-3);--fg-2:var(--ink-3);background:0 0}.card[data-done=true] .title{text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.card[data-placeholder=true]{opacity:.3}.tick{width:44px;color:var(--fg-2);background:0 0;border:none;flex:none;align-self:stretch;place-items:center;padding:0 0 0 4px;display:grid}.ring{opacity:.7;border:1.5px solid;border-radius:50%;width:18px;height:18px}.card[data-done=true] .ring{box-shadow:inset 0 0 0 3px var(--page);opacity:.6;background:currentColor}.face{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-self:stretch;align-items:center;gap:12px;padding:12px 4px 12px 2px;display:flex}.face:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid}.title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.meta{color:var(--fg-2);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:10px;font-size:13px;display:flex}.meta>span,.due{align-items:center;gap:4px;display:inline-flex}.due.spent{opacity:.8;font-style:italic}.grip{width:32px;color:var(--fg-2);opacity:.45;cursor:grab;touch-action:none;flex:none;align-self:stretch;place-items:center;display:grid}.card:hover .grip{opacity:.8}.card[data-picked=true]{box-shadow:0 6px 20px #00000021, inset 0 0 0 1.5px var(--tint-xl);z-index:1;position:relative}.card[data-picked=true] .grip{opacity:1;color:var(--tint-xl)}.grip:focus-visible{outline:2px solid var(--ink-soft);outline-offset:-4px;border-radius:8px}.picked-tools{align-items:center;gap:4px;margin:-2px 4px 2px;font-size:14px;display:flex}.picked-tools .plain{border:.5px solid var(--line-strong);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.picked-tools .up,.picked-tools .down{place-items:center;width:16px;height:16px;display:inline-grid}.picked-tools .up svg{width:16px;transform:rotate(90deg)}.picked-tools .down svg{width:16px;transform:rotate(-90deg)}.picked-tools .put-down{color:var(--ink-2);border-color:#0000;margin-left:auto}.ghost{z-index:30;pointer-events:none;cursor:grabbing;position:fixed;transform:rotate(-.6deg)scale(1.02);box-shadow:0 8px 24px #00000029}.ghost[data-tint=none]{box-shadow:0 8px 24px #00000029, inset 0 0 0 .5px var(--line-strong)}.insert-mark{border-top:2px solid var(--tint-xl);border-radius:2px;height:0;margin:-1px 8px}.list-screen.dragging{padding-bottom:50vh}.done-section{margin-top:22px}.done-toggle{color:var(--ink-3);margin-bottom:8px;padding:4px 0;font-size:13px}.dock{z-index:20;padding:14px 16px max(14px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--page) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:.5px solid var(--line);animation:.14s ease-out rise;position:fixed;bottom:0;left:0;right:0}.dock>*{max-width:var(--column);margin-left:auto;margin-right:auto}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.dock-lists,.dock-bays{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dock-lists{max-height:34vh;margin-bottom:8px;overflow-y:auto}.tile,.bay{font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);outline-offset:-2px;border:none;outline:2px solid #0000;align-items:center;gap:8px;min-height:56px;padding:14px 16px;transition:transform .12s,outline-color .12s,background .12s;display:flex}.tile{background:var(--tint-s);color:var(--tint-ink);font-size:14px}.tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile.hot{background:var(--tint-m);outline-color:var(--tint-ink);transform:scale(1.015)}.bay{border:.5px solid var(--line-strong);color:var(--ink-2);background:0 0;font-size:13px}.bay.hot{outline-color:var(--ink-2);background:var(--wash);transform:scale(1.015)}.bay svg,.tile svg{flex:none}.hint{color:var(--ink-3);text-align:center;margin:12px auto 0;font-size:12px}.detail{flex-direction:column;gap:22px;display:flex}.crown{--bg:var(--surface);--fg:var(--ink);background:var(--bg);color:var(--fg);box-shadow:inset 0 -.5px 0 var(--line-strong);flex-direction:column;gap:12px;margin:-8px -16px 0;padding:14px 16px 18px;display:flex}.crown[data-tint=s]{--bg:var(--tint-s);--fg:var(--tint-ink);box-shadow:none}.crown[data-tint=m]{--bg:var(--tint-m);--fg:var(--tint-ink);box-shadow:none}.crown[data-tint=l]{--bg:var(--tint-l);--fg:var(--tint-ink);box-shadow:none}@media (width>=472px){.crown{border-radius:var(--radius);margin:-8px 0 0}}.crown-row{align-items:center;gap:12px;font-size:13px;display:flex}.back{color:inherit;opacity:.8;background:0 0;border:none;align-items:center;gap:2px;margin-right:auto;padding:4px 6px 4px 0;display:inline-flex}.move-to{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.move-to::-webkit-scrollbar{display:none}@media (width>=472px){.move-to{flex-wrap:wrap;margin:0;padding:0 0 2px}}.move-to .pill{color:inherit;opacity:.75;border-color:currentColor;border-color:color-mix(in srgb, currentColor 30%, transparent);padding:5px 12px;font-size:13px}.move-to .pill[aria-current=true]{opacity:1;background:var(--surface);color:var(--ink);border-color:#0000;font-weight:500}.crown-title input{min-height:0;color:inherit;background:0 0;border:none;padding:4px 0;font-size:20px;font-weight:600}.crown-done{opacity:.85;align-items:center;gap:8px;font-size:13px;display:inline-flex}.block{flex-direction:column;gap:8px;display:flex}.block h2{color:var(--ink-3);letter-spacing:.02em;margin:0;font-size:12px;font-weight:500}.block.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.block.two label{flex-direction:column;gap:8px;min-width:0;display:flex}.row{align-items:center;gap:8px;display:flex}.open-link{color:var(--ink-soft);flex:none;font-size:14px}.steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:8px;display:flex}.step input[type=checkbox],.crown-done input{width:18px;height:18px;accent-color:var(--tint-xl);flex:none}.step input[type=text]{background:0 0;border-color:#0000;min-height:0;padding:8px 6px}.step input[type=text]:focus{border-color:var(--line-strong);background:var(--surface)}.step[data-done=true] input[type=text]{color:var(--ink-3);text-decoration:line-through}.step-tools{color:var(--ink-3);flex:none;display:flex}.add-step input{border-style:dashed;min-height:40px;padding:8px 14px}.notes-line{width:100%;min-height:var(--tap);border:.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:left;align-items:center;gap:10px;padding:10px 14px;display:flex}.notes-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.notes-line.empty .notes-text{color:var(--ink-3)}.notes-more{color:var(--ink-3);flex:none;font-size:12px}.notes-open{min-height:var(--tap);overflow:hidden}.due-field{flex-direction:column;gap:8px;max-width:16rem;display:flex}.detail .delete{cursor:pointer;align-self:flex-start;margin-top:6px}.enroll{max-width:var(--column);margin:0 auto;padding:48px 16px}.enroll h1{font-size:20px;font-weight:600}.enroll a{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
