:root{--bg-base: #090d16;--bg-accent: #0f172a;--surface: rgba(15, 23, 42, .65);--surface-strong: rgba(30, 41, 59, .94);--surface-inverse: #f8fafc;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-soft: #94a3b8;--accent: #9957D2;--accent-strong: #853cbd;--accent-soft: rgba(153, 87, 210, .15);--cool: #38bdf8;--cool-soft: rgba(56, 189, 248, .14);--success: #10b981;--success-soft: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--shadow-lg: 0 12px 40px 0 rgba(0, 0, 0, .65);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--blur: 16px;--radius-xl: 26px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--mono: "Fira Code", "IBM Plex Mono", monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--input-bg: rgba(6, 9, 19, .8);--input-focus-border: #9957D2;--placeholder: #64748b;--border-card: rgba(255, 255, 255, .18);--input-border: rgba(255, 255, 255, .26);--logo-filter: none;--accent-gradient: linear-gradient(100deg, #9A2CE9, #6A0DAD 60%, #420778);--toggle-active-bg: rgba(255, 255, 255, .1);--btn-secondary-bg: rgba(255, 255, 255, .16)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base: #f8fafc;--bg-accent: #e2e8f0;--surface: rgba(255, 255, 255, .75);--surface-strong: rgba(255, 255, 255, .95);--surface-inverse: #0f172a;--line: #cbd5e1;--line-strong: #94a3b8;--text-main: #0f172a;--text-muted: #334155;--text-soft: #475569;--accent: #6A0DAD;--accent-strong: #55008a;--accent-soft: rgba(106, 13, 173, .12);--cool: #0284c7;--cool-soft: rgba(2, 132, 199, .12);--success: #047857;--success-soft: rgba(4, 120, 87, .12);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .12);--danger: #b91c1c;--danger-soft: rgba(185, 28, 28, .12);--shadow-lg: 0 12px 40px 0 rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .04);--input-bg: #f1f5f9;--input-focus-border: #6A0DAD;--placeholder: #475569;--border-card: #94a3b8;--input-border: #64748b;--logo-filter: invert(1) brightness(.2);--accent-gradient: linear-gradient(100deg, #9A2CE9, #6A0DAD 60%, #420778);--toggle-active-bg: rgba(106, 13, 173, .08);--btn-secondary-bg: #cbd5e1}}:root[data-theme=light]{--bg-base: #f8fafc;--bg-accent: #e2e8f0;--surface: rgba(255, 255, 255, .75);--surface-strong: rgba(255, 255, 255, .95);--surface-inverse: #0f172a;--line: #cbd5e1;--line-strong: #94a3b8;--text-main: #0f172a;--text-muted: #334155;--text-soft: #475569;--accent: #6A0DAD;--accent-strong: #55008a;--accent-soft: rgba(106, 13, 173, .12);--cool: #0284c7;--cool-soft: rgba(2, 132, 199, .12);--success: #047857;--success-soft: rgba(4, 120, 87, .12);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .12);--danger: #b91c1c;--danger-soft: rgba(185, 28, 28, .12);--shadow-lg: 0 12px 40px 0 rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .04);--input-bg: #f1f5f9;--input-focus-border: #6A0DAD;--placeholder: #475569;--border-card: #94a3b8;--input-border: #64748b;--logo-filter: invert(1) brightness(.2);--accent-gradient: linear-gradient(100deg, #9A2CE9, #6A0DAD 60%, #420778);--toggle-active-bg: rgba(106, 13, 173, .08);--btn-secondary-bg: #cbd5e1}:root[data-theme=dark]{--bg-base: #090d16;--bg-accent: #0f172a;--surface: rgba(15, 23, 42, .65);--surface-strong: rgba(30, 41, 59, .94);--surface-inverse: #f8fafc;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-soft: #94a3b8;--accent: #9957D2;--accent-strong: #853cbd;--accent-soft: rgba(153, 87, 210, .15);--cool: #38bdf8;--cool-soft: rgba(56, 189, 248, .14);--success: #10b981;--success-soft: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--shadow-lg: 0 12px 40px 0 rgba(0, 0, 0, .65);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--input-bg: rgba(6, 9, 19, .8);--input-focus-border: #9957D2;--placeholder: #64748b;--border-card: rgba(255, 255, 255, .18);--input-border: rgba(255, 255, 255, .26);--logo-filter: none;--accent-gradient: linear-gradient(100deg, #9A2CE9, #6A0DAD 60%, #420778);--btn-secondary-bg: rgba(255, 255, 255, .16);--toggle-active-bg: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--sans);color:var(--text-main);background:radial-gradient(circle at top left,rgba(153,87,210,.22),transparent 35%),radial-gradient(circle at bottom right,rgba(56,189,248,.18),transparent 30%),linear-gradient(145deg,var(--bg-base),var(--bg-accent));line-height:1.55;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}code{font-family:var(--mono);font-size:.92em}small{display:block;color:var(--text-soft);font-size:11px;line-height:1.45}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.connection-banner{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-120%);z-index:1000;display:flex;gap:14px;align-items:center;max-width:min(760px,calc(100vw - 28px));padding:14px 18px;border-radius:999px;border:1px solid rgba(180,106,23,.35);background:#b46a171f;color:var(--warning);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease}.connection-banner.show{transform:translate(-50%) translateY(0)}.connection-banner button{border:0;padding:8px 12px;border-radius:999px;background:#b46a172e;color:inherit}.ambient{position:fixed;inset:auto;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.45;z-index:0}.ambient-a{width:320px;height:320px;top:-110px;right:-60px;background:#6a0dad38}.ambient-b{width:340px;height:340px;bottom:-120px;left:-100px;background:#9957d233}.ambient-c{width:240px;height:240px;bottom:16%;right:12%;background:#10b98129}.app-shell{position:relative;z-index:1;max-width:1560px;margin:0 auto;padding:28px}.card.glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cool)}.inline-link{color:var(--cool);text-decoration:none;font-size:13px;font-weight:600}.inline-link:hover{text-decoration:underline}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.brand-lockup{display:flex;gap:18px;align-items:center}.brand-mark{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#ffffffbd,#fff3);border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--shadow-md)}.logo-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(153,87,210,.2))}:root:not([data-theme=dark]) .logo-img{filter:invert(1) brightness(.18)}.brand-lockup h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1}.brand-subtitle{margin:10px 0 0;max-width:700px;color:var(--text-muted);font-size:14px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.badge,.soft-pill,.status-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--btn-secondary-bg);font-size:12px;font-weight:700;color:var(--text-main)}.soft-pill{background:var(--cool-soft);color:var(--cool);border-color:#1f7a8c38}.status-chip[data-state=good],.readiness-item[data-state=good] .status-chip{color:var(--success);background:var(--success-soft);border-color:#15734738}.status-chip[data-state=warn],.readiness-item[data-state=warn] .status-chip{color:var(--warning);background:var(--warning-soft);border-color:#b46a173d}.status-chip[data-state=bad],.readiness-item[data-state=bad] .status-chip{color:var(--danger);background:var(--danger-soft);border-color:#b3261e38}.status-chip[data-state=neutral],.readiness-item[data-state=neutral] .status-chip{color:var(--cool);background:var(--cool-soft);border-color:#1f7a8c33}.badge .dot{width:8px;height:8px;border-radius:999px;background:currentColor}.badge.health{background:var(--btn-secondary-bg)}.badge.participants{color:var(--success);border-color:#15734733;background:var(--success-soft)}.btn-toggle-group{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#ffffff38;border:1px solid var(--line)}.btn-mv,.btn-accent,.btn-probe,.btn-quiet,.btn-text,.btn-copy-code,.btn-strip,.btn-action{border:1px solid transparent;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.btn-mv{min-height:34px;padding:0 14px;border-radius:999px;background:transparent;color:var(--text-soft);font-size:12px;font-weight:700}.btn-mv.active{background:var(--toggle-active-bg);color:var(--accent);border-color:var(--accent-soft)}.btn-mv:hover{background:var(--surface-strong);color:var(--text-main);border-color:var(--line)}.btn-accent,.btn-probe,.btn-quiet{min-height:46px;border-radius:14px;padding:0 18px;font-weight:700}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 14px 28px #9957d23d}.btn-probe,.btn-quiet,.btn-text,.btn-copy-code{background:var(--btn-secondary-bg);border-color:var(--line);color:var(--text-main)}.btn-copy-code{position:absolute;top:12px;right:12px;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;z-index:2}.btn-text{min-height:36px;border-radius:999px;padding:0 14px}.btn-accent:hover,.btn-probe:hover,.btn-quiet:hover,.btn-text:hover,.btn-copy-code:hover,.btn-mv:hover,.btn-strip:hover,.btn-action:hover,.scenario-card:hover{transform:translateY(-1px)}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;margin-bottom:24px}.hero-panel,.readiness-panel,.stage-panel,.config-card,.presence-card,.hud-section,.codegen-panel,.logger-card{padding:22px}.hero-copy h2,.section-head h2,.stage-head h2,.config-card h3,.presence-card h3,.hud-section h3,.codegen-panel h3,.logger-card h3{margin:0;font-size:24px}.hero-copy p:last-child,.section-copy{margin:10px 0 0;color:var(--text-muted);font-size:14px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.scenario-card{padding:18px;border-radius:20px;text-align:left;background:linear-gradient(180deg,#ffffff47,#ffffff1a),#ffffff29;border:1px solid var(--line);color:var(--text-main);box-shadow:var(--shadow-md)}.scenario-card[data-active=true]{border-color:#9957d259;background:linear-gradient(180deg,#9957d229,#38bdf81a)}.scenario-kicker,.scenario-foot{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.scenario-kicker{color:var(--cool);margin-bottom:10px}.scenario-card strong{display:block;font-size:18px;margin-bottom:8px}.scenario-card p{margin:0;color:var(--text-muted);font-size:13px}.scenario-foot{margin-top:12px;color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.readiness-list{display:grid;gap:10px;margin-top:18px}.readiness-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff2e}.readiness-item strong{display:block;margin-bottom:4px;font-size:14px}.readiness-item p{margin:0;color:var(--text-muted);font-size:12px}.bridge-detect{margin-top:18px;padding:16px;border-radius:18px;border:1px dashed var(--line-strong);background:#ffffff24}.bridge-detect-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}.mono-inline,.mono-text,.codegen-output,.log-console,.mono-logs,#hudFingerprint,#hudLocation,#hudWebhookStatus,#bridgeChannelList,#udmOutput{font-family:var(--mono)}.mono-inline,.mono-text{color:var(--text-soft);font-size:12px;white-space:pre-wrap;word-break:break-word}.dashboard-grid{display:grid;grid-template-columns:1.18fr .92fr;gap:20px}.stage-column,.workspace-column{display:flex;flex-direction:column;gap:20px}.stage-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stage-badge-cluster{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.session-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.session-fact{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff3}.session-fact span{display:block;font-size:12px;color:var(--text-soft)}.session-fact strong{display:block;margin-top:6px;font-size:16px}.call-stage-shell{margin-top:18px}.player-card.call-panel{position:relative;overflow:hidden;aspect-ratio:16 / 10;padding:0;background:radial-gradient(circle at top right,rgba(56,189,248,.2),transparent 28%),radial-gradient(circle at bottom left,rgba(153,87,210,.16),transparent 28%),#090d16}.calling-state-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px;background:#07111aad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.caller-profile{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#f5f7fa}.avatar-ring{position:relative;width:108px;height:108px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--cool));box-shadow:0 20px 36px #00000038}.avatar-glow{position:absolute;inset:-10px;border-radius:inherit;border:1px solid rgba(255,255,255,.3)}.avatar-text{font-size:28px;font-weight:800}.caller-profile h2{margin:0;font-size:30px}.pulse-text{margin:0;color:#f5f7fad1}.calling-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-action{min-width:132px;min-height:46px;border-radius:999px;padding:0 18px;font-weight:700;color:#fff}.btn-action.accept{background:linear-gradient(135deg,#2b9a63,#157347)}.btn-action.decline{background:linear-gradient(135deg,#d25147,#b3261e)}.video-grid{display:grid;gap:14px;height:100%;padding:18px}.video-grid.cols-1{grid-template-columns:1fr}.video-grid.cols-2,.video-grid.cols-3,.video-grid.cols-4,.video-grid.cols-more{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.cols-3 .local-video-container,.video-grid.cols-4 .local-video-container,.video-grid.cols-more .local-video-container{min-height:220px}.video-container{position:relative;overflow:hidden;min-height:240px;border-radius:22px;background:linear-gradient(180deg,#101924d1,#030a11f5);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.video-container.active-speaker{border-color:#54bfd4a6;box-shadow:0 0 0 1px #54bfd466,0 0 38px #54bfd433}.video-container video{width:100%;height:100%;object-fit:cover;background:#02070d}.local-video-container{min-height:360px}.video-placeholder,.cam-off-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:linear-gradient(180deg,#07111ab8,#07111ae6);color:#f3f5f7;text-align:center}.avatar-placeholder{min-width:64px;min-height:64px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;font-weight:800;letter-spacing:.04em}.video-label{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#00000070;color:#f5f7fa;font-size:13px;font-weight:600}.mic-status-icon{display:none;min-width:58px;padding:4px 8px;border-radius:999px;background:#b3261e42;color:#ffd4cf;font-size:11px;justify-content:center}.mic-status-icon.show{display:inline-flex}.quality-label-badge{margin-left:auto;min-height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:11px;border:1px solid rgba(255,255,255,.14);background:#ffffff14}.audio-wave-visualizer{position:absolute;top:14px;right:14px;display:inline-flex;align-items:flex-end;gap:4px;padding:10px 12px;border-radius:14px;background:#0000005c}.audio-wave-visualizer .bar{width:4px;height:5px;border-radius:999px;background:linear-gradient(180deg,#9fe5f2,#54bfd4)}.call-action-strip{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px;padding:10px;border-radius:999px;background:#07111ad1;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:6}.btn-strip{min-width:54px;min-height:54px;border-radius:999px;border-color:#ffffff14;background:#ffffff0f;color:#f3f5f7;font-weight:700}.btn-strip.active,.btn-strip.muted{background:#b3261e2e;color:#ffd4cf}.btn-strip.hangup{background:linear-gradient(135deg,#d25147,#b3261e);color:#fff}.net-health{position:absolute;top:14px;left:14px;display:inline-flex;gap:4px;padding:10px 12px;border-radius:14px;background:#0000005c}.net-health.inline{position:static;padding:0;background:transparent}.sig-bar{width:5px;height:18px;border-radius:999px;background:#ffffff38;transform-origin:bottom center}.sig-bar:nth-child(1){height:7px}.sig-bar:nth-child(2){height:11px}.sig-bar:nth-child(3){height:15px}.sig-bar:nth-child(4){height:19px}[data-level=excellent] .sig-bar,[data-level=good] .sig-bar{background:linear-gradient(180deg,#7ce7a7,#42ba7b)}[data-level=fair] .sig-bar{background:linear-gradient(180deg,#ffd487,#f4b95d)}[data-level=poor] .sig-bar{background:linear-gradient(180deg,#ff9d96,#ff7168)}[data-level=connecting] .sig-bar,[data-level=""] .sig-bar{background:#ffffff38}.hud-tabs{display:flex;gap:8px;flex-wrap:wrap}.hud-tab{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff29;color:var(--text-soft);font-weight:700}.hud-tab.active{background:var(--surface-strong);color:var(--text-main)}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:12px;font-weight:700;color:var(--text-main)}.input-group input,.input-group select{width:100%;min-height:48px;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--input-bg);color:var(--text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus,.input-group select:focus{border-color:var(--input-focus-border);box-shadow:0 0 12px var(--accent-soft)}.input-group input::placeholder{color:var(--placeholder)}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.action-row>*{flex:1 1 180px}.presence-list{display:grid;gap:10px;margin-top:16px;max-height:270px;overflow-y:auto}.presence-empty,.telemetry-empty,.net-diag-empty{padding:16px;border-radius:16px;border:1px dashed var(--line-strong);color:var(--text-soft);font-size:13px;text-align:center}.presence-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff2e}.presence-main{display:flex;flex-direction:column;gap:4px}.presence-id{font-weight:700}.presence-meta{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-soft)}.presence-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff29;border:1px solid var(--line)}.presence-pill .dot{width:7px;height:7px;border-radius:999px}.presence-pill[data-state=good] .dot{background:var(--success)}.presence-pill[data-state=warn] .dot{background:var(--warning)}.presence-pill[data-state=bad] .dot{background:var(--danger)}.presence-actions{display:flex;gap:8px;flex-wrap:wrap}.presence-actions .btn-accent,.presence-actions .btn-probe{min-height:36px;padding:0 14px;border-radius:999px;font-size:12px}.telemetry-details,.telemetry-grid{margin-top:16px}.telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.telemetry-grid h4{margin:0 0 10px;font-size:13px}.telemetry-peer-card{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#ffffff29}.telemetry-peer-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700}.telemetry-peer-status[data-level=excellent],.telemetry-peer-status[data-level=good]{color:var(--success)}.telemetry-peer-status[data-level=fair]{color:var(--warning)}.telemetry-peer-status[data-level=poor]{color:var(--danger)}.telemetry-peer-status[data-level=connecting]{color:var(--cool)}.telemetry-peer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px;color:var(--text-soft)}.telemetry-peer-metrics b{color:var(--text-main)}.bridge-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.code-shell{position:relative;margin-top:16px}.code-shell.compact .codegen-output{min-height:132px}.codegen-output{margin:0;min-height:340px;max-height:340px;padding:54px 16px 16px;overflow:auto;border-radius:18px;border:1px solid var(--line);background:#07111af2;color:#d6dee7;font-size:12px;line-height:1.5;white-space:pre-wrap}.platform-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.platform-tab{justify-content:center}.logger-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.net-diagnostics{margin-top:16px;display:grid;gap:10px}.net-diag-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#ffffff29}.net-diag-peer{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.net-diag-dot{width:10px;height:10px;border-radius:999px;background:var(--cool)}.net-diag-dot[data-level=excellent],.net-diag-dot[data-level=good]{background:var(--success)}.net-diag-dot[data-level=fair]{background:var(--warning)}.net-diag-dot[data-level=poor]{background:var(--danger)}.net-diag-metrics{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;color:var(--text-soft);font-size:12px}.net-diag-metrics b{color:var(--text-main)}.log-console,.mono-logs{margin-top:16px;max-height:260px;overflow:auto;border-radius:18px;border:1px solid var(--line);background:#07111af0;padding:12px;color:#d6dee7;font-size:12px}.log-line{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.log-line:last-child{border-bottom:0}.log-line.info{color:#8fd7e5}.log-line.success{color:#8fe2ac}.log-line.warn{color:#f5cb7d}.log-line.error{color:#ff9189}@media(max-width:1320px){.hero-grid,.dashboard-grid{grid-template-columns:1fr}.platform-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.app-shell{padding:18px}.app-header,.stage-head,.section-head,.logger-header{flex-direction:column;align-items:stretch}.scenario-grid,.config-grid,.session-facts,.telemetry-grid,.bridge-actions,.video-grid.cols-2,.video-grid.cols-3,.video-grid.cols-4,.video-grid.cols-more{grid-template-columns:1fr}.video-container,.local-video-container{min-height:280px}.net-diag-row,.presence-row,.readiness-item{flex-direction:column;align-items:stretch}.net-diag-metrics,.presence-actions{justify-content:flex-start}.call-action-strip{width:calc(100% - 28px);justify-content:center;bottom:14px}}@media(max-width:640px){.brand-lockup{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.btn-toggle-group{width:100%;justify-content:space-between}.btn-toggle-group .btn-mv{flex:1}.platform-selector-grid{grid-template-columns:1fr}.codegen-output{min-height:260px;max-height:260px}}.glow{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.glow-1{width:320px;height:320px;top:-80px;left:-80px;background:#6a0dad38}.glow-2{width:400px;height:400px;bottom:-120px;right:-100px;background:#9957d22e}.login-body{align-items:center;justify-content:center}.card.glass.login-card-box{background:var(--surface-strong);border:1px solid var(--border-card)}.logo-sdk-text{font-weight:800;letter-spacing:.01em;color:var(--text-main)}.login-header h1{color:var(--text-main);letter-spacing:-.01em}.login-header p,.auth-section p{font-size:13.5px;line-height:1.55;font-weight:500;color:var(--text-muted)}.auth-divider-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);font-weight:800}.btn-play{min-height:48px;border-radius:10px;border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:14px;transition:transform .14s ease,background .14s ease,color .14s ease}.btn-play:hover,.btn-play:focus-visible{transform:translateY(-1px);background:var(--accent);color:#fff}.login-card-box .input-group label{font-size:13px;font-weight:700;color:var(--text-main)}.login-card-box input{border:1.5px solid var(--input-border)!important;font-size:15px!important}.login-card-box input:focus{border-color:var(--input-focus-border)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.auth-alert{border:1px solid var(--danger)!important;background:var(--danger-soft)!important;color:var(--danger)!important;font-weight:600}.auth-divider-line{height:1px;flex:1;background-color:var(--border-card)}