@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#141b2d;--muted:#535d70;--subtle:#5d6779;--line:#d5dce8;--line-strong:#b4bfcf;--paper:#fbfcfe;--canvas:#eef2f8;--blue:#0b5cc7;--blue-dark:#0a479c;--blue-soft:#dfeafb;--green:#127347;--green-soft:#e2f4e9;--amber:#9a5b0a;--amber-soft:#f6ead8;--text-primary:var(--ink);--text-secondary:var(--muted);--text-tertiary:var(--subtle);--surface-page:#f2f5fa;--surface-elevated:#fbfcfe;--surface-subtle:#ebf0f8;--surface-soft:var(--surface-subtle)}@supports (color:color-mix(in lab, red, red)){:root{--surface-soft:color-mix(in srgb, var(--surface-subtle) 50%, var(--surface-elevated))}}:root{--surface-strong:#0e1830;--surface-overlay:#fbfcfef5;--border-subtle:#e0e6ef;--border-default:#d3dbe7;--border-strong:#b9c4d5;--accent:#0b5cc7;--accent-strong:#0a479c;--accent-soft:#e3edfc;--on-accent:#fff;--focus-ring:#1a6ae0;--status-success:#127347;--status-success-soft:#e2f4e9;--status-warning:#9a5b0a;--status-warning-soft:#f7ecd9;--status-danger:#ad413a;--status-danger-soft:#f7e8e6;--status-info:#2e6597;--status-info-soft:#e6eff8;--band-bg:#0a1839;--band-text:#fff;--band-muted:#ffffffd6;--band-accent:#5cf08e;--band-border:#ffffff4d;--band-hover:#ffffff1f;--band-cta-bg:#fff;--band-cta-text:var(--accent-strong);--stage-bg:#0f1729;--stage-bg-strong:#0a1120;--stage-border:#2c3a55;--stage-text:#edf2fa;--stage-muted:#a8b3c7;--stage-accent:#4cc9f5;--trace:#1ea7e8;--trace-soft:#1ea7e838;--feature-bg:#0b1a3a;--brand-sau:#2fd0ff;--brand-nu:#5cf08e;--font-sans:Aptos, "Segoe UI Variable Text", "Segoe UI", Calibri, Arial, sans-serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--display:"Aptos Display", "Segoe UI Variable Display", Bahnschrift, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 2.4vw, 2.25rem);--text-display:clamp(2.35rem, 5vw, 4.8rem);--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;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--shadow-sm:0 1px 2px #0f19320f;--shadow-md:0 10px 30px #0f193214;--shadow-lg:0 24px 60px #0a142d24;--topbar-height:72px;--sidebar-width:clamp(236px, 18vw, 280px);--content-max:1440px;--reading-max:760px;--motion-fast:.12s;--motion-normal:.18s;--motion-slow:.26s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#eef2f8;--muted:#aab4c6;--subtle:#9ea9bc;--line:#2c3850;--line-strong:#46546e;--paper:#111a2b;--canvas:#0a101d;--blue:#4cc3f5;--blue-dark:#86d8f9;--blue-soft:#10304a;--green:#6ee39b;--green-soft:#123222;--amber:#efb35d;--amber-soft:#392b18;--text-primary:#eef2f8;--text-secondary:#b2bccd;--text-tertiary:#98a3b6;--surface-page:#0a101d;--surface-elevated:#111a2b;--surface-subtle:#172237;--surface-strong:#e6edf8;--surface-overlay:#111a2bf5;--border-subtle:#222f47;--border-default:#2d3b57;--border-strong:#465676;--accent:#4cc3f5;--accent-strong:#86d8f9;--accent-soft:#10304a;--on-accent:#04121f;--focus-ring:#5fd0f7;--status-success:#6ee39b;--status-success-soft:#123222;--status-warning:#efb35d;--status-warning-soft:#392b18;--status-danger:#f18b82;--status-danger-soft:#3f2523;--status-info:#8cc4ec;--status-info-soft:#142b40;--band-bg:#060f26;--band-text:var(--text-primary);--band-muted:var(--text-secondary);--band-accent:var(--accent);--band-border:#ffffff29;--band-hover:#ffffff14;--band-cta-bg:var(--accent);--band-cta-text:var(--on-accent);--feature-bg:#0f2142;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 12px 32px #00000038;--shadow-lg:0 28px 70px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Aptos,Segoe UI Variable Text,Segoe UI,Calibri,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 38%, transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px}.navigation-progress{z-index:2000;pointer-events:none;opacity:0;height:3px;transition:opacity .12s;position:fixed;top:0;left:0;right:0;overflow:hidden}.navigation-progress i{background:var(--blue);width:34%;height:100%;display:block;transform:translate(-110%)}:root[data-route-pending=true] .navigation-progress{opacity:1}:root[data-route-pending=true] .navigation-progress i{animation:1s ease-in-out infinite route-progress}.navigation-loader{z-index:2100;pointer-events:none;opacity:0;visibility:hidden;background:var(--paper);border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity 80ms,visibility 80ms;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navigation-loader i{border:3px solid var(--blue);width:25px;height:25px;display:block}@supports (color:color-mix(in lab, red, red)){.navigation-loader i{border:3px solid color-mix(in srgb, var(--blue) 22%, var(--line))}}.navigation-loader i{border-top-color:var(--blue);border-radius:50%}:root[data-route-pending=true] .navigation-loader{opacity:1;visibility:visible}:root[data-route-pending=true] .navigation-loader i{animation:.62s linear infinite route-spinner}@keyframes route-progress{0%{transform:translate(-110%)}65%{transform:translate(190%)}to{transform:translate(300%)}}@keyframes route-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:root[data-route-pending=true] .navigation-progress i{width:100%;animation:none;transform:none}:root[data-route-pending=true] .navigation-loader i{animation:none}}:root[data-theme=dark] .topbar{background:#141819f5;border-bottom-color:#303837}:root[data-theme=dark] .topnav{color:var(--text-secondary)}:root[data-theme=dark] .home-v5,:root[data-theme=dark] .is-home .page-stage{color:var(--text-primary);background:var(--surface-page)}:root[data-theme=dark] .hero-v5-copy h1,:root[data-theme=dark] .benefit-ribbon h2,:root[data-theme=dark] .device-section-heading h2,:root[data-theme=dark] .device-featured h3,:root[data-theme=dark] .device-photo-card h3,:root[data-theme=dark] .steps-section h2,:root[data-theme=dark] .steps-section h3,:root[data-theme=dark] .home-final-cta h2,:root[data-theme=dark] .touch-quick-link>strong{color:var(--text-primary)}:root[data-theme=dark] .hero-v5-lead,:root[data-theme=dark] .hero-v5-proof,:root[data-theme=dark] .benefit-ribbon p,:root[data-theme=dark] .device-featured p,:root[data-theme=dark] .device-photo-card p,:root[data-theme=dark] .steps-section p{color:var(--text-secondary)}:root[data-theme=dark] .hero-v5-proof b{color:var(--text-primary)}:root[data-theme=dark] .hero-v5-visual{background:#f8faf8;border:1px solid #36413e;border-radius:18px;overflow:hidden}:root[data-theme=dark] .benefit-ribbon,:root[data-theme=dark] .device-featured>a:first-child,:root[data-theme=dark] .touch-quick-link,:root[data-theme=dark] .device-photo-card,:root[data-theme=dark] .steps-section{background:var(--surface-elevated);border-color:#35403d}:root[data-theme=dark] .benefit-ribbon article,:root[data-theme=dark] .steps-section li{border-color:#35403d}:root[data-theme=dark] .device-photo-card>img{mix-blend-mode:normal;background:#f8faf8;border-radius:9px}:root[data-theme=dark] .local-trust-section{background:var(--feature-bg)}:root[data-theme=dark] .is-test .page-stage,:root[data-theme=dark] .is-test .sidebar{background:var(--surface-page)}:root[data-theme=dark] .is-test .test-launch-panel,:root[data-theme=dark] .is-test .sequence-panel,:root[data-theme=dark] .is-test .explanation-panel,:root[data-theme=dark] .is-test .keyboard-tool,:root[data-theme=dark] .is-test .keyboard-explanation,:root[data-theme=dark] .is-test .mouse-button-instrument,:root[data-theme=dark] .is-test .double-click-instrument,:root[data-theme=dark] .is-test .mouse-motion-instrument,:root[data-theme=dark] .is-test .mouse-explanation,:root[data-theme=dark] .is-test .controller-instrument,:root[data-theme=dark] .is-test .controller-explanation,:root[data-theme=dark] .is-test .media-instrument,:root[data-theme=dark] .is-test .media-explanation,:root[data-theme=dark] .is-test .refresh-instrument,:root[data-theme=dark] .is-test .test-companion{border-color:#3a4541}.skip-link{z-index:10000;color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:10px 14px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 20px))}.app-frame{grid-template:"topbar topbar"78px"sidebar mobilebar""sidebar stage"1fr"footer footer"/264px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 30px 0 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;min-width:230px;display:inline-flex}.brand-mark{width:38px;height:34px;color:var(--blue);border:2px solid;border-radius:5px;place-items:center;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--blue);position:absolute}.brand-mark:before{width:2px;height:5px;bottom:-6px}.brand-mark:after{width:13px;height:2px;bottom:-8px}.brand-mark svg{opacity:0}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.02em;font-size:17px}.brand small{color:var(--muted);font-size:11px}.topnav{color:var(--muted);align-items:center;gap:34px;font-size:13px;display:flex}.mobile-topnav summary{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:7px;list-style:none;display:inline-flex}.mobile-topnav summary::-webkit-details-marker{display:none}.mobile-topnav>div{z-index:40;background:var(--paper);border:1px solid var(--line-strong);width:min(260px,100vw - 34px);box-shadow:7px 8px 0 var(--line);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}@supports (color:color-mix(in lab, red, red)){.mobile-topnav>div{box-shadow:7px 8px 0 color-mix(in srgb, var(--line) 55%, transparent)}}.mobile-topnav>div a{min-height:44px;color:var(--ink);border-bottom:1px solid var(--line);text-transform:none;align-items:center;padding:0 12px;font-size:14px;display:flex}.mobile-topnav>div a:last-child{border-bottom:0}.topnav a:hover{color:var(--blue)}.theme-button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.theme-button:hover{color:var(--blue);background:var(--canvas);border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .topbar{background:color-mix(in srgb, var(--paper) 94%, transparent)}}:root[data-theme=dark] .mobile-category-bar,:root[data-theme=dark] .mobile-category-bar a,:root[data-theme=dark] .segmented-control button,:root[data-theme=dark] .frequency-presets button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .camera-toolbar select{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .nav-group-title{color:var(--ink)}:root[data-theme=dark] .nav-group-title:hover{background:var(--canvas)}:root[data-theme=dark] .nav-items a{color:var(--muted)}:root[data-theme=dark] .privacy-note,:root[data-theme=dark] .trust-strip,:root[data-theme=dark] .category-row:hover,:root[data-theme=dark] .more-tools-list>a:hover,:root[data-theme=dark] .controller-device-bar,:root[data-theme=dark] .recording-panel{background:var(--canvas)}:root[data-theme=dark] .category-icon{border-color:#354064}:root[data-theme=dark] .status-ready{color:#68d49b;background:var(--status-success-soft)}:root[data-theme=dark] .status-soon{color:var(--text-secondary);background:#282e39}:root[data-theme=dark] .local-data-note{border-color:#28503e}:root[data-theme=dark] .media-error{color:#ffafa5;background:#3a211f;border-color:#68403b}:root[data-theme=dark] .level-meter>div,:root[data-theme=dark] .coverage-bar{background:#303746}:root[data-theme=dark] .test-launch-panel,:root[data-theme=dark] .sequence-panel,:root[data-theme=dark] .explanation-panel,:root[data-theme=dark] .keyboard-tool,:root[data-theme=dark] .keyboard-explanation,:root[data-theme=dark] .mouse-button-instrument,:root[data-theme=dark] .double-click-instrument,:root[data-theme=dark] .mouse-motion-instrument,:root[data-theme=dark] .mouse-explanation,:root[data-theme=dark] .controller-instrument,:root[data-theme=dark] .controller-explanation,:root[data-theme=dark] .media-instrument,:root[data-theme=dark] .media-explanation,:root[data-theme=dark] .refresh-instrument{background:var(--paper)}.sidebar{border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;grid-area:sidebar;align-self:start;height:calc(100vh - 78px);padding:24px 16px 18px;display:flex;position:sticky;top:78px;overflow-y:auto}.side-nav{flex-direction:column;gap:10px;display:flex}.nav-group-title{color:#333947;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-left:2px solid #0000;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:12px;font-weight:720;display:grid}.nav-group-title:hover{color:var(--blue);background:#f3f5f9}.nav-group-title>svg:last-child{color:var(--subtle)}.nav-group-title.is-expanded{color:var(--blue);background:var(--blue-soft);border-left-color:var(--blue)}.nav-group-title.is-expanded>svg:last-child{transform:rotate(90deg)}.nav-items{flex-direction:column;padding:6px 0 2px 44px;display:flex}.nav-items a{color:var(--text-secondary);padding:7px 8px;font-size:12px;position:relative}.nav-items a:hover,.nav-items a.active{color:var(--ink)}.nav-items a.active{font-weight:660}.nav-items a.active:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.upcoming-tools{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin-top:18px;padding-top:16px;display:flex}.upcoming-tools>div{color:#454c5c;grid-template-columns:24px 1fr auto;align-items:center;min-height:38px;padding:0 9px;font-size:12px;font-weight:620;display:grid}.upcoming-tools small{color:var(--text-secondary);background:#f0f2f6;padding:3px 5px;font-size:9px;font-weight:550}.privacy-note{color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:7px;grid-template-columns:22px 1fr;gap:9px;margin-top:auto;padding:13px;display:grid}.privacy-note strong{color:var(--ink);margin-bottom:4px;font-size:11px;display:block}.privacy-note p{margin:0;font-size:10px;line-height:1.5}.mobile-category-bar{scrollbar-width:none;grid-area:mobilebar;display:none}.mobile-category-bar::-webkit-scrollbar{display:none}.page-stage{grid-area:stage;min-width:0}.home-page,.test-page{width:min(1240px,100% - 64px);margin:0 auto}.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:72px;min-height:510px;padding:76px 0 64px;display:grid}.eyebrow,.instrument-label,.section-kicker,.breadcrumb{color:var(--blue);font-family:var(--mono);letter-spacing:.08em;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.hero-copy h1{letter-spacing:-.052em;max-width:760px;margin:0;font-size:clamp(44px,5vw,70px);line-height:1.02}.hero-copy>p{max-width:640px;color:var(--muted);margin:25px 0 0;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:26px;margin-top:34px;display:flex}.button{letter-spacing:.025em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-size:12px;font-weight:760;display:inline-flex}.button-primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px #2a3abe29}.button-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.text-link{color:var(--blue);border-bottom:1px solid #0000;align-items:center;gap:7px;font-size:13px;font-weight:680;display:inline-flex}.text-link:hover{border-bottom-color:currentColor}.diagnostic-preview{color:#f6f7fb;background:#151923;border:1px solid #242a38;border-radius:8px;min-height:350px;padding:25px;position:relative;overflow:hidden;box-shadow:16px 20px #e7eaf0}.diagnostic-preview:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.preview-head,.preview-reading,.signal-line,.preview-metrics{position:relative}.preview-head{color:#858da0;font-family:var(--mono);letter-spacing:.06em;justify-content:space-between;font-size:10px;display:flex}.live-dot{color:#6ee7a9}.live-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #6ee7a917}.preview-reading{align-items:baseline;gap:10px;margin-top:40px;display:flex}.preview-value{font-family:var(--mono);letter-spacing:-.08em;font-size:76px;font-weight:520;line-height:1}.preview-unit{color:#929aab;font-family:var(--mono);font-size:12px}.signal-line{border-top:1px solid #2c3241;border-bottom:1px solid #2c3241;align-items:center;gap:4px;height:70px;margin:28px 0 22px;padding:0 2px;display:flex}.signal-line i{opacity:.88;background:#6072ff;border-radius:1px;flex:1;min-width:2px}.preview-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.preview-metrics div{flex-direction:column;gap:7px;display:flex}.preview-metrics dt{color:var(--text-secondary);font-size:10px}.preview-metrics dd{font-family:var(--mono);margin:0;font-size:13px}.preview-metrics .metric-good{color:#6ee7a9}.trust-strip{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:66px;padding:14px 18px;display:flex}.trust-strip>svg{color:var(--blue)}.trust-strip strong{font-size:13px}.trust-strip>span{color:var(--muted);font-size:12px}.trust-points{color:#4b5364;align-items:center;gap:18px;margin-left:auto;font-size:11px;display:flex}.trust-points span{align-items:center;gap:5px;display:inline-flex}.trust-points svg{color:var(--green)}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:34px;display:grid}.section-heading h2{letter-spacing:-.035em;max-width:700px;margin:10px 0 0;font-size:clamp(27px,3vw,40px);line-height:1.15}.section-heading>p{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.6}.category-list{border-top:1px solid var(--line-strong)}.category-row{border-bottom:1px solid var(--line);grid-template-columns:44px 48px minmax(0,1fr) auto 30px;align-items:center;gap:16px;min-height:94px;padding:10px 4px;transition:background .16s,padding .16s;display:grid}.category-row:hover{background:var(--paper);padding-left:12px;padding-right:12px}.category-index{color:var(--subtle);font-family:var(--mono);font-size:10px}.category-icon{width:42px;height:42px;color:var(--blue);background:var(--blue-soft);border:1px solid #dce0ff;border-radius:6px;place-items:center;display:grid}.category-copy{flex-direction:column;gap:5px;display:flex}.category-copy strong{font-size:17px}.category-copy small{color:var(--muted);font-size:12px}.status-ready,.status-soon{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:5px 8px;font-size:9px;font-weight:700}.status-ready{color:var(--green);background:var(--green-soft)}.status-soon{color:#7d8494;background:#eceff3}.category-arrow{color:var(--subtle)}.test-page{padding:50px 0 72px}.test-page-header{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:34px;display:flex}.breadcrumb b{color:#afb4c0;padding:0 7px;font-weight:400}.test-page-header h1{letter-spacing:-.04em;margin:13px 0 10px;font-size:clamp(31px,3vw,46px)}.test-page-header p{max-width:720px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.support-badge{color:var(--green);background:var(--green-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #cdebdc;flex:none;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex}.support-badge span{background:currentColor;border-radius:50%;width:6px;height:6px}.support-badge.is-checking{color:var(--muted);background:var(--canvas);border-color:var(--line)}.support-badge.is-unsupported{color:var(--amber);background:var(--amber-soft);border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.support-badge.is-unsupported{border-color:color-mix(in srgb, var(--amber) 32%, var(--line))}}.test-primary-column{flex-direction:column;gap:22px;display:flex}.test-launch-panel,.sequence-panel,.explanation-panel{background:var(--paper);border:1px solid var(--line)}.test-launch-panel{border-top:3px solid var(--blue);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:144px;padding:26px;display:grid}.launch-icon{width:68px;height:68px;color:var(--blue);background:linear-gradient(90deg, #4054e814 1px, transparent 1px), linear-gradient(#4054e814 1px, transparent 1px), var(--blue-soft);background-size:12px 12px;border:1px solid #cbd1ff;border-radius:6px;place-items:center;display:grid}.launch-copy h2,.panel-heading h2,.explanation-panel h2{letter-spacing:-.015em;margin:7px 0 6px;font-size:18px}.launch-copy p,.panel-intro,.explanation-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.launch-action{flex-direction:column;align-items:center;gap:8px;min-width:190px;display:flex}.launch-action .button{width:100%}.launch-action small{color:var(--muted);font-size:10px}.sequence-panel{padding:26px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sequence-count{color:var(--subtle);font-family:var(--mono);letter-spacing:.06em;margin-top:2px;font-size:9px}.color-sequence{grid-template-columns:repeat(5,1fr);gap:13px;margin-top:23px;display:grid}.pattern-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.pattern-choice{min-height:88px;color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-left:2px solid #0000;border-radius:4px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid;position:relative}.pattern-choice:hover,.pattern-choice.is-selected{border-color:#cbd1ff;border-left-color:var(--blue);background:#fafbff}.pattern-preview{border:1px solid #cfd4de;border-radius:3px;place-items:center;height:62px;display:grid;position:relative;overflow:hidden}.pattern-choice-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.pattern-choice-copy strong{font-size:12px}.pattern-choice-copy small{color:var(--muted);font-size:9px;line-height:1.45}.pattern-number{color:var(--subtle);font-family:var(--mono);align-self:start;padding:2px;font-size:8px}.mini-level-grid{grid-template-columns:repeat(4,1fr);gap:2px;width:74%;height:68%;display:grid}.mini-level-grid i{background:rgba(128, 128, 128, calc(.12 + var(--tile-opacity,.1)));border:1px solid #8080802e}.mini-level-grid i:nth-child(2n){opacity:.55}.mini-level-grid i:nth-child(3n){opacity:.3}.color-swatch{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;grid-template-columns:1fr auto;gap:4px 8px;padding:0 0 6px;display:grid;position:relative}.color-swatch>span{border:1px solid #cfd4de;border-radius:4px;grid-column:1/-1;height:72px;box-shadow:inset 0 0 18px #0000000a}.color-swatch strong{padding-left:2px;font-size:11px;font-weight:650}.color-swatch small{color:var(--subtle);font-family:var(--mono);padding-right:2px;font-size:9px}.color-swatch:hover,.color-swatch.is-selected{border-bottom-color:var(--blue)}.inline-instruction{color:var(--muted);background:var(--canvas);border-left:2px solid var(--blue);align-items:center;gap:10px;margin-top:24px;padding:11px 13px;font-size:10px;line-height:1.5;display:flex}.inline-instruction svg{color:var(--blue);flex:none}kbd{color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);font-family:var(--mono);border-bottom-width:2px;border-radius:3px;padding:2px 5px;font-size:9px}.explanation-panel{grid-template-columns:74px 1fr;gap:26px;padding:29px;display:grid}.explanation-icon{width:70px;height:70px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;display:grid}.explanation-panel p+p{margin-top:8px}.explanation-panel .text-link{margin-top:15px;font-size:11px}.fullscreen-test:not(.is-running){opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0}:is(.fullscreen-test.is-running,.fullscreen-test:fullscreen){z-index:9999;cursor:pointer;width:100vw;height:100vh;display:block;position:fixed;inset:0;overflow:hidden}.fullscreen-click-target{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.fullscreen-click-target:focus-visible{outline-offset:-6px;outline:2px solid}.fullscreen-hud{z-index:3;color:#fff;width:min(620px,100% - 30px);min-height:44px;font-family:var(--mono);letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0a0c11c2;border:1px solid #fff3;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:7px 8px 7px 15px;font-size:9px;transition:opacity .2s;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.level-grid{z-index:2;pointer-events:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,28px);display:grid;position:absolute;inset:clamp(54px,8vw,110px)}.level-tile{border:1px solid #80808029;place-items:center;display:grid}.level-tile span{font-family:var(--mono);opacity:.78;font-size:clamp(10px,1vw,15px)}.level-grid.is-black .level-tile span{color:#b9bec8}.level-grid.is-white .level-tile span{color:var(--text-secondary)}.fullscreen-hud.is-visible,.fullscreen-hud:focus-within{opacity:1}.fullscreen-hud button{color:#fff;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #ffffff59;align-items:center;gap:6px;min-height:30px;padding:0 10px;display:inline-flex}.motion-instrument,.refresh-instrument{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--blue)}.motion-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:18px 22px;display:flex}.motion-toolbar h2,.refresh-head h2{letter-spacing:-.015em;margin:6px 0 0;font-size:18px}.motion-live-readout{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.motion-live-readout span{color:#3d4556;background:var(--canvas);border:1px solid var(--line);min-width:78px;font-family:var(--mono);text-align:center;padding:7px 9px;font-size:10px}.motion-stage{background:#11141b;border:1px solid #292f3b;height:340px;margin:0 22px;position:relative;overflow:hidden}.motion-stage canvas{width:100%;height:100%;display:block}.motion-stage:fullscreen{background:#11141b;border:0;width:100vw;height:100vh;margin:0}.motion-stage-actions{opacity:.72;gap:6px;transition:opacity .18s;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.motion-stage.is-controls-visible .motion-stage-actions,.motion-stage-actions:focus-within{opacity:1}.motion-stage:fullscreen .motion-stage-actions{opacity:0}:is(.motion-stage:fullscreen.is-controls-visible .motion-stage-actions,.motion-stage:fullscreen .motion-stage-actions:focus-within){opacity:1}.motion-stage-actions button{color:#fff;min-height:32px;font-family:var(--mono);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c11c2;border:1px solid #ffffff3d;align-items:center;gap:6px;padding:0 10px;font-size:9px;display:inline-flex}.motion-controls{grid-template-columns:minmax(210px,1.25fr) repeat(3,minmax(145px,1fr));gap:16px;padding:20px 22px 22px;display:grid}.motion-controls fieldset,.range-control{border:0;min-width:0;margin:0;padding:0}.motion-controls legend,.range-control>span{width:100%;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:9px;font-weight:680;display:flex}.range-control output{color:var(--blue)}.range-control input{width:100%;height:28px;accent-color:var(--blue);cursor:pointer;margin:0}.segmented-control{min-height:31px;display:flex}.segmented-control button{min-width:0;color:var(--text-secondary);border:1px solid var(--line);cursor:pointer;background:#fff;border-right-width:0;flex:1;padding:0 7px;font-size:9px}.segmented-control button:first-child{border-radius:3px 0 0 3px}.segmented-control button:last-child{border-right-width:1px;border-radius:0 3px 3px 0}.segmented-control button.active{color:#fff;background:var(--blue);border-color:var(--blue);position:relative}.refresh-head{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:122px;display:grid}.refresh-head p{color:var(--muted);margin:6px 0 0;font-size:11px}.refresh-symbol{width:58px;height:58px;color:var(--blue);background:var(--blue-soft);border:1px solid #cbd1ff;border-radius:50%;place-items:center;display:grid}.button:disabled{cursor:wait;opacity:.7;transform:none}.measurement-progress{background:#e9ecf1;height:3px;overflow:hidden}.measurement-progress span{background:var(--blue);height:100%;transition:width .12s linear;display:block}.refresh-result{background:#151923;border:1px solid #242a38;grid-template-columns:minmax(210px,.75fr) 1.25fr;min-height:250px;margin-top:18px;display:grid}.primary-reading{color:#fff;border-right:1px solid #303645;justify-content:center;align-items:baseline;gap:10px;padding:52px 25px 32px;display:flex;position:relative}.reading-label{color:var(--text-tertiary);font-family:var(--mono);letter-spacing:.07em;font-size:9px;position:absolute;top:28px;left:28px}.primary-reading strong{font-family:var(--mono);letter-spacing:-.08em;font-size:clamp(68px,8vw,94px);font-weight:520;line-height:1}.primary-reading small{color:var(--text-tertiary);font-family:var(--mono);font-size:14px}.timing-metrics{grid-template-columns:1fr 1fr;margin:0;padding:23px;display:grid}.timing-metrics div{border-bottom:1px solid #303645;flex-direction:column;justify-content:center;gap:9px;padding:18px;display:flex}.timing-metrics div:nth-child(odd){border-right:1px solid #303645}.timing-metrics div:nth-last-child(-n+2){border-bottom:0}.timing-metrics dt{color:var(--text-tertiary);font-size:10px}.timing-metrics dd{color:#f5f7fb;font-family:var(--mono);margin:0;font-size:17px}.measurement-status{color:var(--text-secondary);background:var(--canvas);border-left:2px solid #aeb5c2;margin:16px 0 0;padding:11px 12px;font-size:10px}.measurement-status.is-running{color:var(--status-info);background:var(--status-info-soft);border-left-color:var(--blue)}.measurement-status.is-complete{color:var(--green);background:var(--green-soft);border-left-color:var(--green)}.measurement-status.is-error{color:var(--amber);background:var(--amber-soft);border-left-color:var(--amber)}.keyboard-page{max-width:1440px}.keyboard-instrument{background:var(--paper);border:1px solid var(--line);border-top:3px solid #9aa1af;outline:none}.keyboard-instrument.is-active{border-top-color:var(--blue)}.keyboard-toolbar{justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:18px 22px;display:flex}.keyboard-tool-title,.keyboard-actions{align-items:center;gap:13px;display:flex}.keyboard-symbol{width:50px;height:50px;color:var(--blue);background:var(--blue-soft);border:1px solid #cbd1ff;border-radius:5px;place-items:center;display:grid}.keyboard-tool-title h2{letter-spacing:-.015em;margin:6px 0 0;font-size:18px}.keyboard-layout-toolbar{background:var(--canvas);border-top:1px solid var(--line);grid-template-columns:minmax(190px,max-content) minmax(260px,1fr) auto;align-items:center;gap:20px;padding:13px 22px;display:grid}.keyboard-layout-toolbar label{grid-template-columns:auto minmax(130px,1fr);align-items:center;gap:10px;display:grid}.keyboard-layout-toolbar label>span,.keyboard-layout-count{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;font-size:12px}.keyboard-layout-toolbar select{min-width:0;height:40px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);padding:0 30px 0 10px;font-size:14px}.keyboard-layout-toolbar>div{flex-direction:column;gap:3px;min-width:0;display:flex}.keyboard-layout-toolbar>div strong{font-size:14px;font-weight:600}.keyboard-layout-toolbar>div small{color:var(--muted);font-size:13px;line-height:1.45}.keyboard-layout-count{white-space:nowrap;text-transform:uppercase}.keyboard-focus-hint{color:var(--muted);background:var(--paper);border-top:1px solid var(--line);margin:0;padding:10px 22px;font-size:14px;line-height:1.45}.keyboard-focus-hint.is-active{color:var(--green);background:var(--green-soft)}.capture-status{color:var(--text-secondary);background:var(--canvas);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;align-items:center;gap:7px;padding:7px 9px;font-size:8px;font-weight:700;display:inline-flex}.capture-status i{background:#9da4b1;border-radius:50%;width:6px;height:6px}.capture-status.is-live i{background:var(--green);box-shadow:0 0 0 4px #1187581a}.icon-action{width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;place-items:center;padding:0;display:grid}.icon-action:hover{color:var(--blue);border-color:#cbd1ff}.keyboard-scroll{background:#151923;border-top:1px solid #272d39;border-bottom:1px solid #272d39;padding:24px 22px;overflow-x:auto}.keyboard-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.keyboard-board{flex-direction:column;gap:7px;min-width:1150px;display:flex}.keyboard-row{gap:6px;height:43px;display:flex;position:relative}.keyboard-key{color:#c9ced8;min-width:36px;height:43px;font-family:var(--mono);background:#242a36;border:1px solid #3b4353;border-bottom:3px solid #0e1118;border-radius:4px;flex-shrink:1;justify-content:center;align-items:center;padding:4px;transition:color 60ms linear,background 60ms linear,border-color 60ms linear,transform 60ms linear;display:flex;position:relative}.keyboard-key strong{white-space:nowrap;font-size:10px;font-weight:600}.keyboard-key small{color:#788193;font-size:8px;position:absolute;top:4px;left:5px}.keyboard-key.is-pressed{color:#fff;background:var(--blue);border-color:#7180ff;border-bottom-width:1px;transform:translateY(2px);box-shadow:0 0 15px #4054e861}.keyboard-key.is-pressed small{color:#dce0ff}.keyboard-key.is-tall{z-index:2;align-self:flex-start;height:93px}.keyboard-key.is-non-reporting{color:#7e8798;background:#1d222c;border-style:dashed}.keyboard-key.is-non-reporting:after{content:"N/A";color:var(--text-secondary);font-size:6px;position:absolute;bottom:4px;right:4px}.keyboard-live-strip{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:63px;padding:11px 22px;display:grid}.keyboard-live-strip>div:first-child{border-right:1px solid var(--line);justify-content:space-between;align-items:center;padding-right:18px;display:flex}.keyboard-live-strip>div:first-child span{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;font-size:8px}.keyboard-live-strip>div:first-child strong{font-family:var(--mono);font-size:22px}.pressed-key-list,.max-combination{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.pressed-key-list kbd,.max-combination kbd{color:var(--accent);background:var(--accent-soft);border-color:#cbd1ff;font-weight:700}.pressed-key-list small,.max-combination>span{color:var(--subtle);font-size:10px}.unknown-key{color:var(--amber);background:var(--amber-soft);font-family:var(--mono);padding:6px 8px;font-size:8px}.keyboard-results{grid-template-columns:1.1fr .7fr 1fr;min-height:270px;display:grid}.rollover-result,.keyboard-metrics,.key-history{padding:23px}.rollover-result,.keyboard-metrics{border-right:1px solid var(--line)}.rollover-result>strong{font-family:var(--mono);letter-spacing:-.07em;margin-top:17px;font-size:62px;font-weight:520;line-height:.9;display:block}.rollover-result>small{color:var(--muted);margin:8px 0 16px;font-size:10px;display:block}.rollover-result p{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.55}.keyboard-metrics{flex-direction:column;justify-content:center;display:flex}.keyboard-metrics>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.keyboard-metrics>div:last-child{border-bottom:0}.keyboard-metrics span{color:var(--muted);font-size:10px}.keyboard-metrics strong{font-family:var(--mono);font-size:16px}.key-history{background:var(--canvas)}.key-history-head{color:var(--text-secondary);border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;justify-content:space-between;padding-bottom:11px;font-size:8px;font-weight:700;display:flex}.key-history-head small{color:var(--subtle);font-weight:500}.key-history-list{max-height:210px;overflow-y:auto}.key-history-list>div{border-bottom:1px solid var(--line);grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:35px;display:grid}.key-history-list>div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.key-history-list>div>small{color:var(--subtle);font-family:var(--mono);font-size:7px}.key-history-list p{color:var(--subtle);font-size:10px}.keyboard-info-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:22px;margin-top:22px;display:grid}.keyboard-explanation,.keyboard-side-notes>section{background:var(--paper);border:1px solid var(--line)}.keyboard-explanation{grid-template-columns:70px 1fr;gap:24px;padding:28px;display:grid}.keyboard-explanation h2{margin:7px 0 8px;font-size:18px}.keyboard-explanation p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.keyboard-explanation p+p{margin-top:8px}.keyboard-explanation code{color:var(--blue);font-family:var(--mono);font-size:.9em}.keyboard-side-notes{flex-direction:column;gap:12px;display:flex}.keyboard-side-notes>section:first-child{padding:22px}.keyboard-side-notes ul{flex-direction:column;gap:13px;margin:18px 0 0;padding:0;list-style:none;display:flex}.keyboard-side-notes li{color:#4f5768;align-items:flex-start;gap:9px;font-size:10px;line-height:1.5;display:flex}.keyboard-side-notes li svg{color:var(--blue);flex:none}.keyboard-side-notes .keyboard-limit-note{color:#765c28;background:var(--amber-soft);border-color:#f1dfb6;gap:10px;padding:17px 18px;display:flex}.keyboard-limit-note svg{color:var(--amber);flex:none}.keyboard-limit-note p{margin:0;font-size:9px;line-height:1.55}.mouse-primary-column{flex-direction:column;gap:22px;display:flex}.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.mouse-explanation{background:var(--paper);border:1px solid var(--line)}.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument{border-top:3px solid var(--blue)}.mouse-instrument-head{justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:16px 20px;display:flex}.mouse-instrument-head h2{letter-spacing:-.015em;margin:6px 0 0;font-size:18px}.mouse-button-stage{color:#dce1eb;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#151923;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-top:1px solid #272d39;border-bottom:1px solid #272d39;outline:none;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr);align-items:center;gap:40px;min-height:330px;padding:34px clamp(28px,6vw,72px);display:grid}.mouse-button-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}.mouse-figure{background:#242a36;border:2px solid #596276;border-radius:82px 82px 66px 66px;justify-self:center;width:174px;height:248px;position:relative;box-shadow:inset 0 -18px 30px #0000002e}.mouse-left,.mouse-right{color:#798295;width:50%;height:100px;font-family:var(--mono);border-bottom:1px solid #50596b;place-items:center;font-size:10px;display:grid;position:absolute;top:0}.mouse-left{border-right:1px solid #50596b;border-radius:80px 0 0;left:0}.mouse-right{border-radius:0 80px 0 0;right:0}.mouse-wheel{z-index:2;background:#11151d;border:1px solid #727b8e;border-radius:9px;width:18px;height:45px;position:absolute;top:33px;left:50%;transform:translate(-50%)}.mouse-wheel:after{content:"";background:#727b8e;height:1px;position:absolute;top:8px;left:4px;right:4px;box-shadow:0 6px #727b8e,0 12px #727b8e,0 18px #727b8e}.mouse-side{color:#8992a4;width:25px;height:42px;font-family:var(--mono);background:#202631;border:1px solid #596276;border-radius:7px 2px 2px 7px;place-items:center;font-size:8px;display:grid;position:absolute;left:-11px}.mouse-back{top:113px}.mouse-forward{top:161px}.mouse-left.is-active,.mouse-right.is-active,.mouse-side.is-active,.mouse-wheel.is-active{color:#fff;background:var(--blue);border-color:#8190ff;box-shadow:0 0 18px #4054e87a}.mouse-stage-copy{flex-direction:column;gap:9px;display:flex}.mouse-stage-copy strong{color:#fff;font-size:17px}.mouse-stage-copy>span{color:#8e97a8;font-size:11px;line-height:1.6}.mouse-stage-copy small{color:#7081ff;font-family:var(--mono);margin-top:15px;font-size:9px}.mouse-button-results{grid-template-columns:repeat(6,1fr);display:grid}.mouse-button-results>div{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:16px;display:flex}.mouse-button-results>div:last-child,.mouse-button-results>div:nth-child(6n){border-right:0}.mouse-button-results span{color:var(--muted);font-size:9px}.mouse-button-results strong{font-family:var(--mono);font-size:22px}.mouse-button-results small{color:var(--subtle);font-family:var(--mono);font-size:7px}.mouse-explanation{padding:25px 27px}.mouse-explanation h2{margin:7px 0 10px;font-size:18px}.mouse-explanation p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.mouse-explanation p+p{margin-top:8px}.double-click-instrument{padding-bottom:20px}.click-target{color:#dce1eb;cursor:crosshair;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#4054e81a,#0000 45%),#151923;border:1px solid #303747;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);min-height:310px;margin:0 20px;display:flex}.click-target:hover{border-color:#6878ff}.click-target:active{background-color:#1e2540;transform:scale(.997)}.click-target.is-double{box-shadow:inset 0 0 0 2px #ef8f32,inset 0 0 50px #ef8f3221}.click-target>svg{color:#6678ff}.click-target>strong{margin-top:5px;font-size:16px}.click-target>span{color:#838c9e;font-size:10px}.click-target>b{font-family:var(--mono);margin-top:20px;font-size:58px;font-weight:520;line-height:1}.click-target>small{color:var(--stage-muted);font-family:var(--mono);letter-spacing:.08em;font-size:8px}.double-threshold{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;align-items:center;gap:20px;padding:18px 20px;display:grid}.double-threshold>span{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.double-threshold output{color:var(--blue);font-family:var(--mono);font-size:9px}.double-threshold input{width:100%;accent-color:var(--blue);cursor:pointer}.double-results{grid-template-columns:repeat(5,1fr);padding:18px 20px 0;display:grid}.double-results>div{border-right:1px solid var(--line);grid-template-columns:1fr auto;gap:7px;padding:10px 14px;display:grid}.double-results>div:last-child{border-right:0}.double-results span{color:var(--muted);grid-column:1/-1;font-size:9px}.double-results strong{font-family:var(--mono);font-size:25px}.double-results small{color:var(--subtle);font-family:var(--mono);align-self:end;padding-bottom:3px;font-size:7px}.double-results .is-warning strong{color:var(--amber)}.mouse-motion-actions{align-items:center;gap:8px;display:flex}.pointer-canvas-wrap{background:#151923;border:1px solid #292f3b;height:380px;margin:0 20px;position:relative;overflow:hidden}.pointer-canvas-wrap canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.pointer-canvas-message{color:#8d96a8;font-family:var(--mono);pointer-events:none;background:#0a0c11b8;border:1px solid #303747;align-items:center;gap:8px;padding:7px 9px;font-size:8px;display:flex;position:absolute;top:14px;left:14px}.pointer-canvas-message svg{color:#6072ff}.polling-readout{color:#f4f6fa;background:#151923;border:1px solid #292f3b;grid-template-columns:minmax(190px,.65fr) 1.35fr;margin:18px 20px 0;display:grid}.polling-primary{border-right:1px solid #303747;justify-content:center;align-items:baseline;gap:8px;min-height:178px;padding-top:60px;display:flex;position:relative}.polling-primary>span{color:#7e8799;font-family:var(--mono);font-size:8px;position:absolute;top:23px;left:23px}.polling-primary strong{font-family:var(--mono);letter-spacing:-.06em;font-size:62px;font-weight:520;line-height:1}.polling-primary small{color:#8790a2;font-family:var(--mono);font-size:11px}.polling-readout dl{grid-template-columns:1fr 1fr;margin:0;padding:13px;display:grid}.polling-readout dl>div{border-bottom:1px solid #303747;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex}.polling-readout dl>div:nth-child(odd){border-right:1px solid #303747}.polling-readout dl>div:nth-last-child(-n+2){border-bottom:0}.polling-readout dt{color:#7e8799;font-size:9px}.polling-readout dd{font-family:var(--mono);margin:0;font-size:14px}.movement-readout{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:14px 20px 0;display:grid}.movement-readout>div{border-right:1px solid var(--line);flex-direction:column;gap:7px;padding:13px;display:flex}.movement-readout>div:last-child{border-right:0}.movement-readout span{color:var(--muted);font-size:8px}.movement-readout strong{font-family:var(--mono);font-size:13px}.movement-readout.is-detailed>div{border-bottom:1px solid var(--line)}.movement-readout.is-detailed>div:nth-child(4n){border-right:0}.movement-readout.is-detailed>div:nth-last-child(-n+4){border-bottom:0}.browser-estimate-note{color:var(--text-secondary);background:var(--canvas);border-left:2px solid var(--blue);margin:14px 20px 18px;padding:10px 12px;font-size:9px;line-height:1.55}.controller-primary-column{flex-direction:column;gap:22px;display:flex}.controller-instrument,.controller-explanation{background:var(--paper);border:1px solid var(--line)}.controller-instrument{border-top:3px solid var(--blue)}.controller-instrument-head{justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:16px 20px;display:flex}.controller-instrument-head h2{letter-spacing:-.015em;margin:6px 0 0;font-size:18px}.controller-actions{align-items:center;gap:8px;display:flex}.controller-device-bar{border:1px solid var(--line);background:#f6f8fb;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 20px 18px;padding:11px 13px;display:grid}.device-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;display:grid}.controller-device-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.controller-device-bar small{color:var(--muted);font-family:var(--mono);margin-top:4px;font-size:7px;display:block}.device-online{color:var(--green);font-family:var(--mono);align-items:center;gap:6px;font-size:7px;display:flex}.device-online i{background:#35a86f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dcefe6}.controller-empty-state{text-align:center;color:#e8ecf4;background-color:#151923;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:390px;padding:45px;display:flex}.controller-empty-state strong{margin-top:8px;font-size:16px}.controller-empty-state p{color:#8b94a6;max-width:430px;margin:0;font-size:10px;line-height:1.65}.controller-pulse{color:#7282ff;background:#20263a;border:1px solid #465077;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 0 0 8px #6072ff12}.controller-waiting{color:var(--text-secondary);font-family:var(--mono);align-items:center;gap:7px;margin-top:14px;font-size:8px;display:flex}.controller-waiting i{background:#6678ff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite live-pulse}.controller-stage{color:#dde2ec;background:#151923;border-block:1px solid #2a303c;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:350px;padding:42px clamp(26px,5vw,62px);display:grid}.gamepad-figure{background:#272d38;border:2px solid #596276;border-radius:76px 76px 94px 94px;justify-self:center;width:330px;height:190px;position:relative;box-shadow:inset 0 -22px 35px #0003}.gamepad-figure:before,.gamepad-figure:after{content:"";z-index:-1;background:#272d38;border:2px solid #596276;border-radius:42px 42px 65px 65px;width:100px;height:150px;position:absolute;top:92px}.gamepad-figure:before{left:9px;transform:rotate(13deg)}.gamepad-figure:after{right:9px;transform:rotate(-13deg)}.gamepad-center{width:74px;height:38px;color:var(--stage-muted);font-family:var(--mono);background:#1c212b;border:1px solid #4a5262;border-radius:20px;place-items:center;font-size:8px;display:grid;position:absolute;top:38px;left:50%;transform:translate(-50%)}.gamepad-stick{background:#161a22;border:1px solid #657083;border-radius:50%;width:54px;height:54px;position:absolute}.gamepad-stick i{width:33px;height:33px;transform:translate(calc(-50% + var(--stick-x,0px)), calc(-50% + var(--stick-y,0px)));background:#394150;border:1px solid #7a8498;border-radius:50%;position:absolute;top:50%;left:50%}.stick-left{top:105px;left:90px}.stick-right{top:108px;right:78px}.gamepad-dpad{width:65px;height:65px;position:absolute;top:48px;left:39px}.gamepad-dpad:before,.gamepad-dpad:after{content:"";background:#151922;border:1px solid #657083;border-radius:6px;position:absolute}.gamepad-dpad:before{width:25px;height:65px;top:0;left:20px}.gamepad-dpad:after{width:65px;height:25px;top:20px;left:0}.gamepad-dpad i{z-index:1;background:0 0;border-radius:4px;display:block;position:absolute}.gamepad-dpad i:first-child{width:21px;height:20px;top:2px;left:22px}.gamepad-dpad i:nth-child(2){width:21px;height:20px;bottom:2px;left:22px}.gamepad-dpad i:nth-child(3){width:20px;height:21px;top:22px;left:2px}.gamepad-dpad i:nth-child(4){width:20px;height:21px;top:22px;right:2px}.gamepad-dpad i.is-active{background:var(--blue);box-shadow:0 0 12px var(--blue)}@supports (color:color-mix(in lab, red, red)){.gamepad-dpad i.is-active{box-shadow:0 0 12px color-mix(in srgb, var(--blue) 65%, transparent)}}.gamepad-face-buttons{width:78px;height:78px;position:absolute;top:42px;right:38px}.gamepad-face-buttons i{color:#aab1bf;width:27px;height:27px;font-family:var(--mono);background:#151922;border:1px solid #687184;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid;position:absolute}.gamepad-face-buttons i:first-child{top:0;left:26px}.gamepad-face-buttons i:nth-child(2){top:26px;right:0}.gamepad-face-buttons i:nth-child(3){top:26px;left:0}.gamepad-face-buttons i:nth-child(4){bottom:0;left:26px}.gamepad-face-buttons i.is-active{color:#fff;background:var(--blue);border-color:#8e9aff;box-shadow:0 0 14px #6072ff99}.live-axis-readout{flex-direction:column;gap:12px;display:flex}.live-axis-readout>span{color:var(--text-tertiary);font-family:var(--mono);align-items:center;gap:7px;font-size:8px;display:flex}.live-axis-readout>div{grid-template-columns:minmax(86px,1fr) minmax(90px,1.5fr) 63px;align-items:center;gap:8px;display:grid}.live-axis-readout label{color:var(--text-secondary);font-size:9px}.live-axis-readout meter{width:100%;accent-color:var(--blue)}.live-axis-readout output{color:var(--text-primary);font-family:var(--mono);text-align:right;font-size:9px}.gamepad-button-grid{grid-template-columns:repeat(6,1fr);display:grid}.gamepad-button-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.gamepad-button-grid>div:nth-child(6n){border-right:0}.gamepad-button-grid span{color:var(--muted);font-size:8px}.gamepad-button-grid strong{font-family:var(--mono);font-size:17px}.gamepad-button-grid small{color:var(--subtle);font-family:var(--mono);font-size:7px}.gamepad-button-grid .is-active{color:#fff;background:var(--blue)}.gamepad-button-grid .is-active span,.gamepad-button-grid .is-active small{color:inherit}.gamepad-button-grid .is-tested:not(.is-active){box-shadow:inset 3px 0 0 var(--blue)}.button-session-summary{border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 20px 18px;display:grid}.button-session-summary>div{border-right:1px solid var(--line);flex-direction:column;gap:7px;min-width:0;padding:13px 14px;display:flex}.button-session-summary>div:last-child{border-right:0}.button-session-summary span{color:var(--muted);font-size:10px}.button-session-summary strong{font-family:var(--mono);font-size:15px}.mapping-notice{background:#1b2029;border:1px solid #3b4454;justify-self:center;max-width:430px;padding:24px}.mapping-notice strong{color:#eef1f7;font-size:15px;display:block}.mapping-notice p{color:#9aa4b6;margin:10px 0 0;font-size:12px;line-height:1.65}.controller-explanation{padding:25px 27px}.controller-explanation h2{margin:7px 0 10px;font-size:18px}.controller-explanation p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.controller-explanation p+p{margin-top:8px}.stick-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.segmented-control{border:1px solid var(--line-strong);display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted);border:0;border-right:1px solid var(--line-strong);font-family:var(--mono);cursor:pointer;background:#fff;padding:0 13px;font-size:8px}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#fff;background:#252c3a}.segmented-control button:disabled{cursor:not-allowed;opacity:.65}.drift-stage,.deadzone-stage{color:#e8ecf4;background:#151923;border-block:1px solid #2a303c;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:350px;padding:38px clamp(28px,6vw,68px);display:grid}.stick-scope{aspect-ratio:1;background:radial-gradient(circle,#1e2430 0 4%,#0000 4%),#171b24;border:1px solid #3d4554;border-radius:50%;justify-self:center;width:min(260px,100%);position:relative;overflow:hidden}.scope-ring{border:1px solid #353d4b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-ring.ring-1{width:50%;height:50%}.scope-ring.ring-2{width:78%;height:78%}.scope-cross{background:#353d4b;position:absolute}.scope-cross.horizontal{height:1px;top:50%;left:6%;right:6%}.scope-cross.vertical{width:1px;top:6%;bottom:6%;left:50%}.stick-scope>i{z-index:3;background:#6b7dff;border:2px solid #cdd3ff;border-radius:50%;width:14px;height:14px;transition:left 35ms linear,top 35ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #6072ffb3}.stick-scope>i.is-sampling{background:#43c181;border-color:#d7f6e6;box-shadow:0 0 18px #43c181b3}.drift-live>span,.deadzone-result>span{color:#798397;font-family:var(--mono);font-size:8px}.drift-live dl{margin:15px 0 17px}.drift-live dl div{border-bottom:1px solid #303746;justify-content:space-between;padding:11px 0;display:flex}.drift-live dt{color:#8791a3;font-size:9px}.drift-live dd{font-family:var(--mono);margin:0;font-size:13px}.drift-live p{color:#8a93a5;margin:0;font-size:9px;line-height:1.55}.drift-results{grid-template-columns:minmax(190px,.65fr) 1.35fr;display:grid}.drift-verdict{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:7px;padding:25px;display:flex}.drift-verdict span{color:var(--muted);font-family:var(--mono);font-size:8px}.drift-verdict strong{font-size:20px}.drift-verdict small{color:var(--subtle);font-size:8px}.drift-verdict.is-high strong{color:var(--status-success)}.drift-verdict.is-medium strong{color:var(--status-warning)}.drift-verdict.is-low strong{color:var(--status-danger)}.drift-results>dl{grid-template-columns:1fr 1fr;margin:0;display:grid}.drift-results>dl div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px}.drift-results>dl div:nth-child(2n){border-right:0}.drift-results>dl div:nth-last-child(-n+2){border-bottom:0}.drift-results dt{color:var(--muted);font-size:8px}.drift-results dd{font-family:var(--mono);margin:6px 0 0;font-size:12px}.measurement-disclaimer,.click-session-status{color:var(--muted);background:var(--canvas);border-left:2px solid var(--blue);margin:14px 20px 18px;padding:10px 12px;font-size:9px;line-height:1.55}.click-session-status.is-clear{border-left-color:var(--green)}.click-session-status.is-review{border-left-color:var(--amber)}.deadzone-slider{width:min(290px,100%)}.deadzone-slider>span{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.deadzone-slider output{color:var(--blue);font-family:var(--mono)}.deadzone-slider input{width:100%;accent-color:var(--blue);margin-top:8px}.deadzone-area{z-index:2;background:#ef8f3233;border:1px dashed #d58a3f;border-radius:50%;min-width:4px;min-height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-scope>i.is-filtered{background:#ef8f32;border-color:#ffe4c8;box-shadow:0 0 18px #ef8f32a6}.stick-scope>i.is-output{background:#43c181;border-color:#d7f6e6;box-shadow:0 0 18px #43c181a6}.deadzone-result{flex-direction:column;display:flex}.deadzone-result>strong{font-family:var(--mono);letter-spacing:-.05em;margin-top:14px;font-size:55px;font-weight:520}.deadzone-result>small{color:#6e7fff;font-family:var(--mono);margin-top:4px;font-size:8px}.deadzone-result dl{margin:24px 0 0}.deadzone-result dl div{border-bottom:1px solid #303746;justify-content:space-between;padding:10px 0;display:flex}.deadzone-result dt{color:#8791a3;font-size:9px}.deadzone-result dd{font-family:var(--mono);margin:0;font-size:11px}.circularity-canvas-wrap{background:#151923;border:1px solid #2a303c;height:440px;margin:0 20px;position:relative}.circularity-canvas-wrap canvas{width:100%;height:100%;display:block}.circularity-canvas-wrap>span{color:#8a94a6;font-family:var(--mono);background:#0b0e13c7;border:1px solid #303746;padding:7px 9px;font-size:8px;position:absolute;top:14px;left:14px}.circularity-results{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;display:grid}.circularity-results>div{border-right:1px solid var(--line);flex-direction:column;gap:7px;padding:16px;display:flex}.circularity-results>div:nth-child(4n){border-right:0}.circularity-results span{color:var(--muted);font-size:8px}.circularity-results strong{font-family:var(--mono);font-size:15px}.more-tools-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:62px 0 18px;display:flex}.more-tools-heading p{color:var(--muted);margin:0;font-size:11px}.more-tools-list{border-top:1px solid var(--line-strong);grid-template-columns:1fr 1fr;display:grid}.more-tools-list>a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:12px 16px;display:grid}.more-tools-list>a:nth-child(2n){border-right:0}.more-tools-list>a:hover{background:var(--paper)}.more-tools-list>a>span{width:35px;height:35px;color:var(--blue);background:var(--blue-soft);border-radius:5px;place-items:center;display:grid}.more-tools-list div{flex-direction:column;gap:4px;display:flex}.more-tools-list small{color:var(--muted);font-size:9px}.more-tools-list>a>svg{color:var(--subtle)}.media-primary-column{flex-direction:column;gap:22px;display:flex}.media-instrument,.media-explanation{background:var(--paper);border:1px solid var(--line)}.media-instrument{border-top:3px solid var(--blue)}.media-instrument-head{justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:16px 20px;display:flex}.media-instrument-head h2{letter-spacing:-.015em;margin:6px 0 0;font-size:18px}.media-actions{align-items:center;gap:8px;display:flex}.media-error{color:#a23c32;background:#fff0ee;border-block:1px solid #f3cdc8;margin:0;padding:11px 20px;font-size:9px}.media-explanation{padding:25px 27px}.media-explanation h2{margin:7px 0 10px;font-size:18px}.media-explanation p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.media-explanation p+p{margin-top:8px}.local-data-note{color:#306448;background:var(--green-soft);border:1px solid #cfe9dc;gap:10px;padding:17px 18px;display:flex}.local-data-note svg{color:var(--green);flex:none}.local-data-note strong{margin-bottom:4px;font-size:10px;display:block}.local-data-note p{margin:0;font-size:9px;line-height:1.55}.audio-view-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;display:flex}.audio-view-toolbar>span{color:var(--muted);font-size:9px}.audio-canvas-wrap{background:#151923;border:1px solid #2a303d;height:340px;margin:0 20px}.audio-canvas-wrap canvas{width:100%;height:100%;display:block}.audio-meter-row{grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px;display:grid}.level-meter{grid-template-columns:minmax(0,1fr) minmax(82px,max-content);gap:8px 16px;min-width:0;display:grid}.level-meter>span{color:var(--muted);font-family:var(--mono);font-size:8px}.level-meter>div{background:#e7eaf0;grid-column:1;height:8px;overflow:hidden}.level-meter i{background:#43b979;height:100%;transition:width 80ms linear;display:block}.level-meter i.peak{background:var(--blue)}.level-meter output{font-family:var(--mono);text-align:right;grid-area:1/2/span 2;align-self:end;font-size:11px}.audio-diagnostics{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.audio-diagnostics>div{border-right:1px solid var(--line);flex-direction:column;gap:7px;min-width:0;padding:14px 16px;display:flex}.audio-diagnostics>div:last-child{border-right:0}.audio-diagnostics span{color:var(--muted);font-size:8px}.audio-diagnostics strong{overflow-wrap:anywhere;font-family:var(--mono);font-size:10px;line-height:1.45}.recording-panel{background:var(--canvas);border-top:1px solid var(--line);grid-template-columns:minmax(170px,1fr) auto minmax(180px,1.2fr);align-items:center;gap:14px;padding:16px 20px;display:grid}.recording-panel>div{align-items:center;gap:10px;display:flex}.recording-panel>div>svg{color:var(--blue)}.recording-panel>div span{flex-direction:column;gap:3px;display:flex}.recording-panel strong{font-size:10px}.recording-panel small{color:var(--muted);font-size:8px}.recording-panel audio{width:100%;height:34px}.recording-playback{flex-direction:column;min-width:0;align-items:stretch!important;gap:8px!important}.recording-playback .button{width:100%}.recording-button{color:#a03d34;background:#fff;border-color:#e3bbb6;min-height:36px}.recording-button:disabled{cursor:not-allowed;opacity:.45}.recording-button.is-recording{color:#fff;background:#c64e42;border-color:#c64e42}.record-dot{background:#cf4c40;border-radius:50%;width:8px;height:8px}.recording-placeholder{color:var(--subtle);font-family:var(--mono);align-items:center;gap:6px;font-size:8px;display:flex}.safe-volume{color:var(--green);background:var(--green-soft);font-family:var(--mono);align-items:center;gap:6px;padding:7px 9px;font-size:8px;display:flex}.stereo-stage{color:#e9edf5;background:#151923;border-block:1px solid #2a303c;grid-template-columns:1fr 100px 1fr;align-items:center;gap:24px;min-height:350px;padding:40px 55px;display:grid}.speaker-node{flex-direction:column;align-items:center;gap:12px;display:flex}.speaker-node>span{background:#242a35;border:2px solid #566073;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:120px;height:170px;display:flex;position:relative}.speaker-node>span i{border:1px solid #697386;border-radius:50%;display:block}.speaker-node>span i:first-child{background:#171b23;width:22px;height:22px}.speaker-node>span i:nth-child(2){background:radial-gradient(circle,#363e4c 0 22%,#171b23 23% 54%,#475062 55% 58%,#171b23 59%);width:58px;height:58px}.speaker-node>span i:nth-child(3){background:#6678ff;border:0;width:5px;height:5px}.speaker-node strong{color:var(--text-tertiary);font-family:var(--mono);font-size:8px}.speaker-node button{color:#fff;cursor:pointer;background:#323a4a;border:1px solid #657083;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.speaker-node.is-playing>span{border-color:#7181ff;box-shadow:0 0 32px #6072ff38}.speaker-node.is-playing button{background:var(--blue);border-color:#8b98ff}.listener-head{color:#6475ff;flex-direction:column;align-items:center;gap:8px;display:flex}.listener-head span{color:var(--text-tertiary);font-family:var(--mono);font-size:8px}.stereo-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:9px;padding:16px 20px;display:grid}.secondary-button{color:#424a5a;border-color:var(--line-strong);background:#fff}.secondary-button:hover{color:var(--blue);border-color:#aeb7ff}.frequency-panel{grid-template-columns:190px 1fr;gap:30px;padding:24px 20px;display:grid}.frequency-reading{flex-direction:column;display:flex}.frequency-reading>span{color:var(--muted);font-family:var(--mono);font-size:8px}.frequency-reading strong{font-family:var(--mono);margin-top:12px;font-size:32px}.frequency-reading small{color:var(--subtle);margin-top:7px;font-size:8px}.frequency-control>input{width:100%;accent-color:var(--blue)}.frequency-presets{border:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-top:12px;display:grid}.frequency-presets button{height:30px;color:var(--muted);border:0;border-right:1px solid var(--line);font-family:var(--mono);cursor:pointer;background:#fff;font-size:8px}.frequency-presets button:last-child{border:0}.frequency-presets button.active{color:#fff;background:#252c3a}.gain-control{color:var(--muted);font-family:var(--mono);grid-template-columns:minmax(155px,auto) 1fr;align-items:center;gap:14px;margin-top:16px;font-size:8px;display:grid}.gain-control input{width:100%;accent-color:var(--blue)}.frequency-actions{gap:9px;margin-top:16px;display:flex}.audio-safety-note{color:#765c28;background:var(--amber-soft);border-top:1px solid #f1dfb6;margin:0;padding:12px 20px;font-size:9px;line-height:1.55}.camera-stage{aspect-ratio:16/9;background-color:#151923;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #2a303d;margin:0 20px;position:relative;overflow:hidden}.camera-stage video{object-fit:contain;width:100%;height:100%;display:block}.camera-placeholder{color:#e6eaf2;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.camera-placeholder>span{color:#7080ff;background:#20263a;border:1px solid #465077;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.camera-placeholder strong{margin-top:7px;font-size:15px}.camera-placeholder p{color:#858fa2;margin:0;font-size:9px}.focus-guide{pointer-events:none;border:1px solid #ffffff73;position:absolute;inset:24% 32%}.focus-guide i{border-color:#7d8cff;width:15px;height:15px;position:absolute}.focus-guide i:first-child{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.focus-guide i:nth-child(2){border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.focus-guide i:nth-child(3){border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.focus-guide i:nth-child(4){border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.focus-guide span{color:#ffffffa6;font-family:var(--mono);font-size:7px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.camera-toolbar{grid-template-columns:1fr auto;align-items:end;gap:20px;padding:16px 20px;display:grid}.camera-toolbar label{flex-direction:column;gap:7px;display:flex}.camera-toolbar label>span{color:var(--muted);font-family:var(--mono);font-size:8px}.camera-toolbar select{height:38px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;padding:0 10px;font-size:10px}.camera-live-fps{grid-template-columns:20px 1fr;align-items:center;min-width:115px;display:grid}.camera-live-fps svg{color:var(--blue);grid-row:1/span 2}.camera-live-fps span{color:var(--muted);font-family:var(--mono);font-size:7px}.camera-live-fps strong{font-family:var(--mono);font-size:18px}.camera-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.camera-metrics>div{border-right:1px solid var(--line);flex-direction:column;gap:7px;padding:15px;display:flex}.camera-metrics>div:last-child{border:0}.camera-metrics span{color:var(--muted);font-size:8px}.camera-metrics strong{font-family:var(--mono);font-size:11px}.touch-mode-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.touch-mode-toolbar>span{color:var(--muted);text-align:right;font-size:9px;line-height:1.5}.touch-stage{background:#151923;border:1px solid #2a303d;height:490px;margin:0 20px;position:relative;overflow:hidden}.touch-stage:fullscreen{background:#151923;border:0;width:100vw;height:100vh;margin:0}.touch-stage canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.touch-stage-message{color:#8c96a8;font-family:var(--mono);pointer-events:none;background:#0a0c11c2;border:1px solid #303747;align-items:center;gap:8px;padding:7px 9px;font-size:8px;display:flex;position:absolute;top:14px;left:14px}.touch-stage-message svg{color:var(--accent)}.touch-fullscreen{color:#cfd5e1;height:32px;font-family:var(--mono);cursor:pointer;background:#0a0c11c2;border:1px solid #3b4353;align-items:center;gap:7px;padding:0 10px;font-size:8px;display:inline-flex;position:absolute;top:14px;right:14px}.touch-stage-message,.touch-fullscreen{transition:opacity .18s}.touch-stage.is-clean .touch-stage-message,.touch-stage.is-clean .touch-fullscreen{opacity:0;pointer-events:none}.touch-coverage{grid-template-columns:180px 1fr auto;align-items:center;gap:16px;padding:17px 20px;display:grid}.touch-coverage>div:first-child{align-items:baseline;gap:10px;display:flex}.touch-coverage span{color:var(--muted);font-family:var(--mono);font-size:8px}.touch-coverage strong{font-family:var(--mono);font-size:22px}.coverage-bar{background:#e5e8ee;height:9px}.coverage-bar i{background:var(--accent);height:100%;transition:width .12s linear;display:block}.touch-coverage small{color:var(--subtle);font-family:var(--mono);font-size:7px}.touch-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.touch-metrics>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:7px;min-width:0;padding:14px;display:flex}.touch-metrics>div:nth-child(3n){border-right:0}.touch-metrics>div:nth-last-child(-n+3){border-bottom:0}.touch-metrics span{color:var(--muted);font-size:8px}.touch-metrics strong{text-overflow:ellipsis;font-family:var(--mono);font-size:11px;overflow:hidden}@media (max-width:1120px){.app-frame{grid-template-columns:224px minmax(0,1fr)}.home-hero{grid-template-columns:1fr 380px;gap:42px}.hero-copy h1{font-size:48px}.motion-controls,.keyboard-results{grid-template-columns:1fr 1fr}.key-history{border-top:1px solid var(--line);grid-column:1/-1}.controller-stage{grid-template-columns:1fr;gap:65px}.live-axis-readout{justify-self:center;width:min(430px,100%)}}@media (max-width:860px){.app-frame{grid-template:"topbar"68px"mobilebar""stage"1fr"footer"/1fr}.topbar{padding:0 18px}.brand{min-width:0}.brand small,.topnav a{display:none}.topnav{gap:0}.sidebar{display:none}.mobile-category-bar{border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:9px 16px;display:flex;overflow-x:auto}.mobile-category-bar a{color:#454c5b;background:var(--canvas);border:1px solid var(--line);border-radius:4px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:inline-flex}.home-page,.test-page{width:min(100% - 34px,760px)}.home-hero{grid-template-columns:1fr;gap:44px;padding:58px 0 55px}.diagnostic-preview{min-height:320px}.trust-strip{flex-wrap:wrap}.trust-points{width:100%;margin-left:33px}.section-heading{grid-template-columns:1fr;gap:16px}.keyboard-toolbar{flex-direction:column;align-items:flex-start}.keyboard-layout-toolbar{grid-template-columns:minmax(190px,max-content) 1fr}.keyboard-layout-count{grid-column:1/-1}.keyboard-actions{width:100%}.keyboard-actions .button{margin-left:auto}.keyboard-info-grid{grid-template-columns:1fr}.mouse-button-results,.double-results{grid-template-columns:repeat(3,1fr)}.mouse-button-results>div:nth-child(6n){border-right:1px solid var(--line)}.mouse-button-results>div:nth-child(3n){border-right:0}.gamepad-button-grid{grid-template-columns:repeat(4,1fr)}.gamepad-button-grid>div:nth-child(6n){border-right:1px solid var(--line)}.gamepad-button-grid>div:nth-child(4n){border-right:0}.button-session-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.button-session-summary>div{border-bottom:1px solid var(--line)}.button-session-summary>div:nth-child(3n),.mouse-button-results>div:nth-child(3),.double-results>div:nth-child(3){border-right:0}.touch-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:580px){.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;gap:16px}.hero-actions .text-link{justify-content:center}.diagnostic-preview{min-height:305px;padding:20px;box-shadow:8px 10px #e7eaf0}.preview-value{font-size:64px}.preview-metrics{grid-template-columns:1fr 1fr}.preview-metrics div:last-child{display:none}.category-row{grid-template-columns:38px minmax(0,1fr) 24px;gap:10px}.category-index,.status-ready,.status-soon{display:none}.category-copy small{line-height:1.4}.tool-section{padding:62px 0}.test-page{padding-top:36px}.test-page-header{display:block}.support-badge{margin-top:18px}.test-launch-panel{grid-template-columns:54px 1fr;gap:16px;padding:20px}.launch-icon{width:52px;height:52px}.launch-action{grid-column:1/-1;width:100%}.sequence-panel{padding:20px}.color-sequence{grid-template-columns:repeat(5,minmax(52px,1fr));gap:8px;overflow-x:auto}.pattern-sequence{grid-template-columns:1fr}.color-swatch>span{height:58px}.inline-instruction{align-items:flex-start}.explanation-panel{grid-template-columns:1fr;padding:24px}.explanation-icon{width:54px;height:54px}.fullscreen-hud{grid-template-columns:1fr auto}.fullscreen-hud>span:nth-child(2){display:none}.motion-toolbar{flex-direction:column;align-items:flex-start}.motion-stage{height:280px;margin:0 14px}.motion-stage-actions{opacity:.8;justify-content:center;width:calc(100% - 18px)}.motion-stage-actions button{padding:0 7px;font-size:8px}.motion-controls{grid-template-columns:1fr;padding:18px 14px}.refresh-instrument{padding:0 16px 18px}.refresh-head{grid-template-columns:50px 1fr;padding:18px 0}.refresh-symbol{width:46px;height:46px}.refresh-head .button{grid-column:1/-1;width:100%}.refresh-result{grid-template-columns:1fr}.primary-reading{border-bottom:1px solid #303645;border-right:0;min-height:190px}.keyboard-toolbar{padding:16px}.keyboard-tool-title{align-items:flex-start}.keyboard-actions{grid-template-columns:1fr auto;display:grid}.keyboard-actions .capture-status{grid-column:1/-1}.keyboard-actions .button{width:100%;margin:0}.keyboard-scroll{padding:18px 14px}.keyboard-layout-toolbar{grid-template-columns:1fr;padding:13px 14px}.keyboard-layout-toolbar label{grid-template-columns:1fr}.keyboard-layout-toolbar select{width:100%;font-size:14px}.keyboard-layout-count{grid-column:auto}.keyboard-live-strip{grid-template-columns:92px 1fr;padding:11px 14px}.unknown-key{grid-column:1/-1}.keyboard-results{grid-template-columns:1fr}.rollover-result,.keyboard-metrics{border-right:0;border-bottom:1px solid var(--line)}.key-history{grid-column:auto}.keyboard-explanation{grid-template-columns:1fr;padding:23px}.mouse-button-stage{grid-template-columns:1fr;gap:24px;padding:28px 18px}.mouse-figure{margin:-12px 0;transform:scale(.86)}.mouse-button-results,.double-results{grid-template-columns:repeat(2,1fr)}.mouse-button-results>div,.double-results>div{border-bottom:1px solid var(--line)}.mouse-button-results>div:nth-child(2n),.double-results>div:nth-child(2n){border-right:0}.mouse-button-results>div:nth-child(3n){border-right:1px solid var(--line)}.mouse-button-results>div:nth-child(2n){border-right:0}.mouse-button-results>div:nth-last-child(-n+2),.double-results>div:nth-last-child(-n+2){border-bottom:0}.double-threshold{grid-template-columns:1fr;gap:8px}.mouse-motion-actions{flex-wrap:wrap}.pointer-canvas-wrap{height:300px;margin:0 14px}.polling-readout{grid-template-columns:1fr;margin:14px}.polling-primary{border-right:0;border-bottom:1px solid var(--line)}.movement-readout{grid-template-columns:repeat(2,1fr);margin:14px}.movement-readout.is-detailed>div:nth-child(4n){border-right:1px solid var(--line)}.movement-readout.is-detailed>div:nth-child(2n){border-right:0}.movement-readout.is-detailed>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.movement-readout.is-detailed>div:nth-last-child(-n+2){border-bottom:0}.browser-estimate-note{margin:14px}.controller-instrument-head{align-items:flex-start}.controller-actions{flex-wrap:wrap;justify-content:flex-end}.controller-device-bar{grid-template-columns:35px minmax(0,1fr);margin:0 14px 14px}.device-online{grid-column:2}.controller-empty-state{min-height:340px;padding:30px 22px}.controller-stage{gap:56px;min-height:520px;padding:38px 18px;overflow:hidden}.gamepad-figure{transform:scale(.78)}.gamepad-button-grid{grid-template-columns:repeat(3,1fr)}.gamepad-button-grid>div:nth-child(4n){border-right:1px solid var(--line)}.gamepad-button-grid>div:nth-child(3n){border-right:0}.button-session-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:14px}.button-session-summary>div:nth-child(3n){border-right:1px solid var(--line)}.button-session-summary>div:nth-child(2n){border-right:0}.stick-toolbar{flex-direction:column;align-items:stretch}.segmented-control{width:100%}.segmented-control button{flex:1}.stick-toolbar .button{width:100%}.drift-stage,.deadzone-stage{grid-template-columns:1fr;gap:32px;padding:30px 22px}.drift-live,.deadzone-result{width:100%}.drift-results{grid-template-columns:1fr}.drift-verdict{border-right:0;border-bottom:1px solid var(--line)}.circularity-canvas-wrap{height:330px;margin:0 14px}.circularity-results{grid-template-columns:repeat(2,1fr)}.circularity-results>div{border-bottom:1px solid var(--line)}.circularity-results>div:nth-child(2n){border-right:0}.more-tools-heading{flex-direction:column;align-items:flex-start;gap:8px}.more-tools-list{grid-template-columns:1fr}.more-tools-list>a{border-right:0}.media-instrument-head{flex-direction:column;align-items:flex-start}.media-actions{flex-wrap:wrap;width:100%}.media-actions .button{flex:1}.audio-view-toolbar{flex-direction:column;align-items:stretch}.audio-view-toolbar .segmented-control{width:100%}.audio-canvas-wrap{height:280px;margin:0 14px}.audio-meter-row{grid-template-columns:1fr;padding:15px 14px}.audio-diagnostics{grid-template-columns:1fr 1fr}.audio-diagnostics>div{border-bottom:1px solid var(--line)}.audio-diagnostics>div:nth-child(2n){border-right:0}.recording-panel{grid-template-columns:1fr;padding:15px 14px}.recording-panel .recording-button{width:100%}.stereo-stage{grid-template-columns:1fr 55px 1fr;gap:5px;min-height:300px;padding:30px 8px}.speaker-node>span{width:88px;height:140px}.stereo-controls{grid-template-columns:1fr;padding:14px}.frequency-panel{grid-template-columns:1fr;padding:20px 14px}.frequency-presets{grid-template-columns:repeat(3,1fr)}.frequency-presets button:nth-child(3){border-right:0}.frequency-presets button:nth-child(-n+3){border-bottom:1px solid var(--line)}.frequency-actions{flex-direction:column}.frequency-actions .button{width:100%}.camera-stage{margin:0 14px}.camera-placeholder p{text-align:center;max-width:210px}.camera-toolbar{grid-template-columns:1fr;padding:14px}.camera-metrics{grid-template-columns:1fr 1fr}.camera-metrics>div{border-bottom:1px solid var(--line)}.camera-metrics>div:nth-child(2n){border-right:0}.touch-stage{height:370px;margin:0 14px}.touch-stage-message{top:54px;right:14px}.touch-mode-toolbar{flex-direction:column;align-items:stretch;padding:12px 14px}.touch-mode-toolbar>span{text-align:left}.touch-coverage{grid-template-columns:1fr;padding:15px 14px}.touch-metrics{grid-template-columns:1fr 1fr}.touch-metrics>div:nth-child(3n){border-right:1px solid var(--line)}.touch-metrics>div:nth-child(2n){border-right:0}.touch-metrics>div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.touch-metrics>div:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}h1,h2,h3,.brand strong,.preview-value,.primary-reading strong,.polling-primary strong,.frequency-reading strong{font-family:var(--display);font-stretch:75%}h1,h2,h3{font-weight:700}.privacy-note{background:var(--canvas);border-radius:2px;padding:13px}.privacy-note svg{color:var(--green)}.section-kicker,.instrument-label,.breadcrumb{letter-spacing:.085em;font-size:8px}.test-page-header{border-bottom:1px solid var(--line-strong);align-items:flex-end;margin-bottom:28px;padding-bottom:24px}.test-page-heading-copy{max-width:850px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;font-style:normal;display:inline-flex}.breadcrumb b{color:var(--blue);padding:0}.breadcrumb i{color:var(--line-strong);font-style:normal}.support-badge{border-color:var(--green);padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.support-badge{border-color:color-mix(in srgb, var(--green) 35%, var(--line))}}.support-badge{border-radius:0;font-size:7px}.support-badge span{border-radius:0}.test-launch-panel,.sequence-panel,.explanation-panel,.keyboard-tool,.keyboard-explanation,.keyboard-side-notes>section,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.mouse-explanation,.controller-instrument,.controller-explanation,.media-instrument,.media-explanation,.refresh-instrument,.local-data-note{border-color:var(--line);box-shadow:none;border-radius:2px}.test-launch-panel,.keyboard-tool,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument{border-top-color:var(--blue)}.local-data-note{padding:21px}.mouse-explanation h2,.controller-explanation h2,.media-explanation h2,.explanation-panel h2,.keyboard-explanation h2{text-transform:uppercase;font-size:23px;line-height:1}.local-data-note{background:var(--green-soft);border-left:2px solid var(--green)}.icon-action,.segmented-control,.segmented-control button,.frequency-presets button,.camera-toolbar select,.touch-fullscreen{border-radius:0}:root[data-theme=dark] .topbar{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .topbar{background:color-mix(in srgb, var(--paper) 94%, transparent)}}:root[data-theme=dark] .sidebar{background:var(--paper)}:root[data-theme=dark] .diagnostic-preview{box-shadow:none}@media (max-width:1120px){.home-hero{grid-template-columns:1fr 390px;gap:44px}}@media (max-width:860px){.app-frame,.app-frame.is-home{grid-template-rows:68px auto 1fr auto;grid-template-columns:1fr}.app-frame.is-home{grid-template-rows:68px 1fr auto}.home-page,.test-page{width:min(100% - 34px,780px)}.home-hero{grid-template-columns:1fr;grid-template-areas:"heading""copy""visual";row-gap:36px;min-height:0;padding-top:68px}.hero-heading h1,.section-heading h2,.more-tools-heading h2{white-space:normal}.hardware-illustration{min-height:390px}.home-privacy{grid-template-columns:1fr;gap:16px}.primary-tool-grid,.section-heading{grid-template-columns:1fr}}@media (max-width:580px){.hero-heading h1{font-size:clamp(40px,13vw,56px)}.hero-heading{padding-bottom:22px}.hardware-illustration{min-height:340px;padding:14px}.monitor-assembly{min-height:240px}.hero-actions{flex-direction:column}.hero-facts{grid-template-columns:1fr;gap:9px}.diagnostic-preview{min-height:340px;box-shadow:none}.preview-value{font-size:82px}.home-privacy>div:last-child{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:39px}.primary-tool-card{min-height:200px;padding:21px}.test-page-header h1{font-size:42px}}body{font-size:16px}.brand small,.topnav,.nav-group-title,.eyebrow,.section-kicker,.instrument-label,.breadcrumb,.support-badge,.button,.tool-card-index,.tool-card-action{font-size:10px}.nav-items a,.privacy-note strong,.privacy-note p,.preview-head,.hero-facts dd,.privacy-heading span,.home-privacy>div:last-child,.more-tools-list small,.topnav{font-size:11px}.section-heading>p,.home-privacy>p,.privacy-heading strong,.primary-tool-card p,.more-tools-heading p,.more-tools-list strong,.test-page-header p{font-size:14px}.test-page-header p{line-height:1.65}.category-copy small,.panel-intro,.launch-copy p,.explanation-panel p,.local-data-note p,.mouse-explanation p,.controller-explanation p,.media-explanation p,.keyboard-explanation p,.keyboard-side-notes li,.keyboard-limit-note p,.measurement-disclaimer,.click-session-status,.browser-estimate-note,.measurement-status,.audio-safety-note{font-size:12px;line-height:1.65}.panel-heading h2,.launch-copy h2,.mouse-instrument-head h2,.controller-instrument-head h2,.media-instrument-head h2,.refresh-head h2{font-size:24px}.sequence-count,.color-swatch small,.color-swatch strong,.pattern-swatch small,.pattern-swatch strong,.inline-instruction,.capture-status,.controller-device-bar small,.device-online,.movement-readout span,.movement-readout strong,.polling-readout dt,.polling-readout dd,.double-results span,.double-results small,.mouse-button-results span,.mouse-button-results small,.drift-live>span,.drift-live dt,.drift-live p,.drift-verdict span,.drift-verdict small,.drift-results dt,.circularity-results span,.media-instrument-head p,.audio-view-toolbar,.level-meter>span,.touch-stage-message,.touch-fullscreen,.touch-coverage span,.touch-coverage small,.touch-metrics span,.camera-metrics span,.audio-diagnostics span,.frequency-reading span,.frequency-reading small{font-size:10px}.inline-instruction,.audio-view-toolbar{font-size:12px}.mouse-button-results strong,.double-results strong,.movement-readout strong,.polling-readout dd,.drift-results dd,.circularity-results strong,.camera-metrics strong,.audio-diagnostics strong,.touch-metrics strong{font-size:13px}.level-meter output{white-space:nowrap;min-width:82px;font-size:12px}#despre,#instrumente,#confidentialitate{scroll-margin-top:88px}.brand small,.topnav,.nav-group-title,.eyebrow,.section-kicker,.instrument-label,.breadcrumb,.support-badge,.button,.tool-card-action{font-size:11px}.nav-items a{font-size:13px}.privacy-note strong,.privacy-note p,.hero-facts dd,.privacy-heading span,.home-privacy>div:last-child,.more-tools-list small{font-size:12px}.section-heading>p,.home-privacy>p,.primary-tool-card p,.more-tools-heading p,.more-tools-list strong,.test-page-header p{font-size:15px}.panel-intro,.launch-copy p,.explanation-panel p,.local-data-note p,.mouse-explanation p,.controller-explanation p,.media-explanation p,.keyboard-explanation p,.keyboard-side-notes li,.keyboard-limit-note p,.measurement-disclaimer,.click-session-status,.browser-estimate-note,.measurement-status,.audio-safety-note,.inline-instruction,.audio-view-toolbar{font-size:13px}.sequence-count,.color-swatch small,.color-swatch strong,.pattern-swatch small,.pattern-swatch strong,.capture-status,.controller-device-bar small,.device-online,.movement-readout span,.polling-readout dt,.double-results span,.double-results small,.mouse-button-results span,.mouse-button-results small,.drift-live>span,.drift-live dt,.drift-live p,.drift-verdict span,.drift-verdict small,.drift-results dt,.circularity-results span,.level-meter>span,.touch-stage-message,.touch-fullscreen,.touch-coverage span,.touch-coverage small,.touch-metrics span,.camera-metrics span,.frequency-reading span,.frequency-reading small{font-size:11px}.mouse-button-results strong,.double-results strong,.movement-readout strong,.polling-readout dd,.drift-results dd,.circularity-results strong,.camera-metrics strong,.touch-metrics strong{font-size:14px}.more-tools-heading{align-items:end;margin-bottom:22px}.more-tools-heading>div{max-width:580px}.more-tools-heading h2{text-transform:uppercase;margin:9px 0 0;font-size:30px;line-height:1}.more-tools-heading>p{max-width:600px;line-height:1.6}@media (max-width:580px){.more-tools-heading{align-items:flex-start}.more-tools-heading h2{font-size:27px}}.brand small,.topnav,.nav-group-title,.eyebrow,.section-kicker,.instrument-label,.breadcrumb,.support-badge,.button,.tool-card-index,.tool-card-action{font-size:12px;line-height:1.35}.button,.secondary-button,.recording-button,.segmented-control button,.frequency-presets button,.nav-group-title{min-height:42px}.nav-items a{min-height:34px;font-size:14px;line-height:1.35}.privacy-note strong,.privacy-note p,.preview-head,.hero-facts dd,.privacy-heading span,.home-privacy>div:last-child,.more-tools-list small{font-size:13px}.category-copy small,.panel-intro,.launch-copy p,.explanation-panel p,.local-data-note p,.mouse-explanation p,.controller-explanation p,.media-explanation p,.keyboard-explanation p,.keyboard-side-notes li,.keyboard-limit-note p,.measurement-disclaimer,.click-session-status,.browser-estimate-note,.measurement-status,.audio-safety-note,.touch-mode-toolbar>span,.media-error,.camera-placeholder p,.recording-panel small,.recording-placeholder,.safe-volume{font-size:14px;line-height:1.65}.sequence-count,.color-swatch small,.color-swatch strong,.pattern-swatch small,.pattern-swatch strong,.capture-status,.controller-device-bar small,.device-online,.controller-waiting,.movement-readout span,.polling-readout dt,.double-results span,.double-results small,.mouse-button-results span,.mouse-button-results small,.drift-live>span,.drift-live dt,.drift-live p,.drift-verdict span,.drift-verdict small,.drift-results dt,.circularity-results span,.level-meter>span,.touch-stage-message,.touch-fullscreen,.touch-coverage span,.touch-coverage small,.touch-metrics span,.camera-metrics span,.frequency-reading span,.frequency-reading small,.key-history-list>div>small,.mouse-stage-copy small,.click-target>small,.double-threshold output,.polling-primary>span,.live-axis-readout>span,.live-axis-readout label,.live-axis-readout output,.gamepad-button-grid span,.gamepad-button-grid small,.deadzone-slider>span,.deadzone-result>span,.deadzone-result>small,.deadzone-result dt,.circularity-canvas-wrap>span,.speaker-node strong,.listener-head span,.focus-guide span,.camera-toolbar label>span,.camera-live-fps span{font-size:12px;line-height:1.4}.keyboard-metrics strong,.mouse-button-results strong,.double-results strong,.movement-readout strong,.polling-readout dd,.drift-live dd,.drift-results dd,.circularity-results strong,.camera-metrics strong,.touch-metrics strong{font-size:15px}.primary-tool-card,.more-tools-list>a,.button,.secondary-button,.recording-button,.theme-button,.nav-group-title,.nav-items a{transition:border-color .15s,color .15s,background-color .15s}.primary-tool-card:hover,.more-tools-list>a:hover{border-color:var(--blue)}.topnav a{text-underline-offset:4px}.topnav a:hover{text-decoration:underline;text-decoration-thickness:1px}:root[data-theme=dark] .mobile-category-bar{background:var(--paper)}:root[data-theme=dark] .primary-tool-card:hover,:root[data-theme=dark] .more-tools-list>a:hover{background:var(--blue-soft)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .primary-tool-card:hover,:root[data-theme=dark] .more-tools-list>a:hover{background:color-mix(in srgb, var(--blue-soft) 45%, var(--paper))}}@media (max-width:860px){.mobile-category-bar a{min-height:40px;padding-inline:13px;font-size:12px}.test-page-header p,.section-heading>p,.home-privacy>p,.primary-tool-card p,.more-tools-heading p{font-size:16px}}@media (max-width:580px){.hero-copy>p{font-size:18px}.button{min-height:46px;font-size:13px}}body{font-size:17px;line-height:1.5}.topbar{padding-inline:clamp(22px,3.2vw,52px)}.brand small{letter-spacing:.055em;margin-top:10px;font-size:11px}.topnav{letter-spacing:0;text-transform:none;gap:clamp(18px,2vw,32px);font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:14px;font-weight:650}.topnav a{padding:8px 0;position:relative}.topnav a:after{content:"";background:var(--blue);height:2px;transition:right .16s;position:absolute;bottom:3px;left:0;right:100%}.topnav a:hover{color:var(--blue);text-decoration:none}.topnav a:hover:after{right:0}.home-hero{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:38px clamp(54px,6vw,92px);min-height:690px;padding:clamp(72px,7vw,108px) 0 82px}.hero-heading{padding-bottom:30px}.eyebrow,.section-kicker,.instrument-label,.breadcrumb{font-size:12px;line-height:1.4}.eyebrow{margin-bottom:20px;font-weight:650}.hero-heading h1{letter-spacing:-.045em;text-transform:none;font-size:clamp(52px,4.25vw,72px);line-height:.98}.hero-copy{padding-top:8px}.hero-copy>p{max-width:660px;color:var(--muted);font-size:clamp(19px,1.35vw,22px);line-height:1.62}.hero-actions{margin-top:32px}.button,.secondary-button,.recording-button,.segmented-control button,.frequency-presets button{letter-spacing:0;text-transform:none;border-radius:4px;min-height:46px;padding-inline:19px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:14px;font-weight:700}.button-primary{box-shadow:inset 0 -2px #0000002e}.button-primary:hover{box-shadow:inset 0 -2px #00000038}.hero-facts{gap:clamp(18px,2.4vw,36px);margin-top:38px;padding-top:22px}.hero-facts dt{font-size:25px}.hero-facts dd{font-size:12px;line-height:1.35}.hardware-illustration{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);min-height:455px;box-shadow:10px 10px 0 var(--line);background-size:30px 30px;padding:20px 22px;position:relative}@supports (color:color-mix(in lab, red, red)){.hardware-illustration{box-shadow:10px 10px 0 color-mix(in srgb, var(--line) 48%, transparent)}}.hardware-illustration{overflow:visible}.hardware-illustration:before{content:"";background:var(--paper);position:absolute;inset:48px 18px 52px}@supports (color:color-mix(in lab, red, red)){.hardware-illustration:before{background:color-mix(in srgb, var(--paper) 84%, transparent)}}.hardware-illustration:before{border:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.hardware-illustration:before{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.illustration-head,.illustration-legend,.monitor-assembly{z-index:2;position:relative}.illustration-head,.illustration-legend{font-size:11px;font-weight:650}.monitor-assembly{min-height:330px;padding:10px 40px 22px}.monitor-frame{width:min(430px,92%);box-shadow:0 9px 20px #1418141f,inset 0 0 0 1px #42473f}.device-sample{z-index:4;min-width:150px;color:var(--ink);background:var(--paper);padding:13px 14px;position:absolute}@supports (color:color-mix(in lab, red, red)){.device-sample{background:color-mix(in srgb, var(--paper) 96%, transparent)}}.device-sample{border:1px solid var(--line-strong);box-shadow:6px 7px 0 var(--line)}@supports (color:color-mix(in lab, red, red)){.device-sample{box-shadow:6px 7px 0 color-mix(in srgb, var(--line) 46%, transparent)}}.device-sample{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.device-sample-head{color:var(--blue);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.device-sample>small{color:var(--muted);font-family:var(--mono);letter-spacing:.035em;margin-top:9px;font-size:9px;display:block}.device-sample-keyboard{width:176px;bottom:62px;left:-22px}.mini-keyboard{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:12px;display:grid}.mini-keyboard i{aspect-ratio:1;background:var(--canvas);border:1px solid var(--line-strong)}.mini-keyboard i:nth-child(11),.mini-keyboard i:nth-child(12),.mini-keyboard i:nth-child(13){background:var(--blue);border-color:var(--blue)}.device-sample-mouse{min-width:156px;bottom:33px;left:50%;transform:translate(-50%)}.device-sample-mouse strong{font-family:var(--display);letter-spacing:-.04em;margin-top:8px;font-size:29px;display:block}.device-sample-mouse strong small{color:var(--muted);font-family:var(--mono);letter-spacing:0;font-size:11px}.device-sample-controller{width:168px;bottom:68px;right:-20px}.mini-controller{grid-template-columns:repeat(4,24px);justify-content:space-between;align-items:center;margin-top:12px;display:grid}.mini-controller i{border:2px solid var(--blue);border-radius:50%;width:22px;height:22px}.mini-controller b{width:22px;height:22px;color:var(--ink);place-items:center;font-size:16px;display:grid}.illustration-legend{background:var(--paper);min-height:28px;padding-top:13px}@supports (color:color-mix(in lab, red, red)){.illustration-legend{background:color-mix(in srgb, var(--paper) 84%, transparent)}}.home-privacy{grid-template-columns:minmax(280px,.8fr) minmax(340px,1fr) auto;gap:clamp(24px,3vw,46px);padding:28px 0}.privacy-heading span,.home-privacy>div:last-child{font-size:12px}.privacy-heading strong{margin-top:5px;font-size:16px}.home-privacy>p{font-size:15px;line-height:1.6}.tool-section{padding:100px 0 124px}.section-heading,.more-tools-heading{grid-template-columns:minmax(0,1fr) minmax(340px,.6fr);align-items:end;gap:clamp(34px,6vw,92px);margin-bottom:34px}.section-heading h2,.more-tools-heading h2{letter-spacing:-.035em;text-transform:none;white-space:normal;margin:10px 0 0;font-size:clamp(34px,3vw,48px);line-height:1.05}.section-heading>p,.more-tools-heading>p{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.primary-tool-card{min-height:238px;padding:30px}.primary-tool-card h3{letter-spacing:-.035em;text-transform:none;font-size:38px}.primary-tool-card p{max-width:430px;font-size:16px;line-height:1.6}.tool-card-index,.tool-card-action{font-size:12px}.tool-card-action{letter-spacing:0;text-transform:none;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-weight:700}.more-tools-heading{margin-top:88px}.more-tools-list>a{min-height:100px;padding-inline:22px}.more-tools-list strong{font-size:17px}.more-tools-list small{margin-top:4px;font-size:14px;line-height:1.45}.test-page{width:min(1400px,100% - 64px);padding:54px 0 92px}.test-page-header{align-items:flex-end;margin-bottom:34px;padding-bottom:28px}.test-page-header h1{letter-spacing:-.04em;text-transform:none;margin:14px 0 10px;font-size:clamp(40px,3.45vw,56px);line-height:1}.test-page-header p{max-width:860px;font-size:17px;line-height:1.6}.support-badge{text-transform:none;border-radius:3px;max-width:220px;padding:9px 11px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:12px;font-weight:650;line-height:1.35}.test-primary-column,.mouse-primary-column,.controller-primary-column,.media-primary-column{gap:22px}.test-launch-panel,.sequence-panel,.explanation-panel,.keyboard-tool,.keyboard-explanation,.keyboard-side-notes>section,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.mouse-explanation,.controller-instrument,.controller-explanation,.media-instrument,.media-explanation,.refresh-instrument,.local-data-note{border-radius:4px}.test-launch-panel,.keyboard-tool,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument{border-top-width:3px}.panel-heading h2,.launch-copy h2,.mouse-instrument-head h2,.controller-instrument-head h2,.media-instrument-head h2,.refresh-head h2,.explanation-panel h2,.keyboard-explanation h2,.mouse-explanation h2,.controller-explanation h2,.media-explanation h2{letter-spacing:-.025em;text-transform:none;font-size:25px;line-height:1.12}.panel-intro,.launch-copy p,.explanation-panel p,.local-data-note p,.mouse-explanation p,.controller-explanation p,.media-explanation p,.keyboard-explanation p,.keyboard-side-notes li,.keyboard-limit-note p,.measurement-disclaimer,.click-session-status,.browser-estimate-note,.measurement-status,.audio-safety-note,.inline-instruction,.audio-view-toolbar{font-size:15px;line-height:1.65}.sidebar{width:248px;padding-inline:14px}.nav-group-title{min-height:44px;font-size:12px}.nav-items a{min-height:36px;font-size:14px}.privacy-note strong{font-size:14px}.privacy-note p{font-size:13px;line-height:1.55}@media (max-width:1180px){.home-hero{grid-template-columns:minmax(0,1fr) 440px;column-gap:46px}.hero-heading h1{white-space:normal}.device-sample-keyboard{left:-10px}.device-sample-controller{right:-10px}}@media (max-width:860px){.topnav>a:nth-child(2){display:none}.home-page,.test-page{width:min(100% - 34px,780px)}.home-hero{grid-template-columns:1fr;padding-top:58px}.hardware-illustration{width:calc(100% - 16px);margin-inline:auto}.home-privacy,.section-heading,.more-tools-heading,.primary-tool-grid{grid-template-columns:1fr}}@media (max-width:580px){.topbar{padding-inline:17px}.brand small{display:none}.topnav{gap:8px}.topnav a{display:none}.mobile-topnav{display:block}.mobile-topnav>div a{display:flex}.mobile-topnav summary span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-heading h1{font-size:clamp(43px,13vw,58px)}.hero-copy>p{font-size:18px}.hero-facts{grid-template-columns:repeat(3,1fr);gap:9px}.hero-facts div{flex-direction:column;align-items:flex-start;gap:2px}.hero-facts dt{font-size:22px}.hero-facts dd{font-size:10px}.hardware-illustration{min-height:405px;box-shadow:7px 7px 0 var(--line);padding-inline:12px}@supports (color:color-mix(in lab, red, red)){.hardware-illustration{box-shadow:7px 7px 0 color-mix(in srgb, var(--line) 48%, transparent)}}.illustration-head>span:first-child{max-width:160px}.monitor-assembly{min-height:268px;padding-inline:12px}.device-sample{min-width:0;box-shadow:4px 5px 0 var(--line);padding:10px}@supports (color:color-mix(in lab, red, red)){.device-sample{box-shadow:4px 5px 0 color-mix(in srgb, var(--line) 46%, transparent)}}.device-sample-keyboard{width:132px;bottom:58px;left:5px}.mini-keyboard{gap:2px}.device-sample-mouse{width:126px;bottom:25px;left:50%}.device-sample-controller{width:132px;bottom:61px;right:3px}.device-sample-head{font-size:8px}.device-sample>small{font-size:7px}.mini-controller{grid-template-columns:repeat(4,18px)}.mini-controller i,.mini-controller b{width:18px;height:18px}.illustration-legend{gap:7px 10px;font-size:8px}.tool-section{padding:76px 0 90px}.section-heading h2,.more-tools-heading h2{font-size:34px}.primary-tool-card{min-height:220px;padding:23px}.primary-tool-card h3{font-size:34px}.test-page-header h1{font-size:40px}.test-page-header p{font-size:16px}.support-badge{max-width:none}}.mouse-button-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.mouse-button-results>div{min-width:0;min-height:112px}.mouse-button-results span,.mouse-button-results small{overflow-wrap:anywhere;max-width:100%}.is-test .test-page-header h1{font-size:clamp(36px,3vw,48px)}.is-test .test-page-header p{font-size:16px}.is-test .panel-intro,.is-test .launch-copy p,.is-test .explanation-panel p,.is-test .mouse-explanation p,.is-test .controller-explanation p,.is-test .media-explanation p,.is-test .keyboard-explanation p,.is-test .keyboard-side-notes li,.is-test .keyboard-limit-note p,.is-test .measurement-disclaimer,.is-test .click-session-status,.is-test .browser-estimate-note,.is-test .measurement-status,.is-test .audio-safety-note,.is-test .inline-instruction,.is-test .audio-view-toolbar{font-size:14px;line-height:1.6}.is-test .instrument-label,.is-test .breadcrumb,.is-test .mouse-button-results span,.is-test .mouse-button-results small,.is-test .double-results span,.is-test .double-results small{font-size:11px}.is-test .mouse-button-results strong,.is-test .double-results strong,.is-test .movement-readout strong,.is-test .polling-readout dd,.is-test .drift-results dd,.is-test .circularity-results strong,.is-test .camera-metrics strong,.is-test .touch-metrics strong{font-size:14px}.is-test .mouse-instrument-head h2,.is-test .controller-instrument-head h2,.is-test .media-instrument-head h2,.is-test .refresh-head h2,.is-test .explanation-panel h2,.is-test .keyboard-explanation h2,.is-test .mouse-explanation h2,.is-test .controller-explanation h2,.is-test .media-explanation h2{font-size:23px}.is-test .nav-group-title{font-size:11px}.is-test .nav-items a{font-size:13px}.motion-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.motion-controls .segmented-control{min-width:0}.motion-controls .segmented-control button{min-width:0;padding-inline:8px}@media (max-width:860px){.motion-controls{grid-template-columns:minmax(0,1fr)}.theme-button,.icon-action,.touch-fullscreen,.fullscreen-hud button,.speaker-node button,.segmented-control button{min-width:44px;min-height:44px}.mobile-category-bar{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 24px),#0000 100%)}.mobile-category-bar a{scroll-snap-align:center;min-height:44px}.mobile-category-bar a.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}}.mobile-subtest-navigation{display:none}@media (max-width:860px){.app-frame.is-test{grid-template-rows:68px auto auto 1fr auto;grid-template-areas:"topbar""mobilebar""subnav""stage""footer"}.mobile-subtest-navigation{min-width:0;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line-strong);grid-area:subnav;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;padding:11px 17px 12px;display:grid}.mobile-subtest-navigation>svg{color:var(--blue)}.mobile-subtest-navigation label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.mobile-subtest-navigation label>span{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;white-space:nowrap;font-size:9px;font-weight:700}.mobile-subtest-navigation select{width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);border-radius:2px;padding:0 38px 0 12px;font:650 14px/1.2 Aptos,Segoe UI Variable Text,Segoe UI,sans-serif}}@media (max-width:580px){.mobile-subtest-navigation label{grid-template-columns:minmax(0,1fr);gap:5px}}:root[data-theme=dark] .mobile-subtest-navigation,:root[data-theme=dark] .mobile-subtest-navigation select{background:var(--paper)}.test-companion{background:var(--paper);justify-content:space-between;align-items:center;gap:22px;margin:-8px 0 24px;padding:15px 17px;display:flex}@supports (color:color-mix(in lab, red, red)){.test-companion{background:color-mix(in srgb, var(--paper) 76%, var(--canvas))}}.test-companion{border:1px solid var(--line-strong);border-left:3px solid var(--blue)}.test-companion-actions{flex:none;gap:8px;display:flex}.button-secondary{color:var(--ink);background:var(--paper);border-color:var(--line-strong);box-shadow:none}.button-secondary:hover{color:var(--blue);border-color:var(--blue)}.test-dialog{width:min(780px,100vw - 34px);max-width:none;max-height:min(880px,100dvh - 34px);color:var(--ink);background:var(--paper);border:1px solid var(--ink);box-shadow:12px 14px 0 var(--ink);border-radius:2px;margin:auto;padding:0}@supports (color:color-mix(in lab, red, red)){.test-dialog{box-shadow:12px 14px 0 color-mix(in srgb, var(--ink) 18%, transparent)}}.test-dialog-header{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 25px 19px;display:flex}.test-dialog-header h2{letter-spacing:-.025em;margin:7px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.08}.test-dialog-body{overscroll-behavior:contain;gap:23px;padding:24px 25px 28px;display:grid;overflow-y:auto}.test-dialog-body section{min-width:0}.test-dialog-body h3{margin:0 0 9px;font-size:19px}.test-dialog-body p,.test-dialog-body li,.test-dialog-body dd,.test-dialog-body dt,.test-dialog-body label{font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif}.test-dialog-body p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.test-dialog-body section>p+p{margin-top:9px}.test-dialog-body ol,.test-dialog-body ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.test-dialog-body li{color:var(--muted);grid-template-columns:20px minmax(0,1fr);gap:9px;font-size:15px;line-height:1.55;display:grid}.test-dialog-body li svg{color:var(--blue);margin-top:3px}.test-dialog-body>aside{background:var(--canvas);border-left:2px solid var(--blue);grid-template-columns:20px minmax(0,1fr);gap:10px;padding:16px;display:grid}.test-dialog-body>aside svg{color:var(--blue);margin-top:3px}.test-dialog-footer{border-top:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:10px;padding:15px 25px;display:flex}.test-dialog-footer>a:not(.button){color:var(--blue);font-size:14px;font-weight:700}.report-local-note{background:var(--green-soft);border-left:2px solid var(--green);grid-template-columns:22px minmax(0,1fr);gap:11px;padding:16px;display:grid}.report-local-note svg{color:var(--green)}.report-field{gap:7px;display:grid}.report-field>span{color:var(--ink);font-size:14px;font-weight:700}.report-field select,.report-field textarea{width:100%;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);border-radius:2px;font:15px/1.5 Aptos,Segoe UI Variable Text,Segoe UI,sans-serif}.report-field select{min-height:46px;padding:0 12px}.report-field textarea{resize:vertical;min-height:105px;padding:11px 12px}.report-field small{color:var(--subtle);font-family:var(--mono);justify-self:end;font-size:9px}.report-preview{border:1px solid var(--line-strong)}.report-preview>div:first-child{background:var(--canvas);border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.report-preview h3{margin:0;font-size:16px}.report-preview>div:first-child>span{min-width:28px;min-height:28px;color:var(--paper);background:var(--ink);font-family:var(--mono);place-items:center;font-size:10px;display:grid}.report-preview>p{padding:13px 15px}.report-preview dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.report-preview dl>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:11px 13px;display:grid}.report-preview dt{color:var(--muted);font-size:12px}.report-preview dd{font-family:var(--mono);text-align:right;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:750}.report-preview dd small{color:var(--subtle);margin-top:3px;font-size:8px;font-weight:500;display:block}.report-limitation{border-left:2px solid var(--amber);background:var(--amber);padding:14px 15px}@supports (color:color-mix(in lab, red, red)){.report-limitation{background:color-mix(in srgb, var(--amber) 8%, var(--paper))}}.report-actions{flex-wrap:wrap;justify-content:flex-start}.report-actions .button-primary{margin-left:auto}.report-action-status{min-height:24px;color:var(--blue);margin:0;padding:0 25px 10px;font-size:12px;font-weight:700}@media (max-width:760px){.test-companion{flex-direction:column;align-items:stretch;gap:13px}.test-companion-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.test-companion-actions .button{letter-spacing:0;text-transform:none;min-width:0;padding-inline:10px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:13px}.test-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.test-dialog-header,.test-dialog-body,.test-dialog-footer{padding-inline:17px}.test-dialog-footer{flex-direction:column;align-items:stretch}.test-dialog-footer>a:not(.button){align-items:center;min-height:44px;display:flex}.report-preview dl{grid-template-columns:minmax(0,1fr)}.report-preview dl>div{border-right:0}.report-actions .button,.report-actions .button-primary{width:100%;margin-left:0}}:root[data-theme=dark] .test-companion,:root[data-theme=dark] .test-dialog,:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .report-field select,:root[data-theme=dark] .report-field textarea{background:var(--paper)}@media print{html[data-print-report=true] body *{visibility:hidden!important}html[data-print-report=true] .test-report-dialog,html[data-print-report=true] .test-report-dialog *{visibility:visible!important}html[data-print-report=true] .test-report-dialog{color:#111;width:100%;max-height:none;box-shadow:none;background:#fff;border:0;position:absolute;inset:0}html[data-print-report=true] .test-report-dialog .test-dialog-header button,html[data-print-report=true] .test-report-dialog .test-dialog-footer,html[data-print-report=true] .test-report-dialog .report-action-status{display:none!important}}.is-home .page-stage{background:var(--surface-elevated)}.home-page{width:100%}.home-hero-v5{grid-template-columns:minmax(430px,.84fr) minmax(520px,1.16fr);align-items:center;gap:24px;width:min(1280px,100% - 56px);min-height:600px;margin:0 auto;padding:56px 0 58px;display:grid}.hero-v5-copy{z-index:1;max-width:570px;position:relative}.hero-v5-copy h1{color:#111a2b;max-width:560px;font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(54px,5.15vw,78px);font-weight:760;line-height:.98}.hero-v5-copy h1 strong{color:var(--accent);font-weight:inherit;display:block}.hero-v5-lead{max-width:520px;color:var(--text-secondary);margin:25px 0 0;font-size:18px;line-height:1.55}.hero-v5-actions{margin-top:28px}.hero-v5-actions .button{letter-spacing:0;text-transform:none;border-radius:9px;min-height:52px;padding-inline:25px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:15px}.hero-v5-actions .button-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 8px 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.hero-v5-actions .button-primary{box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 22%, transparent)}}.hero-v5-actions .button-quiet{color:var(--text-primary);background:var(--surface-elevated);border-color:var(--border-default)}.hero-v5-proof{color:var(--text-secondary);flex-wrap:wrap;gap:9px 22px;margin-top:25px;font-size:12px;display:flex}.hero-v5-proof span{gap:5px;display:inline-flex}.hero-v5-proof b{color:#1c293b}.hero-v5-visual{width:100%;margin:0;position:relative}.hero-v5-visual:before{content:"";z-index:-1;background:var(--accent-soft);filter:blur(22px);border-radius:50%;position:absolute;inset:9% 4% 8%}.hero-v5-visual img{mix-blend-mode:multiply;width:100%;height:auto;display:block}@media (max-width:1100px){.home-hero-v5{grid-template-columns:minmax(0,1fr);gap:32px;width:min(100% - 34px,680px);min-height:0;padding:50px 0 38px}.hero-v5-copy,.hero-v5-copy h1,.hero-v5-lead{max-width:none}.hero-v5-visual{justify-self:center;width:min(100%,680px)}}@media (max-width:520px){.home-hero-v5{width:min(100% - 28px,680px);padding-top:35px}.hero-v5-copy h1{font-size:clamp(43px,13vw,58px)}.hero-v5-lead{margin-top:20px;font-size:16px}.hero-v5-actions{grid-template-columns:minmax(0,1fr);display:grid}.hero-v5-actions .button{justify-content:center}.hero-v5-proof{gap:8px;display:grid}}.media-privacy-inline{color:var(--muted);background:var(--green-soft);border-left:2px solid var(--green);grid-template-columns:18px minmax(0,1fr);gap:9px;margin:0;padding:12px 15px;font-size:13px;line-height:1.55;display:grid}.media-privacy-inline svg{color:var(--green);margin-top:2px}.media-privacy-inline a{color:var(--accent);white-space:nowrap;font-weight:750}.discovery-section,.methodology-section{width:min(1280px,100% - 56px);margin-inline:auto}.discovery-section{scroll-margin-top:calc(var(--topbar-height) + var(--space-6));padding:8px 0 112px}.discovery-heading{margin-bottom:var(--space-8)}.discovery-heading h2,.methodology-section h2{color:var(--text-primary);font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:10px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.05}.symptom-grid{border-top:1px solid var(--border-default);border-left:1px solid var(--border-default);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.symptom-card{align-items:start;gap:var(--space-4);min-width:0;min-height:142px;padding:var(--space-6);color:var(--text-primary);background:var(--surface-elevated);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);transition:background var(--motion-normal) var(--ease-standard), transform var(--motion-normal) var(--ease-standard);grid-template-columns:34px minmax(0,1fr) auto;text-decoration:none;display:grid}.symptom-card:hover,.symptom-card:focus-visible{background:var(--surface-subtle)}.symptom-card>span{color:var(--accent);font:750 var(--text-xs)/1.3 var(--mono)}.symptom-card h3{color:var(--text-primary);margin:0;font-size:1.05rem;line-height:1.25}.symptom-card p{color:var(--text-secondary);font-size:var(--text-sm);margin:8px 0 0;line-height:1.5}.symptom-card b{color:var(--accent);font-size:1.1rem;font-weight:700}.methodology-section{border-top:1px solid var(--border-default);padding:112px 0}.methodology-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.methodology-grid article{min-width:0;padding:var(--space-6);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md)}.methodology-grid article>span{color:var(--accent);font:760 .68rem/1.35 var(--mono);letter-spacing:.075em}.methodology-grid h3{margin:var(--space-3) 0 0;color:var(--text-primary);font-size:1.15rem;line-height:1.25}.methodology-grid p{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.methodology-link{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--accent);text-underline-offset:4px;font-weight:750;display:inline-flex}.home-final-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:900px){.symptom-grid,.methodology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.methodology-section{padding-block:88px}}@media (max-width:620px){.discovery-section,.methodology-section{width:min(100% - 28px,680px)}.discovery-section{padding-bottom:76px}.symptom-grid,.methodology-grid{grid-template-columns:minmax(0,1fr)}.symptom-card{min-height:0;padding:var(--space-5)}.methodology-section{padding-block:72px}.home-final-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.home-final-actions .button{justify-content:center}}:root{--ink:#152034;--muted:#5b687b;--subtle:#5f6b7a;--line:#dbe1ea;--line-strong:#c8d1de;--paper:var(--surface-elevated);--canvas:var(--surface-page);--blue:var(--accent);--blue-dark:var(--accent-strong);--blue-soft:var(--accent-soft);--green:var(--status-success);--green-soft:var(--status-success-soft);--amber:#86560e;--amber-soft:#f7f0df;--display:"Segoe UI Variable Display", Aptos, "Segoe UI", sans-serif}body{background:var(--canvas);font-family:Aptos,Segoe UI Variable Text,Segoe UI,Arial,sans-serif}.topbar{background:var(--surface-overlay);box-shadow:none;border-bottom-color:#e5e9e7}.is-home .topbar{padding-inline:max(28px,50vw - 640px)}.brand{min-width:238px}.brand-identity{flex-direction:row;align-items:center;gap:12px}.topnav{color:#293448;gap:28px;font-size:14px}.topnav>a:not(.topbar-cta){position:relative}.topnav>a:not(.topbar-cta):after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .16s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.topnav>a:not(.topbar-cta):hover:after,.topnav>a:not(.topbar-cta):focus-visible:after{transform:scaleX(1)}.topbar-cta{color:#fff;background:#111b2e;border:1px solid #111b2e;border-radius:8px;align-items:center;min-height:40px;padding:0 18px;font-weight:700;display:inline-flex}.topbar-cta:hover{color:#fff;background:#263650}.home-v5{color:#152034;background:var(--surface-elevated)}.benefit-ribbon,.device-section,.steps-section,.local-trust-section,.home-final-cta{width:min(1280px,100% - 56px);margin-inline:auto}.benefit-ribbon{background:#fff;border:1px solid #dfe5e2;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.benefit-ribbon article{border-right:1px solid #e4e9e7;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:18px;min-height:122px;padding:24px 28px;display:grid}.benefit-ribbon article:last-child{border-right:0}.benefit-ribbon article>span{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);font:750 12px/1 var(--mono);border-radius:12px;place-items:center;display:grid}.benefit-ribbon h2{color:#172236;letter-spacing:-.015em;margin:0;font-size:17px}.benefit-ribbon p{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.45}.device-section{padding:104px 0 112px}.device-section-heading{margin-bottom:38px}.section-label,.local-trust-statement>span,.home-final-cta>div>span{color:var(--accent);font:760 11px/1.3 var(--mono);letter-spacing:.09em}.device-section-heading h2,.steps-section h2,.local-trust-statement h2,.home-final-cta h2{color:#142034;font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:10px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.05}.device-layout{grid-template-columns:300px minmax(0,1fr);gap:20px;display:grid}.device-featured{grid-template-rows:minmax(0,1fr) auto;gap:12px;display:grid}.device-featured>a:first-child{background:var(--surface-soft);border:1px solid var(--border-default);border-radius:14px;flex-direction:column;align-items:flex-start;min-height:350px;padding:24px;display:flex}.device-featured-tag{color:var(--accent);font:740 10px/1 var(--mono);letter-spacing:.08em}.monitor-photo-proxy{background:#111a2b;border:7px solid #283346;border-bottom-width:11px;border-radius:7px;grid-template-columns:repeat(5,1fr);width:100%;height:146px;margin:18px 0 20px;display:grid;position:relative;overflow:hidden}.monitor-photo-proxy:before{content:"";background:#283346;width:42px;height:35px;position:absolute;bottom:-35px;right:38%}.monitor-photo-proxy i:first-child{background:#f3f4f2}.monitor-photo-proxy i:nth-child(2){background:#e34b49}.monitor-photo-proxy i:nth-child(3){background:#52a66a}.monitor-photo-proxy i:nth-child(4){background:#4d82bf}.monitor-photo-proxy i:nth-child(5){background:#161c29}.monitor-photo-proxy b{color:#fff;font:700 8px/1 var(--mono);letter-spacing:.08em;background:#111a2bb8;padding:4px 6px;position:absolute;bottom:8px;right:9px}.device-featured h3,.device-photo-card h3{color:#172236;letter-spacing:-.02em;margin:0;font-size:19px}.device-featured p,.device-photo-card p{color:var(--text-secondary);margin:7px 0 0;font-size:13px;line-height:1.5}.device-featured>a:first-child>strong{color:var(--accent);margin-top:auto;font-size:13px}.touch-quick-link{background:#fff;border:1px solid #dce3e0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;min-height:76px;padding:16px 18px;display:grid}.touch-quick-link>span{color:#7b5d9a;font:740 9px/1 var(--mono);letter-spacing:.08em}:root[data-theme=dark] .touch-quick-link>span{color:#b59ad6}.touch-quick-link>strong{color:#1d293d;font-size:13px}.touch-quick-link>i{color:var(--text-secondary);grid-area:1/2/3;font-style:normal}.device-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.device-photo-card{text-align:center;background:#fff;border:1px solid #e1e6e4;border-radius:14px;flex-direction:column;align-items:center;min-height:210px;padding:16px 18px 20px;display:flex;position:relative;overflow:hidden}.device-photo-card>img{object-fit:cover;mix-blend-mode:multiply;width:162px;height:96px;margin:-4px auto 6px;display:block}.device-photo-card>span{color:var(--text-secondary);font-size:16px;position:absolute;bottom:14px;right:15px}.device-featured a,.device-photo-card,.touch-quick-link{transition:border-color .16s,transform .16s}.device-featured a:hover,.device-photo-card:hover,.touch-quick-link:hover{border-color:var(--accent);transform:translateY(-2px)}.steps-section{background:#fff;border:1px solid #dee5e2;border-radius:16px;gap:34px;padding:52px 58px 56px;display:grid}.steps-section ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps-section li{grid-template-columns:46px minmax(0,1fr);gap:16px;display:grid}.steps-section li>span{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);font:780 14px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.steps-section h3{color:#172236;margin:0;font-size:17px}.steps-section p{color:var(--text-secondary);margin:5px 0 0;font-size:14px;line-height:1.5}.local-trust-section{color:var(--stage-text);background:var(--feature-bg);border-radius:16px;gap:40px;margin-top:20px;padding:60px 68px;display:grid}.local-trust-statement>span{color:var(--stage-accent)}.local-trust-statement h2{color:#fff}.local-trust-statement p{max-width:76ch;color:var(--stage-muted);margin:18px 0 0;font-size:15px;line-height:1.7}.local-trust-statement a{color:var(--stage-accent);margin-top:24px;font-size:13px;font-weight:720;display:inline-block}.local-trust-section dl{border-top:1px solid #ffffff29;border-left:1px solid #ffffff29;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.local-trust-section dl>div{border-bottom:1px solid #ffffff29;border-right:1px solid #ffffff29;min-width:0;padding:22px}.local-trust-section dt{color:#fff;font-size:14px;font-weight:720}.local-trust-section dd{color:#aebfba;margin:7px 0 0;font-size:13px;line-height:1.5}.home-final-cta{flex-direction:column;align-items:flex-start;gap:26px;padding:82px 0 90px;display:flex}.home-final-cta .button{min-height:52px;color:var(--on-accent);background:var(--accent);border-color:var(--accent);letter-spacing:0;text-transform:none;border-radius:8px;flex:none;padding-inline:24px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:14px}.is-test .page-stage{background:var(--surface-page)}.is-test .sidebar{background:var(--surface-elevated);border-right-color:#dfe1e5}.is-test .nav-group-title.is-expanded{color:var(--accent-strong);background:var(--accent-soft);border-left-color:var(--accent)}.is-test .test-launch-panel,.is-test .sequence-panel,.is-test .explanation-panel,.is-test .keyboard-tool,.is-test .keyboard-explanation,.is-test .mouse-button-instrument,.is-test .double-click-instrument,.is-test .mouse-motion-instrument,.is-test .mouse-explanation,.is-test .controller-instrument,.is-test .controller-explanation,.is-test .media-instrument,.is-test .media-explanation,.is-test .refresh-instrument,.is-test .test-companion{box-shadow:none;border-color:#d8dbe0;border-radius:12px}.is-test .button,.is-test button,.is-test select,.is-test input,.is-test textarea{border-radius:7px}@media (max-width:1120px){.benefit-ribbon article{padding-inline:20px}.device-layout{grid-template-columns:260px minmax(0,1fr)}.device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-trust-section{gap:42px;padding-inline:46px}}@media (max-width:900px){.is-home .topnav>a:not(.topbar-cta),.is-home .topbar-cta{display:none}.is-home .mobile-topnav{display:block}.benefit-ribbon{grid-template-columns:minmax(0,1fr)}.benefit-ribbon article{border-bottom:1px solid #e4e6e9;border-right:0;min-height:0}.benefit-ribbon article:last-child{border-bottom:0}.steps-section ol{grid-template-columns:minmax(0,1fr);gap:22px}.local-trust-section dl{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-section,.local-trust-section{gap:30px}}@media (max-width:720px){.benefit-ribbon,.device-section,.steps-section,.local-trust-section,.home-final-cta{width:min(100% - 28px,680px)}.device-section{padding:78px 0 84px}.device-layout{grid-template-columns:minmax(0,1fr)}.device-featured>a:first-child{min-height:330px}.steps-section,.local-trust-section{padding:38px 26px}.local-trust-section dl{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.brand{min-width:0}.topnav{gap:8px}.benefit-ribbon article{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px}.benefit-ribbon article>span{width:40px;height:40px}.device-card-grid{grid-template-columns:minmax(0,1fr)}.device-photo-card{min-height:190px}.steps-section li{grid-template-columns:38px minmax(0,1fr);gap:13px}.steps-section li>span{width:36px;height:36px}.home-final-cta{padding:62px 0 68px}.home-final-cta .button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.device-featured a,.device-photo-card,.touch-quick-link,.topnav>a:after{transition:none}}.app-frame.is-test{grid-template-rows:72px auto 1fr auto;grid-template-columns:272px minmax(0,1fr)}.is-test .topbar{padding-inline:26px 34px}.is-test .sidebar{background:var(--surface-elevated);border:1px solid #dde0e4;border-radius:14px;width:auto;height:calc(100vh - 106px);margin:16px 0 18px 16px;padding:14px 12px 16px;top:88px}.is-test .side-nav{gap:6px}.is-test .nav-group{border-radius:9px;overflow:hidden}.is-test .nav-group-title{color:#4b586a;letter-spacing:.015em;text-transform:none;border:0;border-radius:9px;grid-template-columns:23px minmax(0,1fr) auto;min-height:43px;padding-inline:11px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:12px;font-weight:700}.is-test .nav-group-title:hover{color:var(--accent-strong);background:var(--accent-soft)}.is-test .nav-group-title.is-expanded{color:var(--accent-strong);background:var(--accent-soft);border:0}.is-test .nav-items{gap:2px;padding:4px 5px 8px 34px}.is-test .nav-items a{min-height:35px;color:var(--text-secondary);border:0;border-radius:7px;padding:7px 9px;font-size:12px;line-height:1.35}.is-test .nav-items a:hover{color:var(--accent-strong);background:var(--accent-soft)}.is-test .nav-items a.active{color:#fff;background:var(--accent);font-weight:700}.is-test .privacy-note{color:var(--text-secondary);background:var(--accent-soft);border:1px solid var(--border-default);border-radius:10px;margin:auto 4px 0;padding:14px}.is-test .privacy-note svg{color:var(--accent)}.is-test .page-stage{min-width:0;padding:0}.test-page{width:min(1320px,100% - 64px);margin:0 auto;padding:48px 0 92px}.test-page-header{background:var(--surface-elevated);border:1px solid #dde0e4;border-radius:16px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:52px;min-height:214px;margin:0 0 24px;padding:34px 38px;display:grid}.test-page-header .breadcrumb{color:var(--text-tertiary);letter-spacing:.055em;align-items:center;gap:9px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px;font-weight:680;display:inline-flex}.test-page-header .breadcrumb b{color:var(--accent)}.is-test .test-page-header h1{color:#152034;max-width:820px;font-family:var(--display);letter-spacing:-.05em;text-transform:none;margin:12px 0 0;font-size:clamp(40px,4.15vw,62px);font-weight:760;line-height:1}.test-companion{background:var(--accent-soft);border:1px solid var(--border-default);border-left-width:1px;border-radius:12px;min-height:76px;margin:0 0 20px;padding:15px 18px}.test-companion-actions .button{color:#314052;background:var(--surface-elevated);border-color:var(--border-default);letter-spacing:0;text-transform:none;border-radius:8px;min-height:40px;padding-inline:14px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:12px}.test-primary-column,.mouse-primary-column,.controller-primary-column,.media-primary-column{gap:18px;display:grid}.test-launch-panel,.sequence-panel,.explanation-panel,.keyboard-explanation,.mouse-explanation,.controller-explanation,.media-explanation,.keyboard-side-notes>section,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument,.motion-instrument,.keyboard-instrument{color:#182438;background:var(--surface-elevated);box-shadow:none;border:1px solid #dcdfe3;border-radius:15px}.test-launch-panel{grid-template-columns:52px minmax(0,1fr) auto;gap:18px;padding:23px 24px}.launch-icon,.explanation-icon,.refresh-symbol,.keyboard-symbol{color:var(--accent);background:var(--accent-soft);border:0;border-radius:11px}.instrument-label,.section-kicker{color:var(--accent);letter-spacing:.07em;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:10px;font-weight:760}.launch-copy h2,.panel-heading h2,.mouse-instrument-head h2,.controller-instrument-head h2,.media-instrument-head h2,.refresh-head h2,.explanation-panel h2,.keyboard-explanation h2,.mouse-explanation h2,.controller-explanation h2,.media-explanation h2{color:#172236;font-family:var(--display);letter-spacing:-.025em;text-transform:none;font-weight:730}.sequence-panel,.keyboard-instrument,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument,.motion-instrument{padding:24px}.panel-heading,.keyboard-toolbar,.mouse-instrument-head,.controller-instrument-head,.media-instrument-head,.refresh-head,.motion-toolbar{border-bottom:1px solid #e2e4e7;padding-bottom:18px}.panel-intro,.measurement-disclaimer,.browser-estimate-note,.audio-safety-note,.inline-instruction,.click-session-status,.measurement-status{color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-left-width:1px;border-radius:8px}.button{letter-spacing:0;text-transform:none;border-radius:8px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif}.button-primary{color:#fff;box-shadow:none;background:#152034;border-color:#152034}.button-primary:hover{color:#fff;background:#26364f;border-color:#26364f;transform:none}.secondary-button,.button-secondary,.icon-action{color:#344256;background:#fff;border-color:#d2d5da;border-radius:8px}.secondary-button:hover,.button-secondary:hover,.icon-action:hover{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}.segmented-control{background:var(--surface-subtle);border:1px solid #d9dce1;border-radius:9px;padding:3px}.segmented-control button{min-height:35px;color:var(--text-secondary);letter-spacing:.015em;background:0 0;border:0;border-radius:6px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px}.segmented-control button.active,.segmented-control button[aria-pressed=true]{color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--border-default);background:#fff}.capture-status{color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-default);letter-spacing:.035em;border-radius:999px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:10px}.capture-status.is-live{color:var(--status-success);background:var(--status-success-soft);border-color:var(--status-success)}@supports (color:color-mix(in lab, red, red)){.capture-status.is-live{border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}}.keyboard-side-notes>section{padding:22px}.keyboard-side-notes ul{gap:11px}.keyboard-side-notes li{color:var(--text-secondary);font-size:13px;line-height:1.5}.keyboard-side-notes li svg{color:var(--accent)}.keyboard-limit-note{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber);padding:17px}@supports (color:color-mix(in lab, red, red)){.keyboard-limit-note{border:1px solid color-mix(in srgb, var(--amber) 22%, transparent)}}.keyboard-limit-note{border-left-width:1px;border-radius:11px}.explanation-panel,.keyboard-explanation,.mouse-explanation,.controller-explanation,.media-explanation{padding:28px}.explanation-panel{grid-template-columns:48px minmax(0,1fr);gap:20px}.explanation-panel p,.keyboard-explanation p,.mouse-explanation p,.controller-explanation p,.media-explanation p{color:var(--text-secondary);font-size:14px;line-height:1.7}.pattern-sequence{gap:10px}.pattern-choice{background:var(--surface-soft);border:1px solid #e0e2e6;border-radius:10px}.pattern-choice:hover,.pattern-choice.is-selected{border-color:var(--accent);box-shadow:none}.pattern-choice.is-selected{background:var(--accent-soft)}.refresh-result,.polling-readout,.movement-readout,.mouse-button-results,.double-results,.circularity-results,.camera-metrics,.touch-metrics,.audio-diagnostics,.keyboard-results{background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:11px;overflow:hidden}.timing-metrics>div,.mouse-button-results>div,.double-results>div,.movement-readout>div,.circularity-results>div,.camera-metrics>div,.touch-metrics>div,.audio-diagnostics>div,.keyboard-metrics>div{border-color:var(--border-subtle)}.keyboard-board{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:12px;padding:18px}.keyboard-key{color:#354256;box-shadow:none;background:#fff;border:1px solid #cfd2d8;border-bottom-width:3px;border-radius:7px}.keyboard-key.is-pressed{color:#fff;background:var(--accent);border-color:var(--accent-strong);transform:translateY(2px)}.keyboard-layout-toolbar,.keyboard-live-strip,.key-history-head,.recording-panel,.frequency-panel,.camera-toolbar,.touch-mode-toolbar,.motion-controls,.stick-toolbar,.controller-device-bar{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border-subtle);border-radius:9px}.mouse-button-stage,.pointer-canvas-wrap,.click-target,.controller-stage,.deadzone-stage,.circularity-canvas-wrap,.audio-canvas-wrap,.camera-stage,.touch-stage,.motion-stage,.stereo-stage{background-color:var(--surface-soft);border-color:var(--border-default);border-radius:12px;overflow:hidden}.camera-placeholder{color:var(--text-primary)}.camera-placeholder p{color:var(--text-secondary)}.camera-placeholder>span{color:var(--accent);background:var(--accent-soft);border-color:var(--border-default)}.mouse-figure,.gamepad-figure{filter:saturate(.82)}.controller-empty-state{background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:12px;min-height:300px}.media-privacy-inline,.report-local-note{color:var(--text-secondary);background:var(--accent-soft);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.media-privacy-inline,.report-local-note{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}}.media-privacy-inline,.report-local-note{border-left-width:1px;border-radius:9px}.media-error,.measurement-status.is-error{border-radius:8px}.test-dialog{background:var(--surface-elevated);border:1px solid #cfd3d9;border-radius:15px;overflow:hidden;box-shadow:0 18px 70px #11202433}.test-dialog-header,.test-dialog-footer{background:var(--surface-soft);border-color:var(--border-subtle)}.report-preview,.report-field select,.report-field textarea{background:var(--surface-elevated);border-color:var(--border-default);border-radius:8px}@media (max-width:1180px){.test-page{width:min(100% - 44px,1180px)}.test-page-header{grid-template-columns:minmax(0,1fr) 240px;gap:32px}}@media (max-width:900px){.app-frame.is-test{grid-template-rows:68px auto auto 1fr auto;grid-template-columns:minmax(0,1fr)}.test-page{width:min(100% - 34px,780px);padding-top:34px}.test-page-header{grid-template-columns:minmax(0,1fr);gap:26px;padding:30px}}@media (max-width:620px){.test-page{width:calc(100% - 24px);padding:24px 0 64px}.test-page-header{border-radius:13px;min-height:0;padding:24px 20px}.is-test .test-page-header h1{font-size:clamp(35px,11vw,46px)}.is-test .test-page-header p{font-size:14px}.test-companion{align-items:stretch;padding:16px}.test-companion-actions{grid-template-columns:minmax(0,1fr)}.sequence-panel,.keyboard-instrument,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument,.motion-instrument,.explanation-panel,.keyboard-explanation,.mouse-explanation,.controller-explanation,.media-explanation{padding:19px}.test-launch-panel{grid-template-columns:42px minmax(0,1fr);padding:19px}.test-launch-panel .launch-action{grid-column:1/-1}.explanation-panel{grid-template-columns:minmax(0,1fr)}}@media (min-width:861px) and (max-width:900px){.app-frame.is-test{grid-template:"topbar topbar"72px"sidebar mobilebar""sidebar stage"1fr"footer footer"/272px minmax(0,1fr)}}:root[data-theme=dark] .is-test .sidebar,:root[data-theme=dark] .test-page-header,:root[data-theme=dark] .test-launch-panel,:root[data-theme=dark] .sequence-panel,:root[data-theme=dark] .explanation-panel,:root[data-theme=dark] .keyboard-explanation,:root[data-theme=dark] .mouse-explanation,:root[data-theme=dark] .controller-explanation,:root[data-theme=dark] .media-explanation,:root[data-theme=dark] .keyboard-side-notes>section,:root[data-theme=dark] .mouse-button-instrument,:root[data-theme=dark] .double-click-instrument,:root[data-theme=dark] .mouse-motion-instrument,:root[data-theme=dark] .controller-instrument,:root[data-theme=dark] .media-instrument,:root[data-theme=dark] .refresh-instrument,:root[data-theme=dark] .motion-instrument,:root[data-theme=dark] .keyboard-instrument,:root[data-theme=dark] .test-dialog{color:var(--text-primary);background:var(--surface-elevated);border-color:var(--border-default)}:root[data-theme=dark] .test-page-header h1,:root[data-theme=dark] .launch-copy h2,:root[data-theme=dark] .panel-heading h2,:root[data-theme=dark] .mouse-instrument-head h2,:root[data-theme=dark] .controller-instrument-head h2,:root[data-theme=dark] .media-instrument-head h2,:root[data-theme=dark] .refresh-head h2,:root[data-theme=dark] .explanation-panel h2,:root[data-theme=dark] .keyboard-explanation h2,:root[data-theme=dark] .mouse-explanation h2,:root[data-theme=dark] .controller-explanation h2,:root[data-theme=dark] .media-explanation h2{color:var(--text-primary)}:root[data-theme=dark] .test-page-header p,:root[data-theme=dark] .explanation-panel p,:root[data-theme=dark] .keyboard-explanation p,:root[data-theme=dark] .mouse-explanation p,:root[data-theme=dark] .controller-explanation p,:root[data-theme=dark] .media-explanation p{color:var(--text-secondary)}:root[data-theme=dark] .test-companion{background:var(--surface-subtle);border-color:var(--border-default)}:root[data-theme=dark] .test-companion-actions .button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .icon-action,:root[data-theme=dark] .segmented-control button.active{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border-default)}:root[data-theme=dark] .keyboard-board,:root[data-theme=dark] .mouse-button-stage,:root[data-theme=dark] .pointer-canvas-wrap,:root[data-theme=dark] .click-target,:root[data-theme=dark] .controller-stage,:root[data-theme=dark] .deadzone-stage,:root[data-theme=dark] .circularity-canvas-wrap,:root[data-theme=dark] .audio-canvas-wrap,:root[data-theme=dark] .camera-stage,:root[data-theme=dark] .touch-stage,:root[data-theme=dark] .motion-stage,:root[data-theme=dark] .stereo-stage,:root[data-theme=dark] .refresh-result,:root[data-theme=dark] .polling-readout,:root[data-theme=dark] .movement-readout,:root[data-theme=dark] .mouse-button-results,:root[data-theme=dark] .double-results,:root[data-theme=dark] .circularity-results,:root[data-theme=dark] .camera-metrics,:root[data-theme=dark] .touch-metrics,:root[data-theme=dark] .audio-diagnostics,:root[data-theme=dark] .keyboard-results{background-color:var(--surface-page);border-color:var(--border-default)}:root[data-theme=dark] .keyboard-key{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border-strong)}.not-found-page{place-items:center;width:min(1280px,100% - 56px);min-height:calc(100vh - 260px);margin:0 auto;padding:56px 0 78px;display:grid}.not-found-page>section{background:var(--surface-soft);border:1px solid var(--border-default);border-radius:17px;grid-template-columns:minmax(360px,.8fr) minmax(460px,1.2fr);align-items:center;gap:42px;width:100%;padding:42px 48px;display:grid;overflow:hidden}.not-found-page>section>div>span{color:var(--accent);font:760 11px/1.2 var(--mono);letter-spacing:.09em}.not-found-page h1{color:#142034;font-family:var(--display);letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(45px,5vw,68px);line-height:.98}.not-found-page p{color:var(--text-secondary);margin:22px 0 0;font-size:16px;line-height:1.65}.not-found-page>section>div>div{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.not-found-page .button{min-height:48px;padding-inline:20px}.not-found-page>section>img{mix-blend-mode:multiply;width:100%;height:auto}@media (max-width:820px){.not-found-page{width:min(100% - 34px,680px)}.not-found-page>section{grid-template-columns:minmax(0,1fr);padding:38px}}@media (max-width:520px){.not-found-page{width:calc(100% - 24px);padding:28px 0 60px}.not-found-page>section{padding:27px 21px}.not-found-page>section>div>div{display:grid}}:root[data-theme=dark] .not-found-page>section{background:var(--surface-elevated);border-color:var(--border-default)}:root[data-theme=dark] .not-found-page h1{color:var(--text-primary)}:root[data-theme=dark] .not-found-page p{color:var(--text-secondary)}:root[data-theme=dark] .not-found-page>section>img{mix-blend-mode:normal;background:#f7f8fa;border-radius:14px}.monitor-photo-proxy{background:var(--surface-elevated);border-color:#303c50;display:block;position:relative;overflow:hidden}.monitor-photo-proxy>i{border-radius:3px;display:block;position:absolute}.monitor-photo-proxy>i:first-child{background:var(--surface-subtle);width:auto;height:10%;top:11%;left:8%;right:8%}.monitor-photo-proxy>i:nth-child(2){background:var(--surface-subtle);width:24%;height:auto;top:29%;bottom:10%;left:8%}.monitor-photo-proxy>i:nth-child(3){background:var(--accent-soft);width:auto;height:26%;top:29%;left:38%;right:8%}.monitor-photo-proxy>i:nth-child(4){background:var(--surface-subtle);width:auto;height:25%;bottom:10%;left:38%;right:36%}.monitor-photo-proxy>i:nth-child(5){background:var(--accent-soft);width:auto;height:25%;bottom:10%;left:68%;right:8%}.monitor-photo-proxy>b{display:none}:root[data-theme=dark] .monitor-photo-proxy{background:#eef0f3;border-color:#565b64}.monitor-product-photo{background:var(--surface-subtle);border-radius:11px;place-items:center;width:100%;height:164px;margin:14px 0 18px;padding:4px 8px;display:grid;overflow:hidden}.monitor-product-photo img{object-fit:contain;width:100%;height:100%;display:block}:root[data-theme=dark] .monitor-product-photo{background:var(--surface-subtle)}@media (max-width:1450px){.controller-primary-column,.controller-instrument{min-width:0}}html{background:var(--surface-page);min-width:320px;scroll-padding-top:calc(var(--topbar-height) + var(--space-4))}body{background:var(--surface-page);min-width:320px;min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);overflow-x:clip}.app-frame{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--topbar-height) minmax(0, 1fr) auto;background:var(--surface-page);grid-template-areas:"topbar topbar""sidebar stage""sidebar footer";min-width:0;min-height:100dvh;display:grid}.app-frame.is-test{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--topbar-height) minmax(0, 1fr) auto;grid-template-areas:"topbar topbar""sidebar stage""sidebar footer"}.app-frame.is-home{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0, 1fr) auto;grid-template-areas:"topbar""stage""footer"}.skip-link{z-index:3000;top:var(--space-3);left:var(--space-3);min-height:44px;padding:0 var(--space-4);color:var(--on-accent);background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:transform var(--motion-fast) var(--ease-standard);align-items:center;font-weight:750;display:inline-flex;position:fixed;transform:translateY(calc(-100% - 32px))}.skip-link:focus{transform:translateY(0)}.app-frame .topbar{z-index:100;min-width:0;min-height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-6);color:var(--band-text);background:var(--band-bg);box-shadow:var(--shadow-md);border-bottom:1px solid #0000;grid-area:topbar;padding:0 clamp(18px,2.3vw,36px);display:flex;position:sticky;top:0}.app-frame .topbar :focus-visible{outline-color:var(--band-text)}.brand{min-width:0;color:var(--band-text);flex:none;align-items:center;display:inline-flex}.app-frame .topbar .brand-lockup{color:var(--band-text)}.brand-identity{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.app-frame .brand-lockup{color:var(--band-text);font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:800;line-height:1;display:inline-flex}.app-frame .brand-symbol{width:auto;height:44px}.brand-name-sau{color:var(--brand-sau)}.brand-name-nu{color:var(--brand-nu)}.app-frame .topnav{min-width:0;color:var(--band-muted);font-size:var(--text-sm);justify-content:flex-end;align-items:center;gap:clamp(12px,2vw,28px);display:flex}.app-frame .topnav>a:not(.topbar-cta){min-height:44px;color:var(--band-muted);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:color var(--motion-fast) ease;align-items:center;font-size:12px;font-weight:720;display:inline-flex;position:relative}.app-frame .topnav>a:not(.topbar-cta):after{content:"";background:var(--band-accent);transform-origin:100%;height:2px;transition:transform var(--motion-normal) var(--ease-standard);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.app-frame .topnav>a:not(.topbar-cta):hover,.app-frame .topnav>a:not(.topbar-cta):focus-visible{color:var(--band-text)}.app-frame .topnav>a:not(.topbar-cta):hover:after,.app-frame .topnav>a:not(.topbar-cta):focus-visible:after{transform-origin:0;transform:scaleX(1)}.topbar-cta{min-height:42px;padding:0 var(--space-5);color:var(--band-cta-text);background:var(--band-cta-bg);border:1px solid var(--band-cta-bg);border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;font-size:12px;font-weight:780;display:inline-flex}.app-frame .topnav>.topbar-cta{padding:0 var(--space-5)}.topbar-cta:hover{color:var(--band-cta-text);background:var(--band-cta-bg);border-color:var(--band-cta-bg);box-shadow:0 0 0 3px var(--band-border);transform:translateY(-1px)}.theme-button,.mobile-menu-trigger{min-width:42px;min-height:42px;color:var(--band-text);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.theme-button{border-color:var(--band-border);width:42px;padding:0}.theme-button:hover,.mobile-menu-trigger:hover,.mobile-menu-trigger[aria-expanded=true]{color:var(--band-text);background:var(--band-hover);border-color:var(--band-border)}.theme-button .theme-icon-day,:root[data-theme=dark] .theme-button .theme-icon-night{display:none}:root[data-theme=dark] .theme-button .theme-icon-day{display:block}.mobile-topnav{display:none;position:relative}.mobile-menu-trigger>span{font-size:12px;font-weight:720}.mobile-topnav>.mobile-menu-panel{z-index:140;width:min(320px,100vw - 28px);max-height:min(520px, calc(100dvh - var(--topbar-height) - 24px));overscroll-behavior:contain;padding:var(--space-3);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.mobile-menu-eyebrow{color:var(--text-tertiary);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:3px 8px 9px;font-size:9px;font-weight:750}.mobile-menu-links{gap:4px;display:grid}.mobile-menu-links a,.mobile-menu-home{min-height:46px;color:var(--text-primary);border-radius:var(--radius-sm);align-items:center;padding:0 12px;font-size:14px;font-weight:680;display:flex}.mobile-menu-links a:hover,.mobile-menu-links a:focus-visible,.mobile-menu-links a[aria-current=page],.mobile-menu-home:hover,.mobile-menu-home:focus-visible{color:var(--accent-strong);background:var(--accent-soft)}.mobile-menu-home{border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:8px}.app-frame.is-test .sidebar{z-index:20;top:calc(var(--topbar-height) + var(--space-4));width:auto;height:auto;max-height:calc(100vh - var(--topbar-height) - var(--space-8));max-height:calc(100dvh - var(--topbar-height) - var(--space-8));margin:var(--space-4) 0 var(--space-4) var(--space-4);padding:var(--space-3);overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-area:sidebar;align-self:start;position:sticky;overflow-y:auto}.app-frame.is-test .side-nav{gap:5px;display:grid}.app-frame.is-test .nav-group{border-radius:var(--radius-sm);min-width:0;overflow:clip}.app-frame.is-test .nav-group-title{min-width:0;min-height:44px;color:var(--text-secondary);border-radius:var(--radius-sm);letter-spacing:.01em;text-transform:none;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0 11px;font-size:12px;font-weight:720;line-height:1.25;display:grid}.app-frame.is-test .nav-group-title>svg:first-child{color:var(--text-tertiary)}.app-frame.is-test .nav-group-title>svg:last-child{color:var(--text-tertiary);transition:transform var(--motion-normal) var(--ease-standard)}.app-frame.is-test .nav-group-title:hover,.app-frame.is-test .nav-group-title:focus-visible{color:var(--accent-strong);background:var(--surface-subtle)}.app-frame.is-test .nav-group-title.is-expanded{color:var(--accent-strong);background:var(--accent-soft)}.app-frame.is-test .nav-group-title.is-expanded>svg:first-child{color:var(--accent)}.app-frame.is-test .nav-group-title.is-expanded>svg:last-child{transform:rotate(90deg)}.app-frame.is-test .nav-items{border-left:1px solid var(--border-default);gap:2px;margin:3px 0 7px 29px;padding:3px 4px 4px 12px;display:grid}.app-frame.is-test .nav-items a{min-height:36px;color:var(--text-secondary);transition:color var(--motion-fast) ease, background var(--motion-fast) ease;border:0;border-radius:7px;align-items:center;padding:7px 9px;font-size:12px;line-height:1.3;display:flex;position:relative}.app-frame.is-test .nav-items a:hover,.app-frame.is-test .nav-items a:focus-visible{color:var(--accent-strong);background:var(--surface-subtle)}.app-frame.is-test .nav-items a.active{color:var(--on-accent);background:var(--accent);font-weight:750}.app-frame.is-test .nav-items a.active:before,.mobile-category-bar,.mobile-subtest-navigation{display:none}.app-frame .page-stage{background:var(--surface-page);grid-area:stage;min-width:0;min-height:0}.app-frame .page-stage:focus{outline:none}.app-frame .site-footer{min-width:0;color:var(--text-tertiary);background:var(--surface-page);border-top:1px solid var(--border-subtle);grid-area:footer}.app-frame .footer-inner{width:min(100%, var(--content-max));align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-3) clamp(18px, 2.3vw, 36px);flex-wrap:wrap;margin:0 auto;font-size:13px;display:flex}.app-frame .footer-brand{color:var(--text-primary);display:inline-flex}.app-frame .footer-logo{width:auto;height:54px;display:block}.app-frame .footer-links{gap:0 var(--space-5);flex-wrap:wrap;display:flex}.app-frame .footer-links a{min-height:32px;color:var(--text-secondary);align-items:center;display:inline-flex}.app-frame .footer-links a:hover,.app-frame .footer-links a:focus-visible{color:var(--accent)}.app-frame .footer-note{margin:0 0 0 auto;font-size:12px}@media (max-width:1180px){:root{--sidebar-width:236px}.app-frame .topnav{gap:15px}.app-frame .topnav>a:not(.topbar-cta){font-size:12px}}@media (max-width:900px){:root{--topbar-height:68px}html{scroll-padding-top:calc(var(--topbar-height) + var(--space-3))}.app-frame,.app-frame.is-test,.app-frame.is-home{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-height) auto auto minmax(0, 1fr) auto;grid-template-areas:"topbar""mobilebar""subnav""stage""footer"}.app-frame.is-home{grid-template-rows:var(--topbar-height) minmax(0, 1fr) auto;grid-template-areas:"topbar""stage""footer"}.app-frame .topbar{padding-inline:clamp(14px,3vw,24px)}.app-frame .topnav>a:not(.topbar-cta),.topbar-cta{display:none}.mobile-topnav{display:block}.app-frame.is-test .sidebar{display:none}.mobile-category-bar{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);grid-area:mobilebar;gap:7px;min-width:0;padding:9px 14px;display:flex;overflow-x:auto}.mobile-category-bar::-webkit-scrollbar{display:none}.mobile-category-bar a{min-height:42px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-default);scroll-snap-align:center;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:680;display:inline-flex}.mobile-category-bar a.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.mobile-subtest-navigation{min-width:0;color:var(--text-primary);background:var(--surface-elevated);border-bottom:1px solid var(--border-default);grid-area:subnav;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px 12px;display:grid}.mobile-subtest-navigation>svg{color:var(--accent)}.mobile-subtest-navigation label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.mobile-subtest-navigation label>span{color:var(--text-tertiary);font-family:var(--mono);letter-spacing:.065em;white-space:nowrap;font-size:9px;font-weight:750}.mobile-subtest-navigation select{width:100%;min-width:0;min-height:44px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 36px 0 12px;font-size:14px;font-weight:650}}@media (max-width:620px){.app-frame .brand-lockup{gap:8px;font-size:21px}.app-frame .brand-symbol{height:36px}.app-frame .topnav{gap:7px}.mobile-topnav>.mobile-menu-panel{top:calc(var(--topbar-height) + 8px);width:auto;max-height:calc(100dvh - var(--topbar-height) - 20px);position:fixed;left:10px;right:10px}.mobile-subtest-navigation{grid-template-columns:minmax(0,1fr);padding-top:9px}.mobile-subtest-navigation>svg{display:none}.mobile-subtest-navigation label{grid-template-columns:minmax(0,1fr);gap:5px}.mobile-category-bar{padding-inline:12px}.app-frame .footer-inner{text-align:center;justify-content:center}.app-frame .footer-note{width:100%;margin:0}}@media (max-width:430px){.app-frame .topbar{gap:10px;padding-inline:12px}.mobile-menu-trigger{width:42px;padding:0}.mobile-menu-trigger>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.skip-link,.topnav>a:after,.topbar-cta,.theme-button,.mobile-menu-trigger,.nav-group-title,.nav-group-title>svg:last-child,.app-frame.is-test .nav-items a{transition-duration:.01ms!important}}:root[data-theme=dark] .app-frame .topbar{background:var(--band-bg);border-bottom-color:var(--band-border)}:root[data-theme=dark] .app-frame.is-test .sidebar,:root[data-theme=dark] .app-frame .page-stage,:root[data-theme=dark] .app-frame .mobile-category-bar,:root[data-theme=dark] .app-frame .mobile-subtest-navigation{background:var(--surface-elevated);border-color:var(--border-default)}:root[data-theme=dark] .app-frame .page-stage{background:var(--surface-page)}:root[data-theme=dark] .app-frame .mobile-category-bar a,:root[data-theme=dark] .app-frame .mobile-subtest-navigation select{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border-default)}:root[data-theme=dark] .app-frame .mobile-category-bar a.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}button,input,select,textarea{font:inherit}button,a,select,input[type=checkbox],input[type=radio]{-webkit-tap-highlight-color:transparent}.button{border:1px solid var(--border-default);border-radius:var(--radius-sm);min-height:44px;box-shadow:none;font-family:var(--font-sans);letter-spacing:0;text-transform:none;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:720;line-height:1.15;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.button-primary:hover:not(:disabled){color:var(--on-accent);background:var(--accent-strong);border-color:var(--accent-strong)}.button-secondary,.button-quiet,.secondary-button{color:var(--text-primary);background:var(--surface-elevated);border-color:var(--border-default)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 34%, var(--border-default))}}.icon-action{min-width:42px;min-height:42px;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.icon-action:hover{color:var(--accent-strong);background:var(--accent-soft)}select,input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea{color:var(--text-primary);background:var(--surface-elevated);border-color:var(--border-default);border-radius:var(--radius-sm)}select{min-height:44px}textarea{resize:vertical;line-height:1.5}.test-page{width:min(var(--content-max), calc(100% - 64px));min-width:0;margin-inline:auto;padding:28px 0 88px}.test-page-header{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px clamp(20px,3vw,40px);margin:0 0 20px;padding:20px clamp(20px,2.4vw,28px);display:grid}.test-page-heading-copy{min-width:0}.test-header-meta{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.test-page-header .breadcrumb{color:var(--text-tertiary);font-family:var(--mono);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-style:normal;font-weight:720;display:inline-flex}.test-page-header .breadcrumb b{color:var(--accent);font-weight:780}.test-page-header .breadcrumb i{color:var(--border-strong);font-style:normal}.test-method-badge{min-height:26px;color:var(--status-info);background:var(--status-info-soft);border:1px solid var(--status-info);align-items:center;padding:0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.test-method-badge{border:1px solid color-mix(in srgb, var(--status-info) 25%, transparent)}}.test-method-badge{font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;border-radius:999px;font-size:11px;font-weight:760}.test-method-badge[data-method=observed-event]{color:var(--status-success);background:var(--status-success-soft);border-color:var(--status-success)}@supports (color:color-mix(in lab, red, red)){.test-method-badge[data-method=observed-event]{border-color:color-mix(in srgb, var(--status-success) 25%, transparent)}}.test-method-badge[data-method=visual-inspection]{color:var(--status-warning);background:var(--status-warning-soft);border-color:var(--status-warning)}@supports (color:color-mix(in lab, red, red)){.test-method-badge[data-method=visual-inspection]{border-color:color-mix(in srgb, var(--status-warning) 25%, transparent)}}.is-test .test-page-header h1{max-width:900px;color:var(--text-primary);font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:10px 0 6px;font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:720;line-height:1.12}.is-test .test-page-header p{max-width:820px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.test-status-badge{display:inline-flex}.test-status-badge strong{min-height:26px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-default);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.test-status-badge strong:before{content:"";background:var(--green);border-radius:50%;flex:none;width:7px;height:7px}.test-status-badge strong[data-test-lifecycle=running]:before{background:var(--blue)}.test-status-badge strong[data-test-lifecycle=partial]:before,.test-status-badge strong[data-test-lifecycle=insufficient]:before{background:var(--amber)}.test-status-badge strong[data-test-lifecycle=unavailable]:before{background:var(--text-tertiary)}.is-test .test-launch-panel,.is-test .sequence-panel,.is-test .explanation-panel,.is-test .keyboard-tool,.is-test .keyboard-explanation,.is-test .mouse-button-instrument,.is-test .double-click-instrument,.is-test .mouse-motion-instrument,.is-test .mouse-explanation,.is-test .controller-instrument,.is-test .controller-explanation,.is-test .media-instrument,.is-test .media-explanation,.is-test .refresh-instrument,.is-test .motion-instrument,.is-test .test-companion{border-color:var(--border-default);border-radius:var(--radius-md);box-shadow:none}.is-test .explanation-panel p,.is-test .mouse-explanation p,.is-test .controller-explanation p,.is-test .media-explanation p{max-width:80ch}.is-test .test-limit-note{border-top:1px solid var(--border-subtle);align-items:flex-start;gap:10px;margin:16px 0 0;padding-top:14px;display:flex}.is-test .test-limit-note svg{color:var(--status-warning);flex:none;margin-top:.25em}.is-test .test-limit-note strong{color:var(--text-primary)}.is-test .test-page-header .test-companion{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:8px;margin:0;padding:0;display:flex}.is-test .test-page-header .test-companion-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.is-test .test-page-header .test-companion-actions .button{white-space:nowrap;min-height:40px;padding-inline:14px;font-size:13px}.test-page-header .diagnostic-session-count{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mouse-control-groups,.refresh-result+.technical-details{margin-top:var(--space-4)}.primary-reading strong.reading-empty,.polling-primary strong.reading-empty{opacity:.45;font-size:40px}.audio-canvas-wrap{position:relative}.audio-canvas-wrap .pointer-canvas-message{color:var(--stage-muted)}.panel-intro{padding:10px 14px}.technical-details{color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin:0 20px 18px;font-size:13px;line-height:1.5}.technical-details>summary{min-height:44px;color:var(--text-primary);cursor:pointer;align-items:center;padding:0 14px;font-weight:700;display:flex}.technical-details-body{gap:10px;padding:0 14px 14px;display:grid}.technical-details dl{gap:6px;margin:0;display:grid}.technical-details dl>div{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.technical-details dt{color:var(--text-secondary)}.technical-details dd{color:var(--text-primary);font-family:var(--mono);overflow-wrap:anywhere;margin:0}.technical-details p{margin:0}.test-dialog{width:min(760px,100vw - 32px);max-width:100%;max-height:calc(100dvh - 32px);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto;padding:0}.test-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.test-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08100d94}.test-dialog-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 18px;display:flex}.test-dialog-header h2{color:var(--text-primary);margin:6px 0 0;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.1}.test-dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:22px;overflow-y:auto}.test-dialog-body p,.test-dialog-body li{color:var(--text-secondary)}.test-dialog-footer{background:var(--surface-subtle);border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.test-dialog-footer>a:not(.button){color:var(--accent);margin-right:auto;font-weight:700}.report-action-status{color:var(--text-secondary);background:var(--surface-subtle);margin:0;padding:0 22px 16px}.report-field select,.report-field textarea{width:100%}.report-preview,.report-local-note,.report-limitation{border-color:var(--border-default)}@media (max-width:1180px){.test-page{width:min(1180px,100% - 44px)}.test-page-header{gap:16px 24px}}@media (max-width:900px){.test-page{width:min(780px,100% - 32px);padding-top:20px}.test-page-header{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 20px}.is-test .test-page-header .test-companion{align-items:stretch}.is-test .test-page-header .test-companion-actions{justify-content:flex-start}}@media (max-width:620px){.test-page{width:calc(100% - 24px);padding:8px 0 64px}.test-page-header{border-radius:var(--radius-md);gap:10px;margin-bottom:12px;padding:12px 14px 14px}.test-page-header .breadcrumb{display:none}.is-test .test-page-header h1{margin:6px 0 4px;font-size:1.375rem}.is-test .test-page-header p{font-size:14px;line-height:1.45}.is-test .test-page-header .test-companion-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.is-test .test-page-header .test-companion-actions .button{width:100%;min-width:0;padding-inline:8px}.test-dialog{border-radius:var(--radius-md);width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.test-dialog-header,.test-dialog-body,.test-dialog-footer{padding-inline:16px}.test-dialog-footer{flex-direction:column;align-items:stretch}.test-dialog-footer>*,.test-dialog-footer .button{width:100%}.test-dialog-footer>a:not(.button){text-align:center;margin:0 0 4px}}@media (pointer:coarse){.button,.icon-action,.theme-button,.mobile-menu-trigger,.mobile-category-bar a,.nav-group-title{min-height:44px}}@media (prefers-reduced-motion:reduce){.button{transition-duration:.01ms!important}.button:hover:not(:disabled){transform:none}}.controller-empty-state{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border-subtle)}.controller-empty-state p,.controller-detection-help{max-width:460px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.controller-empty-state .controller-waiting{color:var(--text-secondary);font-size:12px}.error-page>section{grid-template-columns:minmax(0,1fr);max-width:820px}.app-frame :is(.key-history-head span,.key-history-head small,.pattern-number,.touch-quick-link span,.reading-label,.device-featured-tag,.capture-status,.inline-instruction kbd){font-size:11px}.app-frame :is(.pointer-canvas-message span,.gain-control span,.pattern-choice-copy small,.audio-view-toolbar>span,.range-control span,.range-control output,.motion-controls legend,.motion-stage-actions button,.motion-live-readout span,.timing-metrics dt,.pressed-key-list small,.rollover-result small,.rollover-result p,.max-combination span,.key-history-list p,.click-target span,.double-threshold span,.recording-panel strong){font-size:12px}.app-frame :is(.camera-toolbar select,.media-device-toolbar select){font-size:14px}.key-history-head{align-items:center;padding:8px 10px}.keyboard-metrics strong{white-space:nowrap}.app-frame .segmented-control{flex-wrap:wrap}.app-frame .segmented-control button{flex:1 0 auto;padding-inline:12px;font-size:12px}@media (min-width:621px){.app-frame .segmented-control button{white-space:nowrap}}@media (min-width:901px){.test-page-header{grid-template-areas:"meta actions""title title""desc desc";row-gap:0}.test-page-heading-copy{display:contents}.test-header-meta{grid-area:meta}.is-test .test-page-header h1{grid-area:title}.is-test .test-page-heading-copy>p{grid-area:desc}.test-page-header-actions{grid-area:actions}}@media (max-width:1180px){.app-frame .motion-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.app-frame .frequency-panel{grid-template-columns:minmax(0,1fr)}}.monitor-test-page{container-type:inline-size}.is-test .test-launch-panel,.is-test .sequence-panel,.is-test .refresh-instrument,.is-test .motion-instrument{background:var(--surface-elevated);border-color:var(--border-default)}.is-test .launch-icon,.is-test .refresh-symbol{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.is-test .launch-icon,.is-test .refresh-symbol{border-color:color-mix(in srgb, var(--accent) 24%, var(--border-default))}}.color-sequence{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr))}.color-swatch,.pattern-choice{border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard)}.color-swatch{padding:var(--space-2);background:var(--surface-subtle);border:1px solid var(--border-default)}.color-swatch>span{border-color:var(--border-strong);min-height:72px}@supports (color:color-mix(in lab, red, red)){.color-swatch>span{border-color:color-mix(in srgb, var(--border-strong) 70%, transparent)}}.color-swatch>span{border-radius:calc(var(--radius-sm) - 2px)}.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{background:color-mix(in srgb, var(--accent-soft) 58%, var(--surface-elevated))}}.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default))}}.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.color-swatch:hover,.color-swatch.is-selected,.color-swatch[aria-pressed=true]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}}.pattern-sequence{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-choice{background:var(--surface-subtle);border:1px solid var(--border-default);min-height:96px}.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{background:color-mix(in srgb, var(--accent-soft) 62%, var(--surface-elevated))}}.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 54%, var(--border-default))}}.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.pattern-choice:hover,.pattern-choice.is-selected,.pattern-choice[aria-pressed=true]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent)}}.pattern-choice:active,.color-swatch:active{transform:translateY(1px)}.pattern-choice-copy strong,.color-swatch strong{color:var(--text-primary)}.pattern-choice-copy small,.color-swatch small,.pattern-number{color:var(--text-tertiary)}.inline-instruction{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border-default);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.inline-instruction svg{color:var(--accent)}:is(.fullscreen-test.is-running,.fullscreen-test:fullscreen){touch-action:manipulation;width:100dvw;height:100dvh}.fullscreen-hud{bottom:max(16px, env(safe-area-inset-bottom));gap:var(--space-3);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto auto;width:min(680px,100% - 24px);min-height:48px;padding:8px 8px 8px 14px}.fullscreen-hud button{border-radius:6px;min-height:36px}.level-grid{inset:max(58px, env(safe-area-inset-top)) clamp(18px, 6vw, 96px) max(72px, env(safe-area-inset-bottom));gap:clamp(6px,1.5vw,24px)}.level-tile{min-width:0;min-height:0}.refresh-instrument{padding:0 var(--space-6) var(--space-6)}.refresh-head{gap:var(--space-4);grid-template-columns:58px minmax(0,1fr) auto;min-height:116px}.refresh-actions{justify-content:flex-end;display:flex}.measurement-progress{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:999px;height:8px;overflow:hidden}.measurement-progress>span{background:var(--accent);height:100%;transition:width var(--motion-normal) linear;display:block}.refresh-result{background:var(--surface-subtle);border-color:var(--border-default)}.primary-reading{min-width:0}.primary-reading strong{color:var(--text-primary)}.timing-metrics{min-width:0}.timing-metrics>div{border-color:var(--border-subtle);min-width:0}.timing-metrics dt{color:var(--text-tertiary)}.timing-metrics dd{color:var(--text-primary)}.motion-toolbar{align-items:flex-start}.motion-live-readout span{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border-default);border-radius:6px}.motion-stage{border-radius:var(--radius-md);background:#11141b;border-color:#2d3440;outline:none;min-height:300px}.motion-stage:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.motion-stage-actions{bottom:max(13px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;width:min(100% - 20px,560px)}.motion-stage-actions button{border-radius:6px;min-height:40px}.motion-controls{gap:var(--space-4);background:0 0;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(132px,1fr))}.measurement-disclaimer{margin:var(--space-4) 20px var(--space-6)}@media (max-width:900px){.pattern-sequence{grid-template-columns:minmax(0,1fr)}.motion-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.color-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.color-swatch:last-child{grid-column:1/-1}.color-swatch>span{min-height:92px}.pattern-choice{grid-template-columns:76px minmax(0,1fr) auto;min-height:90px}.refresh-instrument{padding:0 18px 18px}.refresh-head{grid-template-columns:46px minmax(0,1fr);min-height:0;padding:18px 0}.refresh-actions{grid-column:1/-1}.refresh-actions .button{justify-content:center;width:100%}.motion-toolbar{flex-direction:column}.motion-live-readout{justify-content:flex-start;width:100%}.motion-live-readout span{flex:calc(50% - 7px);min-width:0}.motion-controls{grid-template-columns:minmax(0,1fr);padding:18px}.measurement-disclaimer{margin:14px 18px 18px}.fullscreen-hud{grid-template-columns:minmax(0,1fr) auto}.fullscreen-hud>span:nth-child(2){display:none}.level-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(2,1fr)}}@media (max-width:430px){.pattern-choice{grid-template-columns:64px minmax(0,1fr)}.pattern-number{display:none}.fullscreen-hud{width:auto;left:12px;right:12px;transform:none}.fullscreen-hud>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.motion-stage-actions button{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.color-swatch,.pattern-choice,.measurement-progress>span{transition:none}}.mouse-page,.keyboard-page{--input-stage-bg:var(--stage-bg);--input-stage-bg-strong:var(--stage-bg-strong);--input-stage-border:var(--stage-border);--input-stage-text:var(--stage-text);--input-stage-muted:var(--stage-muted);--input-stage-accent:var(--stage-accent)}.mouse-coarse-pointer-note{color:var(--status-info);background:var(--status-info-soft);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);margin:0 0 12px;padding:10px 12px;line-height:1.55;display:none}.mouse-button-stage,.pointer-canvas-wrap,.click-target{color:var(--input-stage-text);background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--input-stage-bg);border-color:var(--input-stage-border);background-size:28px 28px}.click-target{background:radial-gradient(circle at center, var(--stage-accent), transparent 46%), var(--input-stage-bg)}@supports (color:color-mix(in lab, red, red)){.click-target{background:radial-gradient(circle at center, color-mix(in srgb, var(--stage-accent) 11%, transparent), transparent 46%), var(--input-stage-bg)}}.pointer-canvas-wrap{height:clamp(300px,48dvh,460px)}.mouse-stage-copy>span,.mouse-stage-copy small,.click-target>span,.click-target>small,.pointer-canvas-message{color:var(--input-stage-muted)}.mouse-stage-copy small,.pointer-canvas-message svg,.click-target>svg{color:var(--input-stage-accent)}.mouse-button-stage:focus-visible,.click-target:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.mouse-button-results,.double-results,.movement-readout,.polling-readout,.mouse-button-results>div,.double-results>div,.movement-readout>div,.polling-readout dl>div{min-width:0}.mouse-button-results strong,.double-results strong,.movement-readout strong,.polling-readout dd{overflow-wrap:anywhere}.polling-readout{color:var(--input-stage-text);background:var(--input-stage-bg);border-color:var(--input-stage-border)}.polling-primary,.polling-readout dl>div,.polling-readout dl>div:nth-child(odd){border-color:var(--input-stage-border)}.polling-primary>span,.polling-primary small,.polling-readout dt{color:var(--input-stage-muted)}.polling-readout dd{color:var(--input-stage-text)}.browser-estimate-note code,.measurement-disclaimer code{font-family:var(--mono)}.double-threshold{grid-template-columns:minmax(190px,.45fr) minmax(220px,1fr)}.double-threshold>small{color:var(--text-tertiary);font-size:var(--text-xs);grid-column:1/-1;line-height:1.5}.double-session-progress{color:var(--text-secondary);font:700 var(--text-xs)/1.2 var(--mono);letter-spacing:.04em;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;margin:16px 20px 0;display:grid}.double-session-progress progress{width:100%;height:8px;accent-color:var(--accent);overflow:hidden}.double-session-progress strong{color:var(--text-primary);font-size:var(--text-xs)}.keyboard-event-inspector{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.keyboard-event-inspector>div{background:var(--surface-elevated);border-right:1px solid var(--border-subtle);min-width:0;padding:15px 18px}.keyboard-event-inspector>div:last-child{border-right:0}.keyboard-event-inspector span,.keyboard-event-inspector small{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4;display:block}.keyboard-event-inspector span{font-family:var(--mono);letter-spacing:.035em;margin-bottom:7px;font-weight:700}.keyboard-event-inspector span code{color:var(--accent);font:inherit}.keyboard-event-inspector strong{color:var(--text-primary);font:700 var(--text-sm)/1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;display:block;overflow:hidden}.keyboard-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-gutter:stable;max-width:100%}.keyboard-board{max-width:none}.keyboard-key.is-pressed{transition-duration:var(--motion-fast)}@media (pointer:coarse){.mouse-coarse-pointer-note{display:block}}@media (max-width:900px){.keyboard-event-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-event-inspector>div:nth-child(2n){border-right:0}.keyboard-event-inspector>div:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}.mouse-button-results{grid-template-columns:repeat(3,minmax(0,1fr))}.mouse-button-results>div,.mouse-button-results>div:nth-child(6n){border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.mouse-button-results>div:nth-child(3n),.mouse-button-results>div:last-child{border-right:0}.double-results{grid-template-columns:repeat(3,minmax(0,1fr))}.double-results>div{border-bottom:1px solid var(--border-subtle)}.double-results>div:nth-child(3n){border-right:0}.double-results>div:nth-last-child(-n+2){border-bottom:0}.movement-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-readout.is-detailed>div:nth-child(2n){border-right:0}.movement-readout.is-detailed>div:nth-last-child(-n+2){border-bottom:0}}@media (max-width:620px){.mouse-instrument-head,.keyboard-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.mouse-motion-actions,.keyboard-actions{flex-wrap:wrap;width:100%}.mouse-motion-actions .button,.keyboard-actions .button{flex:auto}.mouse-button-stage{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:28px 18px}.mouse-figure{transform-origin:50%;transform:scale(.9)}.mouse-stage-copy{text-align:center}.click-target,.pointer-canvas-wrap{width:auto;margin-inline:0}.click-target{min-height:250px}.double-threshold{grid-template-columns:minmax(0,1fr);padding-inline:0}.double-threshold>small{grid-column:auto}.double-results,.mouse-button-results{grid-template-columns:repeat(2,minmax(0,1fr))}.double-results{padding-inline:0}.double-results>div,.double-results>div:nth-child(3n),.mouse-button-results>div,.mouse-button-results>div:nth-child(3n){border-right:1px solid var(--border-subtle)}.double-results>div:nth-child(2n),.mouse-button-results>div:nth-child(2n){border-right:0}.double-results>div:nth-last-child(-n+2),.mouse-button-results>div:nth-last-child(-n+2){border-bottom:0}.double-session-progress,.browser-estimate-note,.movement-readout,.polling-readout{margin-inline:0}.polling-readout{grid-template-columns:minmax(0,1fr)}.polling-primary{border-right:0;border-bottom:1px solid var(--input-stage-border);min-height:150px}.polling-readout dl{grid-template-columns:minmax(0,1fr)}.polling-readout dl>div,.polling-readout dl>div:nth-child(odd),.polling-readout dl>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--input-stage-border)}.polling-readout dl>div:last-child{border-bottom:0}.keyboard-layout-toolbar,.keyboard-layout-toolbar label,.keyboard-event-inspector{grid-template-columns:minmax(0,1fr)}.keyboard-event-inspector>div,.keyboard-event-inspector>div:nth-child(2n),.keyboard-event-inspector>div:nth-child(-n+2){border-right:0;border-bottom:1px solid var(--border-subtle)}.keyboard-event-inspector>div:last-child{border-bottom:0}.keyboard-live-strip{grid-template-columns:minmax(0,1fr);align-items:start}.keyboard-live-strip>div:first-child{border-right:0;justify-content:flex-start;gap:12px;padding-right:0}}@media (max-width:430px){.mouse-figure{transform:scale(.82)}.double-session-progress{grid-template-columns:minmax(0,1fr) auto}.double-session-progress>span{grid-column:1/-1}.movement-readout,.double-results,.mouse-button-results{grid-template-columns:minmax(0,1fr)}.movement-readout>div,.movement-readout.is-detailed>div:nth-child(2n),.double-results>div,.double-results>div:nth-child(2n),.mouse-button-results>div,.mouse-button-results>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--border-subtle)}.movement-readout>div:last-child,.double-results>div:last-child,.mouse-button-results>div:last-child{border-bottom:0}}.click-target:disabled{cursor:default;opacity:.82}.click-target:disabled:hover{border-color:var(--input-stage-border)}.keyboard-scroll{padding-inline:16px;container-type:inline-size}.keyboard-scroll.has-more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.keyboard-board{--key-unit:42px;--key-height:calc(var(--key-unit) + 1px);min-width:calc(var(--layout-units) * 30px + var(--layout-gaps) + 30px);padding:14px}@supports (width:1cqw){.keyboard-board{--key-unit:clamp(30px, (100cqw - 30px - var(--layout-gaps)) / var(--layout-units), 42px)}}.keyboard-row{height:var(--key-height)}.keyboard-key{min-width:0;height:var(--key-height);flex:var(--key-width) 1 calc(var(--key-width) * var(--key-unit))}.keyboard-key.is-tall{height:calc(var(--key-height) * 2 + 7px)}.keyboard-gap{flex:var(--key-width) 0 calc(var(--key-width) * var(--key-unit))}.keyboard-stack{min-width:0;height:var(--key-height);flex:var(--key-width) 1 calc(var(--key-width) * var(--key-unit));flex-direction:column;gap:3px;display:flex}.keyboard-stack>.keyboard-key{border-bottom-width:1px;flex:1 1 0;height:auto;min-height:0;padding:0 4px}.keyboard-stack>.keyboard-key.is-pressed{transform:translateY(1px)}.keyboard-scroll-note{color:var(--text-secondary);background:var(--surface-subtle);border-top:1px solid var(--border-subtle);margin:0;padding:9px 22px;font-size:13px}.keyboard-instrument{--kb-pressed-text:#fff;--kb-pressed-bg:var(--accent);--kb-pressed-border:var(--accent-strong);--kb-tested-text:#1f4d33;--kb-tested-bg:#e2f3e8;--kb-tested-border:#6fb68a;--kb-tested-mark:var(--status-success);--kb-untested-bg:#fdf0ef;--kb-untested-border:#c4332b;--kb-stopped-bg:#f9dcd9;--kb-stopped-border:#b42318;--kb-reserved-text:#5f6b7a;--kb-reserved-bg:#edf0f2;--kb-reserved-border:#c3cbd3}:root[data-theme=dark] .keyboard-instrument{--kb-pressed-text:var(--on-accent);--kb-pressed-bg:var(--accent);--kb-pressed-border:var(--accent);--kb-tested-text:#e4f2ea;--kb-tested-bg:#1e3a2b;--kb-tested-border:#3f7a57;--kb-tested-mark:#7fd8a0;--kb-untested-bg:#3a2427;--kb-untested-border:#f0817a;--kb-stopped-bg:#4a2a2e;--kb-stopped-border:#ff9b94;--kb-reserved-text:#9a9ea6;--kb-reserved-bg:#22252a;--kb-reserved-border:#3b3f46}.keyboard-board .keyboard-key.is-untested{background:var(--kb-untested-bg);border-color:var(--kb-untested-border);border-style:dashed}.keyboard-board.is-stopped .keyboard-key.is-untested{background:var(--kb-stopped-bg);border-color:var(--kb-stopped-border)}.keyboard-board .keyboard-key.is-uncapturable,.keyboard-board .keyboard-key.is-non-reporting{color:var(--kb-reserved-text);background:var(--kb-reserved-bg);border-color:var(--kb-reserved-border);border-style:solid}.keyboard-board .keyboard-key.is-non-reporting:after{content:none}.keyboard-board .keyboard-key.is-missing{color:var(--kb-reserved-text);border-color:var(--kb-reserved-border);background:0 0;border-style:dashed}.keyboard-board .keyboard-key.is-missing strong{text-decoration:line-through}.keyboard-board .keyboard-key.is-tested{color:var(--kb-tested-text);background:var(--kb-tested-bg);border-color:var(--kb-tested-border)}.keyboard-board .keyboard-key.is-tested:after{content:"✓";color:var(--kb-tested-mark);font:700 9px/1 var(--mono);position:absolute;top:2px;right:4px}.keyboard-board .keyboard-key.is-pressed{color:var(--kb-pressed-text);background:var(--kb-pressed-bg);border-color:var(--kb-pressed-border);border-style:solid}.keyboard-board .keyboard-key.is-pressed:after{color:inherit}.keyboard-board .keyboard-key small{color:var(--text-secondary)}.keyboard-board .keyboard-key:is(.is-pressed,.is-tested,.is-untested,.is-uncapturable,.is-non-reporting,.is-missing) small{color:inherit}.keyboard-coverage{border-top:1px solid var(--border-subtle);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;padding:12px 22px;display:grid}.keyboard-coverage-count{gap:2px;display:grid}.keyboard-coverage-count span{color:var(--text-tertiary);font:700 11px/1.2 var(--mono);letter-spacing:.06em}.keyboard-coverage-count strong{color:var(--text-primary);font-size:18px;line-height:1.2}.keyboard-coverage-count small{color:var(--text-secondary);font-size:12px}.keyboard-coverage-bar{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:999px;height:8px;overflow:hidden}.keyboard-coverage-bar i{background:var(--green);height:100%;transition:width .12s linear;display:block}.keyboard-confirm-hint{color:var(--text-primary);background:var(--status-success-soft);border-top:1px solid var(--border-subtle);margin:0;padding:10px 22px;font-size:13px;line-height:1.5}.keyboard-legend{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px 18px;margin:0;padding:10px 22px;font-size:12px;list-style:none;display:flex}.keyboard-legend li{align-items:center;gap:7px;display:inline-flex}.keyboard-legend i{border:1px solid;border-radius:4px;width:18px;height:14px;position:relative}.keyboard-legend i.is-tested{background:var(--kb-tested-bg);border-color:var(--kb-tested-border)}.keyboard-legend i.is-tested:after{content:"✓";color:var(--kb-tested-mark);font:700 9px/1 var(--mono);place-items:center;display:grid;position:absolute;inset:0}.keyboard-legend i.is-untested{background:var(--kb-untested-bg);border-color:var(--kb-untested-border);border-style:dashed}.keyboard-legend i.is-uncapturable{background:var(--kb-reserved-bg);border-color:var(--kb-reserved-border)}.keyboard-legend i.is-missing{border-color:var(--kb-reserved-border);border-style:dashed}.keyboard-legend i.is-missing:after{content:"";border-top:1px solid var(--kb-reserved-text);position:absolute;top:50%;left:3px;right:3px}.keyboard-remaining{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:10px 22px;font-size:13px}.keyboard-remaining summary{color:var(--text-primary);cursor:pointer;font-weight:650}.keyboard-remaining ul{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.keyboard-remaining kbd{color:var(--text-primary);background:var(--surface-subtle);border:1px dashed var(--kb-untested-border);font:600 12px/1.4 var(--mono);border-radius:5px;padding:2px 7px;display:inline-block}.keyboard-remaining p{margin:10px 0 0}.keyboard-key-toggle{min-height:32px;color:var(--text-primary);background:var(--surface-subtle);border:1px dashed var(--kb-untested-border);font:600 12px/1.4 var(--mono);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 9px;display:inline-flex}.keyboard-key-toggle:hover:not(:disabled){border-style:solid}.keyboard-key-toggle[aria-pressed=true]{color:var(--text-secondary);border-color:var(--kb-reserved-border);background:0 0}.keyboard-key-toggle[aria-pressed=true]>span{text-decoration:line-through}.keyboard-key-toggle small{font:600 11px/1.2 var(--font-sans)}.keyboard-key-toggle:disabled{cursor:not-allowed;opacity:.55}@media (max-width:620px){.keyboard-coverage{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}.keyboard-coverage .button{width:100%}.keyboard-scroll-note,.keyboard-confirm-hint,.keyboard-legend,.keyboard-remaining{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.keyboard-coverage-bar i{transition:none}}.mouse-control-group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin:0 0 8px;display:flex}.mouse-control-group-head h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.mouse-control-group-head span{color:var(--text-secondary);font-size:12px}.mouse-control-group+.mouse-control-group{margin-top:16px}@media (min-width:901px){.mouse-control-group.is-required .mouse-button-results{grid-template-columns:repeat(5,minmax(0,1fr))}.mouse-control-group.is-optional .mouse-button-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.mouse-control-group .mouse-button-results>div{position:relative}.mouse-button-results>div.is-tested{box-shadow:inset 0 3px 0 var(--green)}.mouse-control-mark{color:var(--green);font:700 14px/1 var(--mono);font-style:normal;position:absolute;top:12px;right:14px}.mouse-confirm-hint{color:var(--text-primary);background:var(--status-info-soft);border-radius:8px;margin:0 0 14px;padding:10px 14px;font-size:13px;line-height:1.5}.mouse-left.is-tested,.mouse-right.is-tested,.mouse-side.is-tested{color:#d7f5e1;background:#1f4a33}.mouse-wheel.is-tested{background:#1f4a33;border-color:#6fcf97}@media (max-width:430px){.mouse-control-group .mouse-button-results{grid-template-columns:repeat(2,minmax(0,1fr))}.mouse-control-group .mouse-button-results>div{min-height:96px}.mouse-control-group .mouse-button-results>div:nth-child(odd):not(:last-child){border-right:1px solid var(--border-subtle)}.mouse-control-group .mouse-button-results>div:nth-last-child(2):nth-child(odd){border-bottom:0}}.motion-capture-progress{color:var(--text-secondary);border-top:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 22px;font-size:13px;display:grid}.motion-capture-progress progress{appearance:none;background:var(--surface-subtle);border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.motion-capture-progress progress::-webkit-progress-bar{background:var(--surface-subtle)}.motion-capture-progress progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.motion-capture-progress progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.motion-capture-progress strong{min-width:3.5ch;color:var(--text-primary);font-family:var(--mono);text-align:right}.motion-capture-done{color:var(--text-primary);background:var(--status-success-soft);border-top:1px solid var(--border-subtle);margin:0;padding:10px 22px;font-size:14px;font-weight:650}.motion-capture-done.is-limit{background:var(--status-warning-soft)}@media (max-width:620px){.motion-capture-progress,.motion-capture-done{padding-inline:14px}}.keyboard-instrument:fullscreen{background:var(--surface-page);padding:16px;overflow:auto}.keyboard-fullscreen-hint{color:var(--text-primary);background:var(--status-info-soft);border-top:1px solid var(--border-subtle);margin:0;padding:10px 22px;font-size:14px;font-weight:600}.keyboard-fullscreen-hint.is-error{background:var(--status-warning-soft)}@media (max-width:620px){.keyboard-fullscreen-hint{padding-inline:14px}}.controller-device-bar{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto auto}.controller-device-copy{min-width:0}.controller-device-select{gap:var(--space-1);min-width:min(320px,34vw);color:var(--text-secondary);font-size:var(--text-xs);display:grid}.controller-device-select>span{letter-spacing:.055em;text-transform:uppercase;font-size:.68rem;font-weight:750}.controller-device-select select{width:100%;min-height:38px;padding:0 var(--space-3);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font:650 var(--text-xs)/1.2 var(--font-sans)}.controller-empty-state .controller-device-select{width:min(420px,100%);min-width:0;margin-top:var(--space-3);text-align:left}.gamepad-button-grid{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;padding:8px;display:grid}.gamepad-button-grid>div,.gamepad-button-grid>div:nth-child(3n),.gamepad-button-grid>div:nth-child(4n),.gamepad-button-grid>div:nth-child(6n){min-width:0;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.gamepad-button-grid>div.is-tested:not(.is-active){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.gamepad-button-grid>div.is-tested:not(.is-active){border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle))}}.gamepad-button-grid>div.is-tested:not(.is-active){box-shadow:inset 3px 0 0 var(--accent)}.gamepad-button-grid>div.is-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent-strong)}.gamepad-button-grid small{overflow-wrap:anywhere;line-height:1.45}.stick-scope{isolation:isolate}.stick-vector-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stick-vector-layer line{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stick-vector-layer line{stroke:color-mix(in srgb, var(--accent) 75%, white)}}.stick-vector-layer line{stroke-width:.8px;stroke-linecap:round;opacity:.78}.stick-vector-layer circle{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stick-vector-layer circle{fill:color-mix(in srgb, var(--accent) 70%, white)}}.stick-scope>i{z-index:4}.deadzone-input-point{opacity:.55;outline-offset:3px;outline:1px dashed #ffffffad}.deadzone-output-point{z-index:5;pointer-events:none;background:#43c181;border:2px solid #d7f6e6;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #43c181a6}.deadzone-output-point.is-filtered{background:#ef8f32;border-color:#ffe4c8;box-shadow:0 0 18px #ef8f3299}.deadzone-stage{color:var(--text-primary)}.deadzone-result>span,.deadzone-result dt{color:var(--text-tertiary)}.deadzone-result>small{color:var(--accent)}.deadzone-result dl div{border-bottom-color:var(--border-default)}.circularity-results{background:var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:1px}.circularity-results>div,.circularity-results>div:nth-child(2n),.circularity-results>div:nth-child(4n){background:var(--surface-elevated);border:0;min-width:0}.circularity-results strong{overflow-wrap:anywhere}.result-summary{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 20px 0;display:grid;overflow:hidden}.result-summary>div{border-right:1px solid var(--border-subtle);flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.result-summary>div:last-child{border-right:0}.result-summary span{color:var(--text-secondary);font-size:13px}.result-summary strong{font-family:var(--mono);font-size:17px}@media (max-width:620px){.result-summary{grid-template-columns:minmax(0,1fr)}.result-summary>div{border-right:0;border-bottom:1px solid var(--border-subtle)}.result-summary>div:last-child{border-bottom:0}}.deadzone-try{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin:18px 20px 0;padding:18px 20px;display:flex}.deadzone-try>div{flex:280px;min-width:0}.deadzone-try p{margin:8px 0 4px;font-size:15px;line-height:1.45}.deadzone-try small{color:var(--text-secondary);font-size:13px}.circularity-verdict{color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:12px;align-items:flex-start;gap:14px;margin:18px 20px 0;padding:18px 20px;display:flex}.circularity-verdict>svg{flex:none;margin-top:1px}.circularity-verdict strong{font-size:16px;line-height:1.35;display:block}.circularity-verdict p{margin:6px 0 0;line-height:1.55}.circularity-verdict.is-ok{background:var(--status-success-soft);border-color:var(--status-success)}.circularity-verdict.is-ok>svg{color:var(--status-success)}.circularity-verdict.is-warning{background:var(--status-warning-soft);border-color:var(--status-warning)}.circularity-verdict.is-warning>svg{color:var(--status-warning)}.circularity-verdict.is-danger{background:var(--status-danger-soft);border-color:var(--status-danger)}.circularity-verdict.is-danger>svg{color:var(--status-danger)}@media (max-width:780px){.controller-device-bar{grid-template-columns:auto minmax(0,1fr) auto}.controller-device-select{grid-column:1/-1;width:100%;min-width:0}}@media (max-width:620px){.controller-device-bar{grid-template-columns:auto minmax(0,1fr);align-items:start}.controller-device-bar .device-online{grid-column:1/-1;justify-self:start}.gamepad-button-grid,.circularity-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:390px){.gamepad-button-grid,.circularity-results{grid-template-columns:minmax(0,1fr)}}.ps-figure{place-self:center;width:min(100%,420px);margin:0}.ps-figure svg{width:100%;height:auto;display:block;overflow:visible}.ps-figure .ps-body{fill:var(--stage-text)}@supports (color:color-mix(in lab, red, red)){.ps-figure .ps-body{fill:color-mix(in srgb, var(--stage-text) 9%, var(--stage-bg))}}.ps-figure .ps-body{stroke:var(--stage-border);stroke-width:2px}.ps-figure .ps-part>rect,.ps-figure .ps-part>circle{fill:var(--stage-text)}@supports (color:color-mix(in lab, red, red)){.ps-figure .ps-part>rect,.ps-figure .ps-part>circle{fill:color-mix(in srgb, var(--stage-text) 15%, var(--stage-bg))}}.ps-figure .ps-part>rect,.ps-figure .ps-part>circle{stroke:var(--stage-border);stroke-width:1.5px;transition:fill var(--motion-fast) ease, stroke var(--motion-fast) ease}.ps-figure .ps-part.is-active>rect,.ps-figure .ps-part.is-active>circle{fill:var(--stage-accent);stroke:var(--stage-accent)}.ps-figure .ps-part>.ps-trigger-fill{fill:var(--stage-accent);stroke:none}.ps-figure .ps-part>.ps-stick-well,.ps-figure .ps-part.is-active>.ps-stick-well{fill:var(--stage-bg-strong)}.ps-figure .ps-part.is-active>.ps-stick-well{stroke:var(--stage-accent)}.ps-figure .ps-face .ps-symbol{fill:none;stroke:var(--ps-symbol);stroke-width:2px;stroke-linejoin:round}.ps-figure .ps-face.is-active>circle:first-child{fill:var(--ps-symbol);stroke:var(--ps-symbol)}.ps-figure .ps-face.is-active .ps-symbol{fill:none;stroke:var(--stage-bg-strong)}.ps-figure text{fill:var(--stage-muted);font:700 8px var(--mono);letter-spacing:.06em;text-anchor:middle;pointer-events:none}.ps-figure .ps-part.is-active text{fill:var(--stage-bg-strong)}.ps-figure .ps-trigger.is-active>.ps-trigger-body{fill:var(--stage-text)}@supports (color:color-mix(in lab, red, red)){.ps-figure .ps-trigger.is-active>.ps-trigger-body{fill:color-mix(in srgb, var(--stage-text) 15%, var(--stage-bg))}}.ps-figure .ps-trigger.is-active text{fill:var(--stage-text);stroke:var(--stage-bg-strong);stroke-width:2.5px;stroke-linejoin:round;paint-order:stroke}.ps-figure figcaption{color:var(--text-secondary);font:700 10px/1.3 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-top:8px}.media-device-toolbar{align-items:end;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.media-device-toolbar label,.camera-toolbar label{min-width:0}.media-device-toolbar label{gap:var(--space-2);flex-direction:column;display:flex}.media-device-toolbar label>span,.permission-state>span{color:var(--text-tertiary);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.04em}.media-device-toolbar select,.camera-toolbar select{width:100%;min-width:0;min-height:42px;padding-inline:var(--space-3);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.permission-state{align-items:center;column-gap:var(--space-2);min-width:150px;min-height:52px;padding:var(--space-2) var(--space-3);color:var(--status-info);background:var(--status-info-soft);border:1px solid var(--status-info);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}@supports (color:color-mix(in lab, red, red)){.permission-state{border:1px solid color-mix(in srgb, var(--status-info) 30%, transparent)}}.permission-state{border-radius:var(--radius-sm)}.permission-state>svg{grid-row:1/span 2}.permission-state strong{color:currentColor;font-family:var(--mono);font-size:var(--text-xs);line-height:1.35}.permission-active{color:var(--status-success);background:var(--status-success-soft);border-color:var(--status-success)}@supports (color:color-mix(in lab, red, red)){.permission-active{border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}}.permission-denied,.permission-error{color:var(--status-danger);background:var(--status-danger-soft);border-color:var(--status-danger)}@supports (color:color-mix(in lab, red, red)){.permission-denied,.permission-error{border-color:color-mix(in srgb, var(--status-danger) 30%, transparent)}}.permission-no-device,.permission-unavailable,.permission-disconnected{color:var(--status-warning);background:var(--status-warning-soft);border-color:var(--status-warning)}@supports (color:color-mix(in lab, red, red)){.permission-no-device,.permission-unavailable,.permission-disconnected{border-color:color-mix(in srgb, var(--status-warning) 30%, transparent)}}.permission-requesting{color:var(--status-info)}.camera-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.camera-live-fps,.permission-state{align-self:stretch}.media-error[role=alert]{font-size:var(--text-sm);line-height:1.45}.permission-help{color:var(--text-primary);background:var(--status-warning-soft);border:1px solid var(--status-warning);gap:14px;margin:0 22px 18px;padding:18px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.permission-help{border:1px solid color-mix(in srgb, var(--status-warning) 40%, transparent)}}.permission-help{border-radius:14px}.permission-help-head{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.permission-help-icon{width:36px;height:36px;color:var(--status-warning);background:var(--surface-elevated);border-radius:10px;place-items:center;display:grid}.permission-help h3{color:var(--text-primary);font-family:var(--font-sans);text-transform:none;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.permission-help-head p,.permission-help-next{color:var(--text-primary);font-size:var(--text-sm);margin:4px 0 0;line-height:1.55}.permission-help ol{counter-reset:permission-step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.permission-help li{counter-increment:permission-step;font-size:var(--text-sm);grid-template-columns:24px minmax(0,1fr);gap:10px;line-height:1.55;display:grid}.permission-help li:before{content:counter(permission-step);width:24px;height:24px;color:var(--on-accent);background:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.permission-help-next{margin:0}.permission-help .button{justify-self:start}@media (max-width:620px){.permission-help{margin-inline:14px}.permission-help .button{justify-self:stretch}}.touch-stage canvas{touch-action:pan-y pinch-zoom}.touch-stage canvas.is-capturing{touch-action:none}.touch-instrument .button:disabled{cursor:not-allowed;opacity:.55}.camera-metrics strong,.audio-diagnostics strong,.touch-metrics strong{overflow-wrap:anywhere}@media (max-width:900px){.camera-toolbar{grid-template-columns:minmax(0,1fr) repeat(2,minmax(140px,auto))}}@media (max-width:720px){.media-device-toolbar,.camera-toolbar{padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:stretch}.permission-state,.camera-live-fps{min-width:0}}@media (max-width:430px){.audio-diagnostics,.camera-metrics,.touch-metrics{grid-template-columns:minmax(0,1fr)}.audio-diagnostics>div,.camera-metrics>div,.touch-metrics>div,.camera-metrics>div:nth-child(2n),.touch-metrics>div:nth-child(2n),.touch-metrics>div:nth-child(3n){border-right:0}}.touch-coverage span{font-size:11px}.touch-coverage small{font-size:12px}.touch-coverage .coverage-bar{position:relative}.coverage-threshold{background:var(--text-primary);width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.touch-coverage-status{color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:8px;margin:0 20px 16px;padding:10px 14px;font-size:13px;line-height:1.5}.touch-coverage-status.is-complete{color:var(--text-primary);background:var(--status-success-soft)}@media (max-width:620px){.touch-coverage-status{margin-inline:14px}}.diagnostic-session-count{align-items:center;gap:var(--space-2,.5rem);margin-top:var(--space-2,.5rem);color:var(--text-secondary);display:inline-flex}.report-all-tests{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem) var(--space-4,1rem);padding:var(--space-4,1rem);border:1px solid var(--status-success,var(--accent));flex-wrap:wrap;display:flex}@supports (color:color-mix(in lab, red, red)){.report-all-tests{border:1px solid color-mix(in srgb, var(--status-success,var(--accent)) 45%, var(--border-subtle))}}.report-all-tests{border-radius:var(--radius-lg,1rem);background:var(--status-success-soft,var(--surface-subtle))}.report-all-tests p{margin:var(--space-1,.25rem) 0 0}.report-source-note{align-items:flex-start;gap:var(--space-3,.75rem);padding:var(--space-3,.75rem) var(--space-4,1rem);border:1px solid var(--border-subtle);border-radius:var(--radius-md,.75rem);background:var(--surface-subtle);display:flex}.report-source-note.is-structured{border-color:var(--status-success,var(--accent))}@supports (color:color-mix(in lab, red, red)){.report-source-note.is-structured{border-color:color-mix(in srgb, var(--status-success,var(--accent)) 42%, var(--border-subtle))}}.report-source-note.is-fallback{border-color:var(--status-warning,#b27b19)}@supports (color:color-mix(in lab, red, red)){.report-source-note.is-fallback{border-color:color-mix(in srgb, var(--status-warning,#b27b19) 42%, var(--border-subtle))}}.report-source-note p{margin:0}.report-warning-list,.diagnostic-session-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg,1rem);padding:var(--space-4,1rem);background:var(--surface-subtle)}.report-warning-list h3,.diagnostic-session-panel h3{margin:0}.report-warning-list ul{margin-bottom:0}.diagnostic-session-head{justify-content:space-between;align-items:center;gap:var(--space-4,1rem);display:flex}.diagnostic-session-panel ol{gap:var(--space-2,.5rem);margin:var(--space-4,1rem) 0 0;padding:0;list-style:none;display:grid}.diagnostic-session-panel li{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);padding-block:var(--space-2,.5rem);border-top:1px solid var(--border-subtle);display:flex}.diagnostic-session-panel li:first-child{border-top:0}.diagnostic-session-panel li span{color:var(--text-secondary);text-align:right;font-size:.85rem}@media (max-width:620px){.diagnostic-session-head,.diagnostic-session-panel li{flex-direction:column;align-items:flex-start}.diagnostic-session-panel li span{text-align:left}}@media print{[data-print-report=true] .diagnostic-session-panel .button,[data-print-report=true] .report-source-note.is-fallback{display:none!important}}.diagnostic-session-actions{gap:var(--space-2,.5rem);margin-top:var(--space-4,1rem);flex-wrap:wrap;display:flex}.content-page{width:min(1120px,100% - 48px);color:var(--text-primary);margin:0 auto;padding:48px 0 104px}.content-page h1,.content-page h2,.content-page h3,.content-page h4{color:var(--text-primary);text-transform:none;text-wrap:balance;font-stretch:100%}.content-page code{color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);font-family:var(--mono);border-radius:6px;padding:1px 4px;font-size:.88em}.content-page p a,.content-cards li>a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-weight:650}@supports (color:color-mix(in lab, red, red)){.content-page p a,.content-cards li>a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.content-page p a,.content-cards li>a{text-underline-offset:3px}.content-lead,.content-section-head>p{text-wrap:pretty}.content-kicker{color:var(--accent-strong);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.content-hero{text-align:center;background:radial-gradient(90% 110% at 50% 0%, var(--accent), transparent 65%), var(--surface-elevated);padding:clamp(40px,6vw,72px) clamp(20px,5vw,64px) clamp(32px,4vw,48px)}@supports (color:color-mix(in lab, red, red)){.content-hero{background:radial-gradient(90% 110% at 50% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 65%), var(--surface-elevated)}}.content-hero{border:1px solid var(--border-subtle);border-radius:28px}.content-hero-logo{width:min(240px,60%);height:auto;margin:0 auto 22px;display:block}.content-hero .content-kicker{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:999px;padding:7px 14px}.content-hero h1{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:22px auto 0;font-size:clamp(2.25rem,4.4vw,3.5rem);font-weight:760;line-height:1.05}.content-lead{max-width:660px;color:var(--text-secondary);margin:20px auto 0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.content-facts{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.content-facts li{background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:650;display:inline-flex}.content-facts svg{color:var(--status-success);flex:none}.content-section-head+.content-facts{margin-top:0}.content-section{scroll-margin-top:calc(var(--topbar-height) + 24px);margin-top:clamp(64px,9vw,104px)}.content-section-head{text-align:center;max-width:680px;margin:0 auto 32px}.content-section-head h2,.content-cta h2{font-family:var(--display);letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:740;line-height:1.12}.content-section-head>p:not(.content-kicker){color:var(--text-secondary);margin:14px 0 0;font-size:1.05rem;line-height:1.6}.content-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.content-cards>li{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;gap:10px;min-width:0;padding:24px;display:flex;position:relative}.content-card-icon{width:44px;height:44px;color:var(--accent-strong);background:var(--accent-soft);border-radius:14px;place-items:center;display:grid}.content-cards .content-kicker{margin-top:6px}.content-cards h3{font-family:var(--font-sans);margin:6px 0 0;font-size:1.1rem;font-weight:700;line-height:1.3}.content-cards .content-kicker+h3{margin-top:0}.content-cards p:not(.content-kicker){color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.content-note{background:var(--status-info-soft);border:1px solid var(--status-info);justify-content:center;align-items:center;gap:12px;margin:0;padding:16px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.content-note{border:1px solid color-mix(in srgb, var(--status-info) 30%, transparent)}}.content-note{text-align:center;border-radius:16px;font-size:15px;line-height:1.55}.content-note>svg{color:var(--status-info);flex:none}.content-note.is-warning{background:var(--status-warning-soft);border-color:var(--status-warning)}@supports (color:color-mix(in lab, red, red)){.content-note.is-warning{border-color:color-mix(in srgb, var(--status-warning) 35%, transparent)}}.content-note.is-warning>svg{color:var(--status-warning)}.content-note.is-success{background:var(--status-success-soft);border-color:var(--status-success)}@supports (color:color-mix(in lab, red, red)){.content-note.is-success{border-color:color-mix(in srgb, var(--status-success) 35%, transparent)}}.content-note.is-success>svg{color:var(--status-success)}.content-panel{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:20px;gap:16px;max-width:820px;margin:0 auto;padding:28px 32px;display:grid}.content-panel>p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.7}.content-panel>.content-note{color:var(--text-primary);text-align:left;justify-content:flex-start;font-size:15px;line-height:1.55}.content-cta{text-align:center;background:radial-gradient(80% 130% at 50% 100%, var(--accent), transparent 70%), var(--surface-elevated);margin-top:clamp(72px,9vw,112px);padding:clamp(36px,6vw,56px) 24px}@supports (color:color-mix(in lab, red, red)){.content-cta{background:radial-gradient(80% 130% at 50% 100%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), var(--surface-elevated)}}.content-cta{border:1px solid var(--border-subtle);border-radius:28px}.content-cta h2{margin:0}.content-cta p{color:var(--text-secondary);margin:12px 0 0;font-size:1.05rem}.content-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.privacy-state{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 0;padding:28px 0 0;list-style:none;display:grid}.privacy-state li{text-align:left;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:16px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.privacy-state svg{color:var(--status-success);margin-top:1px}.privacy-state strong{font-size:15px;display:block}.privacy-state small{color:var(--text-secondary);margin-top:3px;font-size:13.5px;line-height:1.45;display:block}.privacy-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.privacy-map>article{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:20px;min-width:0;padding:24px}.privacy-map h3{font-family:var(--font-sans);align-items:center;gap:12px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.privacy-map h3>span{min-width:32px;color:var(--accent-strong);background:var(--accent-soft);font-family:var(--mono);text-align:center;border-radius:10px;padding:5px 0;font-size:12px}.privacy-map dl{margin:0}.privacy-map dl>div{border-top:1px solid var(--border-subtle);grid-template-columns:116px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.privacy-map dt{color:var(--text-secondary);font-size:14px;font-weight:650}.privacy-map dd{margin:0;font-size:14.5px;line-height:1.5}.privacy-sources{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.privacy-sources>span{color:var(--text-secondary);font-size:14px;font-weight:650}.privacy-sources a{min-height:40px;color:var(--accent-strong);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:12px;align-items:center;padding:8px 14px;font-size:14px;font-weight:650;display:inline-flex}.privacy-sources a:hover{border-color:var(--accent)}.privacy-legal .content-note{text-align:left;justify-content:flex-start;margin-top:16px}.content-cards li>a{font-size:15px}.privacy-updated{color:var(--text-secondary);text-align:center;margin:40px 0 0;font-size:14px}.privacy-updated a{color:var(--accent-strong);font-weight:650}@media (max-width:960px){.content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content-cards>li:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:760px){.privacy-state,.privacy-map{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.content-page{width:calc(100% - 32px);padding:24px 0 72px}.content-hero,.content-cta{border-radius:22px}.content-section-head{margin-bottom:24px}.content-cards{grid-template-columns:minmax(0,1fr)}.content-cards>li{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px 14px;padding:20px;display:grid}.content-cards>li>:not(.content-card-icon){grid-column:1/-1}.content-cards>li>.content-card-icon+h3{grid-column:2;margin:0;padding-right:28px}.content-cards>li>.content-card-icon+.content-kicker{grid-column:2;margin:0}.content-note{text-align:left;justify-content:flex-start}.content-panel,.privacy-map>article{padding:20px}.privacy-map dl>div{grid-template-columns:minmax(0,1fr);gap:2px}}.guide-module-nav{border-top:1px solid var(--border-subtle);margin-top:36px;padding-top:28px}.guide-module-nav>p{color:var(--text-secondary);margin:0 0 14px;font-size:14px;font-weight:650}.guide-module-nav ul{flex-wrap:wrap;justify-content:center;gap:10px;max-width:780px;margin:0 auto;padding:0;list-style:none;display:flex}.guide-module-nav a{min-height:44px;color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:14px;align-items:center;gap:9px;padding:8px 10px 8px 14px;font-size:14px;font-weight:650;display:inline-flex}.guide-module-nav a>svg{color:var(--accent)}.guide-module-nav a:hover{color:var(--accent-strong);border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.guide-count{min-width:24px;color:var(--accent-strong);background:var(--accent-soft);font-family:var(--mono);text-align:center;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.2}.content-cards.guide-steps{counter-reset:guide-step;grid-template-columns:repeat(4,minmax(0,1fr))}.guide-steps>li{counter-increment:guide-step}.guide-steps>li:after{content:counter(guide-step, decimal-leading-zero);color:var(--text-secondary);font-family:var(--mono);font-size:13px;font-weight:700;position:absolute;top:24px;right:24px}.guide-limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-limits>.content-note{grid-column:1/-1}.guide-limit-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:20px;min-width:0;padding:28px}.guide-limit-card h3{font-family:var(--font-sans);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.guide-limit-card ul{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.guide-limit-card li{grid-template-columns:18px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.55;display:grid}.guide-limit-card li>svg{margin-top:3px}.guide-limit-card.is-measured svg{color:var(--status-success)}.guide-limit-card.is-outside svg{color:var(--status-warning)}.guide-module-icon{width:64px;height:64px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent);place-items:center;margin:0 auto 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.guide-module-icon{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}}.guide-module-icon{border-radius:20px}.guide-test-list{background:var(--surface-elevated);border:1px solid var(--border-subtle);max-width:920px;box-shadow:var(--shadow-sm);border-radius:22px;margin:0 auto;overflow:hidden}.guide-test{scroll-margin-top:calc(var(--topbar-height) + 16px)}.guide-test+.guide-test{border-top:1px solid var(--border-subtle)}.guide-test>summary{cursor:pointer;transition:background var(--motion-fast) ease;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:grid}.guide-test>summary::-webkit-details-marker{display:none}.guide-test>summary:hover,.guide-test[open]>summary{background:var(--surface-subtle)}.guide-test>summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.guide-test-index{width:36px;height:36px;color:var(--accent-strong);background:var(--accent-soft);font-family:var(--mono);border-radius:12px;place-items:center;font-size:13px;font-weight:700;display:grid}.guide-test-heading{gap:4px;min-width:0;display:grid}.guide-test-heading h3{font-family:var(--font-sans);margin:0;font-size:1.06rem;font-weight:700;line-height:1.35}.guide-test-heading>span{color:var(--text-secondary);font-size:14.5px;line-height:1.5}.guide-test-toggle{width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-default);transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-normal) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.guide-test>summary:hover .guide-test-toggle{color:var(--accent-strong);border-color:var(--accent)}.guide-test[open] .guide-test-toggle{color:var(--accent-strong);border-color:var(--accent);transform:rotate(180deg)}.guide-test-body{background:var(--surface-subtle);animation:guide-reveal var(--motion-slow) var(--ease-standard);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px 32px;padding:8px 24px 28px 76px;display:grid}.guide-test-body h4{color:var(--text-secondary);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700}.guide-test-steps ol{counter-reset:guide-test-step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.guide-test-steps li{counter-increment:guide-test-step;grid-template-columns:26px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.55;display:grid}.guide-test-steps li:before{content:counter(guide-test-step);width:26px;height:26px;color:var(--on-accent);background:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.guide-test-entries dl{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:16px;margin:0;overflow:hidden}.guide-test-entries dl>div{padding:12px 16px}.guide-test-entries dl>div+div{border-top:1px solid var(--border-subtle)}.guide-test-entries dt{font-size:14px;font-weight:700;line-height:1.4}.guide-test-entries dd{color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.55}.guide-test-note{background:var(--status-info-soft);border:1px solid var(--status-info);grid-column:1/-1;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:14px 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.guide-test-note{border:1px solid color-mix(in srgb, var(--status-info) 30%, transparent)}}.guide-test-note{border-radius:14px}.guide-test-note>svg{color:var(--status-info);margin-top:3px}.guide-test-note p{margin:0;font-size:14.5px;line-height:1.6}.guide-test-note strong{margin-bottom:2px;display:block}.guide-test-open{grid-column:1/-1;justify-self:start}@keyframes guide-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (max-width:960px){.content-cards.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.guide-limits,.guide-test-body{grid-template-columns:minmax(0,1fr)}.guide-test-body{padding-left:24px}}@media (max-width:560px){.content-cards.guide-steps{grid-template-columns:minmax(0,1fr)}.guide-limit-card{padding:20px}.guide-steps>li:after{top:20px;right:20px}.guide-test>summary{grid-template-columns:32px minmax(0,1fr) 30px;gap:12px;padding:16px}.guide-test-index{border-radius:10px;width:32px;height:32px;font-size:12px}.guide-test-toggle{width:30px;height:30px}.guide-test-body{gap:20px;padding:4px 16px 22px}.guide-test-open{justify-self:stretch}}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid color-mix(in srgb, var(--focus-ring) 72%, white 12%)}}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline-offset:3px}:where(a,button,input,select,textarea):focus:not(:focus-visible){outline:none}::selection{color:var(--text-primary);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}}@supports not (overflow:clip){body{overflow-x:hidden}}@media (forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid highlight}.test-method-badge,.mobile-category-bar a.active,.nav-items a.active,.button-primary,.topbar-cta{forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}img,video,canvas,svg{max-width:100%}.page-stage,.test-page,.test-primary-column,.mouse-primary-column,.controller-primary-column,.media-primary-column{min-width:0}:is(.fullscreen-test.is-running,.fullscreen-test:fullscreen,.motion-stage:fullscreen,.touch-stage:fullscreen){height:100dvh}@media (max-width:900px){.keyboard-board,.keyboard-layout,.frequency-presets,.segmented-control{max-width:100%}.camera-toolbar,.touch-mode-toolbar{min-width:0}}@media (max-width:720px){.camera-toolbar{grid-template-columns:minmax(0,1fr);align-items:stretch}.camera-live-fps{min-width:0}.touch-mode-toolbar{flex-direction:column;align-items:flex-start}.touch-mode-toolbar>span{text-align:left}}@media (max-width:620px){.sequence-panel,.keyboard-instrument,.mouse-button-instrument,.double-click-instrument,.mouse-motion-instrument,.controller-instrument,.media-instrument,.refresh-instrument,.motion-instrument,.explanation-panel,.keyboard-explanation,.mouse-explanation,.controller-explanation,.media-explanation{padding:18px}.test-launch-panel{grid-template-columns:42px minmax(0,1fr);padding:18px}.test-launch-panel .launch-action{grid-column:1/-1}.segmented-control{overscroll-behavior-x:contain;scrollbar-width:thin;width:100%;min-width:0;overflow-x:auto}.segmented-control button{flex:1 0 auto;min-width:44px;min-height:44px}.camera-stage,.touch-stage,.motion-stage{margin-inline:12px}.touch-stage{height:min(490px,62dvh);min-height:320px}}@media (max-width:430px){.camera-stage,.touch-stage,.motion-stage{margin-inline:8px}.camera-metrics,.touch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-metrics>div:nth-child(2n),.touch-metrics>div:nth-child(2n){border-right:0}.touch-metrics>div:nth-child(3n){border-right:1px solid var(--line)}}@media (orientation:landscape) and (max-height:520px) and (max-width:900px){:root{--topbar-height:58px}.topbar{min-height:var(--topbar-height)}.mobile-category-bar{padding-block:6px}.mobile-category-bar a{min-height:38px}.mobile-subtest-navigation{padding-block:7px}.mobile-subtest-navigation select{min-height:40px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}