:root{--gf-bg: #0a0d12;--gf-bg-2: #10141b;--gf-surface: #161b24;--gf-surface-2: #1d232f;--gf-surface-3: #252c3a;--gf-panel-bg: rgba(18, 22, 30, .88);--gf-border: rgba(255, 255, 255, .07);--gf-border-2: rgba(255, 255, 255, .16);--gf-rim: rgba(255, 255, 255, .05);--gf-rim-lit: rgba(255, 255, 255, .4);--gf-glass: rgba(255, 255, 255, .04);--gf-metal: linear-gradient(180deg, #3c4453 0%, #1c212b 100%);--gf-metal-hover: linear-gradient(180deg, #4a5364 0%, #262c38 100%);--gf-ink: #ffffff;--gf-bright: #f3f5f9;--gf-text: #c7cddb;--gf-label: #99a0b2;--gf-muted: #7b8294;--gf-text-dim: #5a6072;--gf-faint: #383e4c;--gf-green: #35d68e;--gf-green-bg: rgba(53, 214, 142, .15);--gf-red: #f76a86;--gf-red-bg: rgba(247, 106, 134, .15);--gf-gold: #f0b429;--gf-gold-bg: rgba(240, 180, 41, .15);--gf-purple: #a385f7;--gf-purple-2: #7c5cf0;--gf-accent: #45d8c9;--gf-blue: #4fa3f7;--gf-cream: #f4e8cc;--gf-radius: 14px;--gf-radius-sm: 8px;--gf-radius-xs: 4px;--gf-pill: 999px;--gf-shadow: 0 12px 32px rgba(0, 0, 0, .5);--gf-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .35);--gf-ring: 0 0 0 2px rgba(69, 216, 201, .55);--gf-lilita: "Lilita One", system-ui, sans-serif;--gf-mono: "Space Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--gf-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gf-brandface: var(--gf-lilita);--gf-display: var(--gf-lilita);--pulse: 2.4s;--gf-line: rgba(255, 255, 255, .06);--gf-poststate: var(--gf-text-dim)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--gf-bg);color:var(--gf-text);font-family:var(--gf-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--gf-ring);border-radius:var(--gf-radius-xs)}#gf-app{position:relative;width:100%;height:100%;background:radial-gradient(ellipse 120% 80% at 50% -10%,var(--gf-bg-2) 0%,transparent 60%),var(--gf-bg)}.gf-boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center}.gf-boot-wordmark{margin:0;font-family:var(--gf-brandface);font-size:clamp(38px,7vw,68px);font-weight:400;letter-spacing:.02em;color:var(--gf-ink);text-shadow:0 2px 0 rgba(0,0,0,.45)}.gf-boot-wordmark span{color:var(--gf-gold)}.gf-boot-tagline{margin:-14px 0 0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gf-muted)}.gf-boot-phase{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gf-text-dim)}.gf-conn{width:min(520px,100%);padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--gf-panel-bg);border:1px solid var(--gf-border);border-radius:var(--gf-radius);box-shadow:var(--gf-shadow),var(--gf-shadow-inset);backdrop-filter:blur(14px)}.gf-conn-head{display:flex;align-items:center;gap:10px}.gf-conn-dot{width:9px;height:9px;flex:none;border-radius:var(--gf-pill);background:var(--gf-faint);box-shadow:0 0 0 3px var(--gf-glass)}.gf-conn-label{font-family:var(--gf-display);font-size:17px;letter-spacing:.01em;color:var(--gf-bright)}.gf-conn-detail{margin:0;font-size:13px;color:var(--gf-label)}.gf-conn-retry{align-self:flex-start;margin-top:4px;padding:7px 16px;background:var(--gf-metal);color:var(--gf-bright);border:1px solid var(--gf-border-2);border-radius:var(--gf-pill);box-shadow:var(--gf-shadow-inset);font-size:13px}.gf-conn-retry:hover{background:var(--gf-metal-hover);border-color:var(--gf-rim-lit)}.gf-conn-retry[hidden]{display:none}.gf-conn.is-connecting .gf-conn-dot{background:var(--gf-blue);animation:gf-pulse var(--pulse) ease-in-out infinite}.gf-conn.is-online .gf-conn-dot{background:var(--gf-green);box-shadow:0 0 0 3px var(--gf-green-bg)}.gf-conn.is-online .gf-conn-label{color:var(--gf-green)}.gf-conn.is-error .gf-conn-dot{background:var(--gf-red);box-shadow:0 0 0 3px var(--gf-red-bg)}.gf-conn.is-error .gf-conn-label{color:var(--gf-red)}.gf-conn.is-unconfigured .gf-conn-dot{background:var(--gf-gold);box-shadow:0 0 0 3px var(--gf-gold-bg)}.gf-conn.is-unconfigured .gf-conn-label{color:var(--gf-gold)}@keyframes gf-pulse{0%,to{opacity:1}50%{opacity:.35}}.gf-attrib{position:absolute;right:10px;bottom:8px;font-size:11px;color:var(--gf-text-dim);pointer-events:auto}.gf-attrib a{color:var(--gf-muted);text-decoration:none}.gf-attrib a:hover{color:var(--gf-text);text-decoration:underline}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.gf-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.gf-canvas:active{cursor:grabbing}.gf-hud{position:absolute;inset:0;pointer-events:none;z-index:2}.gf-hud button,.gf-hud label,.gf-hud input,.gf-hud .gf-mini,.gf-hud .gf-conn{pointer-events:auto}.gf-viewstack{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.gf-viewtoggles{display:flex;gap:2px;padding:3px;background:var(--gf-panel-bg);border:1px solid var(--gf-border);border-radius:var(--gf-pill);box-shadow:var(--gf-shadow);backdrop-filter:blur(14px)}.gf-vt{padding:7px 15px;border:0;border-radius:var(--gf-pill);background:transparent;color:var(--gf-muted);font-family:var(--gf-display);font-size:12px;letter-spacing:.06em;white-space:nowrap;transition:color .12s ease,background .12s ease}.gf-vt:hover:not(.is-disabled){color:var(--gf-bright);background:var(--gf-glass)}.gf-vt.is-active{background:var(--gf-metal);color:var(--gf-ink);box-shadow:var(--gf-shadow-inset)}.gf-vt.is-disabled{color:var(--gf-faint);cursor:not-allowed}.gf-overlaytoggles{display:flex;gap:6px;padding:5px 9px;background:var(--gf-panel-bg);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);backdrop-filter:blur(14px)}.gf-ov{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--gf-label);cursor:pointer}.gf-ov input{accent-color:var(--gf-accent);margin:0}.gf-mini{position:absolute;right:14px;bottom:34px;background:var(--gf-panel-bg);border:1px solid var(--gf-border);border-radius:var(--gf-radius);box-shadow:var(--gf-shadow);backdrop-filter:blur(14px);overflow:hidden}.gf-mini-header{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 11px;border-bottom:1px solid var(--gf-line)}.gf-mini-title{font-family:var(--gf-display);font-size:12px;letter-spacing:.1em;color:var(--gf-bright)}.gf-mini-status{margin-left:auto;font-family:var(--gf-mono);font-size:10px;color:var(--gf-text-dim)}.gf-mini-toggle{width:20px;height:20px;padding:0;border:0;border-radius:var(--gf-radius-xs);background:transparent;color:var(--gf-muted);font-size:11px;line-height:1}.gf-mini-toggle:hover{background:var(--gf-glass);color:var(--gf-bright)}.gf-mini-body{display:block;line-height:0}.gf-mini.is-collapsed .gf-mini-body{display:none}.gf-mini-canvas{display:block}.gf-hud .gf-conn{position:absolute;left:14px;bottom:14px;width:auto;max-width:360px;padding:8px 12px}.gf-hud .gf-conn.is-online .gf-conn-detail{display:none}.gf-hud .gf-conn.is-online .gf-conn-label{font-size:12px;letter-spacing:.04em}.gf-perf{position:absolute;top:14px;right:14px;padding:8px 11px;background:var(--gf-panel-bg);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);font-family:var(--gf-mono);font-size:11px;line-height:1.6;color:var(--gf-text);white-space:pre;backdrop-filter:blur(14px)}.gf-perf b{color:var(--gf-green);font-weight:400}.gf-perf b.is-over{color:var(--gf-red)}.loading-screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a0d12;transition:opacity .4s ease}.loading-screen.is-done{opacity:0;pointer-events:none}.loading-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:#f0b429;border-radius:50%;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#99a0b2}.loading-bar{width:min(320px,60vw);height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.loading-bar-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#f0b429,#45d8c9);transition:width .22s ease}.loading-eta{min-height:14px;font-size:11px;color:#5a6072}@media(prefers-reduced-motion:reduce){.loading-spinner{animation-duration:2.4s}.loading-screen{transition:none}}