: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}}