:root{--color-ink-950:#07110f;--color-ink-900:#0b1a17;--color-ink-800:#122420;--color-ink-700:#1d332e;--color-ink-300:#a8bbb5;--color-ink-200:#c9d6d1;--color-ink-100:#e5ece8;--color-paper-50:#f7f1e3;--color-paper-100:#efe3c8;--color-cyan-300:#57d8c9;--color-cyan-700:#0a6f66;--color-amber-300:#f4c95d;--color-red-300:#ff8f78;--color-red-700:#9d2d20;--surface-page:var(--color-ink-950);--surface-panel:var(--color-ink-900);--surface-panel-raised:var(--color-ink-800);--surface-inset:#07110fb8;--text-primary:var(--color-paper-50);--text-secondary:var(--color-ink-200);--text-muted:var(--color-ink-300);--border-subtle:#e5ece829;--border-strong:#57d8c985;--interactive-primary:var(--color-cyan-300);--interactive-primary-text:var(--color-ink-950);--interactive-secondary:#e5ece814;--interactive-secondary-text:var(--color-paper-50);--interactive-danger:var(--color-red-300);--interactive-danger-text:var(--color-ink-950);--focus-ring:var(--color-amber-300);--status-good:var(--color-cyan-300);--status-warning:var(--color-amber-300);--status-danger:var(--color-red-300);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-body:Aptos, "Atkinson Hyperlegible", "Segoe UI", sans-serif;--font-display:"Avenir Next Condensed", "Bahnschrift", "Arial Narrow", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--shadow-md:0 1.5rem 4rem #00000047;--shadow-sm:0 .5rem 1.5rem #0000002e}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0%, #57d8c93d, transparent 28rem), linear-gradient(135deg, var(--surface-page), #10201c 52%, #1f1a10);min-block-size:100dvh;color:var(--text-primary);font-family:var(--font-body);margin:0}button,input{font:inherit}.app-shell{inline-size:min(100%,72rem);padding:clamp(var(--space-4), 4vw, var(--space-10));margin-inline:auto}.hero-panel{gap:var(--space-6);align-items:stretch;margin-block-end:var(--space-6);display:grid}.hero-copy,.card,.status-card,.notice{border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);background:linear-gradient(#122420f0,#0b1a17f0)}.hero-copy{border-radius:var(--radius-lg);padding:clamp(var(--space-6), 6vw, var(--space-12))}.eyebrow,.section-kicker{margin:0 0 var(--space-2);color:var(--interactive-primary);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}h1,h2,p{overflow-wrap:anywhere}h1{max-inline-size:11ch;font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(3rem,15vw,7rem);line-height:.88}h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.15}.lede,.quality-summary,.control-note,.status-detail,.notice p{max-inline-size:65ch;color:var(--text-secondary);line-height:1.6}.lede{margin:var(--space-6) 0 0;font-size:clamp(1rem,2vw,1.2rem)}.status-card,.card,.notice{border-radius:var(--radius-lg);padding:var(--space-6)}.status-card{align-content:space-between;min-block-size:18rem;display:grid}.status-card-good{border-color:color-mix(in srgb, var(--status-good) 56%, transparent)}.status-card-warning{border-color:color-mix(in srgb, var(--status-warning) 56%, transparent)}.status-card-danger{border-color:color-mix(in srgb, var(--status-danger) 62%, transparent)}.status-label{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,8vw,4.5rem);font-weight:800;line-height:.92}.status-detail{margin:var(--space-4) 0 var(--space-6)}.status-list,.metric-grid{gap:var(--space-3);margin:0;display:grid}.status-list>div,.metric-row{gap:var(--space-1);border-block-start:1px solid var(--border-subtle);min-inline-size:0;grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-3);display:grid}dt{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}dd{min-inline-size:0;color:var(--text-primary);overflow-wrap:anywhere;margin:0}.notice-stack,.workspace-grid{gap:var(--space-4);display:grid}.notice-stack{margin-block-end:var(--space-6)}.notice{box-shadow:var(--shadow-sm)}.notice h2{font-size:1.1rem}.notice p{margin-block:var(--space-2) 0}.notice-warning{border-color:color-mix(in srgb, var(--status-warning) 52%, transparent)}.notice-danger{border-color:color-mix(in srgb, var(--status-danger) 62%, transparent)}.section-heading{margin-block-end:var(--space-5)}.login-form,.control-grid{gap:var(--space-3);display:grid}.control-grid{border:0;min-inline-size:0;margin:0;padding:0}.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;block-size:1px;inline-size:1px;position:absolute}.field-label{color:var(--text-secondary);font-size:.92rem;font-weight:700}input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-inset);min-block-size:3rem;inline-size:100%;color:var(--text-primary);padding:0 var(--space-4)}.button{border-radius:var(--radius-sm);min-block-size:3rem;min-inline-size:3rem;padding:0 var(--space-5);cursor:pointer;border:1px solid #0000;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s}.button-primary{background:var(--interactive-primary);color:var(--interactive-primary-text)}.button-secondary{border-color:var(--border-subtle);background:var(--interactive-secondary);color:var(--interactive-secondary-text)}.button-danger{background:var(--interactive-danger);color:var(--interactive-danger-text)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.control-note{margin-block:var(--space-5) 0}.quality-card{grid-column:1/-1}.quality-summary{margin-block:0 var(--space-5)}@media (width>=48rem){.hero-panel{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr)}.workspace-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.control-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.hero-copy,.card,.status-card,.notice,input,.button{border:1px solid canvastext}}