@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-B2KjpZfh.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:200 800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-italic-BtYp8Jue.woff2)format("woff2")}:root{--bg-color:#fff;--bg-panel:#fff;--bg-panel-solid:#fff;--surface-soft:#f8f8f8;--surface-subtle:#f1f1f1;--surface-strong:#e5e5e5;--border-color:#d6d3d3;--border-color-glow:#a9a5a5;--text-primary:#2c2a2a;--text-secondary:#5b5757;--text-muted:#6a6666;--accent-cyan:#2c2a2a;--accent-blue:#2c2a2a;--accent-purple:#2c2a2a;--accent-green:#2c2a2a;--accent-red:#2c2a2a;--accent-yellow:#2c2a2a;--grad-cyan-blue:#2c2a2a;--grad-purple-pink:#2c2a2a;--grad-dark:linear-gradient(180deg, var(--surface-soft) 0%, var(--surface-subtle) 100%);--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--glow-cyan:0 4px 12px #2c2a2a24;--glow-green:0 4px 12px #2c2a2a24;--glow-red:0 4px 12px #2c2a2a24;--shadow-dark:0 8px 24px #2c2a2a14;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}.skip-link{z-index:11000;color:#fff;background:var(--accent-blue);border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}body{background:var(--bg-color);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-soft)}::-webkit-scrollbar-thumb{background:#bcb8b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}#app{flex-direction:column;gap:24px;width:100%;max-width:1300px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.site-header{z-index:100;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.site-header-inner{align-items:center;gap:8px;min-width:0;padding:8px 0;display:flex}.brand-link{min-height:44px;color:var(--text-primary);flex:none;align-items:center;gap:8px;padding:0 8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-link svg{width:20px;height:20px;color:var(--accent-cyan)}.primary-navigation,.primary-nav-links{align-items:center;min-width:0;display:flex}.primary-navigation{flex:auto;justify-content:flex-start;gap:2px}.primary-nav-links{gap:2px}.top-nav-link,.tools-menu-button,.tools-menu-link{min-height:44px;color:var(--text-secondary);font-family:var(--font-sans);white-space:nowrap;border:0;border-radius:6px;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.top-nav-link,.tools-menu-button{background:0 0;justify-content:center;padding:0 10px}.top-nav-link:hover,.tools-menu-button:hover,.tools-menu-button.active,.tools-menu-link:hover{color:var(--text-primary);background:var(--surface-subtle)}.top-nav-link[aria-current=page],.tools-menu-link[aria-current=page]{color:var(--accent-cyan);background:var(--surface-subtle)}.tools-navigation{flex:none;position:relative}.tools-menu-button{cursor:pointer;gap:4px}.tools-menu-button svg{width:16px;height:16px}.tools-menu{z-index:110;border:1px solid var(--border-color);background:var(--bg-panel-solid);width:max-content;min-width:220px;max-width:min(320px,100vw - 32px);box-shadow:var(--shadow-dark);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.tools-menu[hidden]{display:none}.tools-menu-link{width:100%;padding:0 12px}.language-select{border:1px solid var(--border-color);background:var(--bg-panel-solid);width:68px;min-width:68px;height:44px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:0 24px 0 10px}.mobile-menu-button{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:none}.mobile-menu-button svg{width:20px;height:20px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-container{flex-direction:column;gap:20px;display:none}.panel-container.active{animation:.4s ease-out fadeIn;display:flex}.not-found-panel{justify-content:center;min-height:45vh}.not-found-panel .glass-panel{width:min(100%,640px);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-layout{grid-template-columns:2fr 1fr;gap:20px;display:grid}.grid-layout>*,.app-layout>*,.telemetry-grid>*,.audio-visualizers>*,.button-group>*,.readiness-cards>*{min-width:0}@media (width<=1024px){.grid-layout{grid-template-columns:1fr}}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-dark);border-radius:8px;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.glass-panel.glow-accent{border-color:var(--border-color-glow)}.panel-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding-bottom:12px;font-size:20px;font-weight:600;display:flex}.panel-title i{color:var(--accent-cyan)}.diagnostic-guide-link{width:fit-content;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.diagnostic-guide-link:hover,.diagnostic-guide-link:focus-visible{text-underline-offset:4px;text-decoration:underline}.diagnostic-guide-link svg{width:16px;height:16px}.guide-page{width:100%}.guide-article{flex-direction:column;gap:40px;width:min(100%,980px);margin:0 auto;display:flex}.guide-header{border-bottom:1px solid var(--border-color);padding-bottom:28px}.guide-eyebrow{color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.guide-header h1{max-width:760px;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.12}.guide-intro{max-width:720px;color:var(--text-secondary);margin-top:18px;font-size:18px;line-height:1.7}.guide-privacy{max-width:720px;color:var(--text-secondary);align-items:flex-start;gap:10px;margin-top:20px;font-size:14px;line-height:1.6;display:flex}.guide-privacy svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px}.guide-step-grid,.guide-problem-list,.guide-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-problem-list,.guide-result-list{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-section{min-width:0}.guide-section>h2{margin-bottom:16px;font-size:22px;line-height:1.3}.guide-section ol{border:1px solid var(--border-color);background:var(--bg-panel);border-radius:8px;height:100%;margin:0;padding:22px 22px 22px 44px}.guide-section li{color:var(--text-secondary);padding-left:6px;line-height:1.65}.guide-section li+li{margin-top:12px}.guide-item{border:1px solid var(--border-color);background:var(--bg-panel);border-radius:8px;min-width:0;padding:20px}.guide-item h3{margin-bottom:10px;font-size:16px;line-height:1.4}.guide-item p{color:var(--text-secondary);font-size:14px;line-height:1.65}.guide-cta{width:fit-content}@media (width<=760px){.guide-article{gap:32px}.guide-step-grid,.guide-problem-list,.guide-result-list{grid-template-columns:1fr}.guide-header h1{font-size:32px}.guide-intro{font-size:16px}}.btn{background:var(--surface-soft);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:normal;overflow-wrap:anywhere;border-radius:6px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-subtle);border-color:#a9a5a5}.btn-primary{background:var(--grad-cyan-blue);color:#fff;box-shadow:var(--glow-cyan);border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:var(--accent-red);color:#fff;box-shadow:var(--glow-red);border:none;font-weight:600}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.button-group{flex-wrap:wrap;gap:12px;display:flex}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.telemetry-card{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:8px;padding:16px;display:flex}.telemetry-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px}.telemetry-value{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);overflow-wrap:anywhere}.telemetry-value.success{color:var(--accent-green)}.telemetry-value.warning{color:var(--accent-yellow)}.telemetry-value.danger{color:var(--accent-red)}.status-pill{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.status-indicator{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-indicator.green{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-indicator.yellow{background-color:var(--accent-yellow);box-shadow:0 0 8px var(--accent-yellow)}.status-indicator.red{background-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.status-indicator.cyan{background-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.audio-visualizers{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (width<=768px){.audio-visualizers{grid-template-columns:1fr}}.canvas-container{flex-direction:column;gap:8px;display:flex}.canvas-container label{color:var(--text-secondary);font-size:13px;font-weight:500}.diag-canvas{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:100%;height:180px}#acoustics-eq-container{max-width:100%;overflow-x:auto}.video-preview-wrapper{aspect-ratio:16/9;border:1px solid var(--border-color);background:var(--surface-subtle);border-radius:6px;width:100%;position:relative;overflow:hidden}.video-element{object-fit:cover;width:100%;height:100%}.video-element.mirrored{transform:scaleX(-1)}.video-canvas-roi{border:1px solid var(--border-color);z-index:10;pointer-events:none;background:#000;border-radius:6px;width:100px;height:100px;position:absolute;top:10px;right:10px}.grid-guide{pointer-events:none;z-index:5;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:none;position:absolute;top:0;left:0}.grid-guide.visible{display:grid}.grid-guide>div{border:1px dashed #ffffff85}.split-view-bar{background:var(--accent-cyan);width:2px;box-shadow:0 0 8px var(--accent-cyan);pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.video-overlay-sec{object-fit:cover;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:4;width:100%;height:100%;position:absolute;top:0;left:0}.split-slider{z-index:15;cursor:pointer;width:90%;accent-color:var(--accent-cyan);position:absolute;bottom:12px;left:5%}[data-peripheral-view][hidden]{display:none!important}.peripheral-page-title{margin-bottom:16px}.peripheral-route-view{width:100%}.peripheral-view-title{color:var(--accent-cyan);margin:0 0 16px;font-size:1rem;font-weight:600}.peripheral-telemetry{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}#peripheral-view-keyboard #btn-reset-device-test{margin-top:16px}.mouse-checks{color:var(--text-secondary);flex:1;font-size:.875rem}.mouse-checks h4{margin-bottom:8px}.mouse-checks ul{flex-direction:column;gap:8px;list-style:none;display:flex}.mouse-checks li svg{width:14px;height:14px;color:var(--accent-cyan);vertical-align:middle;margin-right:6px}.gamepad-mapping-telemetry{flex-direction:column;gap:10px;display:flex}.keyboard-layout{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex;overflow-x:auto}.keyboard-row{gap:6px;display:flex}.key-visual{min-width:42px;height:46px;color:var(--text-secondary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);background:#fff;border:1px solid #d6d3d3;border-bottom:3px solid #a9a5a5;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:flex}.key-visual.active{background:var(--accent-blue);color:#fff;box-shadow:var(--glow-cyan);border-bottom-width:1px;transform:translateY(2px)}.key-visual.tested{background:var(--surface-strong);color:var(--accent-cyan);border-color:#777272}.mouse-board{align-items:center;gap:20px;display:flex}@media (width<=768px){.mouse-board{flex-direction:column}}.mouse-visualizer{border:2px solid var(--text-muted);background:var(--surface-soft);border-radius:70px 70px 50px 50px;width:140px;height:220px;position:relative;overflow:hidden}.mouse-button-ui{border-bottom:2px solid var(--text-muted);width:50%;height:90px;transition:all var(--transition-fast);position:absolute;top:0}.mouse-button-ui.left{border-right:1px solid var(--text-muted);left:0}.mouse-button-ui.right{border-left:1px solid var(--text-muted);right:0}.mouse-scroll-ui{border:1px solid var(--text-muted);width:12px;height:30px;transition:all var(--transition-fast);background:#fff;border-radius:6px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.mouse-button-ui.active,.mouse-scroll-ui.active{background:var(--accent-cyan);box-shadow:var(--glow-cyan);border-color:var(--accent-cyan)}.gamepad-visualizer{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;padding:16px}.screen-fixer-overlay{z-index:9999;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.full-color-test{z-index:9998;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.draggable-noise-box{border:3px solid var(--accent-cyan);width:200px;height:200px;box-shadow:0 0 10px var(--accent-cyan);cursor:move;z-index:10000;background:#000;border-radius:6px;position:absolute;overflow:hidden}.select-container{flex-direction:column;gap:8px;width:100%;display:flex}.select-container label{color:var(--text-secondary);font-size:14px;font-weight:500}.diag-select{background:var(--bg-panel-solid);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:6px;width:100%;min-width:0;padding:12px 16px;font-size:15px}#audio-source-select{width:50%}.diag-select:focus{outline:1px solid var(--accent-cyan);border-color:var(--accent-cyan)}.readiness-layout{grid-template-columns:1fr;gap:20px;display:grid}.readiness-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.readiness-score-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.readiness-score{font-size:34px;font-weight:800;line-height:1.1}.readiness-summary{color:var(--text-secondary);max-width:760px;font-size:15px}.readiness-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.readiness-card{border-left:3px solid var(--border-color);justify-content:space-between;min-height:230px}.readiness-card p{color:var(--text-secondary);font-size:14px}.readiness-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.readiness-pass{border-left-color:var(--accent-green)}.readiness-warn{border-left-color:var(--accent-yellow)}.readiness-fail{border-left-color:var(--accent-red)}.readiness-optional{border-left-color:var(--accent-cyan)}.readiness-recommendations .guide-step:first-child:last-child{min-height:72px}@media (width<=900px){.readiness-hero,.readiness-cards{grid-template-columns:1fr}}.guide-list{flex-direction:column;gap:12px;display:flex}.guide-step{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.step-num{font-size:12px;font-weight:700;font-family:var(--font-mono);background:var(--surface-strong);color:var(--accent-cyan);border:1px solid #a9a5a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.step-content h4{margin-bottom:4px;font-size:15px;font-weight:600}.step-content p{color:var(--text-secondary);font-size:13px}.site-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:14px;margin-top:auto;padding:24px 0 8px;display:flex}.footer-links{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent-cyan)}.footer-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:13px;display:flex}.footer-meta a{color:var(--text-secondary)}.tuner-needle-container{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;padding:15px}.tuner-needle-track{position:relative;box-shadow:inset 0 1px 2px #2c2a2a1f}.tuner-needle{box-shadow:0 0 0 2px #2c2a2a1f}.tuner-needle.in-tune{background-color:#2c2a2a!important;width:10px!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #2c2a2a!important}.tuner-needle-deviation.in-tune{width:fit-content;text-shadow:none;background:#2c2a2a;border-radius:4px;margin-inline:auto;padding:2px 8px;color:#fff!important}.beat-dot{box-shadow:inset 0 1px 2px #2c2a2a2e}.beat-dot.active{box-shadow:0 0 15px var(--accent-green);transform:scale(1.25);background-color:var(--accent-green)!important}.beat-dot.sub-active{box-shadow:0 0 10px var(--accent-cyan);transform:scale(1.1);background-color:var(--accent-cyan)!important}.metronome-bpm-num{text-shadow:none}.app-layout{width:100%;min-width:0}@media (width<=1080px){.site-header-inner{grid-template-columns:minmax(0,1fr) auto 44px;display:grid}.brand-link{grid-area:1/1;min-width:0}.language-select{grid-area:1/2;max-width:128px}.mobile-menu-button{grid-area:1/3;display:flex}.primary-navigation{border-top:1px solid var(--border-color);grid-area:2/1/auto/-1;align-items:stretch;width:100%;padding:6px 0 2px;display:none}.primary-navigation[data-mobile-open=true]{flex-direction:column;display:flex}.primary-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.top-nav-link,.tools-menu-button{justify-content:flex-start;width:100%}.tools-navigation{width:100%}.tools-menu{width:100%;max-width:none;box-shadow:none;margin-top:2px;position:static}}@media (width<=600px){#app{gap:16px;padding:12px}.glass-panel{padding:16px}.button-group,.button-group .btn,#audio-source-select{width:100%}.telemetry-grid,.readiness-cards{grid-template-columns:minmax(0,1fr)}table{min-width:640px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}