:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e2e8f0;background:#0b1120;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:880px;margin:0 auto;padding:1.5rem}header h1{margin:0 0 .3rem;font-size:1.4rem}.muted{color:#94a3b8;margin:.2rem 0 0;font-size:.85rem;line-height:1.5}.tabs{flex-wrap:wrap;gap:.4rem;margin:1.2rem 0;display:flex}.tabs button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}.tabs button.active{color:#fff;background:#6366f1;border-color:#6366f1}section h2{margin:0 0 .4rem;font-size:1.1rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.row button{color:#fff;cursor:pointer;background:#6366f1;border:0;border-radius:8px;padding:.55rem 1rem;font-size:.9rem}.row button:disabled{opacity:.5;cursor:default}.toggle{color:#cbd5e1;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.info{color:#a5b4fc;margin:.4rem 0;font-size:.85rem}.log{white-space:pre-wrap;color:#e2e8f0;background:#020617;border:1px solid #1e293b;border-radius:8px;padding:.7rem;font-size:.8rem;overflow-x:auto}.metrics{border-collapse:collapse;width:100%;font-size:.9rem}.metrics td{border:1px solid #1e293b;padding:.5rem .7rem}.metrics td:first-child{color:#94a3b8;width:50%}code{background:#1e293b;border-radius:4px;padding:.1rem .3rem;font-size:.85em}:root{--term-bg:#0c0c0c;--term-bg-soft:#0e0e0e;--term-border:#2b2b2b;--term-border-hi:#565656;--term-fg:#ccc;--term-fg-bright:#fff;--term-dim:#6e6e6e;--term-muted:#8a8a8a;--term-accent:#fff;--term-red:#c75c54;--term-yellow:#c9a536;--term-green:#5a9e54;--term-link:#d6d6d6;--term-font:ui-monospace, "Cascadia Code", "Cascadia Mono", "D2Coding", "JetBrains Mono", Consolas, Menlo, "Courier New", monospace}.term{background:var(--term-bg);min-height:100vh;color:var(--term-fg);font-family:var(--term-font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}.term:before{content:"";pointer-events:none;z-index:50;opacity:.22;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000029 3px,#0000 4px);position:fixed;inset:0}.term ::selection{color:#000;background:#565656}.term .cursor{vertical-align:text-bottom;background:var(--term-fg-bright);width:.6ch;height:1.1em;margin-left:1px;animation:1s steps(2,start) infinite term-blink;display:inline-block}@keyframes term-blink{to{opacity:0}}.term .prompt{color:var(--term-fg-bright)}.term .prompt:before{content:"$ ";color:var(--term-muted)}.term .dim{color:var(--term-dim)}.term .muted{color:var(--term-muted)}.term .amber{color:var(--term-accent);font-weight:600}.term .ok{color:var(--term-fg-bright)}.term a{color:var(--term-link);text-decoration:underline}.term a:hover,.term a:focus-visible{color:var(--term-fg-bright)}.term :focus-visible{outline:1px solid var(--term-border-hi);outline-offset:2px}.term .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby{box-sizing:border-box;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.lobby__window{border:1px solid var(--term-border-hi);background:var(--term-bg-soft);border-radius:6px;width:min(640px,100%);overflow:hidden;box-shadow:0 24px 64px -28px #000000e6}.lobby__bar{border-bottom:1px solid var(--term-border);color:var(--term-muted);background:#161616;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.lobby__title{letter-spacing:.04em;margin-left:4px}.lobby__admin{display:inline-flex;position:relative}.lobby__admin-toggle{border:1px solid var(--term-border);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:4px;padding:2px 7px;line-height:1}.lobby__admin-toggle:hover{border-color:var(--term-fg-bright);color:var(--term-fg-bright)}.lobby__admin-menu{z-index:20;border:1px solid var(--term-border-hi);background:#161616;border-radius:6px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.lobby__admin-google{border:1px solid var(--term-border-hi);width:100%;color:var(--term-fg-bright);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lobby__admin-google:hover{border-color:var(--term-fg-bright);background:#ffffff14}.lobby__admin-g{color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}.lobby__body{min-height:280px;padding:22px 22px 26px}.lobby__line{white-space:pre-wrap;word-break:break-word}.lobby__form{flex-direction:column;gap:6px;margin-top:14px;display:flex}.lobby__inputrow{align-items:center;gap:6px;display:flex}.lobby__inputrow--code:before{content:"$ join --class";color:var(--term-muted);white-space:nowrap}.lobby__inputrow--name:before{content:"$ login --name";color:var(--term-muted);white-space:nowrap}.lobby__input{min-width:0;color:var(--term-fg-bright);font:inherit;caret-color:var(--term-fg-bright);background:0 0;border:none;flex:1;padding:2px 0}.lobby__input--code{letter-spacing:.18em;text-transform:uppercase}.lobby__input::placeholder{color:var(--term-dim);letter-spacing:normal;text-transform:none}.lobby__input:focus{outline:none}.lobby__enter{border:1px solid var(--term-border-hi);color:var(--term-fg-bright);font:inherit;letter-spacing:.08em;cursor:pointer;background:#ffffff0a;border-radius:4px;align-self:flex-start;margin-top:10px;padding:6px 18px}.lobby__enter:hover:not(:disabled){border-color:var(--term-fg-bright);background:#ffffff14}.lobby__enter:disabled{opacity:.5;cursor:default}.lobby__hint{color:var(--term-muted);margin-top:10px;font-size:12px}.lobby__hint kbd{border:1px solid var(--term-border-hi);color:var(--term-fg);font:inherit;border-radius:4px;padding:0 5px;font-size:11px}.lobby__error{color:var(--term-fg-bright);margin-top:8px}.desk{box-sizing:border-box;background-color:#040404;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:22px 22px;gap:18px;height:100vh;padding:18px;display:flex;position:relative;overflow:hidden}.win{background:#0d0d0d;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #000,0 20px 48px -22px #000000f2,inset 0 1px #ffffff08}.win__bar{border-bottom:1px solid var(--term-border);color:var(--term-muted);background:#1a1a1a;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.win__icon{color:var(--term-dim);letter-spacing:-1px;margin-right:2px;font-size:11px}.win__ctls{align-self:stretch;margin:-8px -12px -8px 6px;display:inline-flex}.win__ctl{width:42px;color:var(--term-muted);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:12px;display:inline-flex}button.win__ctl{cursor:pointer}.win__ctl:hover{color:var(--term-fg-bright);background:#2a2a2a}.win__ctl--close:hover{color:#fff;background:#c42b1c}.win__title{color:var(--term-fg);letter-spacing:.04em;white-space:nowrap;margin-left:2px}.win__spacer{flex:1}.win__ready{color:var(--term-fg);align-items:center;gap:6px;display:inline-flex}.win__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.win--files{flex:0 0 252px}.win__body--files{padding:12px;display:block;overflow:auto}.tree__root{color:var(--term-muted);margin-bottom:8px}.tree{margin:0;padding:0;list-style:none}.tree li{padding:1px 0}.tree button{color:var(--term-fg);font:inherit;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;width:100%;padding:3px 8px}.tree button:hover{background:#1a1a1a}.tree button.active{color:var(--term-fg-bright);background:#272727}.tree__icon{color:var(--term-dim)}.tree__hint{color:var(--term-dim);margin-top:16px;font-size:11px;line-height:1.6}.win--cli{flex:1;min-width:0}.repl{flex-direction:column;flex:1;min-height:0;display:flex}.repl__stream{flex-direction:column;flex:1;gap:7px;min-height:0;padding:16px;display:flex;overflow:auto}.repl__echo{color:var(--term-fg-bright);white-space:pre-wrap;word-break:break-word}.repl__caret{color:var(--term-fg-bright);font-weight:600}.repl__toolwrap{flex-direction:column;gap:1px;display:flex}.repl__tool{color:var(--term-fg)}.repl__glyph{color:var(--term-accent)}.repl__toolres{color:var(--term-dim);padding-left:1.3em}.repl__ai{color:var(--term-fg);white-space:pre-wrap;word-break:break-word}.repl__sys{color:var(--term-muted);white-space:pre-wrap}.repl__ls{color:var(--term-fg)}.repl__dot{background:var(--term-green);border-radius:50%;width:7px;height:7px}.repl__inputline{border-top:1px solid var(--term-border);flex:none;align-items:center;gap:8px;padding:9px 16px;display:flex}.repl__cwd{color:var(--term-dim);white-space:nowrap}.repl__inputline input{min-width:0;color:var(--term-fg-bright);font:inherit;caret-color:var(--term-fg-bright);background:0 0;border:none;flex:1}.repl__inputline input::placeholder{color:var(--term-dim)}.repl__inputline input:focus{outline:none}.repl__hints{color:var(--term-dim);flex:none;padding:7px 16px 11px;font-size:12px}.win--code{z-index:20;width:min(560px,54vw);max-height:calc(100vh - 36px);animation:.24s ease-out win-slide-in;position:absolute;top:18px;right:18px;box-shadow:0 0 0 1px #000,0 30px 70px -26px #000000fa,inset 0 1px #ffffff08}@keyframes win-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.win__body--code{padding:14px;display:block;overflow:auto}.repl__code{border:1px solid var(--term-border);background:#080808;font-size:13px;display:flex;overflow:hidden}.repl__gutter{text-align:right;color:var(--term-dim);-webkit-user-select:none;user-select:none;border-right:1px solid var(--term-border);flex:none;padding:10px}.repl__codebody{white-space:pre;color:#d4d4d4;tab-size:2;margin:0;padding:10px 14px;overflow-x:auto}.tok-kw,.tok-key,.tok-tag{color:#4ec9b0}.tok-fn{color:#c9b878}.tok-str{color:#c08a6a}.tok-com{color:#6a8a6a}.tok-var{color:var(--term-fg)}.tok-num{color:#a8b88a}.tok-punc{color:var(--term-muted)}.modal__backdrop{z-index:100;box-sizing:border-box;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--term-border-hi);background:var(--term-bg-soft);border-radius:6px;flex-direction:column;width:min(960px,100%);height:min(660px,90vh);display:flex;overflow:hidden;box-shadow:0 32px 80px -24px #000000f2}.modal__bar{border-bottom:1px solid var(--term-border);color:var(--term-muted);background:#161616;flex:none;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.modal__bar .modal__title{color:var(--term-fg);letter-spacing:.04em}.modal__spacer{flex:1}.modal__close{border:1px solid var(--term-border);color:var(--term-fg);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:2px 9px;font-size:12px}.modal__close:hover{border-color:var(--term-border-hi);color:var(--term-fg-bright);background:#1c1c1c}.modal__body{flex-direction:column;flex:1;min-height:0;display:flex}.preview__screen{border:1px solid var(--term-border);min-height:0;color:var(--term-muted);text-align:center;background:#000;border-radius:6px;flex:1;place-content:center;justify-items:center;gap:8px;margin:14px;padding:16px;display:grid}.preview__url{color:var(--term-muted);word-break:break-all;flex:none;padding:0 14px 12px;font-size:12px}.preview__error{border:1px solid var(--term-border);color:#fca5a5;white-space:pre-wrap;background:#1a0f0f;border-radius:6px;flex:1;margin:14px;padding:12px 14px;font-size:13px;overflow:auto}.preview__py{border:1px solid var(--term-border);background:#000;border-radius:6px;flex:1;min-height:0;margin:14px;padding:12px 14px;overflow:auto}.preview__stdout,.preview__stderr,.preview__result{white-space:pre-wrap;margin:0;font-size:13px}.preview__stderr{color:#fca5a5;margin-top:8px}.preview__result{color:var(--term-fg-bright);margin-top:8px}.repl__abort{border:1px solid var(--term-border-hi);color:var(--term-fg);font:inherit;cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:2px 10px;font-size:12px}.repl__abort:hover{color:#fca5a5;border-color:#fca5a5}.tag{border-radius:4px;padding:1px 6px;font-size:11px}.gallery__list{flex:1;min-height:0;margin:14px;padding:0;list-style:none;overflow:auto}.gallery__item{text-align:left;border:1px solid var(--term-border);width:100%;color:var(--term-fg-bright);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-bottom:6px;padding:10px 12px}.gallery__item:hover{border-color:var(--term-fg-bright);background:#ffffff0a}.term__loading{height:100%;color:var(--term-muted);place-content:center;display:grid}.dash{max-width:720px;color:var(--term-fg);margin:0 auto;padding:32px}.dash__login{flex-direction:column;gap:10px;max-width:320px;margin:80px auto;display:flex}.dash__login input,.dash__login button{border:1px solid var(--term-border);color:var(--term-fg-bright);font:inherit;background:0 0;border-radius:6px;padding:8px 10px}.dash__login button{border-color:var(--term-border-hi);cursor:pointer;background:#ffffff0a}.dash__error{color:#fca5a5;font-size:13px}.dash__table{border-collapse:collapse;width:100%;margin-top:16px}.dash__table th,.dash__table td{text-align:left;border-bottom:1px solid var(--term-border);padding:8px 12px}.dash__table th{color:var(--term-muted);font-weight:400}.modal kbd{border:1px solid var(--term-border-hi);color:var(--term-fg);font:inherit;border-radius:4px;padding:0 5px;font-size:11px}@media (prefers-reduced-motion:reduce){.term .cursor,.win--code{animation:none}}@media (width<=900px){.desk{flex-direction:column;overflow:auto}.win--files{flex:none;height:180px}.win--cli{flex:none;min-height:60vh}.win--code{width:auto;position:fixed;inset:12px}}