:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:#000;overflow:hidden}.display-body{cursor:none}.display-body.show-cursor{cursor:auto}.display-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.display-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:fixed;top:10px;left:12px;display:flex;align-items:center;gap:8px;font:12px/1.2 JetBrains Mono,ui-monospace,monospace;color:#c9cdd6;background:#0a0c1099;padding:6px 10px;border-radius:6px;pointer-events:none}.hud-dot{width:8px;height:8px;border-radius:50%}.hud-dot.ok{background:#4ade80}.hud-dot.bad{background:#e0533d}.reconnect{position:fixed;bottom:14px;right:16px;font:12px JetBrains Mono,ui-monospace,monospace;color:#6b7280}.ambient-toggle,.settings-toggle{position:fixed;bottom:12px;font:12px JetBrains Mono,ui-monospace,monospace;color:#c9cdd6;background:#0a0c1099;border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:6px;cursor:pointer;opacity:.12;transition:opacity .2s ease}.ambient-toggle{left:12px}.settings-toggle{right:12px}.ambient-toggle:hover,.ambient-toggle:focus-visible,.settings-toggle:hover,.settings-toggle:focus-visible{opacity:.9;outline:none}.ambient-toggle.on{border-color:#4ade8080;color:#4ade80}.ambient-warn{color:#e0a23d}.credit-text{position:fixed;bottom:10px;left:50%;transform:translate(-50%);max-width:92vw;font:300 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#aeb6c666;text-align:center;pointer-events:none}.drawer-root{--bg: #0a0c10;--panel: #14181f;--panel-2: #1b212b;--line: #232a35;--text: #e8e8ea;--muted: #8b93a1;--accent: #9b7ecf;--ok: #4ade80;--bad: #e0533d;--font: Inter, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .2s ease;pointer-events:none}.drawer-root.open .drawer-backdrop{opacity:1;pointer-events:auto}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(400px,92vw);background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;border-left:1px solid var(--line);box-shadow:-20px 0 60px #00000080;transform:translate(100%);transition:transform .25s ease;pointer-events:auto;overflow-y:auto;padding-bottom:48px}.drawer-root.open .drawer-panel{transform:translate(0)}.drawer-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px calc(14px + env(safe-area-inset-top));padding-top:max(14px,env(safe-area-inset-top));background:#0a0c10eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16px}.drawer-stat{font-family:var(--mono);font-size:12px;color:var(--muted)}.drawer-close{border:none;background:var(--panel-2);color:var(--text);width:30px;height:30px;border-radius:8px;font-size:16px;cursor:pointer}.drawer-main{padding:8px 12px 48px}.section{margin-top:18px}.section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 4px}.section-body{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-top:1px solid var(--line)}.row-indent{padding-left:28px}.row:first-child{border-top:none}.row-label{display:flex;flex-direction:column;font-size:15px}.row-hint{font-size:11px;color:var(--muted);margin-top:2px}.row-control{display:flex;align-items:center;flex:0 0 auto}.toggle{width:50px;height:30px;border-radius:999px;border:none;background:var(--panel-2);position:relative;transition:background .15s;cursor:pointer}.toggle.on{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on .toggle-knob{transform:translate(20px)}.slider{display:flex;align-items:center;gap:10px;min-width:160px}.slider input[type=range]{flex:1;accent-color:var(--accent);height:28px}.slider-value{display:flex;align-items:baseline;justify-content:flex-end;min-width:56px}.slider-value,.slider-value input[type=number]{font-family:var(--mono);font-size:13px;color:var(--text);text-align:right}.slider-value input[type=number]{padding:2px;background:transparent;border:1px solid transparent;width:44px}.slider-value input[type=number]:focus{border:1px solid var(--accent);border-radius:6px;outline:none}.slider-value input[type=number]::-webkit-inner-spin-button,.slider-value input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;overflow:hidden}.profile-chip.on{border-color:var(--accent)}.profile-chip .profile-name{border:none;background:transparent;color:var(--muted);font-size:13px;padding:7px 4px 7px 12px;cursor:pointer}.profile-chip.on .profile-name{color:var(--text)}.profile-chip .profile-del{border:none;background:transparent;color:var(--muted);font-size:16px;line-height:1;padding:7px 10px 7px 6px;cursor:pointer}.profile-chip .profile-del:hover{color:var(--bad)}.text-input{width:clamp(120px,40vw,260px);border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font-family:var(--mono);font-size:12px;padding:8px 10px;outline:none}.text-input:focus{border-color:var(--accent)}.loc-bar{display:flex;align-items:center;gap:8px;padding:13px 14px}.loc-bar .text-input{flex:1;min-width:0;width:auto}.loc-btn{flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font-size:13px;font-weight:500;padding:8px 12px;cursor:pointer;white-space:nowrap}.loc-btn:hover:not(:disabled){border-color:var(--accent)}.loc-btn:disabled{opacity:.55;cursor:default}.loc-error{padding:0 14px 13px;font-size:12px;color:var(--bad)}.loc-current{padding:0 14px 13px;font-size:12px;color:var(--muted)}.segmented{display:flex;background:var(--panel-2);border-radius:10px;padding:3px;gap:3px}.segment{border:none;background:transparent;color:var(--muted);font-size:13px;padding:7px 12px;border-radius:8px;cursor:pointer}.segment.active{background:var(--accent);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:13px 14px;border-top:1px solid var(--line)}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer}.chip.on{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--panel-2))}.palette{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.color-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);padding:12px 14px;font-size:14px}.color-row input[type=color]{width:38px;height:28px;border:none;background:none;padding:0}.reset{width:100%;padding:14px;border:none;background:transparent;color:var(--bad);font-size:15px;font-weight:500;cursor:pointer}.drawer-footer-note{padding:16px 16px 0;font-size:11px;color:var(--muted);line-height:1.5}.onboard-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;color:#e8e8ea;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px}.onboard-card{max-width:420px;width:100%;text-align:center}.onboard-title{font-size:22px;font-weight:500;letter-spacing:.5px;margin:0 0 8px}.onboard-sub{font-size:14px;color:#8b93a1;margin:0 0 28px;line-height:1.5}.onboard-btn{width:100%;padding:14px;border-radius:10px;border:1px solid #232a35;background:#9b7ecf;color:#fff;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:10px}.onboard-btn:disabled{opacity:.6;cursor:default}.onboard-btn.secondary{background:#1b212b;color:#e8e8ea}.onboard-or{color:#8b93a1;font-size:12px;margin:14px 0;text-transform:uppercase;letter-spacing:.08em}.onboard-search{display:flex;gap:8px}.onboard-search input{flex:1;min-width:0;border:1px solid #232a35;border-radius:8px;background:#1b212b;color:#e8e8ea;font-size:14px;padding:12px;outline:none}.onboard-search input:focus{border-color:#9b7ecf}.onboard-error{color:#e0533d;font-size:13px;margin-top:12px}