@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0b0d11;--bg-soft: #0f1217;--surface: #141821;--surface-2: #181d28;--border: #252c39;--border-strong: #303949;--text-1: #e6eaf0;--text-2: #9aa5b5;--text-3: #66707f;--accent: #43d17c;--accent-dim: rgba(67, 209, 124, .14);--accent-strong: #35b569;--info: #60a5fa;--success: #4ade80;--warn: #fbbf24;--danger: #f87171;--violet: #a78bfa;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-pill: 99px;--accent-cyan-glow: rgba(96, 165, 250, .3);--accent-glow: rgba(67, 209, 124, .35);--accent-primary: var(--accent);--accent-secondary: var(--info);--amber: var(--warn);--blue: var(--info);--card: var(--surface-2);--elevated: var(--surface);--faint: var(--text-3);--input-bg: var(--bg-soft);--line: var(--border);--line-strong: var(--border-strong);--mint: var(--accent);--muted: var(--text-2);--panel: var(--surface);--panel-2: var(--surface);--red: var(--danger);--sidebar: var(--bg-soft)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-ui);color:var(--text-1);background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:50px 50px,50px 50px,auto}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.connection-screen{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative}.connection-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle,black,transparent 68%);mask-image:radial-gradient(circle,black,transparent 68%)}.connection-glow{display:none}.connection-card{z-index:1;width:min(470px,calc(100% - 30px));padding:30px 34px 25px;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}.brand{display:flex;align-items:center;gap:12px;min-height:42px}.brand-mark{width:38px;height:42px;display:grid;place-items:center;position:relative;border-radius:var(--radius-s);background:var(--accent)}.brand-mark:before{content:"";width:25px;height:28px;background:var(--bg);clip-path:polygon(50% 0,94% 16%,86% 72%,50% 100%,14% 72%,6% 16%)}.brand-mark i{position:absolute;width:8px;height:8px;border:2px solid var(--bg);border-radius:50%;top:12px}.brand-mark i:after{content:"";position:absolute;width:2px;height:8px;background:var(--bg);left:1px;top:6px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:1.35px;margin-top:2px}.connection-copy{margin:38px 0 27px}.connection-copy h1{font-size:30px;letter-spacing:-1.3px;line-height:1.13;margin:8px 0 12px;color:var(--text-1)}.connection-copy p{font-size:12px;color:var(--text-2);line-height:1.65;max-width:330px}.connection-form label{display:block;font-size:12px;color:var(--text-2);margin:14px 0}.connection-form label small{display:block;margin-top:5px;color:var(--text-3);font-size:11px}.connection-form input{width:100%;min-height:42px;margin-top:7px;padding:10px;color:var(--text-1);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-m);outline:none;font-size:14px}.connection-form input:focus{border-color:var(--accent);background:var(--surface)}.primary-button{border:0;border-radius:var(--radius-m);padding:11px 16px;background:var(--accent);color:#071209;font-size:13px;font-weight:600}.primary-button.wide{width:100%;display:flex;justify-content:center;align-items:center;gap:15px}.primary-button:hover{background:var(--accent-strong)}.form-error{border:1px solid var(--danger);background:#f8717114;color:var(--danger);border-radius:var(--radius-s);padding:10px 12px;font-size:12px;line-height:1.5}.login-notice{padding:10px 12px;border:1px solid var(--success);border-radius:var(--radius-s);background:#4ade800f;color:var(--success);font-size:12px}.local-note{display:block;text-align:center;color:var(--text-3);font-size:8px;margin-top:18px}.local-note span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-right:6px}.session-loading{text-align:center}.session-loading p{color:var(--muted);font-size:11px}@media (max-width: 460px){.connection-card{padding:25px 22px}}