:root{--bg: radial-gradient(ellipse at 60% 38%, #0a1622 0%, #04070e 58%, #01030a 100%);--panel-bg: linear-gradient(180deg, rgba(6, 14, 24, .82), rgba(3, 8, 16, .82));--text: rgba(214, 248, 255, .98);--text-dim: rgba(120, 200, 230, .62);--line: 44 224 255;--accent: 255 174 52;--todo: 58 150 255;--doing: 255 174 52;--done: 47 240 200;--glow: 1;--nav-w: 280px;--panel-w: 320px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg)}#stage{position:fixed;top:0;left:var(--nav-w);width:calc(100vw - var(--nav-w) - var(--panel-w));height:100vh;display:block;cursor:grab;touch-action:none}#nav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-w);display:flex;flex-direction:column;gap:12px;padding:16px 14px;background:var(--panel-bg);border-right:1px solid rgb(var(--line) / .32);box-shadow:inset -1px 0 16px rgb(var(--line) / calc(.05 * var(--glow))),3px 0 24px #00000073;overflow:hidden;-webkit-user-select:none;user-select:none}#nav-head{flex:0 0 auto;display:flex;flex-direction:column;gap:11px}.brand{font:700 13px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--text);text-shadow:0 0 12px rgb(var(--line) / calc(.4 * var(--glow)))}#tree-search{width:100%;font:11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;color:var(--text);background:rgb(var(--line) / .06);border:1px solid rgb(var(--line) / .28);border-radius:4px;padding:8px 10px;outline:none;transition:border-color .12s,background .12s}#tree-search::placeholder{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}#tree-search:focus{border-color:rgb(var(--line) / .6);background:rgb(var(--line) / .1)}#nav-foot{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgb(var(--line) / .12)}#panel{position:fixed;top:0;right:0;bottom:0;width:var(--panel-w);display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--panel-bg);border-left:1px solid rgb(var(--line) / .32);box-shadow:inset 1px 0 16px rgb(var(--line) / calc(.05 * var(--glow))),-3px 0 24px #00000073;overflow-y:auto;-webkit-user-select:none;user-select:none}.pi-label{font:10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--line) / .55);text-shadow:0 0 6px rgb(var(--line) / calc(.3 * var(--glow)));margin-bottom:8px}#panel-info{display:flex;flex-direction:column;gap:12px}#pi-title{font:600 19px/1.2 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.02em;color:var(--text);text-shadow:0 0 12px rgb(var(--line) / calc(.35 * var(--glow)));word-break:break-word}.status-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;font:11px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgb(var(--line) / .3);color:var(--text)}.status-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#5a6b7a}.status-chip.todo:before{background:rgb(var(--todo));box-shadow:0 0 9px rgb(var(--todo) / calc(1 * var(--glow)))}.status-chip.doing:before{background:rgb(var(--doing));box-shadow:0 0 9px rgb(var(--doing) / calc(1 * var(--glow)))}.status-chip.done:before{background:rgb(var(--done));box-shadow:0 0 9px rgb(var(--done) / calc(1 * var(--glow)))}#pi-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:rgb(var(--line) / .06);border:1px solid rgb(var(--line) / .15)}#pi-bar .seg.todo{background:rgb(var(--todo))}#pi-bar .seg.doing{background:rgb(var(--doing))}#pi-bar .seg.done{background:rgb(var(--done))}#pi-meta{font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}#pi-path{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;font:10px/1.3 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.pi-crumb{background:none;border:none;padding:0;cursor:pointer;font:inherit;text-transform:uppercase;white-space:nowrap;color:rgb(var(--line) / .72);transition:color .1s}.pi-crumb:hover{color:var(--text)}.pi-crumb.current{color:var(--text-dim);cursor:default}.pi-crumb-sep{color:rgb(var(--line) / .4)}#pi-headline{display:flex;align-items:center;justify-content:space-between;gap:8px}#pi-pct{font:600 13px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;color:var(--text);white-space:nowrap}#pi-legend{font:10px/1.4 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}#panel-tasks{display:flex;flex-direction:column}#task-list{display:flex;flex-direction:column;gap:3px;max-height:30vh;overflow-y:auto;margin:0 -4px;padding:0 4px}.task-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:rgb(var(--line) / .05);border:1px solid rgb(var(--line) / .14);border-radius:4px;padding:8px 10px;cursor:pointer;font:12px/1.2 ui-monospace,SF Mono,Menlo,monospace;color:var(--text);transition:background .1s,border-color .1s}.task-item:hover{background:rgb(var(--line) / .12);border-color:rgb(var(--line) / .4)}.task-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#5a6b7a}.task-dot.todo{background:rgb(var(--todo));box-shadow:0 0 8px rgb(var(--todo) / calc(1 * var(--glow)))}.task-dot.doing{background:rgb(var(--doing));box-shadow:0 0 8px rgb(var(--doing) / calc(1 * var(--glow)))}.task-dot.done{background:rgb(var(--done));box-shadow:0 0 8px rgb(var(--done) / calc(1 * var(--glow)))}.task-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-prog{flex:0 0 auto;font-size:10px;letter-spacing:.04em;color:var(--text-dim)}.leaf-actions{display:flex;gap:6px}.leaf-btn{flex:1;background:rgb(var(--line) / .05);border:1px solid rgb(var(--line) / .2);border-radius:4px;padding:10px 4px;cursor:pointer;font:10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:all .1s}.leaf-btn:hover{color:var(--text);border-color:rgb(var(--line) / .5)}.leaf-btn.todo.active{color:var(--text);border-color:rgb(var(--todo));background:rgb(var(--todo) / .16);box-shadow:0 0 12px rgb(var(--todo) / calc(.3 * var(--glow)))}.leaf-btn.doing.active{color:var(--text);border-color:rgb(var(--doing));background:rgb(var(--doing) / .16);box-shadow:0 0 12px rgb(var(--doing) / calc(.3 * var(--glow)))}.leaf-btn.done.active{color:var(--text);border-color:rgb(var(--done));background:rgb(var(--done) / .16);box-shadow:0 0 12px rgb(var(--done) / calc(.3 * var(--glow)))}.pi-pin{align-self:flex-start;background:none;border:1px solid rgb(var(--line) / .22);border-radius:999px;padding:5px 12px;font:10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);cursor:default}.pi-pin.pinned{color:rgb(var(--accent));border-color:rgb(var(--accent) / .6);background:rgb(var(--accent) / .1);box-shadow:0 0 12px rgb(var(--accent) / calc(.25 * var(--glow)));cursor:pointer}.pi-pin.pinned:hover{box-shadow:0 0 18px rgb(var(--accent) / calc(.45 * var(--glow)));background:rgb(var(--accent) / .16)}#add-card{margin-top:8px;width:100%;background:none;border:1px dashed rgb(var(--line) / .3);border-radius:3px;padding:8px;cursor:pointer;font:11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:background .12s,border-color .12s,color .12s}#add-card:hover{border-color:rgb(var(--line) / .6);color:var(--text);background:rgb(var(--line) / .08)}#rename-input{position:fixed;display:none;z-index:100;padding:2px 6px;background:var(--panel-bg);border:1px solid rgb(var(--line));border-radius:3px;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;outline:none;box-shadow:0 0 16px rgb(var(--line) / calc(.4 * var(--glow)))}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000012 3px)}#tree-wrap{display:flex;flex-direction:column;flex:1;min-height:0}#tree{flex:1;overflow-y:auto;margin:0 -14px;padding:0 14px}.tree-row{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 6px;cursor:pointer;font:12px/1.2 ui-monospace,SF Mono,Menlo,monospace;color:var(--text-dim);border-left:2px solid transparent;transition:background .1s}.tree-row:hover{background:rgb(var(--line) / .1)}.tree-row:hover .tree-del{opacity:1}.tree-row.current{background:rgb(var(--line) / .16);border-left-color:rgb(var(--line) / .9);color:var(--text)}.tree-tog{flex:0 0 12px;width:12px;text-align:center;font-size:10px;color:rgb(var(--line) / .6)}.tree-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#5a6b7a}.tree-dot.todo{background:rgb(var(--todo));box-shadow:0 0 7px rgb(var(--todo) / calc(1 * var(--glow)))}.tree-dot.doing{background:rgb(var(--doing));box-shadow:0 0 7px rgb(var(--doing) / calc(1 * var(--glow)))}.tree-dot.done{background:rgb(var(--done));box-shadow:0 0 7px rgb(var(--done) / calc(1 * var(--glow)))}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-del{flex:0 0 auto;opacity:0;background:none;border:none;cursor:pointer;color:var(--text-dim);font:14px/1 ui-monospace,monospace;padding:0 2px;transition:color .12s,opacity .12s}.tree-del:hover{color:#ff7878f2}#theme-wrap{display:flex;flex-direction:column}#theme-select{width:100%;font:11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:rgb(var(--line) / .06);border:1px solid rgb(var(--line) / .4);border-radius:3px;padding:9px 10px;cursor:pointer;outline:none;transition:border-color .12s,background .12s}#theme-select:hover{border-color:rgb(var(--line) / .75);background:rgb(var(--line) / .1)}#theme-select option{color:#111;background:#fff}#hud{font:10px/1.4 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);opacity:.7}.overlay{position:fixed;color:var(--text-dim);font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 8px rgb(var(--line) / calc(.4 * var(--glow)))}#hint{left:calc(var(--nav-w) + 16px);bottom:14px;color:var(--text-dim);text-shadow:none}#toolbar{position:fixed;top:12px;left:calc(var(--nav-w) + 16px);display:flex;gap:8px}#nav-toggle,#panel-toggle,#drawer-scrim{display:none}@media(max-width:900px){#stage{left:0;width:100vw}#nav,#panel{z-index:60;width:min(86vw,360px);transition:transform .24s ease;box-shadow:0 0 44px #0009}#nav{transform:translate(-101%)}#panel{transform:translate(101%)}body.nav-open #nav,body.panel-open #panel{transform:translate(0)}#toolbar{position:static;flex-wrap:wrap;padding:0}#nav-toggle,#panel-toggle{display:flex;align-items:center;position:fixed;top:12px;z-index:45;padding:10px 14px;font:11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--line));background:var(--panel-bg);border:1px solid rgb(var(--line) / .5);border-radius:6px;cursor:pointer}#nav-toggle{left:12px}#panel-toggle{right:12px}#drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080}body.nav-open #drawer-scrim,body.panel-open #drawer-scrim{display:block}#hint{display:none}}#toolbar button{font:11px/1 ui-monospace,SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;color:rgb(var(--line));background:rgb(var(--line) / .06);border:1px solid rgb(var(--line) / .55);border-radius:2px;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 0 8px rgb(var(--line) / calc(.5 * var(--glow)));box-shadow:0 0 14px rgb(var(--line) / calc(.18 * var(--glow))),inset 0 0 10px rgb(var(--line) / calc(.06 * var(--glow)));transition:all .12s ease}#toolbar button:hover{background:rgb(var(--line) / .12);box-shadow:0 0 22px rgb(var(--line) / calc(.35 * var(--glow)))}#mode-toggle.on{color:rgb(var(--accent));background:rgb(var(--accent) / .12);border-color:rgb(var(--accent) / .85);text-shadow:0 0 10px rgb(var(--accent) / calc(.7 * var(--glow)));box-shadow:0 0 22px rgb(var(--accent) / calc(.4 * var(--glow))),inset 0 0 12px rgb(var(--accent) / calc(.12 * var(--glow)))}