:root{--ink:#111111;--ink-soft:#1a1a1a;--paper:#f4f1ec;--canvas:#ffffff;--accent:#ff5310;--go:#1f9d55;--muted:#6b6863;--line:#e6e1d8;--radius:.7rem;--font-title:Fraunces,Georgia,serif;--font-ui:Outfit,system-ui,sans-serif;--font-mono:IBM Plex Mono,ui-monospace,monospace;--q:34%;--m:168px;--rail:36px}*{box-sizing:border-box}html,body{height:100%;margin:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.4;overflow:hidden;display:flex;flex-direction:column;height:100dvh}.mark{font-family:var(--font-title);font-weight:600;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--muted)}.hidden{display:none!important}.top{flex:0 0 52px;height:52px;max-height:52px;overflow:hidden;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:20px;padding:0 18px;position:relative;z-index:5}.brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand .desk{font-size:12px;color:#b9b3aa;letter-spacing:.08em;text-transform:uppercase}.top-nav{display:flex;gap:4px;flex:1}.top-nav button,button.ghost{background:0;color:#b9b3aa;border:0;font:500 13px var(--font-ui);padding:6px 10px;border-radius:6px;cursor:pointer}.top-nav button.on{color:var(--paper);background:#2a2a2a}.top-meta{margin-left:auto;display:flex;align-items:center;gap:12px;color:#8a857c}.flash{position:fixed;top:10px;right:16px;left:auto;z-index:30;height:auto;min-height:0;width:auto;max-width:40vw;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;padding:8px 12px;border-radius:6px;pointer-events:none;box-shadow:0 8px 24px rgb(17 17 17 / .25)}.stage{flex:1 1 auto;min-height:0;height:auto;display:grid;grid-template-columns:var(--q) 8px 1fr 8px var(--m);padding:12px;gap:0}.stage.hide-q{grid-template-columns:var(--rail) 0 1fr 8px var(--m)}.stage.hide-r{grid-template-columns:var(--q) 8px var(--rail) 8px var(--m)}.stage.hide-m{grid-template-columns:var(--q) 8px 1fr 0 var(--rail)}.stage.hide-q.hide-m{grid-template-columns:var(--rail) 0 1fr 0 var(--rail)}.stage.hide-q.hide-r{grid-template-columns:var(--rail) 0 var(--rail) 8px var(--m)}.stage.hide-r.hide-m{grid-template-columns:var(--q) 8px var(--rail) 0 var(--rail)}.pane{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 var(--line);min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:4px;width:22px;height:22px;cursor:pointer;font:12px var(--font-mono)}.pane-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane.collapsed .pane-head,.pane.collapsed .pane-body{display:none}.rail-hit{display:none;writing-mode:vertical-rl;transform:rotate(180deg);width:100%;height:100%;border:0;background:0;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font:11px var(--font-ui);cursor:pointer}.pane.collapsed .rail-hit{display:block}.gutter{cursor:col-resize;position:relative}.gutter:after{content:"";position:absolute;top:18%;bottom:18%;left:3px;width:2px;background:var(--line)}.gutter:hover:after{background:var(--accent)}.minis,.projects-row{display:flex;gap:6px;padding:8px 10px 0;flex-wrap:wrap}.projects-row{padding-top:6px}.mini,.proj{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:5px 9px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px}.mini.live{background:var(--accent);border-color:var(--accent);color:#fff}.mini b{font-family:var(--font-mono)}.proj.live{box-shadow:inset 0 0 0 1px var(--ink)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink);flex:none}.toolbar{display:flex;gap:8px;padding:8px 10px}.toolbar input{flex:1;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:14px var(--font-ui);background:var(--paper)}button.ink{background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:8px 12px;font:500 13px var(--font-ui);cursor:pointer}button.paper{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font:500 13px var(--font-ui);cursor:pointer;white-space:nowrap}.list{overflow:auto;flex:1;padding:0 8px 12px}.row{display:grid;grid-template-columns:22px 28px 1fr auto auto auto;gap:10px;align-items:center;padding:10px 8px;border-radius:8px;cursor:pointer;border:1px solid transparent}.row:hover{background:var(--paper)}.row.sel{background:#faf8f4;box-shadow:inset 3px 0 0 var(--row-accent,var(--accent))}.row.is-complete .row-title strong{color:var(--muted);text-decoration:line-through}.avatar{width:28px;height:28px;border-radius:50%;color:#fff;font:600 10px var(--font-mono);display:grid;place-items:center;letter-spacing:.02em;flex:none}.done-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;padding:0;cursor:pointer;flex:none}.done-dot.on{background:var(--go);border-color:var(--go);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2 6.5 11.6 13 4.4'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px}.done-dot:hover{border-color:var(--go)}.row-title{display:flex;gap:8px;align-items:baseline;min-width:0}.row-title strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title time,.subline{font-size:12px;color:var(--muted)}.due-chip{font:11px var(--font-mono);color:var(--muted);white-space:nowrap}.due-chip.over{color:var(--accent)}.due-chip.today{color:var(--ink);font-weight:500}.count-chip{font:11px var(--font-mono);color:var(--muted)}.add-inline{display:flex;align-items:center;gap:8px;padding:8px;margin:4px 0 12px;border-radius:8px}.add-inline input{flex:1;border:0;background:0;font:14px var(--font-ui);padding:8px 0;outline:0}.add-inline input::placeholder{color:#9a958c}.empty-work{height:100%;display:grid;place-items:center;color:var(--muted);font-family:var(--font-title);font-size:22px}.record{padding:14px 18px 20px;overflow:auto;flex:1}.rec-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mark-complete{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:7px 12px;font:500 13px var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.mark-complete.on{background:var(--go);border-color:var(--go);color:#fff}.record h1{font-family:var(--font-title);font-size:26px;font-weight:500;margin:0 0 16px;outline:0}.meta{display:grid;grid-template-columns:88px 1fr;gap:10px 12px;align-items:center;margin-bottom:18px}.meta-k{font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.meta-v{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta input,.meta select{border:1px solid var(--line);border-radius:6px;padding:7px 9px;font:13px var(--font-ui);background:var(--paper)}.sec-label{font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.swatches{display:flex;gap:6px}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.check{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f0ebe3}.check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border:1.5px solid var(--ink);border-radius:50%;background:var(--canvas);flex:none;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:14px 14px}.check input[type=checkbox]:checked{background-color:var(--go);border-color:var(--go);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3 8.2 6.4 12 13 4'/></svg>")}.check.just-done input[type=checkbox]{animation:check-pop .38s cubic-bezier(.2,1.4,.3,1) 1}.check.is-done input[type=text]{color:var(--muted);text-decoration:line-through}.check input[type=checkbox]:disabled{opacity:.35;cursor:default}.check input[type=text]{flex:1;border:0;font:15px var(--font-ui);background:0}@keyframes check-pop{0%{transform:scale(.7)}55%{transform:scale(1.16)}100%{transform:scale(1)}}.note{background:var(--paper);border-radius:8px;padding:10px 12px;border:1px solid var(--line);margin-bottom:8px;position:relative}.note-del{position:absolute;right:10px;top:10px;border:0;background:0;color:var(--muted);font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:0}.note-del:hover{color:var(--ink)}.composer{width:100%;min-height:56px;border:1px solid var(--line);border-radius:8px;padding:10px;font:14px var(--font-ui);resize:vertical}.composer-hint{font:11px var(--font-mono);color:var(--muted);margin-top:4px}.move-btn{margin:8px 10px 0;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:12px;display:flex;justify-content:space-between;font:500 14px var(--font-ui);cursor:pointer}.move-btn.live{background:var(--accent);border-color:var(--accent);color:#fff}.move-btn kbd{font-family:var(--font-mono);font-size:11px}.quiet-x{border:0;background:0;color:var(--muted);font:16px var(--font-mono);line-height:1;cursor:pointer;padding:2px 4px}.quiet-x:hover{color:var(--ink)}.row-del{opacity:0}.row:hover .row-del{opacity:1}.gate{position:fixed;inset:0;background:var(--ink);z-index:40;display:grid;place-items:center;color:var(--paper)}.gate-card{width:min(360px,90vw)}.gate input{width:100%;padding:12px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:var(--paper);font:16px var(--font-ui);margin-bottom:10px}.gate button{width:100%;background:var(--paper);color:var(--ink);border:0;padding:12px;border-radius:8px}.err{color:var(--accent)}.scrim{position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:20}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;background:var(--ink);border-radius:16px 16px 0 0;max-height:88vh;overflow:auto;padding:16px}.sheet.hidden,.scrim.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;max-height:0!important}.sheet .record{background:var(--canvas);color:var(--ink);border-radius:12px;padding:16px}.sheet-close{position:absolute;right:12px;top:8px;background:0;color:#fff;border:0;font-size:28px}@media(max-width:1023px){.top{display:none!important;flex:0 0 0;height:0;max-height:0;overflow:hidden;padding:0}.stage{display:flex;flex-direction:column;padding:0}.gutter,.pane.record,.pane.move,.keys,#btn-reset-layout,.pane-head,.rail-hit{display:none!important}.pane.queue{border:0;border-radius:0;min-height:0;flex:1}.top-nav{display:none}.row-del{opacity:1}}