:root{--fs:13px;--lh:1.3;--line:calc(var(--fs) * var(--lh));--bg:#07070a;--fg:#e0e0e0;--guide:#1e3a8a;--mid:#38bdf8;--accent:#0ff;--accent-deep:#08f;--hot:#f05;--label:color-mix(in srgb, var(--mid) 60%, transparent);--glow-hover:0 0 5px var(--accent), 0 0 12px var(--accent-deep);--glow-sel:0 0 5px var(--accent), 0 0 12px var(--accent), 0 0 25px var(--accent-deep);--glow-hot:0 0 5px var(--hot), 0 0 12px var(--hot);--grad-a:#0ff;--grad-b:#06f;--frame-dim:45%}body.theme-alt{--guide:#8a4dff;--mid:#2ef9ee;--accent:#2ef9ee;--accent-deep:#00e6dc;--hot:#c56bff;--glow-hover:0 0 5px #fff, 0 0 12px #2ef9ee;--glow-sel:0 0 6px #fff, 0 0 14px #2ef9ee, 0 0 28px #b14dff;--glow-hot:0 0 5px #fff, 0 0 12px #c56bff, 0 0 24px #9b30ff;--grad-a:#2ef9ee;--grad-b:#b14dff;--frame-dim:70%}#bg-field,#bg-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}.grad{color:color-mix(in oklab, var(--grad-a) calc(100% - var(--t,0) * 100%), var(--grad-b));text-shadow:0 0 6px color-mix(in oklab, var(--grad-a) calc(100% - var(--t,0) * 100%), var(--grad-b))}.frame .ascii-node.glow-subtle{color:color-mix(in oklab, color-mix(in oklab, var(--grad-a) calc(100% - var(--t,0) * 100%), var(--grad-b)) var(--frame-dim), transparent);text-shadow:0 0 4px color-mix(in oklab, var(--grad-a) calc(100% - var(--t,0) * 100%), var(--grad-b))}*,:before,:after{box-sizing:border-box}html,body{cursor:none}*{cursor:none!important}body{background-color:var(--bg);color:var(--fg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;font-family:IBM Plex Mono,Fira Code,monospace;overflow:hidden}::selection{background:var(--accent);color:var(--bg)}button{all:unset;font:inherit;color:inherit}button:focus-visible,input:focus-visible,.list:focus-visible{outline:none}button:focus-visible{color:#fff;text-shadow:var(--glow-sel)}.ascii-node{-webkit-user-select:none;user-select:none}.glow-subtle{color:#1e3a8a;text-shadow:0 0 2px #1e3a8a66;transition:color .3s}.glow-bloom{color:#0ff;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #08f,0 0 80px #04f;text-align:center;will-change:opacity, text-shadow;min-width:1ch;font-weight:700;display:inline-block}.glow-bloom-glitch{color:#f05;text-shadow:0 0 5px #f05,0 0 10px #f05,0 0 20px red,0 0 40px #800}.glow-tainted{text-align:center;will-change:text-shadow, opacity;min-width:1ch;font-weight:700;display:inline-block;color:#fff!important;text-shadow:0 0 5px #0ff,0 0 12px #0ff,0 0 25px #0ff,0 0 50px #08f!important}.glow-tainted-glitch{text-align:center;will-change:text-shadow, opacity;min-width:1ch;font-weight:700;display:inline-block;color:#fff!important;text-shadow:0 0 5px #f05,0 0 12px #f05,0 0 25px #f05,0 0 50px #800!important}body.theme-alt .glow-subtle{color:#8a4dff;text-shadow:0 0 3px #9b30ffb3}body.theme-alt .glow-bloom{color:#2ef9ee;text-shadow:0 0 5px #fff,0 0 12px #2ef9ee,0 0 24px #00e6dc,0 0 45px #b14dff,0 0 90px #6d28d9}body.theme-alt .glow-bloom-glitch{color:#c56bff;text-shadow:0 0 5px #fff,0 0 12px #c56bff,0 0 24px #9b30ff,0 0 45px #2ef9ee,0 0 85px #6d28d9}body.theme-alt .glow-tainted{color:#fff!important;text-shadow:0 0 6px #fff,0 0 14px #2ef9ee,0 0 28px #00e6dc,0 0 60px #b14dff!important}body.theme-alt .glow-tainted-glitch{color:#fff!important;text-shadow:0 0 6px #fff,0 0 14px #c56bff,0 0 28px #9b30ff,0 0 60px #00e6dc!important}body.theme-alt .tracer-dot{background-color:#fff;box-shadow:0 0 5px #fff,0 0 10px #2ef9ee,0 0 18px #b14dff}body.theme-alt .tracer-ring{border:1px solid #2ef9eee6;box-shadow:0 0 6px #c56bffb3}.scanlines{pointer-events:none;z-index:9000;opacity:.6;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;width:100vw;height:100vh;position:fixed;top:0;left:0}#trace-canvas{pointer-events:none;z-index:20;width:100vw;height:100vh;position:fixed;top:0;left:0}#tracer-root{pointer-events:none;z-index:10000;opacity:0;will-change:transform, opacity;transition:opacity .15s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.tracer-dot{background-color:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0ff,0 0 8px #0ff,0 0 12px #00ffffe6}.tracer-ring{border:1px solid #00ffff73;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00ffff40}#app{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));font-size:var(--fs);line-height:var(--lh);grid-template-columns:minmax(22ch,28ch) minmax(0,1fr) minmax(30ch,40ch);grid-template-rows:calc(var(--line) * 3) minmax(0, 1fr) calc(var(--line) * 3);grid-template-areas:"bar bar bar""tree list preview""status status status";column-gap:1ch;display:grid;position:fixed;inset:0}.pane-bar{grid-area:bar}.pane-tree{grid-area:tree}.pane-list{grid-area:list}.pane-preview{grid-area:preview}.pane-status{grid-area:status}.pane{min-width:0;min-height:0;position:relative}.frame,.frame-probe{font:inherit;line-height:var(--lh);white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0}.frame{z-index:10;position:absolute;inset:0;overflow:hidden}.frame-probe{visibility:hidden;position:absolute;top:0;left:0}.pane-body{z-index:30;scrollbar-width:thin;scrollbar-color:var(--guide) transparent;background:#07070a8c;position:absolute;overflow:auto}.dim{color:var(--label)}.guide{color:var(--guide)}.hl{color:var(--accent)}.key,.crumb,.twisty,.row-head button{color:var(--accent);transition:color .15s,text-shadow .15s}@media (hover:hover){.key:not(:disabled):hover,.crumb:hover,.twisty:hover,.row-head button:hover,.tree-row:hover .tree-name,.row:not(.row-head):hover .col-name{color:#fff;text-shadow:var(--glow-hover)}}.key:disabled{color:var(--guide);text-shadow:none}.bar{white-space:nowrap;background:0 0;align-items:center;gap:2ch;display:flex;overflow:hidden}.nav{gap:1ch;display:flex}.crumbs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.crumbs::-webkit-scrollbar{display:none}.crumb.is-here{color:#fff;text-shadow:var(--glow-sel);font-weight:700}.caret{color:var(--accent);text-shadow:var(--glow-hover);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.filter{gap:1ch;display:flex}.filter:after{content:"]";color:var(--guide)}.filter input{all:unset;color:#fff;width:18ch;caret-color:var(--accent)}.filter input::-webkit-search-cancel-button{display:none}.filter input::placeholder{color:var(--guide)}.filter .dim:after{content:" [";color:var(--guide)}.filter:focus-within .dim{color:var(--accent);text-shadow:var(--glow-hover)}.tree-row{white-space:pre;text-overflow:ellipsis;overflow:hidden}.tree-name{transition:color .15s,text-shadow .15s}.tree-row.is-here .tree-name{color:#fff;text-shadow:var(--glow-sel);font-weight:700}.row{white-space:nowrap;grid-template-columns:2ch minmax(0,1fr) 10ch 16ch;column-gap:2ch;display:grid}.row>*{text-overflow:ellipsis;overflow:hidden}.row-head{z-index:1;background:var(--bg);position:sticky;top:0}.row-head button{color:var(--label)}.col-size,.col-date{text-align:right}.row:not(.row-head) .col-size,.row:not(.row-head) .col-date{color:var(--label)}.row.is-dir .col-name{color:var(--accent)}.row.is-sel{background:color-mix(in srgb, var(--accent) 7%, transparent)}.row.is-sel .col-name{color:#fff;text-shadow:var(--glow-sel);font-weight:700}.row.is-sel .mark{color:var(--hot);text-shadow:var(--glow-hot);font-weight:700}.empty{padding-left:4ch}.meta{white-space:pre;text-overflow:ellipsis;overflow:hidden}.rule{white-space:nowrap;overflow:hidden}.code>div,.peek>div{white-space:pre}.media img{max-width:100%;max-height:calc(var(--line) * 16);image-rendering:pixelated;display:block}.link{color:var(--accent);text-shadow:var(--glow-hover);word-break:break-all}.row.is-link .col-name{color:var(--hot)}.page{white-space:normal}.page h1,.page h2,.page h3,.page p,.page ul,.page ol,.page pre{margin:0 0 var(--line);font-size:inherit;line-height:inherit}.page h1,.page h2,.page h3{color:#fff;text-shadow:var(--glow-sel)}.page h1:before{content:"# ";color:var(--hot)}.page h2:before{content:"## ";color:var(--hot)}.page h3:before{content:"### ";color:var(--hot)}.page ul,.page ol{padding-left:2ch}.page ul{list-style:none}.page ul li:before{content:"- ";color:var(--guide);margin-left:-2ch}.page a,.page b,.page strong{color:var(--accent)}.page code{color:var(--mid)}.page img{max-width:100%}.status{white-space:nowrap;background:0 0;justify-content:space-between;gap:2ch;display:flex;overflow:hidden}.status-left{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.status-right{flex:none}.dock{scrollbar-width:none;flex:1;gap:1ch;min-width:0;display:flex;overflow-x:auto}.dock::-webkit-scrollbar{display:none}.dock-item{color:var(--accent);white-space:nowrap}.dock-item.is-top{color:#fff;text-shadow:var(--glow-sel)}.dock-item.is-min{color:var(--guide)}@media (hover:hover){.dock-item:hover{color:#fff;text-shadow:var(--glow-hover)}}#windows{z-index:100;pointer-events:none;font-size:var(--fs);line-height:var(--lh);position:fixed;inset:0}.win{pointer-events:auto;background:#07070af0;position:absolute;box-shadow:0 0 24px #0009}.win[hidden]{display:none}.win:focus{outline:none}.win .win-body{background:0 0}.win:not(.is-focused) .frame{opacity:.55}.win.is-focused{--frame-dim:100%}.presence-card{align-items:center;gap:var(--line) 3ch;margin-bottom:var(--line);flex-wrap:wrap;display:flex}.avatar{font:inherit;line-height:var(--lh);-webkit-user-select:none;user-select:none;margin:0}.who-name{color:#fff;text-shadow:var(--glow-sel);font-weight:700}.custom{color:var(--hot)}.act{white-space:pre;text-overflow:ellipsis;overflow:hidden}.presence a{color:var(--accent)}.st{font-weight:700}.st-online{color:var(--accent);text-shadow:var(--glow-hover)}.st-idle{color:#ffd479;text-shadow:0 0 8px #ffb02e}.st-dnd{color:#ff4d8d;text-shadow:0 0 8px #ff1f6d}.st-offline{color:var(--guide)}.presence-slot{display:contents}.presence-pill{white-space:nowrap;text-overflow:ellipsis;max-width:34ch;overflow:hidden}.win-drag{height:var(--line);z-index:31;touch-action:none;position:absolute;top:0;left:0;right:0}.win.is-dragging,.win.is-dragging *{-webkit-user-select:none;user-select:none}.win-controls{z-index:32;background:var(--bg);gap:1ch;padding:0 1ch;display:flex;position:absolute;top:0;right:2ch}.win-resize{width:1ch;height:var(--line);z-index:32;touch-action:none;position:absolute;bottom:0;right:0}.win-resize:after{content:"+";color:var(--accent);text-shadow:var(--glow-hover)}.sep{margin:0 1ch}.hint+.hint{margin-left:2ch}@media (width<=1100px){#app{grid-template-columns:minmax(20ch,26ch) minmax(0,1fr);grid-template-areas:"bar bar""tree list""status status"}.pane-preview{display:none}}@media (width<=720px){:root{--fs:14px}#app{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--line) * 4) minmax(0, 1fr) calc(var(--line) * 3);grid-template-areas:"bar""list""status"}.pane-tree{display:none}.win{left:max(16px, env(safe-area-inset-left))!important;right:max(16px, env(safe-area-inset-right))!important;top:max(12px, env(safe-area-inset-top))!important;bottom:calc(max(12px, env(safe-area-inset-bottom)) + var(--line) * 3)!important;width:auto!important;height:auto!important}.win-resize,.win [data-act=max]{display:none}.win-controls .key{padding:0}.bar{gap:1ch}.nav [data-nav=fwd]{display:none}.key,.crumb{padding:calc(var(--line) / 2) 0}.filter .dim{display:none}.filter:before{content:"[";color:var(--guide)}.filter input{width:8ch;font-size:16px}.presence-song{display:none}.row{grid-template-columns:2ch minmax(0,1fr) 9ch}.row:not(.row-head){height:calc(var(--line) * 2);align-items:center}.row .col-date{display:none}.list{overscroll-behavior:contain}.status-right{display:none}}