:root{--bg:#11111b;--surface:#181825;--surface2:#1e1e2e;--text:#cdd6f4;--muted:#7f849c;--accent:#cba6f7;--accent2:#89b4fa;--good:#a6e3a1;--bad:#f38ba8;--warning:#f9e2af;--border:#cdd6f417;--shadow:0 24px 80px #00000042}[data-theme=latte]{--bg:#eff1f5;--surface:#e6e9ef;--surface2:#dce0e8;--text:#4c4f69;--muted:#8c8fa1;--accent:#8839ef;--accent2:#1e66f5;--good:#40a02b;--bad:#d20f39;--warning:#df8e1d;--border:#4c4f691f;--shadow:0 24px 80px #4c4f691f}[data-theme=cappuccino]{--bg:#201a17;--surface:#2b221e;--surface2:#362a24;--text:#f5e6d3;--muted:#a9907d;--accent:#d7a878;--accent2:#edd6b5;--good:#a9c28a;--bad:#d98272;--warning:#dfbd7b;--border:#f5e6d31a}[data-theme=botanical]{--bg:#0d1713;--surface:#13211b;--surface2:#1b2c24;--text:#dcebdc;--muted:#83978b;--accent:#a8c7a1;--accent2:#739c7d;--good:#a8c7a1;--bad:#d98f8f;--warning:#d8c08f;--border:#dcebdc1a}[data-theme=retro]{--bg:#e7e2d2;--surface:#d7d1be;--surface2:#c7c0ab;--text:#31342f;--muted:#77766d;--accent:#9c5e42;--accent2:#5a7a69;--good:#5a7a69;--bad:#a84646;--warning:#a77b39;--border:#31342f1f}[data-theme=ocean]{--bg:#06141f;--surface:#0b2030;--surface2:#102b3d;--text:#d9f2f4;--muted:#7fa8b3;--accent:#39c6d4;--accent2:#5b8ff9;--good:#62d6a4;--bad:#ff7d96;--warning:#f1c56a;--border:#ace2eb1c;--shadow:0 24px 80px #00070e57}[data-theme=alpine]{--bg:#f3f5f0;--surface:#e8ece5;--surface2:#dce3d9;--text:#28342e;--muted:#748078;--accent:#477a62;--accent2:#6d7f52;--good:#4e825d;--bad:#bd5b68;--warning:#b3833c;--border:#28342e1f;--shadow:0 24px 70px #3d4e431f}[data-theme=sakura]{--bg:#fff5f7;--surface:#f9e7ed;--surface2:#f3dbe5;--text:#4c3440;--muted:#967483;--accent:#d65f8d;--accent2:#9b6cc3;--good:#5e9d7c;--bad:#c94769;--warning:#b4823d;--border:#4c34401c;--shadow:0 24px 70px #8749631f}[data-theme=amber]{--bg:#15120c;--surface:#201b11;--surface2:#2d2515;--text:#f7e8bc;--muted:#a68b59;--accent:#f4b942;--accent2:#d97924;--good:#a9cc62;--bad:#f06f55;--warning:#f4b942;--border:#f7e8bc1c;--shadow:0 24px 80px #07050161}[data-theme=graphite]{--bg:#101216;--surface:#181b21;--surface2:#22262e;--text:#d8dde7;--muted:#818a99;--accent:#aeb6c4;--accent2:#6f8fb8;--good:#88bf9b;--bad:#db7c91;--warning:#d8b16f;--border:#d8dde71a;--shadow:0 24px 80px #00000059}[data-theme=lavender]{--bg:#171420;--surface:#211c2c;--surface2:#2d263a;--text:#eee8f7;--muted:#9388a6;--accent:#b59adb;--accent2:#7e8ed8;--good:#8fc9ad;--bad:#e486a2;--warning:#d8ba7d;--border:#eee8f71a;--shadow:0 24px 80px #05020a57}[data-theme=mint]{--bg:#eef7f3;--surface:#e2f0ea;--surface2:#d5e7df;--text:#29443b;--muted:#728d83;--accent:#2b8a72;--accent2:#74a89a;--good:#438c67;--bad:#bd6173;--warning:#ad803a;--border:#29443b1f;--shadow:0 24px 70px #3c64551f}[data-theme=sunset]{--bg:#fff3ea;--surface:#f7e5da;--surface2:#efd8ca;--text:#513b35;--muted:#9a7b70;--accent:#d26f56;--accent2:#a8799a;--good:#699870;--bad:#c95464;--warning:#b7833f;--border:#513b351c;--shadow:0 24px 70px #824b371f}[data-theme=nord]{--bg:#2e3440;--surface:#353c49;--surface2:#3b4352;--text:#eceff4;--muted:#8f9aaa;--accent:#88c0d0;--accent2:#81a1c1;--good:#a3be8c;--bad:#bf616a;--warning:#ebcb8b;--border:#eceff41a;--shadow:0 24px 80px #10131957}[data-theme=obsidian]{--bg:#070908;--surface:#0d110f;--surface2:#151b18;--text:#e9f6eb;--muted:#748079;--accent:#b6f36b;--accent2:#58c6a0;--good:#8ee07a;--bad:#ff6f8e;--warning:#e7c264;--border:#e9f6eb1a;--shadow:0 24px 88px #00000080}[data-theme=rose-pine]{--bg:#191724;--surface:#1f1d2e;--surface2:#26233a;--text:#e0def4;--muted:#908caa;--accent:#ebbcba;--accent2:#c4a7e7;--good:#9ccfd8;--bad:#eb6f92;--warning:#f6c177;--border:#e0def41a;--shadow:0 24px 84px #08061066}[data-theme=tokyo-night]{--bg:#16161e;--surface:#1a1b26;--surface2:#24283b;--text:#c0caf5;--muted:#737da2;--accent:#7aa2f7;--accent2:#bb9af7;--good:#9ece6a;--bad:#f7768e;--warning:#e0af68;--border:#c0caf51a;--shadow:0 24px 84px #04040c6b}[data-theme=gruvbox]{--bg:#282828;--surface:#32302f;--surface2:#3c3836;--text:#ebdbb2;--muted:#a89984;--accent:#fabd2f;--accent2:#83a598;--good:#b8bb26;--bad:#fb4934;--warning:#fe8019;--border:#ebdbb21c;--shadow:0 24px 80px #0f0d0c61}[data-theme=solarized]{--bg:#fdf6e3;--surface:#eee8d5;--surface2:#e4ddc8;--text:#586e75;--muted:#93a1a1;--accent:#268bd2;--accent2:#2aa198;--good:#859900;--bad:#dc322f;--warning:#b58900;--border:#586e7521;--shadow:0 24px 72px #586e751f}[data-theme=matcha]{--bg:#f1f4e8;--surface:#e7ecda;--surface2:#dbe3cb;--text:#394631;--muted:#7c8971;--accent:#718c4a;--accent2:#a3b86c;--good:#5f8a57;--bad:#bb6870;--warning:#aa803c;--border:#3946311f;--shadow:0 24px 72px #495d3a21}[data-theme=midnight-cyan]{--bg:#071116;--surface:#0c1a21;--surface2:#11262f;--text:#d5f2f0;--muted:#6f969b;--accent:#33d6c5;--accent2:#5ba7ff;--good:#6ed9a5;--bad:#ff728f;--warning:#e9bf63;--border:#d5f2f01a;--shadow:0 24px 88px #0005087a}[data-theme=monokai]{--bg:#272822;--surface:#30312a;--surface2:#3a3b32;--text:#f8f8f2;--muted:#a7a89d;--accent:#f92672;--accent2:#a6e22e;--good:#a6e22e;--bad:#f92672;--warning:#e6db74;--border:#f8f8f21a;--shadow:0 24px 84px #0c0c0966}[data-theme=synthwave]{--bg:#17102b;--surface:#21163a;--surface2:#2c1d4b;--text:#f4eaff;--muted:#9a83b5;--accent:#ff5ccd;--accent2:#36f1cd;--good:#72f1b8;--bad:#ff6f91;--warning:#fede5d;--border:#f4eaff1a;--shadow:0 24px 90px #07021180}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34%),var(--bg)}button,input{font:inherit}.shell{max-width:1180px;margin:auto;padding:24px}.topbar,.row,.modebar,.stats,.auth-actions,.race-meta{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;margin-bottom:28px}.brand{letter-spacing:-.04em;font-size:20px;font-weight:800}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;gap:8px;display:flex}.btn,.tab{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:9px 12px;transition:transform .16s,background .16s,border-color .16s}.btn:hover,.tab:hover{background:var(--surface2);transform:translateY(-1px)}.btn.primary,.tab.active{background:var(--accent);color:var(--bg);border-color:#0000;font-weight:700}.card{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px}.trainer{flex-direction:column;min-height:560px;padding:24px;display:flex}.modebar{justify-content:space-between;gap:18px}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{color:var(--muted);background:0 0;border-color:#0000}.metric{color:var(--muted);font-size:12px}.metric strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;display:block}.typing-zone{flex:1;align-items:center;display:flex;position:relative}.typing-text{color:color-mix(in srgb,var(--muted) 52%,transparent);word-break:break-word;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;line-height:1.75}.char.correct{color:var(--text)}.char.incorrect{color:var(--bad);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.char.current{position:relative}.char.current:before{content:"";background:var(--accent);width:2px;height:1.05em;animation:.9s step-end infinite blink;position:absolute;bottom:5px;left:-1px}@keyframes blink{50%{opacity:.25}}.hint{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.sidebar{flex-direction:column;gap:18px;display:flex}.panel{padding:18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-size:11px}.muted{color:var(--muted)}.progress{background:var(--surface2);border-radius:99px;height:8px;overflow:hidden}.progress>div{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;transition:width .25s}.keyboard{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.key{border:1px solid var(--border);background:var(--surface2);border-radius:8px;place-items:center;min-height:34px;font-family:ui-monospace,monospace;font-size:12px;transition:transform .1s,background .2s,border-color .2s;display:grid}.key.active{background:color-mix(in srgb,var(--accent) 22%,var(--surface2));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(2px)scale(.98)}.key.weak{box-shadow:inset 0 -2px 0 var(--bad)}.key.learning{box-shadow:inset 0 -2px 0 var(--warning)}.key.mastered{box-shadow:inset 0 -2px 0 var(--good)}.theme-grid,.switch-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.choice{text-align:left;position:relative}.choice small{color:var(--muted);margin-top:3px;display:block}.choice.locked:after{content:"PRO";color:var(--accent);font-size:8px;font-weight:900;position:absolute;top:7px;right:8px}.choice.selected{border-color:var(--accent)}.view{display:none}.view.active{display:block}.training-head,.race-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.focus-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:11px}.race-lanes{flex-direction:column;gap:12px;margin-top:20px;display:flex}.lane{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px}.lane-head{justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.lane-track{background:var(--surface2);border-radius:99px;height:8px;overflow:hidden}.lane-fill{background:linear-gradient(90deg,var(--accent),var(--accent2));width:0;height:100%;transition:width 80ms linear}.countdown{letter-spacing:-.08em;color:var(--accent);min-height:66px;font-size:54px;font-weight:800}.modal{z-index:20;background:#00000094;place-items:center;padding:18px;display:none;position:fixed;inset:0}.modal.show{display:grid}.modal-card{width:min(520px,100%);padding:22px}.field{background:var(--surface2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:12px;margin:8px 0 12px;padding:11px 12px}.status{color:var(--muted);min-height:18px;font-size:12px}.auth-user{color:var(--muted);font-size:12px}@media (max-width:900px){.layout{grid-template-columns:1fr}.typing-text{font-size:24px}}@media (max-width:600px){.shell{padding:14px}.topbar{align-items:flex-start}.keyboard{grid-template-columns:repeat(7,1fr)}.stats{gap:10px}.trainer{padding:17px}}.training-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 12px;display:grid}.training-stats>div{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 72%,transparent);border-radius:13px;padding:11px 12px}.training-stats strong{font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.training-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.focus-key{align-items:center;gap:7px;display:flex}.focus-key b{color:var(--text);font:700 13px ui-monospace,monospace}.focus-key span{color:var(--muted);font-size:10px}.race-signal{justify-content:space-between;align-items:center;min-height:66px;display:flex}.presence-dot{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.presence-dot i{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 10%,transparent);border-radius:50%;transition:all .2s}.presence-dot.ready i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 10%,transparent)}.presence-dot.ready{color:var(--good)}.race-result{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;animation:.28s both resultIn;display:none}.race-result.show{display:grid}.race-result>div{border:1px solid var(--border);background:var(--surface2);border-radius:13px;padding:12px}.race-result span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;display:block}.race-result strong{font:700 16px ui-monospace,monospace}.positive{color:var(--good)}.negative{color:var(--bad)}@keyframes resultIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:600px){.training-stats{grid-template-columns:repeat(2,1fr)}.race-result{grid-template-columns:1fr 1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=latte],[data-theme=alpine],[data-theme=sakura],[data-theme=retro],[data-theme=mint],[data-theme=sunset]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,.card,.btn,.tab,.key,.pill,.lane,.field{transition:color .22s,background-color .32s,border-color .22s,box-shadow .26s,transform .18s}.shell{animation:.44s cubic-bezier(.2,.8,.2,1) both shellIn}.trainer{animation:.46s cubic-bezier(.2,.8,.2,1) 50ms both cardIn}.sidebar>.card{animation:.42s cubic-bezier(.2,.8,.2,1) both cardIn}.sidebar>.card:first-child{animation-delay:90ms}.sidebar>.card:nth-child(2){animation-delay:.14s}.sidebar>.card:nth-child(3){animation-delay:.19s}.sidebar>.card:nth-child(4){animation-delay:.24s}.sidebar>.card:hover{box-shadow:0 28px 88px color-mix(in srgb,var(--bg) 55%,transparent);transform:translateY(-2px)}.view.active{animation:.28s cubic-bezier(.2,.8,.2,1) both viewIn}.btn:active,.tab:active{transform:translateY(1px)scale(.98)}.modal.show{animation:.18s both backdropIn}.modal.show .modal-card{animation:.3s cubic-bezier(.16,1,.3,1) both modalIn}.customization-panel{padding:0;overflow:clip}.customization-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;list-style:none;transition:background-color .18s;display:flex}.customization-panel>summary::-webkit-details-marker{display:none}.customization-panel>summary:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.customization-panel>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.summary-copy{gap:2px;display:grid}.summary-copy .eyebrow{margin:0}.summary-copy strong{letter-spacing:-.01em;font-size:13px}.summary-icon{border:1px solid var(--border);background:var(--surface2);border-radius:9px;flex:0 0 28px;width:28px;height:28px;position:relative}.summary-icon:before,.summary-icon:after{content:"";background:var(--muted);border-radius:2px;height:1.5px;transition:transform .24s cubic-bezier(.2,.8,.2,1),background-color .18s;position:absolute;top:13px;left:8px;right:8px}.summary-icon:after{transform:rotate(90deg)}.customization-panel[open] .summary-icon:after{transform:rotate(0)}.customization-panel[open] .summary-icon:before,.customization-panel[open] .summary-icon:after{background:var(--accent)}.panel-body{border-top:1px solid var(--border);padding:15px 18px 18px}.customization-panel[open] .panel-body{animation:.3s cubic-bezier(.2,.8,.2,1) both panelOpen}.panel-intro{color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.55}.customization-panel .theme-grid,.customization-panel .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customization-panel .choice{background:color-mix(in srgb,var(--surface2) 82%,transparent);min-width:0;padding:11px;overflow:hidden}.customization-panel .choice.locked:after{display:none}.choice-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.choice-heading>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.choice-heading b{letter-spacing:.06em;border-radius:5px;padding:2px 4px;font-size:7px;line-height:1}.choice-heading b.free{color:var(--good);background:color-mix(in srgb,var(--good) 10%,transparent)}.choice-heading b.pro{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}.customization-panel .choice small{min-height:2.5em;line-height:1.25}.customization-panel .choice:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));transform:translateY(-2px)}.customization-panel .choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 0 24px color-mix(in srgb,var(--accent) 5%,transparent)}.theme-preview{gap:4px;margin-top:9px;display:flex}.theme-preview i{background:var(--swatch);border:1px solid color-mix(in srgb,currentColor 16%,transparent);width:12px;height:12px;box-shadow:0 2px 5px color-mix(in srgb,var(--bg) 35%,transparent);border-radius:50%}.sound-choice.selected:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;height:2px;animation:.9s ease-in-out infinite alternate soundLine;position:absolute;inset:auto 9px 7px}@keyframes shellIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes panelOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes soundLine{0%{opacity:.35;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}@media (max-width:600px){.customization-panel .theme-grid,.customization-panel .switch-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.test-settings{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.select-control,.duration-control{flex-direction:column;gap:6px;display:flex}.select-control>span,.duration-control>span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.select-control select{border:1px solid var(--border);background:var(--surface2);min-width:154px;color:var(--text);cursor:pointer;border-radius:11px;padding:9px 34px 9px 11px}.duration-control .tabs{gap:3px}.duration-control .tab{padding:8px 9px}.typing-zone{scroll-behavior:smooth;min-height:310px;max-height:370px;overflow:hidden}.typing-text[dir=rtl]{text-align:right;unicode-bidi:plaintext}.typing-capture{opacity:.01;width:1px;height:1px;position:fixed;bottom:0;left:-10000px}.training-head h2,.race-head h2{margin:0 0 6px}.training-badges{flex-wrap:wrap;gap:7px;display:flex}.training-badges .cloud{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--border))}.profile-row{justify-content:space-between}.connection-state{color:var(--muted);align-items:center;gap:7px;margin:13px 0 12px;font-size:11px;display:flex}.connection-state i{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 10%,transparent);border-radius:50%}.connection-state.online{color:var(--good)}.connection-state.online i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 10%,transparent)}.race-copy{min-height:180px}.auth-actions{gap:8px}@media (max-width:760px){.modebar{flex-direction:column;align-items:flex-start}.stats{justify-content:space-between;width:100%}.test-settings{width:100%}.select-control{flex:1}.select-control select{width:100%}.typing-zone{min-height:280px;max-height:330px}}@media (max-width:520px){.duration-control .tab{padding:7px}.typing-text{font-size:21px}.stats .metric strong{font-size:18px}}html{scroll-behavior:smooth}body{min-width:320px}.shell{max-width:1320px;padding:clamp(16px,2.5vw,32px)}.topbar{margin-bottom:clamp(18px,3vw,32px)}.nav{align-items:center}.nav .btn{color:var(--muted);background:0 0;border-color:#0000}.nav .btn:hover,.nav .btn.active{color:var(--text);background:color-mix(in srgb,var(--surface2) 76%,transparent)}.nav .auth-trigger{border-color:var(--border);margin-left:4px;padding-inline:11px;font-size:12px}.layout{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.trainer{min-height:clamp(580px,70vh,720px);padding:clamp(18px,2.4vw,30px);overflow:hidden}.trainer .view{min-width:0;min-height:0}.trainer .view.active{flex-direction:column;flex:1;animation:.26s cubic-bezier(.2,.8,.2,1) both viewIn;display:flex}.modebar{z-index:2;border-bottom:1px solid var(--border);flex:none;padding-bottom:20px;position:relative}.test-settings{gap:clamp(12px,2vw,24px)}.stats{gap:clamp(16px,3vw,34px)}.metric{text-align:right}.metric strong{font-size:clamp(18px,2vw,23px)}.typing-stage{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative}.typing-zone{--typing-line:clamp(42px,4.05vw,56px);flex:0 0 calc(var(--typing-line) + var(--typing-line) + var(--typing-line) + var(--typing-line) + var(--typing-line));width:100%;height:calc(var(--typing-line) + var(--typing-line) + var(--typing-line) + var(--typing-line) + var(--typing-line));overscroll-behavior:none;scroll-behavior:smooth;scrollbar-width:none;contain:paint;align-items:flex-start;min-height:0;max-height:none;margin:auto 0;padding:0 4px;overflow:hidden}.typing-zone::-webkit-scrollbar{display:none}.typing-text{width:100%;font-size:clamp(25px,2.35vw,34px);line-height:var(--typing-line);letter-spacing:-.025em;word-break:normal;overflow-wrap:normal}.typing-word{white-space:nowrap;display:inline-block}.char.space{white-space:pre-wrap}.typing-hints{border-top:1px solid color-mix(in srgb,var(--border) 58%,transparent);letter-spacing:.04em;opacity:.44;flex:none;margin-top:auto;padding:15px 3px 1px;font-size:10px}.typing-hints span{transition:opacity .18s,color .18s}.typing-stage:focus-within .typing-hints{opacity:.32}.utility-strip{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:12px;display:grid}.utility-panel{box-shadow:none;background:color-mix(in srgb,var(--surface) 72%,transparent);padding:0;overflow:clip}.utility-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:66px;padding:12px 15px;list-style:none;display:flex}.utility-panel>summary::-webkit-details-marker{display:none}.utility-panel>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.utility-panel>summary:hover{background:color-mix(in srgb,var(--surface2) 58%,transparent)}.utility-icon{border:1px solid var(--border);background:var(--surface2);opacity:.72;border-radius:50%;flex:0 0 28px;width:28px;height:28px;position:relative}.profile-icon:before{content:"";border:1.5px solid;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:9px}.profile-icon:after{content:"";border:1.5px solid;border-radius:10px 10px 5px 5px;width:13px;height:7px;position:absolute;bottom:5px;left:6px}.mastery-icon:before{content:"";opacity:.75;background:linear-gradient(90deg,currentColor 2px,#0000 2px) 0 100%/5px 65% no-repeat,linear-gradient(90deg,currentColor 2px,#0000 2px) 5px 100%/5px 100% no-repeat,linear-gradient(90deg,currentColor 2px,#0000 2px) 10px 100%/5px 42% no-repeat;position:absolute;inset:7px}.utility-copy{gap:2px;min-width:0;display:grid}.utility-copy .eyebrow{margin:0;font-size:9px}.utility-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.utility-panel .pill{margin-left:auto;padding:3px 7px;font-size:9px}.utility-action{color:var(--muted);margin-left:auto;font-size:10px}.chevron{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:0 0 7px;width:7px;height:7px;transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:rotate(45deg)}.utility-panel[open] .chevron{transform:rotate(225deg)}.utility-body{border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent);padding:4px 15px 16px;animation:.26s cubic-bezier(.2,.8,.2,1) both panelOpen}.profile-panel .utility-body{grid-template-columns:auto minmax(130px,1fr);align-items:center;gap:8px 16px;display:grid}.profile-panel .auth-user{font-size:10px}.profile-panel .connection-state{justify-self:end;margin:0}.profile-panel .progress{grid-column:1/-1;height:4px}.mastery-panel .utility-body{padding-top:14px}.customization-footer{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:12px;margin-top:12px;scroll-margin-top:24px;display:grid}.customization-footer .customization-panel{box-shadow:none;background:color-mix(in srgb,var(--surface) 78%,transparent);align-self:start}.customization-footer .customization-panel>summary{min-height:74px}.customization-footer .panel-body{padding:clamp(14px,2vw,22px)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-heading .panel-intro{max-width:620px;margin:0}.source-links{flex:none;gap:10px;display:flex}.source-link{color:var(--muted);flex:none;font-size:10px;text-decoration:none;transition:color .18s}.source-link:hover{color:var(--accent)}.customization-panel .switch-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.customization-panel .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customization-panel .sound-choice{background:color-mix(in srgb,var(--surface2) 78%,transparent);border-radius:16px;min-width:0;padding:0;display:grid;overflow:hidden;transform:translateZ(0)}.sound-choice .switch-visual{border-bottom:1px solid var(--border);background:radial-gradient(circle at 24% 46%,color-mix(in srgb,var(--switch-tone) 16%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--surface2) 86%,transparent),color-mix(in srgb,var(--bg) 32%,var(--surface)));isolation:isolate;align-items:center;gap:13px;min-height:86px;padding:15px 13px;transition:background-color .22s,transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.switch-core{border:1px solid color-mix(in srgb,var(--switch-tone) 46%,var(--border));background:color-mix(in srgb,var(--switch-tone) 12%,var(--surface));width:42px;height:36px;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--switch-tone) 14%,transparent),0 9px 24px color-mix(in srgb,var(--bg) 38%,transparent);border-radius:10px;flex:0 0 42px;position:relative}.switch-core:before{content:"";border:1px solid color-mix(in srgb,var(--switch-tone) 58%,var(--border));background:color-mix(in srgb,var(--switch-tone) 30%,var(--surface));border-radius:4px 4px 2px 2px;height:10px;position:absolute;top:-7px;left:13px;right:13px}.switch-core i{background:var(--switch-tone);opacity:.76;border-radius:2px;width:8px;height:13px;position:absolute;top:10px;left:17px}.switch-wave{opacity:.72;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:30px;display:flex}.switch-wave i{width:2px;height:var(--wave);background:color-mix(in srgb,var(--switch-tone) 72%,var(--muted));transform-origin:50%;border-radius:99px;transition:height .18s,opacity .18s}.switch-play{border:1px solid color-mix(in srgb,var(--switch-tone) 36%,var(--border));background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:50%;width:18px;height:18px;position:absolute;bottom:7px;right:8px}.switch-play:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid color-mix(in srgb,var(--switch-tone) 78%,var(--text));position:absolute;top:5px;left:7px}.sound-choice .switch-content{text-align:left;align-content:start;min-width:0;padding:11px 12px 13px;display:grid}.sound-choice .choice-heading>span{font-size:11px}.switch-maker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:8px}.switch-character{color:var(--text);margin-top:9px;font-size:10px;font-weight:650}.customization-panel .sound-choice small{min-height:auto;margin-top:3px;font-size:9px}.sound-choice:hover .switch-visual{filter:saturate(1.06)brightness(1.04)}.sound-choice:hover .switch-wave i{opacity:1;animation:.52s ease-in-out infinite alternate soundBar}.sound-choice:active .switch-visual{transform:scale(.985)}.sound-choice.selected:before{z-index:2;inset:auto 12px 9px}.sound-choice.selected .switch-play{border-color:color-mix(in srgb,var(--accent) 62%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}@keyframes soundBar{to{transform:scaleY(.55)}}@media (max-width:980px){.trainer{min-height:620px}.customization-footer{grid-template-columns:1fr}.customization-panel .switch-grid,.customization-panel .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.shell{padding:14px}.topbar{align-items:center;margin-bottom:16px}.nav{justify-content:flex-end;gap:3px}.nav .btn{padding:8px 9px;font-size:12px}.nav .auth-trigger{margin-left:0}.trainer{border-radius:18px;min-height:calc(100svh - 128px);padding:16px}.modebar{align-items:stretch;padding-bottom:15px}.test-settings{align-items:stretch}.duration-control{min-width:100%}.duration-control .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.duration-control .tabs::-webkit-scrollbar{display:none}.duration-control .tab{flex:1 0 auto}.stats{justify-content:flex-start;padding-top:2px}.metric{text-align:left}.typing-zone{--typing-line:clamp(36px,9.2vw,46px);padding-inline:1px}.typing-text{font-size:clamp(22px,5.7vw,27px);line-height:var(--typing-line)}.utility-strip{grid-template-columns:1fr;gap:8px}.utility-panel>summary{min-height:60px}.customization-footer{gap:8px;margin-top:8px}}@media (max-width:560px){.topbar{flex-direction:column;align-items:flex-start}.nav{justify-content:space-between;width:100%;overflow-x:auto}.nav .btn{flex:none;padding:7px 8px}.trainer{min-height:calc(100svh - 154px)}.select-control,.select-control select{min-width:0}.stats{justify-content:space-between;gap:8px;width:100%}.metric strong{font-size:17px}.typing-hints{padding-top:11px;font-size:9px}.profile-panel .utility-body{grid-template-columns:1fr}.profile-panel .connection-state{justify-self:start}.profile-panel .progress{grid-column:auto}.panel-heading{gap:7px;display:grid}.customization-panel .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customization-panel .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.active-switch-preview{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 72%,transparent);min-height:42px;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-self:flex-end;align-items:center;gap:9px;padding:6px 9px;transition:transform .18s,border-color .18s,background-color .18s;display:flex}.active-switch-preview:hover{border-color:color-mix(in srgb,var(--switch-tone) 55%,var(--border));background:color-mix(in srgb,var(--switch-tone) 7%,var(--surface2));transform:translateY(-1px)}.active-switch-preview>span:nth-child(2){gap:1px;min-width:90px;display:grid}.active-switch-preview small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px}.active-switch-preview strong{text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:10px;overflow:hidden}.active-switch-preview>b{color:var(--muted);font-size:11px}.preview-switch{border:1px solid color-mix(in srgb,var(--switch-tone) 50%,var(--border));background:color-mix(in srgb,var(--switch-tone) 13%,var(--surface));width:27px;height:23px;box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--switch-tone) 14%,transparent);border-radius:7px;position:relative}.preview-switch:before{content:"";border:1px solid color-mix(in srgb,var(--switch-tone) 58%,var(--border));background:color-mix(in srgb,var(--switch-tone) 34%,var(--surface));border-radius:3px;height:7px;position:absolute;top:-4px;left:8px;right:8px}.preview-switch i{background:var(--switch-tone);border-radius:2px;width:5px;height:9px;position:absolute;top:7px;left:11px}.typing-zone{transition:filter .32s,opacity .26s,transform .32s cubic-bezier(.2,.8,.2,1)}.typing-stage.result-visible .typing-zone{filter:blur(7px);opacity:.18;transform:scale(.985)}.typing-stage.result-visible .typing-hints{opacity:.12}.test-result-overlay{z-index:3;text-align:center;place-content:center;justify-items:center;gap:16px;animation:.36s cubic-bezier(.16,1,.3,1) both resultOverlayIn;display:grid;position:absolute;inset:20px 0 46px}.test-result-overlay[hidden]{display:none}.result-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.result-metrics{align-items:center;gap:clamp(22px,5vw,64px);display:flex}.result-metrics>div{gap:4px;display:grid}.result-metrics strong{letter-spacing:-.07em;font:800 clamp(34px,5vw,58px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.result-metrics span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:9px}.result-track{min-width:220px}.result-restart{color:var(--muted);font-size:10px}.result-restart kbd{border:1px solid var(--border);background:var(--surface2);color:var(--text);font:inherit;border-radius:6px;padding:3px 7px}@keyframes resultOverlayIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.product-view{scrollbar-width:thin;overflow:auto}.product-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.product-head h2{letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(24px,3vw,34px)}.product-head p{max-width:650px;margin:0;font-size:12px;line-height:1.55}.stats-free-grid,.stats-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.insight-card,.insight-panel{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 72%,transparent);border-radius:16px}.insight-card{align-content:start;min-height:116px;padding:15px;display:grid}.insight-card>span,.panel-title span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.insight-card>strong{letter-spacing:-.04em;margin-top:12px;font:750 23px ui-monospace,SFMono-Regular,Menlo,monospace}.insight-card>strong b{font:inherit}.insight-card>small{color:var(--muted);margin-top:auto;padding-top:8px;font-size:9px}.rank-summary>strong{color:var(--accent)}.rank-progress{background:var(--surface);border-radius:99px;height:5px;margin-top:13px;overflow:hidden}.rank-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0;height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.stats-pro-zone{border-radius:18px;margin-top:14px;position:relative}.stats-pro-content{gap:12px;transition:filter .26s,opacity .26s;display:grid}.stats-pro-zone.locked{min-height:395px;overflow:hidden}.stats-pro-zone.locked .stats-pro-content{filter:blur(6px);opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.pro-gate{z-index:3;text-align:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--surface) 76%,transparent),color-mix(in srgb,var(--surface) 16%,transparent) 68%);place-content:center;justify-items:center;gap:9px;padding:28px;display:grid;position:absolute;inset:0}.pro-gate[hidden]{display:none}.pro-gate>span{color:var(--accent);letter-spacing:.15em;font-size:9px;font-weight:800}.pro-gate>strong{letter-spacing:-.035em;max-width:390px;font-size:22px}.pro-gate>small{max-width:430px;color:var(--muted);font-size:11px;line-height:1.5}.pro-gate .btn{margin-top:6px}.stats-panels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.insight-panel{min-height:160px;padding:15px}.panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.panel-title small{color:var(--muted);font-size:8px}.activity-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:112px;display:flex}.activity-day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.activity-day i{width:min(24px,70%);height:var(--activity);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent2) 72%,var(--surface2)));border-radius:6px 6px 3px 3px;min-height:5px;transition:height .36s}.activity-day span{color:var(--muted);text-transform:uppercase;font-size:8px}.rank-ladder{grid-template-columns:repeat(7,1fr);align-items:end;gap:4px;height:112px;display:grid}.rank-step{color:var(--muted);justify-items:center;gap:5px;display:grid}.rank-step i{border:1px solid var(--border);background:var(--surface);border-radius:50%;width:18px;height:18px}.rank-step span{writing-mode:vertical-rl;font-size:7px;transform:rotate(180deg)}.rank-step small{font-size:7px}.rank-step.current{color:var(--accent)}.rank-step.current i{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.session-list,.leaderboard-list{gap:7px;display:grid}.session-row,.leader-row{background:color-mix(in srgb,var(--surface) 58%,transparent);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:10px;display:grid}.session-row>span{color:var(--muted)}.session-row>small{color:var(--good)}.leader-row{grid-template-columns:22px minmax(0,1fr) auto}.leader-row>b{color:var(--accent)}.empty-insight{color:var(--muted);text-align:center;padding:18px;font-size:10px}.setup-lab{grid-template-columns:minmax(0,1.65fr) minmax(230px,.55fr);align-items:start;gap:18px;display:grid}.keyboard-preview-shell{border:1px solid var(--border);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),color-mix(in srgb,var(--surface2) 66%,transparent);border-radius:22px;min-width:0;padding:clamp(18px,3vw,32px);overflow:hidden}.setup-board{border:1px solid color-mix(in srgb,var(--case-color) 72%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--case-color) 72%,var(--surface)),color-mix(in srgb,var(--case-color) 38%,var(--bg)));box-shadow:inset 0 -7px 0 color-mix(in srgb,var(--case-color) 28%,var(--bg)),0 20px 50px color-mix(in srgb,var(--bg) 45%,transparent);transform-origin:bottom;border-radius:14px;gap:5px;padding:12px;display:grid;transform:perspective(900px)rotateX(5deg)}.setup-key-row{gap:4px;display:flex}.setup-key{flex:var(--key-width) 1 0;border:1px solid color-mix(in srgb,var(--cap-legend) 14%,transparent);background:var(--cap-base);min-width:0;height:clamp(25px,3.2vw,38px);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--cap-legend) 10%,transparent),0 2px 3px color-mix(in srgb,var(--bg) 36%,transparent);color:var(--cap-legend);border-radius:5px;place-items:center;font:650 clamp(6px,.8vw,10px) ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;overflow:hidden}.setup-key.accent{background:var(--cap-accent);color:var(--cap-base)}.setup-signature{justify-content:space-between;align-items:center;gap:12px;margin-top:21px;display:flex}.setup-signature strong{font-size:13px}.setup-signature span{color:var(--muted);font-size:10px}.setup-controls{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 64%,transparent);border-radius:18px;gap:12px;padding:16px;display:grid}.setup-controls label{display:grid}.setup-controls label>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.setup-controls .field{background:var(--surface);margin:6px 0}.setup-controls label>small{color:var(--muted);font-size:9px}.nav .btn.primary{color:var(--text);background:color-mix(in srgb,var(--surface2) 76%,transparent)}@media (max-width:900px){.stats-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-lab{grid-template-columns:1fr}}@media (max-width:700px){.active-switch-preview{align-self:auto;width:100%}.active-switch-preview>span:nth-child(2){flex:1}.stats-free-grid,.stats-panels{grid-template-columns:1fr}.product-head{display:grid}.result-metrics{gap:18px}.result-metrics strong{font-size:32px}}.topbar-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.top-action{color:var(--muted);background:0 0;padding:8px 10px;font-size:11px}.language-menu{z-index:12;position:relative}.language-menu>summary{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;min-height:38px;padding:6px 10px;list-style:none;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>summary:hover,.language-menu[open]>summary{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:var(--surface2)}.language-menu>summary:active{transform:scale(.98)}.language-menu>summary>span:nth-child(2){gap:0;min-width:72px;display:grid}.language-menu>summary small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.language-menu>summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:10px;overflow:hidden}.language-menu>summary>b{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:rotate(45deg)translateY(-2px)}.language-menu[open]>summary>b{transform:rotate(225deg)translate(-1px,-1px)}.language-globe{border:1px solid var(--muted);opacity:.72;border-radius:50%;flex:0 0 16px;width:16px;height:16px;position:relative}.language-globe:before,.language-globe:after{content:"";border:1px solid var(--muted);border-block:0;border-radius:50%;position:absolute;inset:3px 6px}.language-globe:after{background:var(--muted);border:0;height:1px;inset:7px 1px auto}.language-popover{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--surface) 96%,transparent);width:min(410px,100vw - 28px);box-shadow:0 28px 80px color-mix(in srgb,var(--bg) 75%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:17px;padding:10px;animation:.24s cubic-bezier(.16,1,.3,1) both languageOpen;position:absolute;top:calc(100% + 9px);right:0}.language-search{border:1px solid var(--border);background:var(--surface2);border-radius:11px;align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;display:flex}.language-search>span{border:1px solid var(--muted);border-radius:50%;width:10px;height:10px}.language-search>span:after{content:"";background:var(--muted);width:5px;height:1px;margin:8px 0 0 7px;display:block;transform:rotate(45deg)}.language-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:10px 0;font-size:11px}.language-search input::placeholder{color:var(--muted)}.language-list{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:310px;display:grid;overflow:auto}.language-option{min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:flex}.language-option:hover{color:var(--text);background:var(--surface2);transform:translate(1px)}.language-option.selected{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--surface2))}.language-option.selected:before{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;flex:0 0 4px}.language-option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.language-option>small{letter-spacing:.08em;margin-left:auto;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.language-option[hidden]{display:none}@keyframes languageOpen{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:none}}.setup-catalog-meta{flex-wrap:wrap;gap:7px;margin:-11px 0 17px;display:flex}.setup-catalog-meta span,.setup-build-meta span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 62%,transparent);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:8px}.setup-stage{perspective:1200px;perspective-origin:52% 38%;isolation:isolate;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:clamp(350px,35vw,470px);display:grid;position:relative}.setup-ground{z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--setup-switch,var(--accent)) 12%,var(--bg)) 0%,transparent 70%);filter:blur(16px);border-radius:50%;width:76%;height:35%;position:absolute;transform:translateY(42%)rotate(-20deg)}.setup-board{border:1px solid color-mix(in srgb,var(--case-color) 76%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--case-color) 88%,white 4%),color-mix(in srgb,var(--case-color) 66%,var(--surface)));width:94%;box-shadow:0 var(--case-depth) 0 var(--case-edge),0 calc(var(--case-depth) + 22px) 52px color-mix(in srgb,var(--bg) 58%,transparent),inset 0 0 0 2px #ffffff0d;transform:rotateX(var(--setup-rotate-x,52deg)) rotateZ(var(--setup-rotate-z,-22deg)) translate3d(2%,-3%,0) scale(.91);transform-origin:50%;transform-style:preserve-3d;will-change:transform;border-radius:16px;gap:5px;padding:14px;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .3s,box-shadow .3s;position:relative}.keyboard-preview-shell:hover .setup-board{transform:rotateX(calc(var(--setup-rotate-x,52deg) - 2deg)) rotateZ(var(--setup-rotate-z,-22deg)) translate3d(2%,-5%,8px) scale(.925)}.setup-stage.dragging{cursor:grabbing}.setup-stage.dragging .setup-board,.setup-stage.dragging+.setup-signature{transition:none}.setup-board:before{content:"";border:1px solid color-mix(in srgb,var(--case-edge) 75%,transparent);pointer-events:none;border-radius:10px;position:absolute;inset:7px;transform:translateZ(1px)}.setup-board:after{content:"";background:color-mix(in srgb,var(--setup-switch) 68%,transparent);width:42%;height:4px;box-shadow:0 0 18px color-mix(in srgb,var(--setup-switch) 32%,transparent);opacity:.72;border-radius:99px;position:absolute;bottom:-9px;right:18px}.setup-key-row{transform-style:preserve-3d;gap:4px}.setup-key{background:linear-gradient(155deg,color-mix(in srgb,var(--cap-base) 90%,white 10%),var(--cap-base));height:clamp(22px,2.7vw,35px);box-shadow:0 var(--cap-row-height,var(--cap-height)) 0 color-mix(in srgb,var(--cap-base) 82%,black),0 calc(var(--cap-row-height,var(--cap-height)) + 2px) 4px color-mix(in srgb,var(--bg) 45%,transparent);transform:translateZ(var(--cap-row-height,var(--cap-height))) rotateX(var(--cap-row-tilt,0deg));transform-style:preserve-3d;transform-origin:bottom;border-radius:5px;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,box-shadow .22s;position:relative}.setup-key:hover{filter:brightness(1.12);transform:translateZ(calc(var(--cap-row-height,var(--cap-height)) + 2px)) rotateX(var(--cap-row-tilt,0deg))}.setup-key.function,.setup-key.navigation{filter:saturate(.75)brightness(.92)}.setup-key.accent{background:linear-gradient(155deg,color-mix(in srgb,var(--cap-accent) 88%,white 12%),var(--cap-accent));box-shadow:0 var(--cap-row-height,var(--cap-height)) 0 color-mix(in srgb,var(--cap-accent) 76%,black),0 calc(var(--cap-row-height,var(--cap-height)) + 2px) 5px color-mix(in srgb,var(--setup-switch) 22%,transparent)}.setup-build-meta{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.setup-sources{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.setup-sources>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:8px}.setup-sources a{border:1px solid var(--border);color:var(--text);border-radius:9px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;text-decoration:none;transition:transform .16s,border-color .16s;display:flex}.setup-sources a:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));transform:translateY(-1px)}.setup-sources a small{color:var(--muted);font-size:7px}.app-version{z-index:4;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--muted);letter-spacing:.08em;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:5px;padding:3px 5px;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:8px;right:10px}@media (max-width:900px){.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;flex:1}.nav{order:1}.language-menu,.top-action{order:2}.setup-stage{min-height:390px}}@media (max-width:680px){.topbar-actions{justify-content:flex-start;width:100%}.nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.language-menu{margin-left:0}.language-popover{left:0;right:auto}.language-list{grid-template-columns:1fr}.setup-stage{min-height:300px}.setup-board{width:105%;transform:rotateX(var(--setup-rotate-x,51deg)) rotateZ(var(--setup-rotate-z,-18deg)) scale(.84);gap:3px;padding:9px}.keyboard-preview-shell:hover .setup-board{transform:rotateX(calc(var(--setup-rotate-x,51deg) - 2deg)) rotateZ(var(--setup-rotate-z,-18deg)) scale(.86)}.setup-key-row{gap:2px}.setup-key{height:clamp(18px,5.2vw,27px);font-size:5px}}.minimal-avatar{--avatar:#a98df5;border:1px solid color-mix(in srgb,var(--avatar) 32%,var(--border));background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--avatar) 18%,transparent),transparent 52%),var(--surface2);border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.minimal-avatar[data-avatar-color=cyan]{--avatar:#52c7d9}.minimal-avatar[data-avatar-color=mint]{--avatar:#78c9a3}.minimal-avatar[data-avatar-color=amber]{--avatar:#dfa95b}.minimal-avatar[data-avatar-color=rose]{--avatar:#dd829f}.minimal-avatar[data-avatar-color=slate]{--avatar:#8f9bad}.minimal-avatar i,.minimal-avatar b{display:block;position:absolute}.minimal-avatar em{color:var(--avatar);letter-spacing:-.04em;font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:none}.minimal-avatar[data-avatar-style=orbit] i{border:1.5px solid var(--avatar);border-radius:50%;width:17px;height:17px}.minimal-avatar[data-avatar-style=orbit] b{border:1px solid var(--surface2);background:var(--avatar);width:5px;height:5px;box-shadow:-15px -9px 0 -1px color-mix(in srgb,var(--avatar) 65%,transparent);border-radius:50%;margin:9px 0 0 12px}.minimal-avatar[data-avatar-style=arc] i{border:2px solid var(--avatar);border-bottom-color:#0000;border-right-color:#0000;border-radius:50%;width:18px;height:18px;transform:rotate(22deg)}.minimal-avatar[data-avatar-style=arc] b{background:color-mix(in srgb,var(--avatar) 65%,transparent);border-radius:2px;width:7px;height:7px;transform:translate(5px,5px)}.minimal-avatar[data-avatar-style=grid] i{background:var(--avatar);width:4px;height:4px;box-shadow:7px 0 var(--avatar),-7px 0 color-mix(in srgb,var(--avatar) 45%,transparent),0 7px color-mix(in srgb,var(--avatar) 45%,transparent),7px 7px var(--avatar),-7px 7px var(--avatar),0 -7px var(--avatar),7px -7px color-mix(in srgb,var(--avatar) 45%,transparent),-7px -7px var(--avatar);border-radius:1px}.minimal-avatar[data-avatar-style=spark] i,.minimal-avatar[data-avatar-style=spark] b{border:1.5px solid var(--avatar);width:12px;height:12px;transform:rotate(45deg)}.minimal-avatar[data-avatar-style=spark] b{background:var(--avatar);border:0;width:5px;height:5px;transform:translate(7px,-7px)rotate(45deg)}.minimal-avatar[data-avatar-style=wave] i{background:repeating-linear-gradient(0deg,var(--avatar) 0 2px,transparent 2px 5px);width:20px;height:14px;transform:skewY(-17deg)}.minimal-avatar[data-avatar-style=wave] b{background:var(--avatar);border-radius:50%;width:4px;height:4px;transform:translate(9px,-8px)}.minimal-avatar[data-avatar-style=monogram] em{display:block}.summary-avatar{border-radius:10px;flex-basis:30px;width:30px;height:30px}.profile-panel .utility-body{grid-template-columns:auto minmax(130px,1fr) auto}.profile-edit-btn{color:var(--muted);background:0 0;grid-column:1/-1;justify-self:start;padding:6px 9px;font-size:9px}.profile-modal-card{width:min(570px,100%)}.profile-modal-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px;display:flex}.profile-modal-head h2,.paywall-head h2{letter-spacing:-.04em;margin:0;font-size:25px}.profile-avatar-preview{border-radius:19px;flex-basis:62px;width:62px;height:62px}.profile-avatar-preview em{font-size:16px}.profile-name-field{display:grid}.profile-name-field>span,.profile-option-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.avatar-style-grid{grid-template-columns:repeat(6,1fr);gap:7px;margin:8px 0 17px;display:grid}.avatar-style-choice{border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:12px;justify-items:center;gap:5px;padding:8px 4px;transition:transform .16s,border-color .16s,background-color .16s;display:grid}.avatar-style-choice:hover{transform:translateY(-1px)}.avatar-style-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface2))}.avatar-style-choice small{font-size:7px}.avatar-color-row{gap:8px;margin:8px 0 19px;display:flex}.avatar-color-choice{border:4px solid var(--surface2);outline:1px solid var(--border);background:var(--avatar-swatch);cursor:pointer;border-radius:50%;width:25px;height:25px;transition:transform .16s,outline-color .16s}.avatar-color-choice:hover,.avatar-color-choice.selected{outline-color:var(--text);transform:scale(1.12)}.profile-signout{color:var(--muted);background:0 0;margin-left:auto;font-size:9px}.customize-modal-card{width:min(610px,100%)}.customize-benefits{grid-template-columns:1fr 1fr;gap:7px;margin:19px 0;display:grid}.customize-benefits span{border:1px solid var(--border);background:var(--surface2);border-radius:11px;padding:10px 11px;font-size:10px}.customize-benefits span:before{content:"+";color:var(--accent);margin-right:7px;font-weight:800}.paywall-card{width:min(820px,100%);max-height:min(90vh,820px);padding:clamp(18px,3vw,30px);overflow:auto}.paywall-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.paywall-head p{max-width:560px;margin:7px 0 0;font-size:11px;line-height:1.5}.paywall-close{color:var(--muted);background:0 0;padding:7px 9px;font-size:9px}.pricing-options{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 15px;display:grid}.pricing-option{border:1px solid var(--border);background:var(--surface2);min-height:112px;color:var(--text);cursor:pointer;text-align:left;border-radius:16px;align-content:start;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.pricing-option:hover{transform:translateY(-2px)}.pricing-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 35px color-mix(in srgb,var(--accent) 4%,transparent)}.pricing-option>b{background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:3px 6px;font-size:7px;position:absolute;top:10px;right:11px}.pricing-option>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.pricing-option>strong{letter-spacing:-.06em;margin:9px 0 4px;font:800 27px ui-monospace,SFMono-Regular,Menlo,monospace}.pricing-option>small{color:var(--muted);font-size:9px}.plan-table{border:1px solid var(--border);border-radius:15px;display:grid;overflow:hidden}.plan-row{border-top:1px solid var(--border);grid-template-columns:minmax(160px,1.4fr) minmax(80px,.55fr) minmax(120px,.8fr);align-items:center;min-height:42px;font-size:10px;display:grid}.plan-row:first-child{border-top:0}.plan-row>*{padding:9px 12px}.plan-row>b{color:var(--muted);font-weight:500}.plan-row>strong{color:var(--accent)}.plan-header{background:color-mix(in srgb,var(--surface2) 78%,transparent);min-height:34px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.paywall-cta{width:100%;margin-top:14px;padding:12px}.payment-methods{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:11px;font-size:7px;display:flex}.payment-methods>span{margin-right:4px}.payment-methods>b{border:1px solid var(--border);color:var(--text);border-radius:5px;padding:3px 5px;font-size:7px}.payment-methods>small{text-align:center;flex-basis:100%}#paymentMessage{text-align:center;margin-top:6px}.race-mode-switch{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 78%,transparent);min-width:224px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bg) 20%,transparent);border-radius:15px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.race-mode{min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;gap:2px;padding:9px 15px;transition:background .22s,color .22s,box-shadow .22s,transform .18s;display:grid}.race-mode:hover{color:var(--text);transform:translateY(-1px)}.race-mode.active{background:var(--surface);color:var(--text);box-shadow:0 5px 18px color-mix(in srgb,var(--bg) 30%,transparent)}.race-mode:disabled{cursor:wait;opacity:.68}.race-mode>span{font-size:11px;font-weight:750}.race-mode>small{color:inherit;letter-spacing:.12em;text-transform:uppercase;opacity:.72;font-size:7px}#raceView[data-race-mode=ranked] .lane-fill{background:linear-gradient(90deg,var(--accent2),var(--accent))}.pro-readiness{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pro-readiness>div{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 72%,transparent);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;padding:10px 12px;display:grid}.pro-readiness i{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 10%,transparent);border-radius:50%;grid-row:1/3}.pro-readiness i.ready{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 10%,transparent)}.pro-readiness i.error{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 10%,transparent)}.pro-readiness span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.pro-readiness strong{font-size:10px;font-weight:700}.setup-view-tools{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:9px;display:flex}.setup-view-tools span{align-items:center;gap:7px;display:flex}.setup-view-tools b{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.setup-view-tools .btn{background:0 0;padding:6px 8px;font-size:8px}.setup-control{min-width:0;display:grid;position:relative}.setup-control>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.setup-control>small{min-height:13px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:9px;overflow:hidden}.setup-picker{z-index:1;margin-top:6px;position:relative}.setup-picker[open]{z-index:20}.setup-picker summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 12px;list-style:none;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.setup-picker summary::-webkit-details-marker{display:none}.setup-picker summary:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--accent) 3%);transform:translateY(-1px)}.setup-picker[open] summary{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.setup-picker summary>span{gap:3px;min-width:0;display:grid}.setup-picker summary strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.setup-picker summary small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.setup-picker summary>b{border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);width:8px;height:8px;transition:transform .22s cubic-bezier(.16,1,.3,1);transform:rotate(45deg)translateY(-2px)}.setup-picker[open] summary>b{transform:rotate(225deg)translate(-2px,-1px)}.setup-picker-popover{background:color-mix(in srgb,var(--surface) 97%,transparent);max-height:0;box-shadow:0 22px 55px color-mix(in srgb,var(--bg) 55%,transparent);opacity:0;pointer-events:none;transform-origin:top;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #0000;border-radius:15px;gap:7px;padding:0 7px;transition:max-height .3s cubic-bezier(.16,1,.3,1),padding .22s,opacity .18s,transform .26s cubic-bezier(.16,1,.3,1),border-color .18s;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;transform:translateY(-7px)scale(.985)}.setup-picker[open] .setup-picker-popover{border-color:var(--border);opacity:1;pointer-events:auto;max-height:340px;padding:7px;transform:none}.setup-picker-popover>label{display:block;position:relative}.setup-picker-popover>label>span{border:1px solid var(--muted);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:11px;transform:translateY(-62%)}.setup-picker-popover>label>span:after{content:"";background:var(--muted);width:4px;height:1px;position:absolute;bottom:-2px;right:-3px;transform:rotate(45deg)}.setup-picker-popover input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:10px;outline:0;padding:9px 10px 9px 28px;font-size:9px}.setup-picker-popover input:focus{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.setup-picker-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent;gap:3px;max-height:270px;display:grid;overflow:auto}.setup-picker-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;gap:3px;padding:9px 10px;transition:background .15s,border-color .15s,transform .15s;display:grid}.setup-picker-option:hover{background:var(--surface2);transform:translate(2px)}.setup-picker-option.selected{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--surface2))}.setup-picker-option>span{font-size:10px;font-weight:700}.setup-picker-option>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.setup-picker-option[hidden]{display:none}.account-menu{z-index:14;position:relative}.account-menu>summary{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent);cursor:pointer;border-radius:13px;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 5px;list-style:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:var(--surface2)}.account-avatar{border-radius:10px;flex-basis:30px;width:30px;height:30px}.account-summary-copy{gap:0;min-width:46px;display:grid}.account-summary-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:9px;overflow:hidden}.account-summary-copy small{color:var(--muted);letter-spacing:.12em;font-size:6px}.account-chevron{border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);width:6px;height:6px;margin:0 2px;transition:transform .22s;transform:rotate(45deg)translateY(-2px)}.account-menu[open] .account-chevron{transform:rotate(225deg)translate(-1px,-1px)}.account-popover{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 97%,transparent);width:230px;box-shadow:0 22px 55px color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:16px;padding:7px;animation:.24s cubic-bezier(.16,1,.3,1) both panelOpen;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-presence{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;padding:9px 10px 11px;display:flex}.account-presence>span{gap:2px;min-width:0;display:grid}.account-presence strong,.account-presence small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-presence strong{font-size:11px}.account-presence small{color:var(--muted);font-size:8px}.account-presence>i{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 10%,transparent);border-radius:50%;flex:0 0 7px}.account-presence>i.online{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 10%,transparent)}.account-popover>button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;gap:2px;padding:9px 10px;transition:background .15s,transform .15s;display:grid}.account-popover>button:hover{background:var(--surface2);transform:translate(2px)}.account-popover>button span{font-size:10px;font-weight:700}.account-popover>button small{color:var(--muted);font-size:8px}.inline-mastery{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 54%,transparent);border-radius:15px;margin-top:16px;overflow:clip}.inline-mastery>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;list-style:none;display:flex}.inline-mastery>summary::-webkit-details-marker{display:none}.inline-mastery>summary span{gap:2px;display:grid}.inline-mastery>summary small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:7px}.inline-mastery>summary strong{font-size:10px}.inline-mastery>summary>b{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:600}.inline-mastery[open]>summary>b{color:var(--accent)}.inline-mastery-body{border-top:1px solid var(--border);padding:12px 13px 14px;animation:.26s cubic-bezier(.16,1,.3,1) both panelOpen}.stats-mastery{margin:12px 0}.setup-picker-popover.compact{max-height:0}.setup-picker[open] .setup-picker-popover.compact{max-height:330px}.profile-shape-option>span{align-items:center;gap:9px;display:flex}.profile-shape-option>span>i{border-bottom:2px solid color-mix(in srgb,var(--accent) 50%,var(--border));flex:0 0 24px;width:24px;height:14px;position:relative}.profile-shape-option>span>i:before{content:"";height:var(--profile-height);border:1px solid color-mix(in srgb,var(--text) 25%,var(--border));background:var(--surface2);transform-origin:bottom;border-radius:4px 4px 2px 2px;max-height:11px;position:absolute;bottom:2px;left:2px;right:2px;transform:perspective(25px)rotateX(18deg)}.editorial-view{justify-content:center;max-width:900px;margin:auto;padding:clamp(12px,3vw,38px)}.editorial-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800}.editorial-view>h1{letter-spacing:-.065em;max-width:720px;margin:14px 0;font-size:clamp(34px,5.2vw,62px);line-height:.98}.editorial-view>p{max-width:650px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.editorial-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px;display:grid}.editorial-grid article,.legal-sections article{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 55%,transparent);border-radius:16px;padding:18px}.editorial-grid span{color:var(--accent);font:700 9px ui-monospace,monospace}.editorial-grid h2,.legal-sections h2{margin:22px 0 7px;font-size:13px}.editorial-grid p,.legal-sections p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.editorial-back{color:var(--muted);background:0 0;align-self:flex-start;margin-top:28px;font-size:9px}.legal-sections{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.legal-sections h2{margin:0 0 8px}.legal-updated{color:var(--muted);margin-top:18px;font-size:8px}.site-footer{color:color-mix(in srgb,var(--muted) 62%,transparent);justify-content:space-between;align-items:center;gap:16px;padding:26px 5px 6px;font-size:8px;display:flex}.site-footer nav{align-items:center;gap:13px;display:flex}.site-footer button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.site-footer button:hover{color:var(--text)}@media (max-width:600px){.avatar-style-grid{grid-template-columns:repeat(3,1fr)}.customize-benefits,.pricing-options{grid-template-columns:1fr}.plan-row{grid-template-columns:minmax(115px,1.2fr) 64px minmax(88px,.8fr);font-size:8px}.plan-row>*{padding:8px 7px}.race-head{flex-direction:column}.race-mode-switch{width:100%;min-width:0}.pro-readiness{grid-template-columns:1fr}.setup-picker[open] .setup-picker-popover{max-height:300px}.account-summary-copy{display:none}.account-popover{width:min(250px,100vw - 28px);position:fixed;top:70px;right:14px}.inline-mastery .keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}.editorial-grid,.legal-sections{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}
.mastery-keyboard{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.mastery-keyboard .key{isolation:isolate;transition:transform .14s,border-color .18s,box-shadow .18s,opacity .18s;position:relative;overflow:hidden}.mastery-keyboard .key:after{content:"";height:3px;width:var(--mastery,50%);opacity:.5;z-index:-1;background:currentColor;transition:width .42s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute;inset:auto 0 0}.mastery-keyboard .key[data-mastery=weak]{opacity:.72}.mastery-keyboard .key[data-mastery=learning]{opacity:.9}.mastery-keyboard .key[data-mastery=mastered]{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent)}.mastery-keyboard .key:hover{border-color:color-mix(in srgb, currentColor 36%, transparent);transform:translateY(-2px)}.mastery-keyboard .key.active{transform:translateY(1px)scale(.96)}.mastery-keyboard .key[data-finger=lp],.mastery-keyboard .key[data-finger=rp]{border-bottom-color:color-mix(in srgb, var(--accent,currentColor) 52%, transparent)}.mastery-keyboard .key[data-finger=lr],.mastery-keyboard .key[data-finger=rr]{border-bottom-style:dashed}.mastery-keyboard .key[data-finger=lm],.mastery-keyboard .key[data-finger=rm]{border-bottom-width:2px}.mastery-keyboard .key[data-finger=li],.mastery-keyboard .key[data-finger=ri]{border-bottom-width:3px}.mastery-insight{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);margin-top:14px;padding-top:12px}.mastery-legend{letter-spacing:.06em;text-transform:uppercase;opacity:.62;flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.mastery-legend span{align-items:center;gap:5px;display:inline-flex}.mastery-legend .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.mastery-legend .dot.weak{opacity:.28}.mastery-legend .dot.learning{opacity:.58}.mastery-legend .dot.mastered{opacity:1;box-shadow:0 0 8px}.mastery-summary{opacity:.72;margin:10px 0;font-size:11px;line-height:1.5}.mastery-summary strong{opacity:1;font-variant-numeric:tabular-nums}.mastery-weak-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mastery-weak-item{border:1px solid color-mix(in srgb, currentColor 9%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);border-radius:9px;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex}.mastery-weak-item kbd{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);width:26px;height:26px;font:inherit;text-transform:uppercase;border-radius:7px;flex:0 0 26px;place-items:center;font-weight:700;display:grid}.mastery-weak-item div{min-width:0}.mastery-weak-item strong,.mastery-weak-item span{display:block}.mastery-weak-item strong{font-variant-numeric:tabular-nums;font-size:11px}.mastery-weak-item span{opacity:.55;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;overflow:hidden}@media (max-width:900px){.mastery-keyboard{gap:4px}.mastery-weak-list{grid-template-columns:1fr}}
:root{--motion-fast:.15s;--motion-ui:.21s;--motion-theme:.36s;--ease-premium:cubic-bezier(.22, 1, .36, 1);--soft-border:color-mix(in srgb, var(--border) 82%, transparent);--soft-hover:color-mix(in srgb, var(--surface2) 78%, transparent)}a,a:visited,.brand,.nav a,.topbar a{color:inherit;text-decoration:none;text-decoration-thickness:0}.brand{transition:opacity var(--motion-ui) var(--ease-premium), transform var(--motion-ui) var(--ease-premium)}.brand:hover{opacity:.92;transform:translateY(-1px)}.btn,.tab,.theme-choice,.sound-choice,.language-option,.account-popover button,.customization-panel summary{-webkit-tap-highlight-color:transparent}.btn,.tab,.theme-choice,.sound-choice{transition:color var(--motion-ui) ease, background-color var(--motion-theme) var(--ease-premium), border-color var(--motion-ui) ease, box-shadow var(--motion-ui) var(--ease-premium), transform var(--motion-fast) var(--ease-premium), opacity var(--motion-fast) ease}.btn:hover,.tab:hover{transform:translateY(-1px)}.btn:active,.tab:active,.theme-choice:active,.sound-choice:active{transform:translateY(0)scale(.985)}.btn:focus-visible,.tab:focus-visible,.theme-choice:focus-visible,.sound-choice:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:3px}.card{border-color:var(--soft-border);box-shadow:0 18px 55px #0003, inset 0 1px 0 color-mix(in srgb, var(--text) 2.5%, transparent)}.customization-panel{overflow:clip}.customization-panel>summary{transition:background-color var(--motion-theme) var(--ease-premium), color var(--motion-ui) ease}.customization-panel>summary:hover{background:color-mix(in srgb, var(--surface2) 34%, transparent)}.customization-panel[open]>summary{background:color-mix(in srgb, var(--surface2) 24%, transparent)}.theme-choice{appearance:none;border:1px solid var(--soft-border);background:color-mix(in srgb, var(--surface2) 58%, transparent);width:100%;min-width:0;color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 2.5%, transparent);border-radius:14px;padding:11px 12px}.theme-choice:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--surface2) 82%, transparent);box-shadow:0 8px 20px #0000001a, inset 0 1px 0 color-mix(in srgb, var(--text) 4%, transparent);transform:translateY(-1px)}.theme-choice.selected{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface2));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), 0 10px 26px color-mix(in srgb, var(--accent) 8%, transparent)}.theme-choice .choice-heading{justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex}.theme-choice small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.35;display:block}.swatches{align-items:center;gap:5px;min-height:10px;margin-top:8px;display:flex}.swatches i{width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent), 0 2px 7px #00000029;transition:transform var(--motion-ui) var(--ease-premium), box-shadow var(--motion-ui) ease;border-radius:50%;flex:0 0 8px;display:block}.theme-choice:hover .swatches i{transform:translateY(-1px)scale(1.06)}.theme-choice:hover .swatches i:nth-child(2){transition-delay:18ms}.theme-choice:hover .swatches i:nth-child(3){transition-delay:36ms}.theme-choice:hover .swatches i:nth-child(4){transition-delay:54ms}.customization-panel .sound-choice{border-color:var(--soft-border);background:color-mix(in srgb, var(--surface2) 62%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 2.5%, transparent)}.customization-panel .sound-choice:hover{border-color:color-mix(in srgb, var(--switch-tone,var(--accent)) 32%, var(--border));background:color-mix(in srgb, var(--surface2) 82%, transparent);transform:translateY(-1px);box-shadow:0 8px 22px #0000001a}.customization-panel .sound-choice.selected{border-color:color-mix(in srgb, var(--accent) 68%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface2));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 7%, transparent)}.typing-text,.typing-text span,.char,.char.correct,.char.current,.char.incorrect{text-decoration:none!important}.char.incorrect{color:var(--bad);text-shadow:0 0 16px color-mix(in srgb, var(--bad) 18%, transparent);font-weight:650}.char.current:before{box-shadow:0 0 9px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;animation:1.08s ease-in-out infinite keysloomCaret}@keyframes keysloomCaret{0%,to{opacity:.96;transform:scaleY(1)}50%{opacity:.28;transform:scaleY(.92)}}html,body,.card,.btn,.tab,.key,.pill,.lane,.field,.theme-choice,.sound-choice,.customization-panel>summary{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:var(--motion-ui), var(--motion-theme), var(--motion-ui), var(--motion-ui), var(--motion-fast), var(--motion-fast);transition-timing-function:ease, var(--ease-premium), ease, var(--ease-premium), var(--ease-premium), ease}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:600px){.theme-choice{padding:10px}.swatches i{flex-basis:7px;width:7px;height:7px}}