*{box-sizing:border-box}html{font-family:var(--font-sans)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(124,58,237,.28),transparent 35%),radial-gradient(circle at bottom right,rgba(34,197,94,.18),transparent 30%),var(--color-bg-canvas);color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body)}a{color:var(--color-accent-primary-soft);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus)}img{max-width:100%;display:block}:root{color-scheme:dark;--color-bg-canvas:#0b1020;--color-bg-surface:rgba(255,255,255,0.06);--color-bg-surface-strong:rgba(255,255,255,0.1);--color-text-primary:#f3f7ff;--color-text-secondary:#c6d0dd;--color-text-muted:#9aa4b2;--color-border-default:rgba(255,255,255,0.12);--color-border-strong:rgba(255,255,255,0.2);--color-accent-primary:#7c3aed;--color-accent-primary-soft:#d6c5ff;--color-accent-success:#22c55e;--color-accent-success-soft:#b6f7c8;--color-accent-warning:#fcd34d;--color-accent-error:#fca5a5;--color-state-success-bg:rgba(34,197,94,0.14);--color-state-info-bg:rgba(124,58,237,0.14);--color-state-warning-bg:rgba(245,158,11,0.14);--color-state-error-bg:rgba(239,68,68,0.14);--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-display:clamp(42px,7vw,72px);--font-size-h1:40px;--font-size-h2:24px;--font-size-h3:20px;--font-size-body-lg:18px;--font-size-body:16px;--font-size-body-sm:14px;--font-size-caption:12px;--line-height-tight:1.1;--line-height-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-panel:0 20px 60px rgba(0,0,0,0.35);--shadow-focus:0 0 0 3px rgba(124,58,237,0.35);--container-doc:760px;--container-page:1200px}.page-shell{display:block;width:100%;padding:var(--space-4)}.page-container{width:min(var(--container-doc),calc(100% - (var(--space-4) * 2)));margin-inline:auto}.page-container--wide{width:min(var(--container-page),calc(100% - (var(--space-4) * 2)));margin-inline:auto}.panel{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-8) var(--space-5);box-shadow:var(--shadow-panel)}.panel,.site-header{backdrop-filter:blur(18px)}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.78);border-bottom:1px solid rgba(255,255,255,.08)}.site-header__inner{width:min(var(--container-page),100%);margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.site-header__spacer{min-width:0}.site-logo{display:inline-flex;align-items:center;gap:10px}.site-logo__mark{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#22c55e);box-shadow:0 0 18px rgba(124,58,237,.45)}.site-logo__text{font-size:16px;font-weight:700;letter-spacing:-.02em}.site-menu-trigger{width:auto;min-width:52px;padding:0 14px}.site-drawer-overlay{position:fixed;inset:0;background:rgba(2,6,23,.82);border:none;padding:0;margin:0;z-index:59}.site-drawer{position:fixed;top:0;right:0;height:100vh;width:min(80vw,500px);padding:20px;z-index:60;border-left:1px solid rgba(255,255,255,.08);background:#0b1120;box-shadow:-24px 0 80px rgba(0,0,0,.45);display:grid;grid-template-rows:auto 1fr;gap:20px}.site-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-drawer__body{overflow-y:auto;padding-right:4px}.site-accordion+.site-accordion{margin-top:12px}.site-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:rgba(255,255,255,.04);color:var(--color-text-primary);text-align:left;font-size:var(--font-size-body)}.site-accordion__panel{margin-top:10px;display:grid;gap:8px}.site-drawer__link,.site-drawer__link:visited{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:rgba(255,255,255,.03);color:var(--color-text-primary);text-decoration:none}.site-drawer__link:hover{text-decoration:none;background:rgba(255,255,255,.06)}.site-drawer__link-title{font-size:var(--font-size-body-sm);font-weight:600}.site-drawer__link-description{font-size:12px;color:var(--color-text-muted);line-height:1.5}.hero-shell{display:grid;gap:var(--space-6)}.hero-shell--compact{width:min(760px,100%)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.page-stack{display:grid;gap:var(--space-6)}.section-stack>*+*{margin-top:var(--space-6)}.eyebrow{display:inline-block;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin-bottom:var(--space-4)}.hero-title{margin:0 0 14px;font-size:clamp(34px,10vw,72px);line-height:1;letter-spacing:-.04em;word-break:break-word}.section-title{margin:0;font-size:clamp(22px,5vw,var(--font-size-h2));line-height:var(--line-height-tight);color:var(--color-text-primary)}.hero-text,.section-text{margin:0;font-size:var(--font-size-body);color:var(--color-text-muted);max-width:100%}.mobile-only{display:flex!important}.desktop-only{display:none!important}.status-row{margin-top:28px;display:flex;gap:var(--space-3);flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:10px 14px;font-size:var(--font-size-body-sm);border:1px solid var(--color-border-default);max-width:100%}.status-pill--success{background:var(--color-state-success-bg);color:var(--color-accent-success-soft)}.status-pill--info{background:var(--color-state-info-bg);color:var(--color-accent-primary-soft)}.status-pill--warning{background:var(--color-state-warning-bg);color:var(--color-accent-warning)}.status-pill--error{background:var(--color-state-error-bg);color:var(--color-accent-error)}.button,.button:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-default);font-size:var(--font-size-body-sm);text-decoration:none;text-align:center;max-width:100%}.button:hover{text-decoration:none}.button--primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.button--secondary{background:var(--color-bg-surface);color:var(--color-text-primary)}.button--danger{background:var(--color-state-error-bg);border-color:rgba(239,68,68,.35);color:var(--color-accent-error)}.button--danger:disabled{opacity:.6}.doc-section{padding-top:var(--space-8);border-top:1px solid var(--color-border-default)}.doc-list{margin:0;padding-left:20px;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:1.8}.doc-list li+li{margin-top:10px}.result-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-5);background:rgba(255,255,255,.03)}.tools-grid{display:grid;gap:var(--space-4)}.tool-card{min-height:100%}.tool-card__body{min-height:0}.tool-card__cta{width:fit-content}.tools-hub-hero{width:100%;text-align:center}.tools-hub-hero>div{width:100%}.tools-hub-hero .hero-text{max-width:780px;margin-inline:auto}.tools-hub-hero__meta{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.category-grid{display:grid;gap:var(--space-4)}.category-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:rgba(255,255,255,.03);box-shadow:var(--shadow-panel);overflow:hidden}.category-card__header{padding:var(--space-5)}.category-card__accent{width:4px;height:24px;border-radius:999px;background:var(--category-accent,var(--color-accent-primary))}.category-card__title{margin:0;font-size:var(--font-size-body);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.category-card__description{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:1.6}.category-card__links{display:grid;gap:0;padding:0 var(--space-5) var(--space-5)}.category-card__link,.category-card__link:visited{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.5;text-decoration:none}.category-card__link:hover{color:var(--color-text-primary);text-decoration:none}.site-footer{margin-top:48px;border-top:1px solid rgba(255,255,255,.08)}.site-footer__inner{width:min(var(--container-page),calc(100% - (var(--space-4) * 2)));margin:0 auto;padding:24px 0 40px;display:grid;gap:24px}.site-footer__brand{gap:12px}.site-footer__description{margin:0;max-width:620px;color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.site-footer__grid{display:grid;gap:24px}.site-footer__section{min-width:0}.site-footer__heading{margin:0 0 12px;font-size:var(--font-size-body-sm);color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase}.site-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.site-footer__stack{display:grid;gap:8px}.site-footer__link,.site-footer__link:visited{color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:1.5;text-decoration:none}.site-footer__link:hover{color:var(--color-text-primary);text-decoration:none}@media (min-width:768px){.desktop-only{display:block!important}.mobile-only{display:none!important}.panel{padding:var(--space-10)}.category-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(180px,1fr);align-items:start}.site-footer__links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.site-drawer{width:80vw}}@media (min-width:1024px){.category-grid,.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.keyboard-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.keyboard-toolbar__actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.keyboard-toolbar__field{display:grid;gap:6px}.keyboard-toolbar__label{font-size:14px;color:var(--color-text-secondary)}.keyboard-toolbar__select{min-height:44px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-primary);padding:0 12px}.keyboard-visual{display:grid;gap:8px;overflow-x:auto;padding-bottom:8px}.keyboard-row{display:flex;gap:4px;min-width:max-content}.keyboard-key{width:calc(52px * var(--key-width, 1) + 4px * (var(--key-width, 1) - 1));min-width:calc(52px * var(--key-width, 1) + 4px * (var(--key-width, 1) - 1));height:52px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.keyboard-key--pressed{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);transform:scale(.95)}.keyboard-key--tested{background:#10b981;border-color:#10b981;color:#ffffff}.keyboard-key--stuck{background:#ef4444;border-color:#ef4444;color:#ffffff}.keyboard-key__icon{font-size:12px}.result-card--danger{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.16)}.result-card--success{border-color:rgba(16,185,129,.45);background:rgba(6,95,70,.16)}.result-card--warning{border-color:rgba(245,158,11,.45);background:rgba(120,53,15,.16)}.speaker-dashboard{gap:20px}.speaker-dashboard__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.speaker-dashboard__actions{display:flex;gap:12px;flex-wrap:wrap}.speaker-visualizer{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:8px;height:96px;min-height:96px;max-height:96px;padding:16px;box-sizing:border-box;overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,rgba(15,23,42,.7),rgba(30,41,59,.35))}.speaker-visualizer__bar{display:block;width:100%;align-self:end;transform-origin:bottom center;border-radius:999px;background:rgba(148,163,184,.35);transition:height .14s ease,background .14s ease,opacity .14s ease;opacity:.75}.speaker-visualizer__bar--active{background:linear-gradient(180deg,rgba(96,165,250,.95),rgba(59,130,246,.45));opacity:1}.speaker-quick-start-list{margin:0;padding-left:20px;color:var(--color-text-muted);display:grid;gap:10px}.speaker-quick-start-list li::marker{color:var(--color-accent-primary-soft);font-weight:700}.speaker-help-list{margin:0;padding-left:20px;color:var(--color-text-muted);display:grid;gap:8px}.speaker-interpretation-grid,.speaker-related-grid{display:grid;gap:16px}.reaction-progress-dots{display:flex;justify-content:center;gap:10px}.reaction-progress-dots__dot{width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.25)}.reaction-progress-dots__dot--active{background:rgba(255,255,255,.95)}.reaction-click-label{animation:reaction-pulse 1.1s ease-in-out infinite}.reaction-metric{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:24px;font-weight:700}.reaction-results-grid{display:grid;gap:16px}.double-click-test-layout,.mouse-test-layout{display:grid;gap:20px}.cps-variant-toolbar{gap:16px}.cps-variant-click-surface{transition:transform .14s ease,border-color .14s ease,background .14s ease}.cps-variant-click-surface:focus-visible,.cps-variant-click-surface:hover{border-color:rgba(96,165,250,.45);transform:translateY(-1px)}.cps-variant-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cps-variant-mobile-note{border-style:dashed}@media (max-width:640px){.cps-variant-results-grid{grid-template-columns:minmax(0,1fr)}.cps-variant-click-surface{min-height:280px!important}}.double-click-test__stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.double-click-test__stat-card{display:grid;gap:8px;padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.34)}.double-click-test__stat-card--danger{border-color:rgba(239,68,68,.42);background:rgba(127,29,29,.2)}.double-click-test__control-label,.double-click-test__stat-label{font-size:14px;color:var(--color-text-secondary)}.double-click-test__stat-value{font-size:28px;font-weight:700;line-height:1.1}.double-click-test__control-stack{display:grid;gap:16px}.double-click-test__control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.double-click-test__control-value{font-size:16px;font-weight:700}.double-click-test__range{width:100%}.double-click-test__thresholds{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--color-text-muted);font-size:12px}.double-click-test__threshold.is-active{color:var(--color-text-primary);font-weight:700}.double-click-test__pill-row{display:flex;gap:8px;flex-wrap:wrap}.double-click-test__pill{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-secondary);font:inherit}.double-click-test__pill.is-active{border-color:rgba(59,130,246,.55);background:rgba(30,64,175,.32);color:var(--color-text-primary)}.double-click-test__control-actions{display:flex;gap:12px;flex-wrap:wrap}.double-click-test__mode-banner{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(15,23,42,.26);color:var(--color-text-secondary);font-size:14px;font-weight:600}.double-click-test__target{position:relative;min-height:320px;border-radius:28px;border:2px solid rgba(59,130,246,.35);background:linear-gradient(180deg,rgba(15,23,42,.7),rgba(30,41,59,.46));display:grid;place-items:center;gap:12px;text-align:center;padding:32px;cursor:pointer;user-select:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.double-click-test__target--flash{background:linear-gradient(180deg,rgba(30,64,175,.82),rgba(37,99,235,.45));border-color:rgba(96,165,250,.8)}.double-click-test__target--chatter{background:linear-gradient(180deg,rgba(127,29,29,.88),rgba(239,68,68,.4));border-color:rgba(248,113,113,.9);box-shadow:0 0 0 4px rgba(239,68,68,.18)}.double-click-test__target--disabled{opacity:.84}.double-click-test__target-label{font-size:clamp(24px,4vw,36px);font-weight:800}.double-click-test__target-helper{max-width:56ch;color:var(--color-text-secondary)}.double-click-test__target-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(15,23,42,.46);color:var(--color-text-primary);font-size:13px;font-weight:700;transition:background .12s ease,color .12s ease,transform .12s ease}.double-click-test__target-badge.is-chatter{background:rgba(127,29,29,.62);color:#fee2e2;transform:scale(1.03)}.double-click-test__verdict{border-radius:18px;padding:18px;font-weight:700}.double-click-test__verdict--waiting{background:rgba(51,65,85,.5);color:var(--color-text-secondary)}.double-click-test__verdict--healthy{background:rgba(6,95,70,.24);color:#bbf7d0}.double-click-test__verdict--minor{background:rgba(120,53,15,.24);color:#fde68a}.double-click-test__verdict--serious{background:rgba(127,29,29,.28);color:#fecaca}.double-click-test__session-grid,.double-click-test__summary-grid{display:grid;gap:12px}.double-click-test__session-card,.double-click-test__summary-card{display:grid;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.22)}.double-click-test__session-value{font-size:22px;font-weight:700}.double-click-test__log-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.double-click-test__burst-card{display:grid;gap:6px;min-width:140px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.24)}.double-click-test__log-list{display:grid;gap:8px;max-height:420px;overflow:auto}.double-click-test__log-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 14px;border-radius:14px;background:rgba(15,23,42,.26);color:var(--color-text-secondary)}.double-click-test__log-row.is-chatter{background:rgba(127,29,29,.24);color:#fecaca}.double-click-test__log-row--header{position:sticky;top:0;z-index:1;background:rgba(30,41,59,.92);color:var(--color-text-primary);font-weight:700}.controller-diagram{display:grid;gap:16px}.controller-diagram--empty{border-radius:24px;border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(148,163,184,.08),rgba(15,23,42,.42));min-height:360px;place-items:center;padding:24px}.controller-diagram__placeholder{width:min(100%,720px);aspect-ratio:16/9;border-radius:999px;border:1px dashed var(--color-border);display:grid;place-items:center;color:var(--color-text-muted);text-align:center;padding:24px}.controller-diagram__shell{position:relative;min-height:380px;border-radius:32px;border:1px solid rgba(148,163,184,.22);overflow:hidden;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.58))}.controller-diagram__shell:before{content:"";position:absolute;inset:28px 16px 24px;border-radius:999px;background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(71,85,105,.1));border:1px solid rgba(148,163,184,.22)}.controller-diagram__shell--playstation:before{border-radius:140px 140px 180px 180px}.controller-diagram__shell--switch:before{border-radius:88px}.controller-diagram__shell--generic:before{border-radius:120px}.controller-diagram__sticks{position:absolute;inset:0}.controller-diagram__stick-base{position:absolute;width:88px;height:88px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.35)}.controller-diagram__stick-base--none{box-shadow:0 0 0 2px rgba(16,185,129,.18)}.controller-diagram__stick-base--minor{box-shadow:0 0 0 2px rgba(245,158,11,.28)}.controller-diagram__stick-base--severe{box-shadow:0 0 0 2px rgba(239,68,68,.32)}.controller-diagram__stick-base--left{left:24%;top:56%}.controller-diagram__stick-base--right{left:58%;top:56%}.controller-diagram__stick-deadzone{position:absolute;inset:26px;border-radius:999px;border:1px dashed rgba(148,163,184,.35)}.controller-diagram__stick-dot{width:18px;height:18px;background:linear-gradient(180deg,rgba(96,165,250,.98),rgba(37,99,235,.78));box-shadow:0 0 0 4px rgba(59,130,246,.18);transition:left 90ms linear,top 90ms linear}.controller-diagram__button,.controller-diagram__stick-dot{position:absolute;border-radius:999px;transform:translate(-50%,-50%)}.controller-diagram__button{min-width:52px;min-height:52px;padding:8px;display:grid;place-items:center;text-align:center;border:1px solid rgba(148,163,184,.25);background:rgba(51,65,85,.48);color:var(--color-text-secondary);font-size:11px;font-weight:700;line-height:1.1;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.controller-diagram__button span{display:block;max-width:66px}.controller-diagram__button--shoulder,.controller-diagram__button--system{min-width:64px;min-height:36px;border-radius:14px}.controller-diagram__button--dpad{min-width:48px;min-height:40px;border-radius:14px}.controller-diagram__button--tested{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.45);color:#f0fdf4}.controller-diagram__button--pressed{background:linear-gradient(180deg,rgba(59,130,246,.98),rgba(37,99,235,.78));border-color:rgba(96,165,250,.95);color:#eff6ff;transform:translate(-50%,-50%) scale(.94);box-shadow:0 0 0 4px rgba(59,130,246,.18)}.controller-stick-grid,.controller-trigger-grid{display:grid;gap:16px}.controller-stick-card__visual{position:relative;width:120px;height:120px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.48)}.controller-stick-card__visual--none{box-shadow:0 0 0 2px rgba(16,185,129,.18)}.controller-stick-card__visual--minor{box-shadow:0 0 0 2px rgba(245,158,11,.28)}.controller-stick-card__visual--severe{box-shadow:0 0 0 2px rgba(239,68,68,.32)}.controller-stick-card__deadzone{position:absolute;inset:36px;border-radius:999px;border:1px dashed rgba(148,163,184,.35)}.controller-stick-card__dot{position:absolute;width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(96,165,250,.98),rgba(37,99,235,.78));transform:translate(-50%,-50%);transition:left 90ms linear,top 90ms linear}.controller-trigger-card__track{width:100%;min-height:16px;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.48)}.controller-trigger-card__fill{min-height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,.45),rgba(59,130,246,.92));transition:width 90ms linear}.controller-log-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.controller-log-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.22)}.controller-log-list__item span{color:var(--color-text-muted)}.controller-test-grid{align-items:start}.controller-tabs{display:flex;flex-wrap:wrap;gap:12px}.controller-empty-state{border-radius:16px;border:1px dashed rgba(148,163,184,.28);padding:16px;background:rgba(15,23,42,.2)}@media (min-width:900px){.double-click-test-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:start}.controller-stick-grid,.controller-trigger-grid,.double-click-test__session-grid,.double-click-test__summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.controller-diagram__shell{min-height:300px}.controller-diagram__stick-base{width:72px;height:72px}.controller-diagram__button{min-width:46px;min-height:46px;font-size:10px}.controller-diagram__button--dpad,.controller-diagram__button--shoulder,.controller-diagram__button--system{min-width:52px;min-height:34px}.controller-log-list__item{align-items:flex-start;flex-direction:column}.controller-tabs{display:grid;grid-template-columns:1fr}}.mouse-test-nav-shell{display:grid;gap:12px;align-self:start}.mouse-test-nav-toggle{width:fit-content}.mouse-test-nav{display:none;gap:8px}.mouse-test-nav--open{display:grid}.mouse-test-nav__link{min-height:42px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-secondary);text-align:left;padding:0 14px}.mouse-test-nav__link--active{border-color:rgba(59,130,246,.55);background:rgba(59,130,246,.16);color:#ffffff}.mouse-test-button-panel,.mouse-test-content,.mouse-test-section-cluster{gap:20px}.mouse-test-notice{border-color:rgba(245,158,11,.35);background:rgba(120,53,15,.16)}.mouse-test-notice--inline{margin-top:4px}.mouse-test-diagram-shell{min-height:320px;border-radius:24px;border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(59,130,246,.12),rgba(15,23,42,.65));display:grid;place-items:center;padding:24px;user-select:none}.mouse-test-diagram{width:min(260px,100%);aspect-ratio:.72;position:relative}.mouse-test-diagram__body{position:absolute;inset:0;border-radius:999px;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.35)}.mouse-test-diagram__zone{position:absolute;border-radius:24px;border:1px solid rgba(148,163,184,.3);background:rgba(148,163,184,.14);transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.mouse-test-diagram__zone--pressed{transform:scale(.95);box-shadow:0 0 0 2px rgba(59,130,246,.18)}.mouse-test-diagram__zone--tested{background:rgba(34,197,94,.22);border-color:rgba(34,197,94,.5)}.mouse-test-diagram__zone--pressed.mouse-test-diagram__zone--tested{background:rgba(59,130,246,.35);border-color:rgba(59,130,246,.65)}.mouse-test-diagram__zone--left{top:12%;left:10%;width:32%;height:26%}.mouse-test-diagram__zone--right{top:12%;right:10%;width:32%;height:26%}.mouse-test-diagram__zone--middle{top:28%;left:42%;width:16%;height:18%;border-radius:999px}.mouse-test-diagram__zone--back,.mouse-test-diagram__zone--forward{width:12%;height:14%;right:-6%;border-radius:999px}.mouse-test-diagram__zone--back{top:34%}.mouse-test-diagram__zone--forward{top:50%}.mouse-test-diagram__hint{margin:0;text-align:center}.mouse-test-counter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mouse-test-counter-card{min-height:112px}.mouse-test-counter-card__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:28px;font-weight:700}.mouse-test-scroll-zone{min-height:180px;border-radius:20px;border:1px dashed rgba(148,163,184,.35);background:rgba(15,23,42,.45);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px}.mouse-test-scroll-zone__center{display:grid;justify-items:center;gap:8px;text-align:center}.mouse-test-scroll-zone__arrow{width:52px;height:52px;border-radius:999px;border:1px solid rgba(148,163,184,.25);display:grid;place-items:center;color:var(--color-text-secondary);font-size:24px;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.mouse-test-scroll-zone__arrow--active{transform:scale(1.06);background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.55);color:#ffffff}.mouse-test-polling-zone{min-height:200px;border-radius:20px;border:1px dashed rgba(148,163,184,.35);background:rgba(15,23,42,.42);display:grid;gap:20px;align-items:center;justify-items:center;padding:24px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.mouse-test-polling-zone--active{border-color:rgba(59,130,246,.55);background:rgba(30,41,59,.68)}.mouse-test-polling-zone__metrics{display:grid;justify-items:center;gap:8px;text-align:center}.mouse-test-polling-zone__scale{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.mouse-test-polling-zone__tick{min-height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.2);display:grid;place-items:center;color:var(--color-text-secondary);background:rgba(15,23,42,.45);font-size:14px;font-weight:600}.mouse-test-polling-zone__tick--active{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.18);color:#ffffff}.mouse-test-movement-canvas{width:100%;min-height:300px;border-radius:20px;border:1px dashed rgba(148,163,184,.35);background:rgba(15,23,42,.82);cursor:crosshair}.mouse-test-dpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.mouse-test-dpi-input{min-height:44px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-primary);padding:0 12px}.mouse-test-dpi-zone{min-height:180px;border-radius:20px;border:1px dashed rgba(148,163,184,.35);background:rgba(15,23,42,.42);display:grid;place-items:center;gap:12px;padding:24px}.mouse-test-dpi-zone--active{border-color:rgba(59,130,246,.55);background:rgba(30,41,59,.68)}.mouse-test-dpi-zone__ruler{max-width:100%;height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(59,130,246,.9),rgba(34,197,94,.9))}@media (min-width:960px){.mouse-test-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.mouse-test-nav-shell{position:sticky;top:calc(var(--header-height, 72px) + 16px);order:2}.mouse-test-nav{display:grid}.mouse-test-nav-toggle{display:none}}.perfect-pitch-results-shell{gap:20px}.perfect-pitch-results-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.perfect-pitch-score-chip{display:inline-flex;align-items:baseline;gap:6px;padding:14px 18px;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.45)}.perfect-pitch-score-chip__value{font-size:36px;font-weight:700;line-height:1}.perfect-pitch-score-chip__label{font-size:16px;color:var(--color-text-secondary)}.perfect-pitch-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.perfect-pitch-results-panel{gap:10px}.perfect-pitch-pattern-list,.perfect-pitch-review-list{display:grid;gap:12px}.perfect-pitch-pattern-item,.perfect-pitch-review-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.3)}.perfect-pitch-review-item--correct{border-color:rgba(16,185,129,.28)}.perfect-pitch-review-item--wrong{border-color:rgba(239,68,68,.24)}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aspect-ratio-field{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.3)}.aspect-ratio-field--auto{border-color:rgba(96,165,250,.45);background:rgba(30,41,59,.6)}.aspect-ratio-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.aspect-ratio-field__label{font-size:14px;color:var(--color-text-secondary)}.aspect-ratio-field__input{min-height:48px;width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.82);color:var(--color-text-primary);padding:0 14px;font-size:18px;font-weight:600}.aspect-ratio-preview-shell{min-height:240px;display:grid;place-items:center;padding:20px;border-radius:20px;border:1px dashed rgba(148,163,184,.22);background:rgba(15,23,42,.2)}.aspect-ratio-preview{position:relative;display:grid;place-items:center;padding:16px;border-radius:20px;border:1px solid rgba(96,165,250,.42);background:linear-gradient(180deg,rgba(59,130,246,.24),rgba(37,99,235,.12));color:#eff6ff;text-align:center;box-sizing:border-box}.aspect-ratio-preview--placeholder{width:min(100%,300px);height:180px;border-style:dashed;border-color:rgba(148,163,184,.22);background:rgba(15,23,42,.16);color:var(--color-text-secondary)}.aspect-ratio-preview__label{font-size:15px;font-weight:700}.aspect-ratio-preview__ratio{position:absolute;bottom:10px;right:12px;font-size:12px;color:rgba(239,246,255,.88)}.aspect-ratio-use-cases{display:grid;gap:16px}@media (max-width:768px){.aspect-ratio-grid,.perfect-pitch-results-grid{grid-template-columns:1fr}}.microphone-canvas{width:100%;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,rgba(15,23,42,.7),rgba(30,41,59,.35))}.microphone-canvas--waveform{min-height:120px}.microphone-canvas--spectrum{min-height:80px}.microphone-meter{position:relative;height:18px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.microphone-meter__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#eab308 60%,#ef4444);transition:width .1s linear}.touchscreen-card{gap:16px}.touchscreen-grid-shell{gap:12px}.touchscreen-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.24)}.touchscreen-mode-tabs__tab{min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--color-text-secondary);font-weight:600;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.touchscreen-mode-tabs__tab--active{background:linear-gradient(180deg,rgba(59,130,246,.26),rgba(37,99,235,.18));color:#eff6ff;box-shadow:inset 0 0 0 1px rgba(96,165,250,.38)}.touchscreen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.touchscreen-toolbar--compact{align-items:stretch}.touchscreen-toolbar__main{min-width:0;flex:1;display:grid;gap:10px}.touchscreen-toolbar__status{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--color-text-secondary);font-size:14px}.touchscreen-toolbar__reset{min-width:92px}.touchscreen-compact-hint{margin:0;color:var(--color-text-secondary);font-size:14px}.touchscreen-grid{display:grid;gap:2px;touch-action:none;user-select:none}.touchscreen-grid__cell{position:relative;min-height:42px;min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(51,65,85,.55);color:rgba(226,232,240,.72);transition:transform .1s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.touchscreen-grid__cell--active{transform:scale(.96);box-shadow:0 0 0 2px rgba(96,165,250,.35)}.touchscreen-grid__cell--tested{background:rgba(16,185,129,.82);border-color:rgba(16,185,129,.92);color:#ecfdf5}.touchscreen-grid__index{position:absolute;inset:auto 6px 4px auto;font-size:10px;line-height:1;opacity:.72}.touchscreen-multitouch{display:grid;gap:12px}.touchscreen-multitouch__metrics{display:none}.touchscreen-multitouch__surface{position:relative;min-height:320px;overflow:hidden;border-radius:20px;border:1px solid rgba(148,163,184,.2);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(30,41,59,.72));touch-action:none}.touchscreen-multitouch__instruction{position:absolute;left:16px;right:16px;top:16px;text-align:center;color:var(--color-text-secondary);font-size:14px}.touchscreen-multitouch__point{position:absolute;width:60px;height:60px;margin-left:-30px;margin-top:-30px;border-radius:999px;display:grid;place-items:center;color:#ffffff;font-weight:700;border:2px solid rgba(255,255,255,.35);box-shadow:0 10px 24px rgba(15,23,42,.3)}.touchscreen-multitouch__point--blue{background:rgba(59,130,246,.78)}.touchscreen-multitouch__point--red{background:rgba(239,68,68,.78)}.touchscreen-multitouch__point--green{background:rgba(34,197,94,.78)}.touchscreen-multitouch__point--yellow{background:rgba(234,179,8,.82);color:#111827}.touchscreen-multitouch__point--purple{background:rgba(168,85,247,.8)}.touchscreen-draw{display:grid;gap:12px}.touchscreen-draw__instruction{color:var(--color-text-secondary);font-size:14px}.touchscreen-draw__canvas{display:block;width:100%;height:340px;min-height:340px;border-radius:20px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.9);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.scroll-wheel-test-zone{overscroll-behavior:contain;touch-action:none}.stereo-phase-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stereo-phase-visual__card{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.32)}.stereo-phase-visual__waves{position:relative;min-height:56px}.stereo-phase-visual__waves span{position:absolute;left:0;right:0;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,.12),#60a5fa,rgba(34,211,238,.12))}.stereo-phase-visual__waves span:before{content:"";position:absolute;inset:-10px 0;background:radial-gradient(circle at 12% 50%,transparent 0 8px,currentColor 8px 10px,transparent 10px),radial-gradient(circle at 37% 50%,transparent 0 8px,currentColor 8px 10px,transparent 10px),radial-gradient(circle at 62% 50%,transparent 0 8px,currentColor 8px 10px,transparent 10px),radial-gradient(circle at 87% 50%,transparent 0 8px,currentColor 8px 10px,transparent 10px);opacity:.7}.stereo-phase-visual__waves--aligned span{color:#60a5fa}.stereo-phase-visual__waves--aligned span:first-child{top:16px}.stereo-phase-visual__waves--aligned span:last-child{top:34px}.stereo-phase-visual__waves--inverted span{color:#f59e0b}.stereo-phase-visual__waves--inverted span:first-child{top:16px}.stereo-phase-visual__waves--inverted span:last-child{top:34px;transform:scaleY(-1)}.stereo-balance-meter{position:relative;height:22px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.stereo-balance-meter__track{position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,130,246,.34),rgba(148,163,184,.18),rgba(34,197,94,.34))}.stereo-balance-meter__marker{position:absolute;top:50%;width:18px;height:18px;border-radius:999px;background:#f8fafc;box-shadow:0 8px 18px rgba(15,23,42,.28);transform:translate(-50%,-50%)}.stereo-separation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stereo-separation-grid__card{display:grid;gap:8px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.32)}.stereo-tool-shell{gap:18px}.stereo-tool-shell__toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.stereo-tool-shell__status-group{display:flex;flex-wrap:wrap;gap:10px}.stereo-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width:900px){.stereo-phase-visual,.stereo-separation-grid,.stereo-tool-grid{grid-template-columns:1fr}.stereo-tool-shell__toolbar{align-items:stretch}.stereo-tool-shell__toolbar .button{width:100%}}.refresh-speed-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.38)}.refresh-speed-picker__option{display:grid;gap:2px;min-height:56px;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:var(--color-text-secondary);text-align:left;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.refresh-speed-picker__option:hover{background:rgba(148,163,184,.08);color:var(--color-text-primary)}.refresh-speed-picker__option--active{background:linear-gradient(180deg,rgba(59,130,246,.26),rgba(37,99,235,.18));color:#eff6ff;box-shadow:inset 0 0 0 1px rgba(96,165,250,.38)}.refresh-speed-picker__value{font-size:18px;font-weight:700;line-height:1}.refresh-speed-picker__unit{font-size:12px;color:inherit;opacity:.82}.refresh-motion-lab{gap:14px}.refresh-motion-lane{display:grid;gap:10px;padding:14px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(15,23,42,.42),rgba(15,23,42,.24))}.refresh-motion-lane__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.refresh-motion-lane__track{position:relative;width:100%;min-height:110px;overflow:hidden;border-radius:20px;border:1px solid rgba(96,165,250,.16);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.12),transparent 58%),linear-gradient(180deg,rgba(2,6,23,.96),rgba(15,23,42,.8)),repeating-linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.08) 1px,transparent 0,transparent 48px)}.refresh-motion-lane__glow{position:absolute;inset:18px 16px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,0),rgba(34,211,238,.08),rgba(59,130,246,0));filter:blur(18px)}.refresh-motion-lane__scanline{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 0,transparent 4px);opacity:.45}.refresh-motion-visualizer__object{left:-86px;width:86px;height:38px;box-shadow:0 16px 34px rgba(15,23,42,.4)}.refresh-motion-visualizer__object,.refresh-motion-visualizer__trail{position:absolute;top:50%;border-radius:999px;transform:translateY(-50%)}.refresh-motion-visualizer__trail{right:calc(100% + 10px);height:12px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(148,163,184,.22))}.refresh-motion-visualizer__trail--1{width:22px}.refresh-motion-visualizer__trail--2{width:42px;opacity:.65}.refresh-motion-visualizer__trail--3{width:64px;opacity:.4}.refresh-motion-visualizer__object--ufo{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.95),rgba(255,255,255,0) 36%),linear-gradient(90deg,#22d3ee,#3b82f6 58%,#1d4ed8)}.refresh-motion-visualizer__object--bars{background:linear-gradient(180deg,rgba(248,250,252,.14),rgba(248,250,252,.02)),repeating-linear-gradient(90deg,#f8fafc,#f8fafc 6px,#0f172a 0,#0f172a 12px)}.refresh-motion-visualizer__object--dots{background:radial-gradient(circle at 18px 19px,#ffffff 0,#ffffff 5px,transparent 6px),radial-gradient(circle at 43px 19px,#60a5fa 0,#60a5fa 5px,transparent 6px),radial-gradient(circle at 68px 19px,#22d3ee 0,#22d3ee 5px,transparent 6px),rgba(15,23,42,.94)}.refresh-metrics-shell{gap:16px}.refresh-metrics-grid{display:grid;gap:16px}.refresh-metric-card--primary{border-color:rgba(96,165,250,.4);background:rgba(30,41,59,.35)}.refresh-analysis-panel{border-color:rgba(148,163,184,.24);background:rgba(15,23,42,.28)}.refresh-fps-grid{display:grid;gap:16px}.refresh-fps-card--neutral{border-color:rgba(148,163,184,.2)}.refresh-fps-card--good{border-color:rgba(16,185,129,.45);background:rgba(6,95,70,.16)}.refresh-fps-card--warn{border-color:rgba(245,158,11,.45);background:rgba(120,53,15,.16)}.refresh-fps-card--bad{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.16)}.refresh-stability-meter{height:14px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.refresh-stability-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef4444,#eab308 45%,#22c55e);transition:width .12s linear}.refresh-pacing-bars{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));align-items:end;gap:6px;min-height:108px}.refresh-pacing-bars__bar{display:block;width:100%;border-radius:999px 999px 4px 4px;background:rgba(96,165,250,.75)}.refresh-pacing-bars__bar--spike{background:rgba(248,113,113,.9)}.refresh-pacing-panel{gap:12px}.ppi-screen-layout{display:grid;gap:20px}.ppi-screen-form{display:grid;gap:14px}.ppi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ppi-card-actions{display:flex;gap:12px;flex-wrap:wrap}.ppi-helper-text{margin-top:-8px}.ppi-result-card{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.24)}.ppi-result-card--ready{border-color:rgba(16,185,129,.45);background:rgba(6,95,70,.16)}.ppi-result-value{margin:0;font-size:clamp(40px,8vw,64px);line-height:1;font-weight:800;letter-spacing:-.04em}.ppi-result-metrics{display:grid;gap:12px}.ppi-preset-grid{display:grid;gap:16px}.ppi-preset-card{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.2)}.ppi-preset-card--active{border-color:rgba(96,165,250,.45);background:rgba(30,41,59,.34)}.ppi-preset-meta{display:grid;gap:12px}.ppi-preset-active-label{color:var(--color-text-secondary);font-size:14px}.ppi-print-breakdown{display:grid;gap:12px}@media (min-width:768px){.refresh-speed-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.ppi-screen-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.ppi-preset-grid,.ppi-print-breakdown,.refresh-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refresh-metric-card--primary{grid-column:span 2}.refresh-fps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.microphone-meter__peak{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:rgba(255,255,255,.9)}@keyframes reaction-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.reaction-click-label{animation:none}}.speaker-progress{position:relative;height:16px}.speaker-progress__track{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.speaker-progress__track--stereo{background:linear-gradient(90deg,rgba(59,130,246,.25),rgba(255,255,255,.12),rgba(239,68,68,.25))}.speaker-progress__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(16,185,129,.75))}.speaker-progress__marker{position:absolute;top:50%;width:18px;height:18px;border-radius:999px;background:#ffffff;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(255,255,255,.2)}@media (min-width:768px){.reaction-results-grid,.speaker-interpretation-grid,.speaker-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.double-click-test__log-row,.double-click-test__stats-grid{grid-template-columns:1fr}.double-click-test__target{min-height:260px;padding:24px}.speaker-visualizer{gap:6px;height:80px;min-height:80px;max-height:80px;padding:12px}}.cps-toolbar{display:grid;gap:16px}.cps-duration-selector{display:flex;gap:10px;flex-wrap:wrap}.cps-duration-pill{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary)}.cps-duration-pill--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.cps-click-area{width:min(100%,400px);aspect-ratio:1;margin:0 auto;border-radius:24px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface-strong);color:var(--color-text-primary);display:grid;place-items:center;gap:8px;padding:24px}.cps-click-area--active{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.45)}.cps-click-area__label{font-size:20px;text-align:center}.cps-click-area__count{font-size:clamp(48px,10vw,72px);font-weight:700;line-height:1}.cps-click-area__timer{font-size:20px;color:var(--color-text-muted)}.cps-results-shell{display:grid;gap:16px}.cps-results-hero{border:1px solid rgba(59,130,246,.35);background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(16,185,129,.12))}.cps-results-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:16px;align-items:center}.cps-results-hero__label{margin:0 0 8px;font-size:14px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.cps-results-hero__score{margin:0;font-size:clamp(56px,10vw,84px);line-height:.95}.cps-results-badge{display:grid;gap:8px;padding:20px;border-radius:20px;background:rgba(15,23,42,.42);border:1px solid rgba(219,228,255,.16)}.cps-results-badge__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.cps-results-badge__title{font-size:28px;line-height:1.1}.cps-results-badge__note{color:var(--color-text-secondary)}.cps-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spacebar-test-key{width:min(100%,720px);min-height:160px;margin:0 auto;padding:28px 32px;border-radius:32px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(180deg,rgba(30,41,59,.94),rgba(15,23,42,.98));color:#f8fafc;box-shadow:0 20px 50px rgba(15,23,42,.35);display:grid;gap:10px;place-items:center;text-align:center;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.spacebar-test-key--pressed{transform:translateY(4px) scale(.992);border-color:rgba(59,130,246,.9);background:linear-gradient(180deg,rgba(37,99,235,.94),rgba(30,64,175,.98));box-shadow:0 10px 24px rgba(37,99,235,.35)}.spacebar-test-key__label{font-size:clamp(36px,7vw,68px);font-weight:800;letter-spacing:.14em}.spacebar-test-key__hint{font-size:15px;color:rgba(226,232,240,.86)}@media (max-width:640px){.spacebar-test-key{min-height:132px;padding:24px 20px;border-radius:24px}}.color-blind-progress{display:grid;gap:8px}.color-blind-progress__meta{display:flex;justify-content:space-between;gap:12px;color:var(--color-text-secondary);font-size:14px}.color-blind-progress__bar{height:10px;border-radius:999px;background:var(--color-surface-secondary);overflow:hidden}.color-blind-progress__value{display:block;height:100%;border-radius:inherit;background:var(--color-accent-primary)}.color-blind-plate{width:min(100%,500px);margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid var(--color-border-strong);background:#f8f4ea}.color-blind-plate--dimmed{opacity:.68}.color-blind-plate__svg{display:block;width:100%;height:auto}.color-blind-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-blind-answer{min-height:52px;border-radius:16px;border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);padding:0 18px;text-align:left}.color-blind-answer--active{border-color:var(--color-accent-primary);background:rgba(59,130,246,.16)}.color-blind-results{display:grid;gap:16px}.color-blind-results__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ghosting-test-shell{border:1px solid rgba(59,130,246,.2);background:linear-gradient(180deg,rgba(2,6,23,.96),rgba(15,23,42,.98))}.ghosting-test-controls{display:grid;gap:16px}.ghosting-test-control-group{display:grid;gap:10px}.ghosting-test-button-row{display:flex;flex-wrap:wrap;gap:10px}.ghosting-test-chip{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.68);color:#e2e8f0}.ghosting-test-chip--active{border-color:rgba(59,130,246,.9);background:rgba(37,99,235,.24)}.ghosting-test-chip:disabled{opacity:.5;cursor:not-allowed}.ghosting-test-reduced-motion{border-color:rgba(245,158,11,.28);background:rgba(120,53,15,.16)}.ghosting-test-stage{display:grid;gap:14px}.ghosting-test-stage--light .ghosting-test-row__track{background:linear-gradient(180deg,rgba(241,245,249,.98),rgba(226,232,240,.96))}.ghosting-test-stage--light .ghosting-test-row__speed,.ghosting-test-stage--light .ghosting-test-row__tick{color:rgba(15,23,42,.28)}.ghosting-test-stage--pattern .ghosting-test-row__track{background-image:linear-gradient(90deg,rgba(15,23,42,.98),rgba(15,23,42,.98) 20%,rgba(248,250,252,.98) 0,rgba(248,250,252,.98) 40%,rgba(30,41,59,.98) 0,rgba(30,41,59,.98) 60%,rgba(254,242,242,.98) 0,rgba(254,242,242,.98) 80%,rgba(2,6,23,.98) 0,rgba(2,6,23,.98))}.ghosting-test-row{display:grid;gap:10px}.ghosting-test-row__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ghosting-test-row__badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em}.ghosting-test-row__badge--slow{background:rgba(34,197,94,.18);color:#bbf7d0}.ghosting-test-row__badge--medium{background:rgba(59,130,246,.18);color:#bfdbfe}.ghosting-test-row__badge--fast{background:rgba(244,63,94,.18);color:#fecdd3}.ghosting-test-row__speed{color:rgba(226,232,240,.72);font-size:14px}.ghosting-test-row__track{position:relative;overflow:hidden;min-height:108px;border-radius:24px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.92))}.ghosting-test-row__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));align-items:center;padding:0 12px}.ghosting-test-row__tick{text-align:center;color:rgba(148,163,184,.18);font-size:32px;line-height:1}.ghosting-test-row__sprite{position:absolute;top:50%;left:0;display:flex;align-items:center;gap:0;transform:translate3d(0,-50%,0);will-change:transform}.ghosting-test-row__trail,.ghosting-test-row__ufo{font-size:44px;line-height:1}.ghosting-test-row__trail{margin-right:-20px;filter:blur(1px)}.ghosting-test-row__trail--long{opacity:.16}.ghosting-test-row__trail--mid{opacity:.28}.ghosting-test-row__trail--short{opacity:.44}.ghosting-test-row__ufo{position:relative;z-index:1}.ghosting-test-row__sprite--color{gap:2px}.ghosting-test-row__color-dot{width:36px;height:36px;border-radius:999px;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 28px rgba(255,255,255,.18)}.ghosting-test-row__sprite--overshoot{gap:6px}.ghosting-test-row__overshoot,.ghosting-test-row__overshoot-core{display:block;width:18px;height:52px;border-radius:999px}.ghosting-test-row__overshoot--lead{background:rgba(248,113,113,.18)}.ghosting-test-row__overshoot--mid{background:rgba(251,191,36,.3)}.ghosting-test-row__overshoot--tail{background:rgba(96,165,250,.42)}.ghosting-test-row__overshoot-core{width:24px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);box-shadow:0 0 24px rgba(255,255,255,.3)}.ghosting-test-assessment-grid{display:grid;gap:10px}.ghosting-test-assessment-option{min-height:54px;padding:12px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.42);color:#e2e8f0;text-align:left}.ghosting-test-assessment-option,.ghosting-test-chip{transition:border-color .14s ease,background .14s ease,opacity .14s ease}.ghosting-test-assessment-option--active{border-color:rgba(59,130,246,.92);background:rgba(37,99,235,.18)}.ghosting-test-tips{margin:0;padding-left:18px;color:rgba(226,232,240,.86);display:grid;gap:8px}@media (max-width:767px){.keyboard-key{height:44px;width:calc(40px * var(--key-width, 1) + 4px * (var(--key-width, 1) - 1));min-width:calc(40px * var(--key-width, 1) + 4px * (var(--key-width, 1) - 1));font-size:11px}.cps-click-area{width:min(100%,300px)}.cps-results-hero__grid{grid-template-columns:1fr}.cps-results-badge__title{font-size:22px}.color-blind-answer-grid,.color-blind-results__grid,.cps-results-grid{grid-template-columns:1fr}.ghosting-test-row__track{min-height:96px;border-radius:20px}.ghosting-test-row__trail,.ghosting-test-row__ufo{font-size:36px}.ghosting-test-row__color-dot{width:30px;height:30px}.ghosting-test-row__overshoot,.ghosting-test-row__overshoot-core{height:42px}.ghosting-test-row__tick{font-size:24px}}