@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0e14;--panel:#131820;--raised:#1b222c;--line:#303945;--text:#f3f5f7;--muted:#adb6c3;--accent:#b8f765;--cyan:#66e3ed;--purple:#c2a0ff;--yellow:#f4d57a;--pink:#ff93bd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.55}button,input,select{border-radius:7px}button{border:1px solid var(--line)}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.accent-text{color:var(--accent)}.cyan{--app-color:var(--cyan)}.green{--app-color:var(--accent)}.yellow{--app-color:var(--yellow)}.purple{--app-color:var(--purple)}.pink{--app-color:var(--pink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,5.4vw,4.65rem);font-weight:750;margin-bottom:26px}h2{font-size:clamp(1.65rem,3vw,2.3rem);font-weight:650}h3{font-size:1.1rem;letter-spacing:-.015em}p{color:var(--muted)}.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}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:var(--accent);color:var(--bg);padding:10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:1.15rem;font-weight:700;letter-spacing:-.045em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-bottom:3px solid var(--line);border-radius:7px;font-size:25px}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:.9rem;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--text)}.nav-search{color:var(--accent)}.nav-search span{margin-left:15px}.eyebrow{font:600 .69rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--muted);margin-bottom:20px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:76px 0 62px}.hero-description{font-size:1.14rem;line-height:1.65;margin-bottom:28px}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.76rem;color:var(--muted)}.hero-meta strong{color:var(--text)}.hero-meta>span+span{border-left:1px solid var(--line);padding-left:16px}.hero-visual{padding:36px 27px 24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#171e28,#10141d);position:relative;overflow:hidden}.visual-label{font:500 .62rem/1.5 ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.big-keys{display:flex;justify-content:center;gap:14px;padding:38px 0 42px;transform:rotate(-5deg)}.big-keys>span{display:grid;place-items:center;width:90px;height:85px;border:1px solid #54606e;border-bottom:8px solid #343d49;border-radius:12px;background:#29313d;font:600 1.3rem ui-monospace,monospace;box-shadow:0 9px 0 #070a0f}.big-keys .highlight{background:var(--accent);color:var(--bg);border-color:#8dbb51;font-size:2rem}.visual-answer{display:flex;align-items:center;gap:14px;padding:17px 12px;background:#0b0e14;border:1px solid var(--line);border-radius:8px}.visual-answer>div{display:grid;gap:4px}.visual-answer>div>span{font:.56rem ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.visual-answer strong{font-size:.82rem;font-weight:550}.visual-enter{margin-left:auto;font-size:1.5rem;color:var(--accent)}.hero-visual>p{text-align:center;font-size:.72rem;margin:20px 0 0}.app-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:9px;border:1px solid var(--app-color,var(--cyan));color:var(--app-color,var(--cyan));font-size:1.4rem;font-weight:650;background:var(--bg)}
.finder{border:1px solid #42503d;border-top:3px solid var(--accent);border-radius:10px;padding:28px;background:var(--panel);scroll-margin-top:20px}.finder-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.finder-head h2{font-size:1.22rem;margin:0;letter-spacing:-.02em}.local-badge{font:500 .65rem ui-monospace,monospace;color:var(--accent)}.mode-picker{border:0;margin:0 0 16px;padding:0;display:flex;gap:20px;font-size:.84rem}.mode-picker label{display:flex;align-items:center;gap:7px;cursor:pointer}.mode-picker input{accent-color:var(--accent);width:16px;height:16px}.search-line{display:flex;align-items:center;gap:14px;border:1px solid #596473;background:var(--bg);border-radius:8px;padding:8px 8px 8px 18px}.search-line:focus-within{border-color:var(--accent)}.search-symbol{font-size:1.75rem;color:var(--muted)}input[type=search]{flex:1;min-width:0;background:transparent;color:var(--text);border:0;outline-offset:1px;padding:12px 0;font-size:1.04rem}input::placeholder{color:#9da8b8}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 22px;background:var(--accent);border:1px solid var(--accent);color:var(--bg);font-weight:650;font-size:.85rem;text-decoration:none}.button:hover{background:#c8ff85}.button.secondary{background:var(--raised);color:var(--text);border-color:var(--line);margin-top:20px}.record-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:14px}.record-button{padding:7px 12px;background:var(--raised);font-size:.78rem;min-height:40px}.record-button[aria-pressed=true]{border-color:var(--pink);color:var(--pink)}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:.8rem;padding:8px;min-height:40px}#record-status{font-size:.75rem;color:var(--muted)}.help{font-size:.77rem;line-height:1.65;color:var(--muted);margin:12px 0 0}.filters{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.filters label{display:grid;gap:6px;font-size:.72rem;color:var(--muted);flex:1}select{border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:43px;padding:8px 30px 8px 12px;width:100%;min-width:145px;font-size:.84rem}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:24px;margin-top:23px}.results-heading h3{font-size:.88rem;margin:0}.results-heading p{font:500 .7rem ui-monospace,monospace;margin:0}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.result-card{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0}.result-card .result-meta{display:flex;justify-content:space-between;gap:10px;font-size:.68rem;margin-bottom:13px;color:var(--muted)}.result-meta a{color:var(--app-color,var(--accent));text-decoration:none}.result-card h4{margin:0 0 8px;font-size:1rem;line-height:1.4;font-weight:550}.result-card h4 a{text-decoration:none}.result-card h4 a:hover{text-decoration:underline}.result-card p{font-size:.77rem;margin:0 0 15px}.key-sequence{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%}.key-stroke{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.plus{font-size:.63rem;color:var(--muted)}kbd{display:inline-block;min-width:28px;text-align:center;padding:3px 8px;border:1px solid #586473;border-bottom:3px solid #586473;border-radius:5px;background:#202834;color:var(--text);font:500 .73rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.then{font-size:.63rem;color:var(--muted)}.empty-state{grid-column:1/-1;padding:20px;border:1px dashed var(--line);border-radius:8px}.empty-state p{margin:0;font-size:.9rem}.section{margin-top:72px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:1.8rem;margin:0}.section-heading>a{white-space:nowrap;font-size:.8rem;color:var(--accent)}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:24px 20px;text-decoration:none;position:relative;transition:border-color .15s,transform .15s}.app-card:hover{border-color:var(--app-color);transform:translateY(-3px)}.card-arrow{position:absolute;right:20px;top:23px;color:var(--muted)}.app-card h3{margin:25px 0 9px;font-size:1rem;letter-spacing:-.02em}.app-card p{font-size:.76rem;margin:0 0 22px}.card-platforms{font-size:.63rem;color:var(--muted)}.ad-slot{margin-top:64px;min-height:122px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);background:#0e1219}.ad-slot>span{font:500 .6rem ui-monospace,monospace;letter-spacing:.17em}.ad-slot p{font-size:.67rem;margin:8px 0 0}.guide{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:60px;border-bottom:1px solid var(--line)}.guide>div>p:last-child{font-size:.91rem;max-width:390px}.guide ol{list-style:none;padding:0;margin:0}.guide li{display:flex;gap:22px;margin-bottom:24px}.guide li>span{font:.8rem ui-monospace,monospace;color:var(--accent);padding-top:2px}.guide li h3{font-size:1rem;margin-bottom:8px}.guide li p{font-size:.85rem;margin:0}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:1rem;font-weight:550}.faq details p{font-size:.9rem;margin:18px 0 0}.site-footer{margin-top:90px;padding:35px 0 25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-name{font-weight:700;text-decoration:none;letter-spacing:-.03em}.site-footer p{font-size:.78rem;margin:7px 0 0}.site-footer nav{flex-wrap:wrap;gap:20px;align-items:start}.site-footer nav a{font-size:.75rem}.site-footer .fine-print{width:100%;font-size:.66rem;margin-top:5px}.breadcrumbs{margin-top:28px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:13px;padding:0;margin:0;font-size:.75rem;color:var(--muted)}.breadcrumbs li{display:flex;gap:13px;align-items:center}.breadcrumbs a{font-size:inherit}.page-intro{padding:56px 0;max-width:900px}.page-intro>p:not(.eyebrow){max-width:750px}.page-intro h1{font-size:clamp(2.5rem,5vw,4rem)}.app-intro{position:relative}.app-intro .large{width:60px;height:60px;font-size:1.8rem;margin-bottom:26px}.app-intro .accent-text{color:var(--app-color)}.reference-list{margin-top:28px;border-top:1px solid var(--line)}.shortcut-row{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.shortcut-row:target{border-left:3px solid var(--accent);padding-left:20px}.shortcut-row .eyebrow{font-size:.61rem;display:block;margin-bottom:7px}.shortcut-row h3{font-size:1.05rem;margin-bottom:8px}.shortcut-row h3 a{text-decoration:none}.shortcut-row p{font-size:.83rem;margin-bottom:0}.shortcut-row dl{display:grid;gap:10px;margin:0}.shortcut-row dl>div{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}.shortcut-row dt{font-size:.72rem;color:var(--muted)}.shortcut-row dd{margin:0}.prose{max-width:770px}.prose h2{font-size:1.5rem;margin:38px 0 16px}.prose p{font-size:.96rem}.prose a{color:var(--accent)}.prose .button{color:var(--bg)}.page-prose{padding-top:65px}.page-prose .lead{font-size:1.2rem}.notice{padding:18px;border-left:3px solid var(--yellow);background:var(--panel);color:var(--text)}.not-found{min-height:55vh}.not-found .button{margin-right:18px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;max-width:540px;width:calc(100% - 40px);max-height:85vh;padding:0}dialog::backdrop{background:#000b}.dialog-inner{padding:32px}.dialog-inner h2{margin-top:18px;font-size:1.9rem}.dialog-inner p{font-size:.91rem}.dialog-inner a{color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:90px}}
@media(max-width:1000px){.hero{gap:30px}.hero-visual{padding:24px 18px}.big-keys{gap:10px}.big-keys>span{width:75px;height:75px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide{gap:45px}.section-heading{align-items:start}.section-heading h2{font-size:1.55rem}.site-footer nav{gap:15px}.hero-meta{gap:10px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{min-height:90px;flex-wrap:wrap;padding:20px 0;gap:16px}.brand{font-size:1rem}.brand-mark{width:29px;height:29px;font-size:21px}.site-header nav{gap:22px}.site-header nav a{font-size:.78rem}.nav-search{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero-visual{max-width:460px;width:100%;padding:24px}.big-keys{padding:25px 0 33px}.hero-meta{font-size:.7rem}.hero h1{font-size:3.4rem}.finder{padding:20px 16px}.finder-head{align-items:start;flex-direction:column;gap:8px}.finder-head h2{font-size:1.15rem}.mode-picker{gap:15px;font-size:.75rem}.search-line{padding-left:10px;gap:7px}.search-line .button{padding:10px 12px;gap:8px;font-size:.75rem}.search-symbol{display:none}input[type=search]{font-size:.9rem}.record-line{gap:6px 10px}.filters{gap:10px}.filters label{min-width:135px}.results{grid-template-columns:1fr}.section{margin-top:48px}.section-heading{flex-direction:column;gap:15px}.app-grid{gap:12px}.app-card{padding:20px 16px}.app-card h3{font-size:.94rem}.card-platforms{font-size:.6rem}.guide{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.guide h2 br{display:none}.guide li{gap:16px}.site-footer{margin-top:60px}.site-footer nav{gap:14px}.shortcut-row{grid-template-columns:1fr;gap:20px}.shortcut-row dl>div{grid-template-columns:58px 1fr;gap:9px}.page-intro{padding-top:40px}.page-prose{padding-top:45px}.ad-slot{margin-top:40px;min-height:110px}.dialog-inner{padding:24px}}
@media(max-width:370px){.hero h1{font-size:2.8rem}.app-grid{grid-template-columns:1fr}.big-keys>span{width:65px;height:65px}.record-line #record-status{width:100%}.hero-meta>span+span{padding-left:8px}.brand{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.finder,.ad-slot,.hero-visual,dialog{display:none!important}.wrap{width:100%}h1{font-size:28pt}p,dt,.eyebrow{color:#333!important}a{color:inherit;text-decoration:none}kbd{color:black;background:white;border-color:#555}.shortcut-row{break-inside:avoid}.shortcut-row[hidden],.shortcut-row [hidden]{display:grid!important}.section{margin-top:25px}}