:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#05100e;--bg-elevated:#0c1c19;--bg-elevated-2:#112723;--bg-inset:#05100ea8;--ink-100:#f4f8f6;--ink-200:#cdd9d5;--ink-300:#9eb1ab;--ink-400:#6c817b;--ink-500:#495a55;--accent:#57e0cb;--accent-strong:#7df0dd;--accent-soft:#57e0cb24;--accent-ring:#57e0cb6b;--accent-ink:#04211d;--warn:#f4c95d;--warn-soft:#f4c95d24;--warn-ink:#2a1f00;--danger:#ff7d6c;--danger-strong:#ff9e91;--danger-soft:#ff7d6c24;--danger-ink:#2a0a05;--good:#6be5b3;--good-soft:#6be5b324;--border-soft:#ffffff0f;--border:#ffffff1a;--border-strong:#ffffff29;--font-sans:"Inter", "Aptos", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--r-1:.5rem;--r-2:.75rem;--r-3:1rem;--r-4:1.5rem;--r-pill:999px;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-7:2rem;--s-8:2.5rem;--s-10:3rem;--shadow-1:0 1px 0 #ffffff0a inset, 0 12px 32px #00000052;--shadow-2:0 1px 0 #ffffff0f inset, 0 24px 64px #0000006b;--shadow-glow:0 0 0 1px var(--accent-ring), 0 12px 48px #57e0cb29}*{box-sizing:border-box}html,body,#root{min-block-size:100dvh}body{color:var(--ink-100);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 12% -10%,#57e0cb1a,#0000 60%),radial-gradient(900px 600px at 110% 0,#f4c95d0d,#0000 55%),linear-gradient(#05100e,#060f0d 60%,#060c0b);margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.app-shell{min-block-size:100dvh;inline-size:min(100%,64rem);padding:clamp(var(--s-3), 3vw, var(--s-7));gap:var(--s-6);grid-template-rows:auto 1fr;margin-inline:auto;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.brand{align-items:center;gap:var(--s-2);letter-spacing:-.01em;font-weight:700;display:inline-flex}.brand-mark{border-radius:var(--r-pill);background:var(--accent);block-size:.7rem;inline-size:.7rem;box-shadow:0 0 0 4px var(--accent-soft)}.brand-name{letter-spacing:.02em;font-size:1.05rem}.account-pill{align-items:center;gap:var(--s-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);color:var(--ink-200);background:#ffffff08;font-size:.86rem;display:inline-flex}.account-dot{border-radius:var(--r-pill);background:var(--ink-400);block-size:.45rem;inline-size:.45rem}.account-pill[data-state=authenticated] .account-dot{background:var(--good)}.account-pill[data-state=error] .account-dot{background:var(--danger)}.account-pill[data-state=authenticating] .account-dot{background:var(--warn)}.topbar-end{align-items:center;gap:var(--s-2);display:inline-flex}.button-compact{min-block-size:2.25rem;padding:0 var(--s-4);font-size:.85rem;font-weight:600}.peer-muted-chip{color:var(--warn);font-weight:600}.signal-bars{block-size:1.25rem;align-items:end;gap:3px;margin-inline-start:var(--s-3);display:inline-flex}.signal-bar{background:var(--ink-500);opacity:.5;border-radius:2px;inline-size:4px}.signal-bar:first-child{block-size:30%}.signal-bar:nth-child(2){block-size:45%}.signal-bar:nth-child(3){block-size:60%}.signal-bar:nth-child(4){block-size:80%}.signal-bar:nth-child(5){block-size:100%}.signal-bar-on{opacity:1}.signal-bars[data-tone=good] .signal-bar-on{background:var(--good)}.signal-bars[data-tone=warning] .signal-bar-on{background:var(--warn)}.signal-bars[data-tone=danger] .signal-bar-on{background:var(--danger)}.notice-stack{gap:var(--s-3);display:grid}.notice{gap:var(--s-1);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4) var(--s-5);background:#ffffff05;display:grid}.notice h2{letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:700}.notice p{color:var(--ink-300);margin:0;font-size:.9rem}.notice-warning{border-color:color-mix(in srgb, var(--warn) 38%, transparent);background:var(--warn-soft)}.notice-warning h2{color:var(--warn)}.notice-danger{border-color:color-mix(in srgb, var(--danger) 42%, transparent);background:var(--danger-soft)}.notice-danger h2{color:var(--danger-strong)}.main-grid{gap:var(--s-5);align-content:start;display:grid}.call-panel{gap:var(--s-6);border:1px solid var(--border);border-radius:var(--r-4);padding:clamp(var(--s-5), 4vw, var(--s-8));background:radial-gradient(420px 220px at 100% 0%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--bg-elevated-2), var(--bg-elevated));box-shadow:var(--shadow-2);display:grid;position:relative;overflow:hidden}.call-panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0000;position:absolute;inset:0}.call-panel[data-tone=good]:before{border-color:color-mix(in srgb, var(--good) 30%, transparent)}.call-panel[data-tone=warning]:before{border-color:color-mix(in srgb, var(--warn) 30%, transparent)}.call-panel[data-tone=danger]:before{border-color:color-mix(in srgb, var(--danger) 38%, transparent)}.status-head{gap:var(--s-3);display:grid}.status-row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:inline-flex}.status-dot{border-radius:var(--r-pill);background:var(--ink-400);flex:none;block-size:.7rem;inline-size:.7rem;position:relative}.status-dot:after{content:"";border-radius:var(--r-pill);border:1px solid #0000;position:absolute;inset:-6px}[data-tone=good] .status-dot{background:var(--good)}[data-tone=good] .status-dot:after{border-color:color-mix(in srgb, var(--good) 60%, transparent);animation:2.4s ease-in-out infinite pulse}[data-tone=warning] .status-dot{background:var(--warn)}[data-tone=danger] .status-dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.status-eyebrow{color:var(--ink-400);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.status-label{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.05}.status-detail{max-inline-size:60ch;color:var(--ink-300);margin:0;font-size:.95rem}.status-duration{color:var(--ink-300);font-family:var(--font-mono);letter-spacing:.04em;font-weight:500}.audio-resume{align-items:center;gap:var(--s-4);inline-size:100%;padding:var(--s-4) var(--s-5);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:var(--r-3);background:var(--warn-soft);color:var(--ink-100);cursor:pointer;text-align:start;transition:background .16s,border-color .16s,transform .16s;display:flex}.audio-resume:hover{background:color-mix(in srgb, var(--warn) 22%, transparent)}.audio-resume:active{transform:translateY(1px)}.audio-resume:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 50%, transparent);outline:none}.audio-resume-icon{border-radius:var(--r-pill);background:var(--warn);block-size:2.5rem;inline-size:2.5rem;color:var(--warn-ink);flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.audio-resume-body{gap:2px;display:grid}.audio-resume-title{font-size:.95rem;font-weight:700}.audio-resume-detail{color:var(--ink-300);font-size:.85rem}.mic-live{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-inset);color:var(--ink-200);width:fit-content;font-size:.85rem;display:inline-flex}.mic-live-icon{color:var(--good);font-size:.7rem;line-height:1}.mic-live-muted{border-color:color-mix(in srgb, var(--warn) 35%, transparent);color:var(--warn)}.mic-live-muted .mic-live-icon{color:var(--warn)}.mic-live-bars{align-items:end;gap:3px;block-size:1rem;display:inline-flex}.mic-bar{background:var(--ink-500);opacity:.5;border-radius:2px;block-size:18%;inline-size:3px;transition:block-size 90ms ease-out,background .16s,opacity .16s}.mic-bar-on{background:var(--good);opacity:1}.mic-live-muted .mic-bar{background:var(--ink-500);opacity:.4}.mic-live-label{font-weight:600}.kbd-hint{color:var(--ink-400);letter-spacing:.04em;margin:0;font-size:.78rem}.kbd-hint kbd{border:1px solid var(--border);border-radius:var(--r-1);font-family:var(--font-mono);color:var(--ink-200);background:#ffffff0a;margin-inline:2px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-block}.phase-rail{align-items:center;gap:var(--s-1);padding:var(--s-1);border:1px solid var(--border-soft);border-radius:var(--r-pill);color:var(--ink-400);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#ffffff05;font-size:.72rem;display:inline-flex}.phase-step{padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);transition:background .2s,color .2s}.phase-step[data-active=true]{background:var(--accent-soft);color:var(--accent-strong)}.phase-step[data-done=true]{color:var(--ink-200)}.glance{gap:var(--s-3);padding:var(--s-4);border:1px solid var(--border-soft);border-radius:var(--r-3);background:var(--bg-inset);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.glance>div{gap:2px;min-inline-size:0;display:grid}.glance dt{color:var(--ink-400);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:600}.glance dd{color:var(--ink-100);overflow-wrap:anywhere;margin:0;font-size:.92rem}.peer-roster{gap:var(--s-2);padding:var(--s-4);border:1px solid var(--border-soft);border-radius:var(--r-3);background:var(--bg-inset);display:grid}.peer-roster h2{color:var(--ink-400);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.peer-roster ul{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.peer-roster li{justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--ink-200);font-size:.9rem;display:flex}.peer-roster li>span:first-child{color:var(--ink-100);font-weight:700}.login-form{gap:var(--s-3);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-3);background:#ffffff05;display:grid}.login-form-head{gap:var(--s-1);margin-block-end:var(--s-2);display:grid}.login-form-head h2{margin:0;font-size:1rem;font-weight:700}.login-form-head p{color:var(--ink-400);margin:0;font-size:.85rem}.field{gap:var(--s-1);display:grid}.field-label{color:var(--ink-300);font-size:.82rem;font-weight:600}input[type=text],input[type=password]{border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg-inset);min-block-size:2.75rem;inline-size:100%;color:var(--ink-100);padding:0 var(--s-4);transition:border-color .16s,box-shadow .16s}input[type=text]:focus-visible,input[type=password]:focus-visible{border-color:var(--accent-ring);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.actions{gap:var(--s-4);display:grid}.actions-primary{gap:var(--s-2);display:grid}.actions-primary-label{color:var(--ink-400);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem}.button-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--s-2);min-block-size:2.75rem;padding:0 var(--s-5);border:1px solid var(--border);border-radius:var(--r-2);color:var(--ink-100);letter-spacing:.005em;cursor:pointer;background:#ffffff0a;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff12}.button:active:not(:disabled){transform:translateY(1px)}.button:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.button:disabled{cursor:not-allowed;opacity:.42}.button-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;box-shadow:0 8px 24px #57e0cb38,inset 0 1px #ffffff29}.button-primary:hover:not(:disabled){background:var(--accent-strong);border-color:#0000}.button-danger{background:var(--danger);color:var(--danger-ink);border-color:#0000;box-shadow:0 8px 24px #ff7d6c2e,inset 0 1px #ffffff29}.button-danger:hover:not(:disabled){background:var(--danger-strong)}.button-ghost{border-color:var(--border);color:var(--ink-200);background:0 0}.button-large{min-block-size:3.25rem;padding-inline:var(--s-7);font-size:1rem}.action-note{color:var(--ink-400);margin:0;font-size:.85rem}.diag{border:1px solid var(--border);border-radius:var(--r-3);background:#ffffff05;overflow:hidden}.diag-summary{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex}.diag-summary::-webkit-details-marker{display:none}.diag-summary-title{align-items:center;gap:var(--s-3);font-size:.95rem;font-weight:700;display:inline-flex}.diag-summary-meta{color:var(--ink-400);font-size:.85rem}.diag-chevron{color:var(--ink-400);font-family:var(--font-mono);transition:transform .2s}.diag[open] .diag-chevron{transform:rotate(90deg)}.diag-body{padding:0 var(--s-5) var(--s-5)}.metric-grid{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.metric-row{min-inline-size:0;padding:var(--s-3);border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--bg-inset);gap:2px;display:grid}.metric-row dt{color:var(--ink-400);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:600}.metric-row dd{color:var(--ink-100);font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:.9rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.remote-audio-output{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}@media (width>=48rem){.glance{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.call-panel,.notice,.login-form,.button,.diag,.glance,.metric-row,input{border:1px solid canvastext}}