:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f1e8;--paper-strong:#fffdf7;--ink:#17232d;--muted:#5f6b72;--line:#c7c6bd;--line-strong:#17232d;--signal:#c7432e;--signal-dark:#9f2f20;--teal:#0b6e72;--teal-soft:#d8eeee;--night:#101c24;--night-2:#172a34;--lime:#bbef69;--tested:#0f6e5b;--shadow:8px 8px 0 #17232d24;--header-h:64px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:280px;min-height:100vh;color:var(--ink);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}p,h1,h2,h3{overflow-wrap:anywhere}button{color:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}::selection{background:var(--lime);color:var(--night)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.page-width{width:min(1120px,100% - 40px);margin-inline:auto}.site-shell{min-height:100vh}.site-header{width:min(1120px,100% - 40px);min-height:var(--header-h);border-bottom:2px solid var(--line-strong);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;font-weight:850;text-decoration:none;display:inline-flex}.brand__mark{flex:none;width:36px;height:36px;display:block}.brand__words{flex-direction:column;gap:2px;display:flex}.brand__words strong{font-size:1.0625rem}.brand__words small{color:var(--muted);letter-spacing:.02em;font-size:.6875rem;font-weight:650}.brand--center{justify-content:center;font-size:1.25rem}.brand__mark-link{flex:none;display:block}.site-header .brand__words{gap:0}.brand__home{color:inherit;text-decoration:none}.brand__line{white-space:nowrap;align-items:center;gap:6px;min-height:24px;display:flex}.brand__hub{min-height:24px;color:var(--ink);letter-spacing:.01em;text-underline-offset:3px;white-space:nowrap;flex:none;align-items:center;font-size:.75rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.brand__hub:hover{text-decoration-thickness:2px}.brand__hub:focus-visible{outline-offset:0}.site-header .brand,.site-header .brand__words{min-width:0}.brand__tagline{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:.2em;display:block;overflow:hidden}.brand__tagline>span{margin-inline-end:6px}.language-switch{white-space:nowrap;border:2px solid var(--ink);background:var(--paper-strong);min-height:44px;color:inherit;box-shadow:3px 3px 0 var(--ink);flex:none;align-items:center;gap:8px;padding:0 15px;font-weight:800;text-decoration:none;display:inline-flex}.language-switch:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}#workspace{padding-block:4px clamp(56px,7vw,96px);scroll-margin-top:24px}.mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tester>.mode-tabs:not(:first-child){margin-top:22px}.mode-tab{border:2px solid var(--ink);background:var(--paper-strong);cursor:pointer;min-height:44px;box-shadow:3px 3px 0 var(--ink);align-items:center;gap:10px;padding:8px 16px;font-weight:850;display:inline-flex}.mode-tab:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.mode-tab[aria-selected=true]{background:var(--ink);color:var(--paper-strong)}.mode-tab__progress{background:var(--line);color:var(--ink);border-radius:99px;padding:2px 8px;font:800 .75rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.mode-tab__progress[data-complete=true]{background:var(--tested);color:#fff}.coverage{border:2px dashed var(--line-strong);background:var(--paper-strong);margin-top:30px;padding:20px 22px}.coverage h3{margin:0 0 12px;font-size:1rem}.coverage__list{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.coverage__list li{color:var(--muted);align-items:baseline;gap:8px;display:inline-flex}.coverage__list li[data-triggered=true]{color:var(--ink)}.coverage__tick{width:1em;color:var(--line-strong);font-weight:900}.coverage__list li[data-triggered=true] .coverage__tick{color:var(--tested)}.coverage__name{font-weight:800}.coverage__list small{color:var(--muted);font:700 .75rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.coverage__note{color:var(--muted);margin:14px 0 0;font-size:.8125rem;line-height:1.6}.tool-head{flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding-block:18px 16px;display:flex}.tool-head h1{letter-spacing:-.035em;max-width:none;margin:0;font-size:clamp(1.625rem,2.8vw,2.25rem);line-height:1.15}.tool-head__crumbs{flex:100%}.tool-head__crumbs ol{padding-top:0}.tool-head__tagline{color:var(--muted);margin:0;font-size:clamp(.9375rem,1.3vw,1.0625rem);line-height:1.5}.device-chip{border-left:4px solid var(--teal);background:var(--teal-soft);color:var(--ink);flex-wrap:wrap;flex:100%;align-items:center;gap:2px 8px;margin:4px 0 0;padding:10px 14px;font-size:.875rem;line-height:1.5;display:flex}.device-chip__icon{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:inline-grid}.device-chip strong{font-weight:800}.device-chip__body{color:#365d60;flex:100%}.device-chip--warn{border-left-color:var(--signal);background:#ffe3dc}.device-chip--warn .device-chip__icon{background:var(--signal)}.device-chip--warn .device-chip__body{color:#7d2417}@media (hover:hover) and (pointer:fine){.device-chip:not(.device-chip--warn){border:1px solid var(--teal);background:var(--teal-soft);border-radius:14px;flex-wrap:nowrap;flex:0 auto;align-self:center;min-width:0;max-width:100%;margin:0;padding:1px 12px 1px 3px}.device-chip:not(.device-chip--warn) .device-chip__body{display:none}}.about{padding-block:0 clamp(40px,6vw,72px);scroll-margin-top:24px}.about .section-intro{max-width:820px;margin:0}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin:0 0 13px;font:850 .75rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{margin-top:0}h1{letter-spacing:-.065em;max-width:820px;margin-bottom:24px;font-size:clamp(46px,7.8vw,92px);line-height:.98}h2{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}h3{letter-spacing:-.02em;font-size:1.25rem}.article :is(h2,h3)[id]{scroll-margin-top:24px}.section-intro{color:var(--muted);font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.7}.button{border:2px solid var(--ink);background:var(--paper-strong);min-height:44px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;padding:10px 18px;font-weight:850;text-decoration:none;display:inline-flex}.button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button--primary{background:var(--signal);color:#fff}.button--quiet{box-shadow:none;white-space:nowrap;background:0 0}.scope-card{border:2px solid var(--ink);background:var(--night);color:#fff;min-width:0;box-shadow:var(--shadow);margin-bottom:clamp(56px,8vw,96px);padding:24px}.scope-card strong{margin:20px 0 10px;font-size:1.125rem;display:block}.scope-card p{color:#c7d1d4;margin:0;line-height:1.65}.scope-card__signal{background:repeating-linear-gradient(90deg,#0000 0 23px,#ffffff12 24px),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff12 24px);align-items:center;gap:6px;height:74px;padding:12px;display:flex;overflow:hidden}.scope-card__signal i{background:var(--lime);width:18%;height:3px;box-shadow:26px -12px 0 var(--lime), 52px 8px 0 var(--lime);transform:skewY(-18deg)}.section-block{border-bottom:1px solid var(--line);padding-block:clamp(56px,7vw,96px);scroll-margin-top:24px}.test-section{padding:0}.test-section h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.test-section>.section-heading{align-items:center;gap:16px;margin-bottom:12px}.test-section>.section-heading .button{min-height:36px;padding:6px 14px}.test-section .section-intro{margin:14px 0 0;font-size:clamp(1rem,1.6vw,1.125rem)}.section-heading{justify-content:space-between;align-items:start;gap:32px;margin-bottom:34px;display:flex}.section-heading>div{max-width:820px}.section-heading .section-intro{margin-bottom:0}.button-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.button-status{border:2px solid var(--line);background:var(--paper-strong);flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;min-height:56px;padding:8px 12px;transition:border-color .12s,background .12s,transform .12s;display:flex}.button-status strong{margin:0}.button-status small{color:var(--muted);margin-left:auto;font-size:.8125rem}.button-status__lamp{border:2px solid var(--ink);background:0 0;border-radius:50%;width:11px;height:11px;display:block}.button-status[data-state=tested]{border-color:var(--tested);background:#e0f3ed}.button-status[data-state=tested] .button-status__lamp{background:var(--tested)}.button-status[data-state=pressed]{border-color:var(--signal);background:#ffe3dc;transform:translateY(3px)}.button-status[data-state=pressed] .button-status__lamp{background:var(--signal);box-shadow:0 0 0 5px #ff5b4533}.signal-pad{border:2px solid var(--night);background-color:var(--night);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:crosshair;background-image:radial-gradient(#bbef6938 1px,#0000 1px);background-size:20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:clamp(320px,50vh,520px);padding:30px;display:flex}.signal-pad strong{letter-spacing:-.03em;font-size:clamp(1.4375rem,4vw,2.25rem)}.signal-pad>span:last-child{color:#c7d1d4;max-width:650px;line-height:1.55}.signal-pad__icon{color:var(--lime);font-size:58px;line-height:1}.signal-pad--double{background-color:#172633}.signal-pad--wheel{cursor:ns-resize;touch-action:auto;background-color:#14282a}.wheel-axes{color:var(--lime);letter-spacing:.2em;font:800 42px/1 ui-monospace,monospace}.pulse-rings{width:74px;height:74px;position:relative}.pulse-rings i{border:2px solid var(--lime);border-radius:50%;position:absolute;inset:50%;transform:translate(-50%,-50%)}.pulse-rings i:first-child{background:var(--lime);width:20px;height:20px}.pulse-rings i:nth-child(2){width:44px;height:44px}.pulse-rings i:nth-child(3){opacity:.55;width:70px;height:70px}.other-buttons,.limitation-note{border-left:4px solid var(--teal);background:var(--teal-soft);margin:14px 0 0;padding:13px 16px;line-height:1.55}.limitation-note{color:#315c5f}.event-panel{border:2px solid var(--ink);background:var(--paper-strong);margin-top:22px;padding:22px}.event-panel h3{margin-bottom:15px}.empty-state{color:var(--muted)}.event-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.event-list li{border:1px solid var(--line);min-width:0;color:var(--muted);grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) minmax(150px,1.2fr) minmax(140px,1.2fr) auto;gap:12px;padding:11px 13px;font:650 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.event-list code,.event-list strong{color:var(--ink);font-weight:850}.event-list time{text-align:right}.event-list--wheel li{grid-template-columns:repeat(4,minmax(0,1fr))}.kb-stage{border:2px solid var(--night);background-color:var(--night);color:#fff;background-image:radial-gradient(#bbef6924 1px,#0000 1px);background-size:20px 20px;flex-direction:column;min-height:clamp(520px,100vh - 170px,760px);scroll-margin-block:8px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.kb-stage[data-focused=true]{border-color:var(--lime);box-shadow:0 0 0 4px #bbef6973, var(--shadow)}.kb-stage :focus-visible{outline-color:var(--lime)}.kb-stage__bar{border-bottom:1px solid #ffffff29;flex-wrap:wrap;align-items:center;gap:6px 18px;min-height:44px;padding:8px 10px 8px 16px;display:flex}.kb-stage__bar--bottom{border-top:1px solid #ffffff29;border-bottom:0}.kb-stage__title{letter-spacing:-.01em;margin:0;font-size:1rem}.kb-stage__state{color:#c7d1d4;align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:750;display:inline-flex}.kb-stage[data-focused=true] .kb-stage__state{color:var(--lime)}.kb-stage__lamp{border:2px solid #8b9aa2;border-radius:50%;flex:none;width:10px;height:10px}.kb-stage[data-focused=true] .kb-stage__lamp{border-color:var(--lime);background:var(--lime);box-shadow:0 0 0 4px #bbef6940}.kb-stage__count{color:#c7d1d4;font:750 .8125rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.kb-stage__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.kb-stage__actions .button{color:#fff;border-color:#ffffff8c;min-height:36px;padding:6px 14px}.kb-stage__actions .button:hover{box-shadow:none;background:#ffffff14;border-color:#fff;transform:none}.kb-stage__hint{color:var(--lime);flex:100%;margin:0;font-size:.8125rem;font-weight:750}.kb-capture{cursor:pointer;outline:none;flex-direction:column;flex:auto;justify-content:center;gap:14px;padding:16px clamp(12px,2vw,24px) 18px;display:flex;position:relative;container-type:inline-size}.kb-capture[data-focused=true]{cursor:text}.kb-capture__veil{z-index:2;text-align:center;background:#101c24c7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.kb-capture__veil strong{border:2px solid var(--lime);color:var(--lime);letter-spacing:-.02em;background:#bbef691f;padding:12px 24px;font-size:clamp(1.25rem,3.4cqi,2rem)}.kb-capture__veil span{color:#c7d1d4;max-width:560px;line-height:1.55}.kb-capture:hover .kb-capture__veil strong{background:#bbef6938}.key-readout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.key-readout article{background:#ffffff0a;border:1px solid #ffffff2e;min-width:0;padding:10px 14px}.key-readout span{color:#c7d1d4;margin-bottom:4px;font-size:.8125rem;font-weight:750;display:block}.key-readout strong{color:#fff;overflow-wrap:anywhere;font:900 clamp(1.25rem,2.6cqi,1.75rem)/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.key-readout article:first-child strong{color:var(--lime);font-size:clamp(1.75rem,4.4cqi,3.25rem);line-height:1}.key-readout small{color:#c7d1d4;margin-top:4px;font:700 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.keyboard-map{--u:clamp(16px, 3.4vw, 42px);--gap:max(3px, calc(var(--u) * .12));justify-content:center;align-items:start;gap:calc(var(--gap) * 3) calc(var(--gap) * 4);grid-template-columns:auto auto auto;grid-template-areas:"function. .""main nav numpad";display:grid}@supports (width:1cqi){.keyboard-map{--u:clamp(14px, min(calc((100cqi - 84px) / var(--units,22)), calc(100cqi / (var(--units,22) * 1.16)), calc((100vh - 440px) / 7)), 72px)}.kb-stage[data-fullscreen=true] .keyboard-map{--u:clamp(14px, min(calc((100cqi - 84px) / var(--units,22)), calc(100cqi / (var(--units,22) * 1.16)), calc((100vh - 300px) / 7)), 96px)}}.key-block{gap:var(--gap);flex-direction:column;display:flex}.key-block[data-block=function]{grid-area:function}.key-block[data-block=main]{grid-area:main}.key-block[data-block=nav]{grid-area:nav}.key-block[data-block=numpad]{grid-area:numpad}.key-row{gap:var(--gap);display:flex}.key-block[data-block=nav] .key-row:nth-child(3){margin-top:calc(var(--u) + var(--gap));justify-content:center}@media (width>=561px){.keyboard-map:not([data-size=full]){grid-template-columns:auto auto;grid-template-areas:"function.""main nav"}.keyboard-map[data-size=laptop] .key-block[data-block=nav] .key-row:first-child{margin-top:calc((var(--u) + var(--gap)) * 3);justify-content:center}}.key-cap{width:calc(var(--w) * (var(--u) + var(--gap)) - var(--gap));height:var(--u);border-radius:max(3px, calc(var(--u) * .1));color:#9fb0b8;font:700 clamp(9px, calc(var(--u) * .3), 17px)/1 ui-monospace, SFMono-Regular, Menlo, monospace;white-space:nowrap;background:#1b2a35;border:1px solid #ffffff29;flex:none;justify-content:center;align-items:center;transition:background 90ms,color 90ms,border-color 90ms;display:inline-flex;overflow:hidden}.key-cap[data-state=tested]{color:#bdf0de;background:#173f39;border-color:#2f8f78}.key-cap[data-state=pressed]{border-color:var(--signal);background:var(--signal);color:#fff;transform:translateY(1px);box-shadow:0 0 0 3px #c7432e59,0 0 18px #c7432e8c}.kb-recent{flex-wrap:wrap;flex:auto;gap:6px;min-height:30px;margin:0;padding:0;list-style:none;display:flex}.kb-recent li{color:#c7d1d4;border:1px solid #ffffff2e;align-items:baseline;gap:8px;padding:5px 10px;font:700 .8125rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.kb-recent li:first-child{border-color:var(--lime);color:#fff}.kb-recent strong{color:#fff}.kb-recent li[data-repeat=true]:after{content:"↻";color:var(--lime)}.kb-capture .other-buttons{border-left-color:var(--lime);color:#c7d1d4;background:#ffffff0f;margin:0}.tester>.limitation-note:first-of-type{margin-top:18px}.chord-watch{border:2px dashed var(--line-strong);background:var(--paper-strong);margin-top:22px;padding:20px 22px}.hold-check{border:2px solid var(--ink);background:var(--paper-strong);margin-top:22px;padding:20px 22px}.hold-check h3{margin-bottom:8px}.hold-check__result{margin:12px 0 6px;font-size:1.125rem}.hold-check__keys{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.kb-select{color:#c7d1d4;align-items:center;gap:6px;font-size:.8125rem;font-weight:750;display:inline-flex}.kb-select select{color:#fff;min-height:36px;font:inherit;background:#1b2a35;border:1px solid #ffffff8c;border-radius:0;padding:4px 8px;font-size:.875rem}.chord-watch h3{margin-bottom:8px}.chord-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.chord-actions .button[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}.chord-list{flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.chord-list li{border:2px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;font:750 .8125rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.chord-list li[data-held=true]{border-color:var(--tested);color:var(--tested);background:#e0f3ed}.chord-verdict{color:var(--muted);margin:0;font-weight:800}.chord-verdict[data-complete=true]{color:var(--tested)}.event-list--keyboard li{grid-template-columns:minmax(80px,.7fr) minmax(90px,.9fr) minmax(110px,1fr) minmax(120px,1.1fr) auto}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:0 0 24px;padding:0;list-style:none;display:grid}.tool-card{border:2px solid var(--ink);background:var(--paper-strong);height:100%;color:inherit;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:22px 24px;text-decoration:none;display:flex}.tool-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #17232d2e}.tool-card strong{letter-spacing:-.03em;font-size:1.5rem}.tool-icon{border:2px solid var(--ink);background-color:var(--night);background-image:radial-gradient(#bbef6933 1px,#0000 1px);background-size:10px 10px;place-items:center;width:84px;height:58px;margin-bottom:4px;display:grid}.tool-icon svg{display:block}.tool-card p{color:var(--muted);margin:0;line-height:1.6}.tool-card__cta{color:var(--teal);margin-top:auto;font-weight:850}.moved-note{color:var(--muted);margin:0 0 10px}.moved-note a{color:var(--ink);text-underline-offset:3px;font-weight:850}.article-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.article-card{border:2px solid var(--ink);background:var(--paper-strong);height:100%;color:inherit;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:0 0 20px;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #17232d2e}.article-card__image{aspect-ratio:1200/630;border-bottom:2px solid var(--ink);background:var(--paper);width:100%;height:auto;display:block}.article-card__meta{color:var(--teal);letter-spacing:.04em;flex-wrap:wrap;gap:4px 12px;padding-inline:20px;font:800 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.article-card__title{letter-spacing:-.02em;margin:0;padding-inline:20px;font-size:1.25rem;line-height:1.35}.article-card p{color:var(--muted);margin:0;padding-inline:20px;line-height:1.6}.latest-articles .section-heading{align-items:center;margin-bottom:22px}.latest-articles h2{margin:0}.blog-policy .section-intro{max-width:820px;margin:0;font-size:1.0625rem}.site-footer__about .footer-links a{color:var(--ink);text-underline-offset:3px;font-weight:850}.related-articles__list{border-top:2px solid var(--ink);gap:0;margin:0;padding:0;list-style:none;display:grid}.related-articles__list li{border-bottom:1px solid var(--line-strong);padding:18px 4px}.related-articles__list a{text-underline-offset:3px;font-size:1.125rem;font-weight:850}.related-articles__list p{max-width:820px;color:var(--muted);margin:6px 0 0;line-height:1.6}.article{max-width:820px;padding-bottom:clamp(48px,6vw,80px)}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:2px 8px;margin:0;padding:18px 0 0;font-size:.875rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--line-strong);margin-right:8px}.breadcrumbs a{color:var(--ink);text-underline-offset:3px;font-weight:750}.article-head{padding-block:14px 6px}.article-head .eyebrow{margin-bottom:8px}.article-head h1{letter-spacing:-.03em;max-width:none;margin:0 0 12px;font-size:clamp(1.625rem,3.6vw,2.375rem);line-height:1.22}.article-byline{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin:0;font-size:.875rem;display:flex}.article-summary{border:2px solid var(--ink);background:var(--teal-soft);border-left-width:6px;margin-top:18px;padding:16px 22px 18px}.article-summary h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1.0625rem}.article-summary ul{margin:0;padding-left:1.2em}.article-summary li{margin:4px 0;line-height:1.6}.article-cta{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 26px;display:flex}.article-cta span{color:var(--muted);font-size:.9375rem;line-height:1.5}.article-cover,.article-figure{margin:0 0 28px}.article-cover img,.article-figure img{border:2px solid var(--ink);background:var(--paper-strong);width:100%;height:auto;display:block}.article-cover figcaption,.article-figure figcaption{color:var(--muted);margin-top:8px;font-size:.8125rem;line-height:1.5}.article-figure{margin-top:20px}.article-body{font-size:1.0625rem;line-height:1.8}.article-body h2{margin:44px 0 14px;font-size:clamp(1.375rem,2.6vw,1.75rem);line-height:1.3}.article-body h3{margin:28px 0 10px;font-size:1.1875rem}.article-body p{margin:0 0 16px}.article-body ol,.article-body ul{margin:0 0 18px;padding-left:1.4em}.article-body li{margin-bottom:8px}.article-body a{color:var(--teal);text-underline-offset:3px;font-weight:750}.article-body code{border:1px solid var(--line);background:var(--paper-strong);padding:1px 5px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.article-body strong{font-weight:850}.article-note{border-left:4px solid var(--signal);color:#5c1d13;background:#ffe3dc;margin:0 0 18px;padding:14px 18px;line-height:1.65}.article-table-wrap{margin:0 0 20px;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.55}.article-body th,.article-body td{border:1px solid var(--line-strong);text-align:left;vertical-align:top;padding:10px 12px}.article-body th{background:var(--paper-strong);font-weight:850}.article-sources,.article-tools,.article-more{margin-top:48px}.article-sources{border-top:2px solid var(--ink);padding-top:28px}.article-sources h2,.article-tools h2,.article-more h2{font-size:clamp(1.25rem,2.4vw,1.5rem)}.article-sources p{color:var(--muted);line-height:1.7}.article-sources ul{color:var(--muted);margin:0;padding-left:1.2em;line-height:1.7}.article-sources li{overflow-wrap:anywhere;margin-bottom:6px}.article-sources a{color:var(--ink);text-underline-offset:3px;font-weight:750}.article-tools .tool-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.article-lead{max-width:760px;margin:0 0 12px;font-size:1.0625rem;line-height:1.7}.article-lead code{border:1px solid var(--line);background:var(--paper-strong);padding:1px 5px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.article-jump{border:2px dashed var(--line-strong);background:var(--paper-strong);margin:0 0 22px;padding:12px 16px;font-size:.9375rem}.article-body .article-jump ul{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.article-body .article-jump li{margin:0}.key-code-table{margin:0 0 24px}.key-code-table__bar{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px;display:flex}.key-code-table__status{color:var(--teal);font-size:.875rem;font-weight:750;line-height:1.4}.copy-table{border:2px solid var(--ink);background:var(--paper-strong);min-height:36px;color:var(--ink);cursor:pointer;padding:6px 12px;font-size:.875rem;font-weight:850}.copy-chip{border:1px solid var(--line-strong);background:var(--paper-strong);min-width:32px;min-height:32px;color:var(--ink);white-space:pre;cursor:pointer;padding:3px 9px;font:700 .875rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-table[data-copied=true],.copy-chip[data-copied=true]{background:var(--lime)}.copy-chip[data-copied=true]:after{content:" ✓"}.article-body .key-code-table th,.article-body .key-code-table td{vertical-align:middle;padding:6px 10px}.key-code-table__note{color:var(--muted);margin-top:4px;font-size:.8125rem;line-height:1.4;display:block}.code-snippet{margin:0 0 22px}.code-snippet pre{border:2px solid var(--ink);background:var(--night);color:#f4fbe8;margin:0 0 10px;padding:14px 16px;font:.875rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.article-body .code-snippet pre code{color:inherit;font:inherit;background:0 0;border:0;padding:0}@media (width<=560px){.article-body .key-code-table table{font-size:.8125rem}.article-body .key-code-table th,.article-body .key-code-table td{padding:4px}.article-body .key-code-table th[scope=row]{min-width:5.2em}.copy-chip{min-width:28px;padding:2px 4px;font-size:.8125rem}}@media (hover:hover) and (pointer:fine){.copy-chip:not([data-copied=true]):hover,.copy-table:not([data-copied=true]):hover{background:var(--teal-soft)}}.metric-grid{gap:10px;margin-top:14px;display:grid}.metric-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid--cps{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid article{border:2px solid var(--ink);background:var(--paper-strong);padding:20px}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:var(--muted);margin-bottom:8px;font-size:.8125rem;font-weight:750}.metric-grid strong{font:900 clamp(1.75rem,5vw,3.125rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.interval-strip{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;margin-top:14px;display:flex}.interval-chip{border:1px solid var(--ink);background:var(--lime);padding:8px 11px;font:750 .8125rem/1 ui-monospace,monospace}.explain-card{border:2px solid var(--ink);background:var(--teal-soft);margin-top:26px;padding:25px}.explain-card p,.explain-card li{color:#31575a;line-height:1.65}.explain-card ul{columns:2;margin-bottom:0;padding-left:21px}.duration-picker{border:0;flex-wrap:wrap;align-items:stretch;gap:9px;margin:0 0 16px;padding:0;display:flex}.duration-picker legend{width:100%;margin-bottom:9px;font-weight:850}.duration-picker>button{border:2px solid var(--ink);background:var(--paper-strong);cursor:pointer;min-width:78px;min-height:54px;font-weight:800}.duration-picker>button[aria-pressed=true]{background:var(--lime);box-shadow:inset 0 -4px 0 var(--teal)}.custom-duration{border:2px solid var(--ink);background:var(--paper-strong);grid-template-columns:auto 72px;align-items:center;gap:2px 10px;min-width:190px;min-height:54px;padding:7px 12px;display:grid}.custom-duration span{font-weight:800}.custom-duration input{border:1px solid var(--ink);background:#fff;width:72px;padding:6px}.custom-duration small{color:var(--muted);grid-column:1/-1}.field-error{color:#a42218;flex-basis:100%;margin:0;font-weight:750}.cps-pad{border:2px solid var(--ink);background:var(--signal);color:#fff;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;min-height:clamp(320px,50vh,520px);box-shadow:8px 8px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.cps-pad:hover{background:#b93625}.cps-pad:active{box-shadow:3px 3px 0 var(--ink);background:#a83122}.cps-pad strong{letter-spacing:-.08em;font:950 clamp(84px,18vw,180px)/.8 ui-monospace,SFMono-Regular,Menlo,monospace}.cps-pad span{font-weight:850}.cps-pad__label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.storage-actions{justify-content:space-between;align-items:center;gap:20px;min-height:50px;margin-top:16px;display:flex}.text-button{min-height:44px;color:var(--teal);cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:underline}.storage-actions span{color:var(--tested);font-weight:750}.reading-section>.section-intro{max-width:820px}.reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.reading-grid article{border:2px solid var(--ink);background:var(--paper-strong);border-top-width:6px;padding:24px}.reading-grid h3{margin:0 0 12px}.reading-grid p{color:var(--muted);margin:0;line-height:1.68}.privacy-section{border-top:2px solid var(--ink)}.privacy-section>.section-intro{max-width:820px}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.privacy-grid article{border:2px solid var(--ink);background:var(--paper-strong);padding:24px}.privacy-grid article>span{color:var(--signal);font:850 .75rem/1 ui-monospace,monospace}.privacy-grid h3{margin:24px 0 12px}.privacy-grid p{color:var(--muted);margin:0;line-height:1.68}.faq-section{border-bottom:0}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:1.125rem;font-weight:850;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:900 1.5rem/1 ui-monospace,monospace}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:820px;color:var(--muted);margin:-6px 0 24px;line-height:1.7}.site-footer{border-top:2px solid var(--ink);justify-content:space-between;align-items:start;gap:30px;padding-block:34px 60px;display:flex}.site-footer__about{flex-direction:column;align-items:start;gap:14px;max-width:620px;display:flex}.site-footer__about p{color:var(--muted);margin:0;line-height:1.5}.site-footer__about p a,.language-links a[data-hub-link]{color:var(--ink);text-underline-offset:3px;font-weight:850}.policy-links{flex-wrap:wrap;justify-content:end;gap:0 20px;max-width:460px;display:flex}.policy-links a,.language-links a{min-height:32px;color:var(--muted);text-underline-offset:3px;align-items:center;font-size:.875rem;font-weight:750;display:inline-flex}.policy-links a:hover,.language-links a:hover{color:var(--ink)}.language-page,.not-found-page{background-color:var(--night);background-image:linear-gradient(#bbef6912 1px,#0000 1px),linear-gradient(90deg,#bbef6912 1px,#0000 1px);background-size:32px 32px;place-items:center;min-height:100vh;padding:34px 20px;display:grid}.language-card,.not-found-card{border:2px solid var(--ink);background:var(--paper);width:min(760px,100%);box-shadow:12px 12px 0 var(--signal);text-align:center;padding:clamp(34px,7vw,70px)}.language-card h1{margin-inline:auto;font-size:clamp(42px,8vw,74px)}.language-card h1 span{color:var(--teal)}.language-lead{max-width:600px;color:var(--muted);margin:10px auto;font-size:1.0625rem;line-height:1.6}.language-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.language-choice{border:2px solid var(--ink);background:var(--paper-strong);text-align:left;min-height:150px;box-shadow:4px 4px 0 var(--ink);flex-direction:column;align-items:start;gap:7px;padding:22px;text-decoration:none;display:flex}.language-choice:hover{background:var(--lime);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.language-choice strong{font-size:1.5rem}.language-choice span:last-child{color:var(--muted)}.language-choice__code{color:var(--signal-dark);font:900 .8125rem/1 ui-monospace,monospace}.language-links{border-top:1px solid var(--line);margin-top:28px;padding-top:8px}.language-links p{flex-wrap:wrap;justify-content:center;gap:0 18px;margin:0;display:flex}.language-links p+p{margin-top:10px}.language-card .brand--center{margin-bottom:16px}.not-found-code{color:var(--signal);letter-spacing:-.08em;font:950 clamp(80px,18vw,160px)/.8 ui-monospace,monospace;display:block}.not-found-card h1{margin:30px auto 14px;font-size:clamp(38px,7vw,68px)}.not-found-heading{display:block}.not-found-heading+.not-found-heading{color:var(--teal);margin-top:8px;font-size:.72em}.not-found-body{color:var(--muted);margin:0 0 6px}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.not-found-hub{flex-wrap:wrap;justify-content:center;gap:0 20px;margin:18px 0 0;display:flex}.not-found-hub a{min-height:44px;color:var(--ink);text-underline-offset:3px;align-items:center;font-weight:800;display:inline-flex}.sound-stage{border:2px solid var(--night);background-color:var(--night);color:#fff;box-shadow:var(--shadow);background-image:radial-gradient(#bbef6924 1px,#0000 1px);background-size:20px 20px;transition:border-color .12s;position:relative}.sound-stage[data-playing=true]{border-color:var(--lime)}.sound-stage :focus-visible{outline-color:var(--lime)}.sound-stage__controls{--pad:clamp(12px, 2.4vw, 28px);--gap:14px;gap:var(--gap);padding:0 var(--pad) 10px;flex-direction:column;display:flex}.sound-stage__notice{margin:0 calc(var(--pad) * -1);padding:10px var(--pad);color:#7d2417;background:#ffe3dc;align-items:center;gap:10px;font-size:.9375rem;line-height:1.45;display:flex}.sound-stage__notice strong{font-weight:800}.sound-stage__notice-icon{background:var(--signal);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:inline-grid}.stereo{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,20px);display:grid}.stereo__side{color:#fff;cursor:pointer;touch-action:manipulation;background:#1b2a35;border:2px solid #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:clamp(112px,21vh,180px);padding:12px 6px;transition:background .12s,border-color .12s;display:flex;position:relative}.stereo__side:hover{background:#22384a;border-color:#fff}.stereo__side:active{transform:translateY(2px)}.stereo__side[data-armed=true],.stereo__side[data-sounding=true]{border-color:var(--lime)}.stereo__side[aria-pressed=true]{background:var(--lime);color:var(--night)}.stereo__speaker{color:#c7d1d4;width:clamp(40px,5vw,56px);height:auto;overflow:visible}.stereo__side[data-side=left] .stereo__speaker{transform:scaleX(-1)}.stereo__cone{fill:currentColor}.stereo__wave{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;opacity:.22}.stereo__side[data-sounding=true] .stereo__speaker{color:var(--lime)}.stereo__side[data-sounding=true] .stereo__wave{opacity:1;animation:1.2s ease-in-out infinite stereo-wave}.stereo__side[data-sounding=true] .stereo__wave:nth-child(3){animation-delay:.15s}.stereo__side[data-sounding=true] .stereo__wave:nth-child(4){animation-delay:.3s}.stereo__side[aria-pressed=true] .stereo__speaker{color:var(--night)}@keyframes stereo-wave{0%,to{opacity:.3}50%{opacity:1}}.stereo__letter{letter-spacing:-.04em;font:900 clamp(30px,5.4vw,56px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.stereo__side[data-sounding=true]:not([aria-pressed=true]) .stereo__letter{color:var(--lime)}.stereo__caption{color:#c7d1d4;text-align:center;font-size:.875rem;font-weight:750;line-height:1.3}.stereo__side[aria-pressed=true] .stereo__caption{color:var(--night)}.played-mark{background:var(--tested);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:absolute;top:6px;right:6px}.stage-status{background:#ffffff0a;border:1px solid #ffffff2e;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:46px;padding:8px 14px;display:flex}.stage-status__lamp{border:2px solid #8b9aa2;border-radius:50%;flex:none;width:12px;height:12px}.sound-stage[data-playing=true] .stage-status__lamp,.transport-dock .stage-status__lamp{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 5px #c7432e4d}.stage-status__text{letter-spacing:-.01em;font-size:1.0625rem}.stage-status__sweep{color:var(--lime);font:800 .9375rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.stage-status__aside{color:#c7d1d4;margin-left:auto;font-size:.8125rem;font-weight:700}.stage-status__bar{background:#ffffff24;flex:100%;height:4px;margin-top:4px}.stage-status__bar i{background:var(--lime);height:100%;display:block}.sound-stage .warning-note{margin:0}.stage-transport{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.stage-play{background:var(--signal);color:#fff;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;border:2px solid #fff;flex:2 320px;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:8px 20px;font-size:1.375rem;font-weight:900;display:inline-flex;box-shadow:4px 4px #00000059}.stage-play:where(:not(:disabled,[aria-disabled=true])):hover{background:#b93625}.stage-play:where(:not(:disabled,[aria-disabled=true])):active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}.stage-play[data-playing=true]{border-color:var(--signal);background:var(--paper-strong);color:var(--signal-dark)}.stage-play__icon{font-size:.9em}.stage-volume{flex:240px;align-items:center;gap:12px;min-width:0;font-weight:800;display:flex}.stage-volume input{min-width:100px;min-height:36px;accent-color:var(--lime);cursor:pointer;flex:auto}.stage-volume output{text-align:right;min-width:48px;font:800 .875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tone-chips{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.tone-chips legend,.stage-options legend{color:#c7d1d4;letter-spacing:.04em;width:100%;margin-bottom:8px;padding:0;font-size:.8125rem;font-weight:800}.tone-chip{color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #ffffff4d;flex-direction:column;flex:92px;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:56px;padding:8px 12px;display:flex;position:relative}.tone-chip:hover{background:#ffffff0f;border-color:#fff}.tone-chip__name{color:#c7d1d4;font-size:.75rem;font-weight:750}.tone-chip strong{font:850 .9375rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.tone-chip[aria-pressed=true]{border-color:var(--lime);background:var(--lime);color:var(--night)}.tone-chip[aria-pressed=true] .tone-chip__name{color:var(--night)}.tone-chip--sweep{flex-basis:150px}.tone-chip .played-mark{width:18px;height:18px;font-size:11px;top:4px;right:4px}.loud-region:empty{margin-top:calc(var(--gap) * -1)}.stage-advanced{border-top:1px solid #ffffff29}.stage-advanced summary{color:#fff;cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:800;list-style:none;display:flex}.stage-advanced summary::-webkit-details-marker{display:none}.stage-advanced summary:before{content:"▸";color:var(--lime);transition:transform .12s}.stage-advanced[open] summary:before{transform:rotate(90deg)}.stage-advanced__body{grid-template-columns:minmax(0,1fr);gap:18px;padding:6px 0 8px;display:grid}.stage-options{border:0;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.stage-options>button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;min-width:72px;min-height:44px;padding:6px 14px;font-weight:800}.stage-options>button:hover{border-color:#fff}.stage-options>button[aria-pressed=true]{border-color:var(--lime);background:var(--lime);color:var(--night)}.stage-options small{color:#c7d1d4;flex:100%;font-size:.8125rem;line-height:1.55}.custom-frequency{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.custom-frequency label{border:2px solid #ffffff4d;align-items:center;gap:10px;min-width:0;max-width:100%;min-height:48px;padding:6px 12px;font-weight:800;display:inline-flex}.custom-frequency input{border:1px solid var(--ink);width:104px;min-height:34px;color:var(--ink);background:#fff;padding:6px}.custom-frequency small{color:#c7d1d4}.custom-frequency .button{box-shadow:none;border-color:#fff}.sound-stage .field-error{color:#ffb4a6}.sound-stage .text-button{min-height:44px;color:var(--lime);justify-self:start;padding:0}.safety-overlay{z-index:4;background:#101c24e6;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.safety-card{border:2px solid var(--signal);background:var(--paper-strong);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:6px 6px 0 var(--signal);margin:auto;padding:22px 24px;position:sticky;top:16px;bottom:16px;overflow:auto}.safety-card strong{margin-bottom:8px;font-size:1.25rem;display:block}.safety-card p{color:var(--muted);margin:0;line-height:1.65}.safety-card__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.safety-card :focus-visible{outline-color:var(--signal)}.safety-card .text-button{color:var(--teal)}.transport-dock{z-index:20;padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:2px solid var(--signal);background:#fff2ee;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px #17232d14}.transport-dock__state{align-items:center;gap:10px;min-width:0;font-size:1.0625rem;display:inline-flex}.transport-dock .button{min-width:120px;min-height:44px}.site-shell:has(.sound-stage[data-playing=true]){padding-bottom:var(--dock-h,calc(1.5rem + 48px + env(safe-area-inset-bottom)))}html:has(.sound-stage[data-playing=true]){scroll-padding-bottom:calc(var(--dock-h,calc(1.5rem + 48px + env(safe-area-inset-bottom))) + 8px)}.limitation-note .text-button{min-height:32px;margin-left:4px;padding:0}.warning-note{border-left:4px solid var(--signal);color:#7d2417;background:#ffe3dc;margin:14px 0 0;padding:13px 16px;font-weight:750;line-height:1.55}.sound-guide{margin-top:34px}.sound-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sound-guide__grid article{border:2px solid var(--ink);background:var(--paper-strong);min-width:0;padding:20px 22px}.sound-guide__grid h3{margin:0 0 8px;font-size:1.125rem}.sound-guide__grid p{color:var(--muted);margin:0;line-height:1.65}.sound-guide__grid .limitation-note{color:#315c5f;margin-top:12px}.troubleshooting{margin-bottom:clamp(48px,7vw,80px);scroll-margin-top:24px}.troubleshooting>.section-intro{max-width:820px;margin:0}.troubleshooting__steps{counter-reset:step;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.troubleshooting__steps li{counter-increment:step;border:2px solid var(--ink);background:var(--paper-strong);padding:20px 22px}.troubleshooting__steps li:before{content:counter(step, decimal-leading-zero);color:var(--signal);margin-bottom:12px;font:850 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.troubleshooting__steps h3{margin:0 0 8px;font-size:1.125rem}.troubleshooting__steps p{color:var(--muted);margin:0;line-height:1.65}.honesty-list{border:2px dashed var(--line-strong);background:var(--paper-strong);gap:10px;margin:22px 0 0;padding:20px 22px 20px 40px;display:grid}.honesty-list li{color:var(--muted);line-height:1.65}.media-stage{--pad:clamp(12px, 2.4vw, 28px);padding:var(--pad);border:2px solid var(--night);background-color:var(--night);color:#fff;box-shadow:var(--shadow);background-image:radial-gradient(#bbef6924 1px,#0000 1px);background-size:20px 20px;flex-direction:column;gap:14px;display:flex;position:relative}.media-stage[data-state=live]{border-color:var(--lime)}.media-stage :focus-visible{outline-color:var(--lime)}.media-stage__intro{flex-direction:column;gap:14px;display:flex}.media-stage__why{align-items:center;gap:10px;margin:0;font-size:1rem;line-height:1.5;display:flex}.media-stage__why strong{font-weight:800}.media-stage__why-icon{background:var(--signal);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;line-height:1;display:inline-grid}.media-stage__start{display:flex}.media-stage__start .stage-play{flex:0 420px}.stage-play[disabled],.stage-play[aria-disabled=true]{opacity:.55;cursor:not-allowed}.media-stage__hint{color:#c7d1d4;margin:0;font-size:.875rem;line-height:1.6}.media-stage__problem{margin:calc(var(--pad) * -1) calc(var(--pad) * -1) 0;padding:12px var(--pad);color:#7d2417;background:#ffe3dc;flex-wrap:wrap;align-items:center;gap:4px 12px;font-weight:750;line-height:1.55;display:flex}.media-stage__problem p{flex:280px;margin:0}.media-stage__problem .text-button{color:#7d2417}.media-stage__status{margin:0}.media-stage[data-state=live] .stage-status__lamp,.mic-record__progress .stage-status__lamp{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 5px #c7432e4d}.media-stage__status--empty{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-stage__live{flex-direction:column;gap:14px;display:flex}.media-stage .warning-note{margin:0}.media-stage .warning-note .text-button{color:#7d2417;min-height:32px;margin-left:4px;padding:0}.mic-meter{gap:6px;display:grid}.mic-meter__label{color:#c7d1d4;font-size:.8125rem;font-weight:750}.mic-meter__track{background:linear-gradient(90deg, var(--lime) 0 75%, #f2c94c 75% 92%, var(--signal) 92%) padding-box;border:2px solid #8b9aa2;height:clamp(36px,7vh,56px);position:relative;overflow:hidden}.mic-meter__cover{background:#1b2a35;display:block;position:absolute;inset:0 0 0 auto}.mic-meter__peak{background:#fff;width:3px;margin-left:-1.5px;display:block;position:absolute;top:0;bottom:0}.mic-meter__scale{color:#c7d1d4;justify-content:space-between;font:700 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.mic-readout{color:#c7d1d4;flex-wrap:wrap;gap:4px 24px;margin:0;font-weight:750;display:flex}.mic-readout strong{color:var(--lime);font:800 1.0625rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.media-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.media-controls__device{color:#c7d1d4;flex:260px;gap:6px;min-width:0;font-size:.8125rem;font-weight:750;display:grid}.media-controls__device select{color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;cursor:pointer;background:#1b2a35;border:2px solid #ffffff8c;border-radius:0;padding:8px 10px;font-size:1rem}.media-controls .button{box-shadow:none;border-color:#fff}.media-controls .button:not(.button--primary){color:#fff;background:0 0}.media-controls .button:hover{box-shadow:none;transform:none}.media-controls .button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--night)}.camera-frame{aspect-ratio:16/9;background:#0b141a;border:2px solid #ffffff4d;position:relative;overflow:hidden}.camera-frame[data-live=true]{border-color:#0000}.camera-frame__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.camera-frame__video--mirrored{transform:scaleX(-1)}.camera-frame:not([data-live=true]){aspect-ratio:auto;display:grid;overflow:visible}.camera-frame:not([data-live=true]):before{content:"";grid-area:1/1;padding-top:calc(56.25% - 1.75px)}.camera-frame__intro{padding:var(--pad);grid-area:1/1;justify-content:center;align-self:center}.tester--media .event-panel h2{letter-spacing:-.01em;margin:0 0 15px;font-size:1.25rem}.mic-record__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.button[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}.mic-record__progress{flex-wrap:wrap;align-items:center;gap:8px 10px;font:800 .9375rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.mic-record__progress i{background:var(--line);width:160px;height:6px;display:block}.mic-record__progress b{background:var(--signal);height:100%;display:block}.mic-record__ready{margin:16px 0 0;font-weight:800}.mic-record__clip{gap:8px;margin-top:8px;display:grid}.mic-record__clip audio{width:100%;max-width:520px}.mic-record__clip .text-button{justify-self:start;padding:0}.metric-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.tester--media .metric-grid strong{overflow-wrap:anywhere;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2}.camera-snapshot__figure{margin:0 0 8px}.camera-snapshot__figure img{border:2px solid var(--ink);width:100%;max-width:640px;height:auto;display:block}.camera-snapshot .text-button{padding:0}.media-guide{margin-block:clamp(32px,5vw,56px)}.media-guide__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.media-help__group{border:2px solid var(--ink);background:var(--paper-strong);margin-top:18px;padding:20px 22px;scroll-margin-top:24px}.media-help>h2{scroll-margin-top:24px}.media-help__group h3{margin:0 0 8px;font-size:1.125rem}.media-help__intro{color:var(--muted);margin:0 0 12px;line-height:1.6}.media-help__steps{gap:10px;margin:0;display:grid}.media-help__steps>div{border-top:1px solid var(--line);grid-template-columns:minmax(110px,160px) 1fr;gap:4px 16px;padding-top:10px;display:grid}.media-help__steps dt{font-weight:850}.media-help__steps dd{color:var(--muted);margin:0;line-height:1.65}.privacy-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=820px){.media-guide__steps,.privacy-grid--four{grid-template-columns:1fr}}@media (width<=560px){.media-help__steps>div{grid-template-columns:1fr}.media-help__group{padding:16px}.metric-grid--triple{grid-template-columns:1fr}.media-controls>.button{flex:calc(50% - 6px)}.camera-frame:not([data-live=true]):before{content:none}}@media (width<=820px){.scope-card{max-width:560px}.button-status{flex-direction:column;justify-content:center;align-items:start}.button-status small{margin-left:0;font-size:.75rem}.event-list li,.event-list--wheel li{grid-template-columns:repeat(2,minmax(0,1fr))}.event-list time{text-align:left}.privacy-grid,.reading-grid,.troubleshooting__steps,.sound-guide__grid{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:16px}.policy-links{justify-content:start}}@media (width<=560px){:root{--header-h:56px}.page-width,.site-header{width:min(100% - 24px,1120px)}.brand__tagline{display:none}.language-switch{padding-inline:11px;font-size:.8125rem}.mode-tab{flex:calc(50% - 8px);justify-content:space-between;padding-inline:12px}h1{font-size:clamp(42px,13vw,62px)}.tool-head{padding-block:14px 12px}.tool-head h1{font-size:clamp(1.5rem,6.6vw,1.75rem)}.device-chip{padding:8px 12px;font-size:.8125rem}.section-heading{flex-direction:column;align-items:stretch;gap:16px}.section-heading .button{align-self:start}.test-section>.section-heading{flex-direction:row;align-items:center}.test-section>.section-heading .button{align-self:center}.signal-pad{padding:24px 18px}.button-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.button-status{padding:8px}.sound-stage__controls{--gap:12px}.sound-stage__notice{font-size:.875rem}.stereo__side{min-height:112px;padding:10px 4px}.stereo__caption{font-size:.75rem}.stage-status{padding:8px 12px}.stage-status__aside{flex:100%;margin-left:22px}.stage-play{min-height:58px;font-size:1.25rem}.tone-chip--sweep{flex-basis:92px}.safety-card{padding:18px 16px}.custom-frequency label{flex-wrap:wrap;flex:100%}.custom-frequency input{flex:1 1 0;width:0;min-width:6em}.honesty-list{padding:16px 16px 16px 34px}.metric-grid--double,.metric-grid--cps{grid-template-columns:1fr}.kb-stage{min-height:0}.kb-stage__bar{padding:8px 8px 8px 12px}.kb-recent li:nth-child(n+4){display:none}.kb-capture{justify-content:start}.key-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.key-readout article:first-child{grid-column:1/-1}.keyboard-map{grid-template-columns:auto auto;grid-template-areas:"function function""main main""nav numpad";justify-content:start}@supports (width:1cqi){.keyboard-map{--u:clamp(14px, min(calc((100cqi - 42px) / 15), calc(100cqi / 16.8)), 30px)}}.event-list li,.event-list--wheel li{grid-template-columns:1fr}.explain-card ul{columns:1}.duration-picker>button{flex:calc(50% - 9px)}.custom-duration{flex:100%}.storage-actions{flex-direction:column;align-items:start;gap:4px}.language-card,.not-found-card{box-shadow:7px 7px 0 var(--signal);padding:34px 20px}.language-choices{grid-template-columns:1fr}.language-choice{min-height:120px}}@media (forced-colors:active){.mode-tab[aria-selected=true],.duration-picker>button[aria-pressed=true],.stereo__side[aria-pressed=true],.tone-chip[aria-pressed=true],.stage-options>button[aria-pressed=true],.stage-status__bar i,.sound-stage[data-playing=true] .stage-status__lamp,.transport-dock .stage-status__lamp{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.mode-tab[aria-selected=true] .mode-tab__progress{forced-color-adjust:none;color:canvastext;background:canvas;border:1px solid highlighttext}.mode-tab__progress{border:1px solid canvastext}.key-cap[data-state=pressed]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.key-cap[data-state=tested]{border:3px double canvastext}.kb-stage[data-focused=true]{outline-offset:2px;outline:3px solid highlight}.stereo__side[data-armed=true]{border:3px dashed canvastext}.played-mark{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.stereo__side[data-sounding=true] .stereo__wave{opacity:1;animation:none}}