:root{color-scheme:light;--bg: #f0f2f5;--surface: #ffffff;--surface-raised: #f8f9fa;--surface-overlay: #e9ecef;--border: #dee2e6;--border-bright: #adb5bd;--text: #212529;--text-muted: #6c757d;--text-dim: #adb5bd;--accent: #1e3a8a;--accent-bright: #3b82f6;--accent-soft: rgba(30, 58, 138, .08);--green: #198754;--green-soft: rgba(25, 135, 84, .1);--yellow: #b77900;--yellow-soft: rgba(183, 121, 0, .1);--red: #dc3545;--red-soft: rgba(220, 53, 69, .1);--radius: 4px;--radius-lg: 6px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1017;--surface: #131a23;--surface-raised: #19222d;--surface-overlay: #222d39;--border: #2c3947;--border-bright: #526274;--text: #edf2f7;--text-muted: #a4afbd;--text-dim: #718092;--accent: #6f91ed;--accent-bright: #8aa6f4;--accent-soft: rgba(111, 145, 237, .14);--green: #41b883;--green-soft: rgba(65, 184, 131, .14);--yellow: #e2b94f;--yellow-soft: rgba(226, 185, 79, .14);--red: #f05d67;--red-soft: rgba(240, 93, 103, .14)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.material-symbols-outlined{font-size:20px;line-height:1}.tech-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 24px;border-top:3px solid var(--text);border-bottom:1px solid var(--border);background:var(--surface)}.tech-brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--text);text-decoration:none}.tech-brand>span:last-child{display:grid;min-width:0;gap:2px}.tech-brand strong{overflow:hidden;font-size:15px;font-weight:800;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.tech-brand small{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em}.tech-brand__mark{position:relative;width:30px;height:30px;flex:0 0 30px;border:3px solid var(--accent);border-radius:50%}.tech-brand__mark:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px solid var(--accent);border-radius:50%;content:""}.tech-brand__mark span{position:absolute;top:50%;right:-6px;width:9px;height:3px;background:var(--accent);transform:translateY(-50%)}.tech-topbar__actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);text-decoration:none}.icon-button:hover{border-color:var(--border-bright);background:var(--surface-raised);color:var(--text)}.tech-server-status{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-muted);font-size:12px}.tech-server-status>span{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.tech-server-status.is-online{color:var(--green)}.tech-server-status.is-online>span{background:var(--green)}.tech-server-status.is-error{color:var(--red)}.tech-server-status.is-error>span{background:var(--red)}.tech-main{width:min(1480px,100%);margin:0 auto;padding:30px 28px 48px}.tech-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.tech-eyebrow{display:block;margin-bottom:7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em}.tech-heading h1{margin:0;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.12;letter-spacing:0}.tech-heading p,.specifications__header p{max-width:720px;margin:8px 0 0;color:var(--text-muted);font-size:15px;line-height:1.5}.overall-verdict{display:grid;grid-template-columns:28px auto;align-items:center;gap:11px;min-width:190px;padding:12px 15px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.overall-verdict>span:last-child{display:grid;gap:2px}.overall-verdict small{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.overall-verdict strong{font-size:15px}.overall-verdict.is-good{border-color:var(--green);color:var(--green);background:var(--green-soft)}.overall-verdict.is-warning{border-color:var(--yellow);color:var(--yellow);background:var(--yellow-soft)}.overall-verdict.is-bad{border-color:var(--red);color:var(--red);background:var(--red-soft)}.tech-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px}.tech-primary,.tech-secondary{display:grid;gap:18px;min-width:0}.tech-secondary{position:sticky;top:80px}.tech-panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 2px 5px #2125290a}:root[data-theme=dark] .tech-panel{box-shadow:none}.tech-panel__header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:17px 20px;border-bottom:1px solid var(--border)}.section-title{display:flex;align-items:center;gap:13px;min-width:0}.section-title__index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--accent);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.section-title h2{margin:0;font-size:17px;line-height:1.3;letter-spacing:0}.section-title p{margin:3px 0 0;color:var(--text-muted);font-size:12px;line-height:1.35}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;font-weight:700}.button--primary{border-color:var(--accent);background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){border-color:var(--accent-bright);background:var(--accent-bright)}.button--secondary:hover:not(:disabled){border-color:var(--border-bright);background:var(--surface-raised)}.button--full{width:calc(100% - 36px);margin:8px 18px 18px}.icon-command{width:38px;padding:0}.test-actions{display:flex;gap:8px}.test-progress{height:3px;background:var(--surface-overlay)}.test-progress span{display:block;width:0;height:100%;background:var(--accent);transition:width .22s ease}.test-progress.is-running span{animation:progress-scan 1.3s ease-in-out infinite}@keyframes progress-scan{0%{width:8%;transform:translate(-100%)}50%{width:45%}to{width:20%;transform:translate(500%)}}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-width:0;min-height:106px;padding:18px 20px;border-right:1px solid var(--border)}.metric:last-child{border-right:0}.metric span{display:block;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.metric strong{display:block;margin-top:9px;overflow:hidden;font-size:23px;font-weight:750;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.metric small{display:block;margin-top:4px;color:var(--text-dim);font-size:10px}.test-note{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted)}.test-note .material-symbols-outlined{flex:0 0 auto;color:var(--accent);font-size:18px}.test-note p{margin:0;font-size:11px;line-height:1.45}.audio-controls{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(150px,1fr) repeat(3,minmax(140px,1fr));gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface-raised)}.source-control{min-width:0;margin:0;padding:0;border:0}.source-control legend,.control-field>span{display:block;margin-bottom:7px;color:var(--text-muted);font-size:10px;font-weight:750;text-transform:uppercase}.segmented-control{display:grid;grid-template-columns:1fr 1fr;min-height:40px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.segmented-control label{min-width:0;cursor:pointer}.segmented-control label+label{border-left:1px solid var(--border)}.segmented-control input{position:absolute;opacity:0;pointer-events:none}.segmented-control label>span{display:flex;align-items:center;justify-content:center;gap:6px;height:100%;padding:0 10px;color:var(--text-muted);font-size:12px;font-weight:700}.segmented-control .material-symbols-outlined{font-size:17px}.segmented-control input:checked+span{background:var(--accent-soft);color:var(--accent)}.segmented-control input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.control-field{display:block;min-width:0}.control-field.is-disabled{opacity:.55}.control-field select{width:100%;min-height:40px;padding:0 34px 0 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px}.audio-controls.is-locked{opacity:.7}.signal-route{display:grid;grid-template-columns:minmax(190px,1fr) minmax(160px,.7fr) minmax(190px,1fr);align-items:center;gap:18px;padding:22px 20px}.signal-endpoint{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.signal-endpoint>.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;grid-row:1 / 3;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--accent)}.signal-endpoint div:nth-child(2){display:grid;min-width:0;gap:2px}.signal-endpoint small{color:var(--text-muted);font-size:9px;font-weight:800}.signal-endpoint strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.level-track{height:7px;grid-column:2;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:var(--surface-overlay)}.level-track span{display:block;width:0;height:100%;background:var(--green);transition:width .1s linear}.signal-link{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;min-width:0;color:var(--text-muted)}.signal-link span{height:1px;background:var(--border-bright)}.signal-link strong{overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.receiver-monitor{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.6fr) minmax(260px,1fr);align-items:center;gap:18px;padding:14px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-raised)}.receiver-monitor>div{display:flex;align-items:center;gap:10px;min-width:0}.receiver-monitor>div>span:last-child{display:grid;min-width:0;gap:2px}.receiver-monitor strong{font-size:12px}.receiver-monitor small{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.receiver-monitor label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.receiver-monitor input{width:100%;accent-color:var(--accent)}.receiver-monitor audio{width:100%;height:36px}.endpoint-metrics{display:grid;grid-template-columns:1fr 1fr}.endpoint-metrics>section{min-width:0;padding:17px 20px 20px}.endpoint-metrics>section+section{border-left:1px solid var(--border)}.endpoint-metrics h3{margin:0 0 13px;color:var(--text-muted);font-size:11px;text-transform:uppercase}.endpoint-metrics dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.endpoint-metrics dl div{min-width:0;padding-right:12px}.endpoint-metrics dt{color:var(--text-dim);font-size:10px}.endpoint-metrics dd{margin:5px 0 0;overflow:hidden;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.check-list{margin:0;padding:7px 18px;list-style:none}.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;border-bottom:1px solid var(--border)}.check-list li:last-child{border-bottom:0}.check-list li>span:last-child{display:grid;gap:2px}.check-list .material-symbols-outlined{color:var(--text-dim);font-size:19px}.check-list strong{font-size:12px}.check-list small{color:var(--text-muted);font-size:10px;line-height:1.35}.check-list li.is-good .material-symbols-outlined{color:var(--green)}.check-list li.is-warning .material-symbols-outlined{color:var(--yellow)}.check-list li.is-bad .material-symbols-outlined{color:var(--red)}.environment-list{margin:0;padding:8px 18px}.environment-list div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.environment-list div:last-child{border-bottom:0}.environment-list dt{color:var(--text-muted);font-size:11px}.environment-list dd{margin:0;overflow:hidden;font-size:11px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.specifications{margin-top:18px;border-top:1px solid var(--border);padding-top:30px}.specifications__header h2{margin:0;font-size:22px}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.spec-grid>section{min-width:0;padding:20px}.spec-grid>section+section{border-left:1px solid var(--border)}.spec-grid>section>.material-symbols-outlined{color:var(--accent)}.spec-grid h3{margin:10px 0 16px;font-size:15px}.spec-grid dl{margin:0}.spec-grid dl div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-top:1px solid var(--border)}.spec-grid dt{color:var(--text-muted);font-size:11px}.spec-grid dd{margin:0;font-size:11px;font-weight:650;text-align:right}.tech-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:10px;font-weight:700}.tech-toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:min(360px,calc(100vw - 40px));padding:11px 14px;border:1px solid var(--border-bright);border-radius:var(--radius);background:var(--text);color:var(--surface);font-size:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.tech-toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1120px){.tech-layout{grid-template-columns:1fr}.tech-secondary{position:static;grid-template-columns:1fr 1fr}.audio-controls{grid-template-columns:1fr 1fr 1fr}}@media(max-width:900px){.audio-controls{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{font-size:14px}.tech-topbar{min-height:58px;padding:0 14px}.tech-server-status{display:none}.tech-brand strong{font-size:13px}.tech-main{padding:22px 14px 36px}.tech-heading{align-items:stretch;flex-direction:column}.overall-verdict{width:100%}.tech-panel__header{align-items:stretch;flex-direction:column;min-height:0;padding:16px}.tech-panel__header .button:not(.icon-command){width:100%}.tech-panel__header--audio .test-actions{width:100%}.tech-panel__header--audio .test-actions .button--primary{flex:1}.metric-strip{grid-template-columns:1fr 1fr}.metric{min-height:92px;padding:15px 16px;border-bottom:1px solid var(--border)}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric strong{font-size:20px}.audio-controls{grid-template-columns:1fr;padding:16px}.signal-route{grid-template-columns:1fr;padding:18px 16px}.signal-link{grid-template-columns:1fr auto 1fr}.receiver-monitor{grid-template-columns:1fr;padding:14px 16px}.endpoint-metrics{grid-template-columns:1fr}.endpoint-metrics>section{padding:16px}.endpoint-metrics>section+section{border-top:1px solid var(--border);border-left:0}.endpoint-metrics dl{grid-template-columns:1fr 1fr 1fr}.tech-secondary,.spec-grid{grid-template-columns:1fr}.spec-grid>section+section{border-top:1px solid var(--border);border-left:0}.tech-footer{padding:16px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
