:root{--accent:#3ee6c1;--bg:#05080a;--fg:#d7dde0;--dim:#6c7a80;--warn:#ff7a6b;--panel:#060c0ed1;--line:color-mix(in srgb, var(--accent) 28%, transparent);--status-h:26px;--font:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:13px/1.5 var(--font);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}.acc{color:var(--accent)}.dim{color:var(--dim)}.warn{color:var(--warn)}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud-top{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.name{letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);margin:0;font-size:clamp(20px,3.2vw,34px);font-weight:800;line-height:1.1}.handle{margin-top:4px;font-size:13px}.handle .acc:after{content:"_";animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.nav{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav>button,.menu-wrap>button{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px;transition:background .15s,color .15s}.nav>button:hover,.menu-wrap>button:hover,.nav button:focus-visible{background:var(--accent);color:var(--bg);outline:none}.menu-wrap{position:relative}.menu{z-index:20;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:220px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.menu button{text-align:left;gap:10px;width:100%;padding:6px 8px;display:flex}.menu button:hover{background:var(--accent);color:var(--bg)}.idx{color:var(--dim)}.menu button:hover .idx{color:inherit}.hints{left:22px;bottom:calc(var(--status-h) + 60px);z-index:4;color:var(--dim);pointer-events:none;font-size:11px;position:fixed}#labels{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.label{pointer-events:auto;white-space:nowrap;border:1px solid var(--line);opacity:.8;background:#0000008c;padding:2px 8px;font-size:12px;transition:background .2s,color .2s,opacity .3s;position:absolute;top:0;left:0}.label .idx{margin-right:6px}.label:hover,.label.current{opacity:1;background:var(--accent);color:var(--bg)}.label:hover .idx,.label.current .idx{color:inherit}.pager{left:22px;bottom:calc(var(--status-h) + 14px);z-index:5;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:10px;padding:4px 8px;display:flex;position:fixed}.pager>button{width:30px;height:26px;font-size:18px;line-height:1}.pager>button:hover{color:var(--accent)}.dots{gap:8px;display:flex}.dots button{border:1px solid var(--accent);width:9px;height:9px;transition:background .2s;transform:rotate(45deg)}.dots button.on,.dots button:hover{background:var(--accent)}.term{z-index:6;right:22px;bottom:calc(var(--status-h) + 14px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;width:min(620px,100vw - 44px);height:min(430px,100dvh - 190px);transition:height .25s,width .25s;display:flex;position:fixed;box-shadow:0 0 40px #0009,0 0 0 1px #0006}.term.max{width:calc(100vw - 44px);height:calc(100dvh - 140px)}.term.min{height:30px}.term.min .term-out,.term.min .term-in{display:none}.term-bar{border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;cursor:default;flex:none;justify-content:space-between;align-items:center;height:30px;padding:0 6px 0 12px;display:flex}.term-bar .title{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.term-bar .actions{align-items:center;gap:2px;display:flex}.term-bar .actions button{width:26px;height:22px;color:var(--dim);place-items:center;display:grid}.term-bar .actions svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:square;width:11px;height:11px}.term-bar .actions button:hover{color:var(--accent)}.term-out{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:10px 12px 4px;overflow-y:auto}.line{white-space:pre-wrap;word-break:break-word;min-height:1.5em;animation:.25s both fadein}@keyframes fadein{0%{opacity:0;transform:translateY(2px)}}.line.echo{color:var(--fg);opacity:.8}.line .c{white-space:nowrap;color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;display:inline-block}.line .c:hover{background:var(--accent);color:var(--bg);text-decoration:none}.card-title{white-space:nowrap;vertical-align:bottom;color:#fff;max-width:100%;font-weight:600;display:inline-block;overflow:hidden}.tag{border:1px solid var(--line);color:var(--fg);margin:1px 0;padding:0 6px;font-size:12px;display:inline-block}.term-in{flex:none;gap:8px;padding:6px 12px 10px;display:flex}.term-in input{min-width:0;color:var(--fg);font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}.path{color:#9fb7ff}.prompt{white-space:nowrap}.statusline{z-index:7;height:calc(var(--status-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:#0a1114;align-items:center;gap:12px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.statusline .mode{background:var(--accent);height:100%;color:var(--bg);align-items:center;padding:0 12px;font-weight:800;display:flex}.statusline[data-mode=insert] .mode{background:#9fb7ff}.statusline[data-mode=command] .mode,.statusline[data-mode=search] .mode{background:#ffb454}.statusline .info{color:var(--dim);white-space:nowrap;margin-left:auto;padding-right:12px}.cmdline{flex:1;display:flex}.cmdline[hidden]{display:none}.cmdline .prefix{color:var(--accent)}.cmdline input{color:var(--fg);font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}.msg{color:#ffb454;opacity:0;white-space:nowrap;transition:opacity .3s}.msg.show{opacity:1}#boot{z-index:50;background:var(--bg);flex-direction:column;justify-content:flex-end;padding:max(16px,min(28px,4vw));transition:opacity .45s;display:flex;position:fixed;inset:0;overflow:hidden}#boot.out{opacity:0}.boot-log{color:var(--accent);font:min(12px, calc((100vw - 32px) / 37)) / 1.45 var(--font);white-space:pre;margin:0;overflow:hidden}.boot-skip{color:var(--dim);margin-top:18px;font-size:11px;animation:1.4s step-end infinite blink}.hints .coarse{display:none}@media (pointer:coarse){.hints .fine{display:none}.hints .coarse{display:block}}@media (max-width:1100px) and (orientation:portrait){.hints{display:none}.term{width:auto;left:12px;right:12px;bottom:calc(var(--status-h) + 60px);height:40dvh}.term.max{width:auto;height:calc(100dvh - 220px)}.pager{left:50%;bottom:calc(var(--status-h) + 12px);transform:translate(-50%)}.label.current{display:none}}@media (max-width:720px){.hud-top{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 0;flex-direction:column;gap:10px}.nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto}.nav>*,.nav button{white-space:nowrap;flex:none}.nav [data-nav=terminal]{display:none}.term-bar .actions button{width:34px;height:28px}.term-bar .actions svg{width:13px;height:13px}.statusline .mode{padding:0 8px}.menu-wrap{position:static}.menu{margin-top:4px;top:auto}.nav>button,.menu-wrap>button{padding:6px 8px;font-size:12px}.menu{left:0;right:auto}.hints,.statusline .path{display:none}.term{left:8px;right:8px;bottom:calc(var(--status-h) + 56px);height:42dvh;font-size:12px}.term-in input{font-size:16px}.pager{bottom:calc(var(--status-h) + 10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
