.setup-reference-specs-module__qq_ZKq__panel{z-index:8;border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);width:min(270px,100% - 36px);box-shadow:0 16px 42px color-mix(in srgb, var(--bg) 48%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:12px 14px;position:absolute;bottom:18px;left:18px}.setup-reference-specs-module__qq_ZKq__heading{letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.setup-reference-specs-module__qq_ZKq__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px}.setup-reference-specs-module__qq_ZKq__metrics{gap:7px;margin:0;display:grid}.setup-reference-specs-module__qq_ZKq__metrics>div{grid-template-columns:72px 1fr;align-items:baseline;gap:8px;display:grid}.setup-reference-specs-module__qq_ZKq__metrics dt{color:var(--muted);font-size:11px}.setup-reference-specs-module__qq_ZKq__metrics dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:11px}.setup-reference-specs-module__qq_ZKq__construction{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.45}.setup-reference-specs-module__qq_ZKq__source{color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--text) 28%, transparent);margin-top:8px;font-size:10px;text-decoration:none;display:inline-flex}.setup-reference-specs-module__qq_ZKq__source:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (max-width:680px){.setup-reference-specs-module__qq_ZKq__panel{width:min(240px,100% - 20px);padding:10px 12px;bottom:10px;left:10px}.setup-reference-specs-module__qq_ZKq__construction{display:none}}@media (prefers-reduced-transparency:reduce){.setup-reference-specs-module__qq_ZKq__panel{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
: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 h1,.race-head h1{margin:0 0 6px;font-size:1.5em}.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 h1{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}}.typing-test-intro{border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,.75fr) minmax(300px,1.25fr);align-items:end;gap:clamp(20px,4vw,64px);margin-bottom:20px;padding:2px 0 22px;display:grid}.typing-test-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.typing-test-intro h1{letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(34px,4.8vw,58px);line-height:.95}.typing-test-intro p{max-width:670px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.typing-test-intro+#testView{min-height:clamp(480px,62vh,650px)}.typing-test-guide{border-top:1px solid var(--border);gap:clamp(42px,6vw,72px);margin-top:30px;padding:clamp(42px,6vw,76px) 0 16px;display:grid}.typing-test-guide-heading{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);align-items:start;column-gap:clamp(28px,6vw,90px);display:grid}.typing-test-guide-heading .typing-test-kicker{grid-column:1}.typing-test-guide-heading h1,.typing-test-guide-heading h2{letter-spacing:-.05em;grid-column:1;max-width:540px;margin:12px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.04}.typing-test-guide-page{border-top:0;margin-top:0;padding-top:clamp(18px,3vw,38px)}.typing-test-guide-heading p{max-width:640px;color:var(--muted);grid-area:1/2/span 2;margin:2px 0 0;font-size:13px;line-height:1.8}.typing-test-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.typing-test-feature-grid article,.typing-test-metric-copy article,.typing-test-faq-list article{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 58%,transparent);border-radius:17px;padding:20px}.typing-test-feature-grid article>span{color:var(--accent);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.typing-test-guide h3,.typing-test-feature-grid h2{letter-spacing:-.015em;margin:24px 0 8px;font-size:13px}.typing-test-guide article p{color:var(--muted);margin:0;font-size:10px;line-height:1.75}.typing-test-guide a:not(.btn){color:var(--accent2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent2) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--accent2) 40%,transparent);text-underline-offset:3px}.typing-test-explainer,.typing-test-faq,.typing-test-next{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.typing-test-explainer h2,.typing-test-faq h2,.typing-test-next h2{letter-spacing:-.045em;max-width:420px;margin:12px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.06}.typing-test-metric-copy,.typing-test-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.typing-test-metric-copy h3,.typing-test-faq-list h3{margin:0 0 8px}.typing-test-faq-list article{min-height:145px}.typing-test-next{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface2)),color-mix(in srgb,var(--accent2) 5%,var(--surface)));border-radius:18px;padding:24px}.typing-test-next>div:last-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:760px){.typing-test-intro,.typing-test-guide-heading,.typing-test-explainer,.typing-test-faq,.typing-test-next{grid-template-columns:1fr}.typing-test-guide-heading p{grid-area:auto/1;margin-top:16px}.typing-test-feature-grid{grid-template-columns:1fr}.typing-test-intro+#testView{min-height:560px}}@media (max-width:520px){.typing-test-intro{align-items:start}.typing-test-metric-copy,.typing-test-faq-list{grid-template-columns:1fr}.typing-test-faq-list article{min-height:0}.typing-test-next{padding:18px}.typing-test-next>div:last-child{flex-direction:column;align-items:stretch}.typing-test-next .btn{text-align:center}}
[data-theme=pbt-stone]{--bg:#20242a;--surface:#292e35;--surface2:#343a42;--text:#eee8dc;--muted:#98a0aa;--accent:#d8cdb7;--accent2:#91a6b7;--good:#9fbe9b;--bad:#d77d83;--warning:#d5ad70;--border:#eee8dc1a;--shadow:0 24px 84px #07090c66}[data-theme=milk-tea]{--bg:#f3eadc;--surface:#e8dccb;--surface2:#dccdb9;--text:#40362f;--muted:#8d7d70;--accent:#b47652;--accent2:#7f9272;--good:#648460;--bad:#bd6267;--warning:#a97b3f;--border:#40362f1f;--shadow:0 24px 72px #6b4f3921}[data-theme=terminal-ice]{--bg:#0b141d;--surface:#111e29;--surface2:#192a37;--text:#e3edf3;--muted:#79909f;--accent:#7fd4d9;--accent2:#87a9d6;--good:#7fc8a0;--bad:#e57d91;--warning:#dfbb71;--border:#e3edf31a;--shadow:0 24px 88px #02070b7a}[data-theme=copper-night]{--bg:#171312;--surface:#211b19;--surface2:#2c231f;--text:#f0e4d8;--muted:#9f8979;--accent:#d28b5c;--accent2:#b9a27d;--good:#9cb484;--bad:#d87672;--warning:#d7ae68;--border:#f0e4d81a;--shadow:0 24px 90px #07040385}
[data-theme=ivory-circuit]{--bg:#f2efe7;--surface:#e8e3d8;--surface2:#dcd5c8;--text:#2f3437;--muted:#777d7d;--accent:#4f6570;--accent2:#c08a54;--good:#5f806b;--bad:#b45f5b;--warning:#a9793f;--border:#2f34371f;--shadow:0 24px 72px #463e321f}[data-theme=polar-slate]{--bg:#13181e;--surface:#1b222a;--surface2:#242d36;--text:#e7edf1;--muted:#8795a0;--accent:#79b8d1;--accent2:#9ea9b5;--good:#7db99a;--bad:#dc7a83;--warning:#d6ad6b;--border:#e7edf11a;--shadow:0 24px 88px #03070b80}[data-theme=retro-ember]{--bg:#e8dfcf;--surface:#ddd1bf;--surface2:#d0c1ab;--text:#3a332d;--muted:#81766a;--accent:#a95632;--accent2:#66705b;--good:#5f7759;--bad:#ad5149;--warning:#a67738;--border:#3a332d21;--shadow:0 24px 74px #583e2924}[data-theme=violet-alloy]{--bg:#15121d;--surface:#1e1928;--surface2:#292135;--text:#f0ebf8;--muted:#978da8;--accent:#b89cff;--accent2:#7c8bea;--good:#84b995;--bad:#e27c99;--warning:#d5ad70;--border:#f0ebf81a;--shadow:0 24px 92px #06030c8a}
[data-theme=ceramic-dawn]{--bg:#f5f1e8;--surface:#e9e1d3;--surface2:#ddd2c1;--text:#353330;--muted:#7d756b;--accent:#b66f52;--accent2:#6f8d88;--good:#66866d;--bad:#b85f58;--warning:#b38448;--border:#3533301f;--shadow:0 24px 76px #5d483321}[data-theme=rain-glass]{--bg:#0f171b;--surface:#172126;--surface2:#202c32;--text:#e5eef0;--muted:#83969b;--accent:#76c3c7;--accent2:#7d9fd1;--good:#78b99a;--bad:#d97f86;--warning:#d3ad67;--border:#e5eef01a;--shadow:0 24px 90px #03080a85}[data-theme=carbon-cream]{--bg:#242220;--surface:#302d2a;--surface2:#3a3632;--text:#f0e7d7;--muted:#a79b8b;--accent:#d5b98a;--accent2:#8ea9a3;--good:#8caf83;--bad:#d98372;--warning:#d5aa62;--border:#f0e7d71a;--shadow:0 24px 88px #08070675}[data-theme=jade-kiln]{--bg:#101815;--surface:#17231f;--surface2:#20302a;--text:#e9f0e8;--muted:#8fa197;--accent:#7fc0a1;--accent2:#d5a96d;--good:#77b58e;--bad:#d37a72;--warning:#d6aa63;--border:#e9f0e81a;--shadow:0 24px 94px #0209068f}
[data-theme=birch-workshop]{--bg:#f1eadc;--surface:#e7dccb;--surface2:#d9ccb8;--text:#34352f;--muted:#7d786d;--accent:#5f765f;--accent2:#b98258;--good:#6f8a68;--bad:#b8665c;--warning:#b98a4e;--border:#34352f1f;--shadow:0 24px 76px #5c483021}[data-theme=cobalt-desk]{--bg:#101826;--surface:#182336;--surface2:#223049;--text:#e8edf5;--muted:#8795aa;--accent:#5c8fc9;--accent2:#83b8b2;--good:#77ad8d;--bad:#d67d83;--warning:#d4ab68;--border:#e8edf51a;--shadow:0 24px 90px #04081085}[data-theme=dolch-moss]{--bg:#282b2a;--surface:#343836;--surface2:#414642;--text:#ece9df;--muted:#a09f95;--accent:#9aaf78;--accent2:#c2b18d;--good:#89a875;--bad:#cf7d72;--warning:#c9a866;--border:#ece9df1a;--shadow:0 24px 88px #0a0b0a73}[data-theme=burgundy-brass]{--bg:#1b1115;--surface:#28191f;--surface2:#352128;--text:#f0e7e4;--muted:#a58c91;--accent:#c28b58;--accent2:#b96f7b;--good:#8baa7e;--bad:#d56f74;--warning:#d1a15b;--border:#f0e7e41a;--shadow:0 24px 94px #08020494}
[data-theme=linen-ink]{--bg:#f3eee2;--surface:#e9e1d2;--surface2:#ddd2bf;--text:#2f3438;--muted:#7e7b73;--accent:#355b73;--accent2:#b57b57;--good:#6f8c73;--bad:#b96660;--warning:#b98a4f;--border:#2f34381f;--shadow:0 24px 76px #5c493421}[data-theme=oxide-blue]{--bg:#121923;--surface:#1b2532;--surface2:#263343;--text:#edf2f6;--muted:#8c99a8;--accent:#547da0;--accent2:#8fb8b0;--good:#78a58b;--bad:#d0787e;--warning:#cca667;--border:#edf2f61a;--shadow:0 24px 90px #04080e85}[data-theme=plum-paper]{--bg:#f0e5dc;--surface:#e5d6cb;--surface2:#d8c7ba;--text:#3b3137;--muted:#85767c;--accent:#87566f;--accent2:#b87c5d;--good:#728e73;--bad:#bd625f;--warning:#b78b51;--border:#3b31371f;--shadow:0 24px 76px #543b3e24}[data-theme=titanium-orchid]{--bg:#17181c;--surface:#22242a;--surface2:#2d3038;--text:#f0eef4;--muted:#9895a3;--accent:#b783c8;--accent2:#83b9c6;--good:#83a98b;--bad:#d27683;--warning:#cfa565;--border:#f0eef41a;--shadow:0 24px 94px #05050894}
[data-theme=chalk-sage]{--bg:#f4f0e7;--surface:#e9e4d9;--surface2:#ddd6c9;--text:#303633;--muted:#7b817c;--accent:#607a67;--accent2:#b18868;--good:#6f8f72;--bad:#ba6962;--warning:#bd8f4f;--border:#3036331f;--shadow:0 24px 76px #584e3f21}[data-theme=ink-copper]{--bg:#101923;--surface:#182431;--surface2:#223243;--text:#eef3f6;--muted:#8c9aa7;--accent:#5f8fa6;--accent2:#ba7657;--good:#77a287;--bad:#d27573;--warning:#c69a5a;--border:#eef3f61a;--shadow:0 24px 92px #03080e8c}[data-theme=clay-graphite]{--bg:#e7ddd2;--surface:#dbd0c4;--surface2:#cfc2b5;--text:#343836;--muted:#7e7f79;--accent:#555b58;--accent2:#7d8f6d;--good:#71856f;--bad:#b86660;--warning:#ad8349;--border:#3438361f;--shadow:0 24px 76px #4f433824}[data-theme=lacquer-gold]{--bg:#0c0d0f;--surface:#15171a;--surface2:#202329;--text:#f3efe7;--muted:#97938b;--accent:#d0a256;--accent2:#8faab0;--good:#82a67c;--bad:#cf726e;--warning:#d1a957;--border:#f3efe71a;--shadow:0 24px 96px #000000a3}
[data-theme=pearl-moss]{--bg:#f1efe8;--surface:#e5e1d7;--surface2:#d8d2c5;--text:#303732;--muted:#7b817a;--accent:#607562;--accent2:#b68f63;--good:#6f8b6e;--bad:#b96c63;--warning:#b98b48;--border:#3037321f;--shadow:0 24px 76px #534c3f21}[data-theme=steel-lilac]{--bg:#171a20;--surface:#20242c;--surface2:#2a303a;--text:#f0f1f5;--muted:#9298a3;--accent:#9a8fbd;--accent2:#6f9fa9;--good:#7ca189;--bad:#cc747d;--warning:#c29a5d;--border:#f0f1f51a;--shadow:0 24px 92px #04060a8f}[data-theme=ochre-mono]{--bg:#e7d8b8;--surface:#dccba7;--surface2:#cfbc94;--text:#3c382f;--muted:#7c7465;--accent:#5f5749;--accent2:#b9823e;--good:#718265;--bad:#b96858;--warning:#a87636;--border:#3c382f21;--shadow:0 24px 76px #5e4d3226}[data-theme=ember-titanium]{--bg:#111317;--surface:#1a1d23;--surface2:#252a31;--text:#f3f1ed;--muted:#96999e;--accent:#d47b49;--accent2:#90aeb8;--good:#82a57d;--bad:#d36f69;--warning:#d39a4f;--border:#f3f1ed1a;--shadow:0 24px 96px #0000009e}
[data-theme=bone-teal]{--bg:#f3efe4;--surface:#e8e1d2;--surface2:#d9cfbd;--text:#283432;--muted:#7b827b;--accent:#3f7774;--accent2:#b8895c;--good:#628a6d;--bad:#b96660;--warning:#b68b45;--border:#2834321f;--shadow:0 24px 76px #54493721}[data-theme=ash-rose]{--bg:#ded7d2;--surface:#d1c8c2;--surface2:#c3b8b1;--text:#3b3435;--muted:#7d7374;--accent:#8b5f69;--accent2:#697d78;--good:#71866e;--bad:#ad625f;--warning:#a77d43;--border:#3b343521;--shadow:0 24px 76px #4e424224}[data-theme=midnight-brass]{--bg:#0e1417;--surface:#171e22;--surface2:#222b30;--text:#f0eee7;--muted:#90999b;--accent:#c5a35e;--accent2:#5f9ca0;--good:#79a078;--bad:#cb6d67;--warning:#c59449;--border:#f0eee71a;--shadow:0 24px 94px #0009}[data-theme=cobalt-chrome]{--bg:#101522;--surface:#181f30;--surface2:#252d42;--text:#f4f6fb;--muted:#929caf;--accent:#739cff;--accent2:#c5d1df;--good:#79a78d;--bad:#d27078;--warning:#d5a04f;--border:#f4f6fb1a;--shadow:0 24px 100px #02050ea8}
.mastery-panel{gap:14px;display:grid}.mastery-overview{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.mastery-score,.mastery-counts{border:1px solid color-mix(in srgb,currentColor 9%,transparent);background:color-mix(in srgb,currentColor 2.5%,transparent);border-radius:14px}.mastery-score{align-content:center;gap:3px;padding:14px 16px;display:grid}.mastery-score>span,.mastery-priority-head>span{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:9px}.mastery-score>strong{font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.mastery-score>small{opacity:.58;font-size:10px;line-height:1.45}.mastery-counts{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.mastery-counts>div{border-right:1px solid color-mix(in srgb,currentColor 8%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent);gap:2px;padding:10px 12px;display:grid}.mastery-counts>div:nth-child(2n){border-right:0}.mastery-counts>div:nth-last-child(-n+2){border-bottom:0}.mastery-counts strong{font-variant-numeric:tabular-nums;font-size:17px}.mastery-counts span{text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:9px}.mastery-keyboard{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.mastery-keyboard .key{isolation:isolate;border:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,currentColor 3%,transparent);min-width:0;min-height:46px;color:inherit;font:inherit;cursor:pointer;border-radius:9px;place-items:center;gap:2px;padding:7px 3px;transition:transform .14s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;position:relative;overflow:hidden}.mastery-keyboard .key>span{text-transform:uppercase;font-weight:750}.mastery-keyboard .key>small{font-variant-numeric:tabular-nums;opacity:.58;font-size:8px}.mastery-keyboard .key:after{content:"";height:3px;width:var(--mastery,0%);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=calibrating]{opacity:.52;border-style:dashed}.mastery-keyboard .key[data-mastery=weak]{opacity:.76}.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:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mastery-keyboard .key.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.mastery-keyboard .key.active{transform:translateY(1px)scale(.96)}.mastery-legend{letter-spacing:.055em;text-transform:uppercase;opacity:.64;flex-wrap:wrap;gap:10px 14px;font-size:9px;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.calibrating{opacity:.16;outline-offset:2px;outline:1px dashed}.mastery-legend .dot.weak{opacity:.32}.mastery-legend .dot.learning{opacity:.62}.mastery-legend .dot.mastered{opacity:1;box-shadow:0 0 8px}.mastery-detail{border:1px solid color-mix(in srgb,currentColor 9%,transparent);background:color-mix(in srgb,currentColor 3%,transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:11px 12px;display:grid}.mastery-detail-key{border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:color-mix(in srgb,currentColor 5%,transparent);border-radius:10px;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid}.mastery-detail-copy{gap:2px;min-width:0;display:grid}.mastery-detail-copy>span{letter-spacing:.08em;text-transform:uppercase;opacity:.56;font-size:9px}.mastery-detail-copy>strong{font-size:13px}.mastery-detail-copy>small{opacity:.62;font-size:10px;line-height:1.45}.mastery-priority-block{gap:8px;padding-top:2px;display:grid}.mastery-priority-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.mastery-priority-head>small{opacity:.5;text-align:right;font-size:9px}.mastery-summary{opacity:.72;margin: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);min-width:0;color:inherit;text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:7px 8px;display:flex}.mastery-weak-item:hover{border-color:color-mix(in srgb,currentColor 20%,transparent)}.mastery-weak-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.mastery-weak-list{grid-template-columns:1fr}}@media (max-width:620px){.mastery-overview{grid-template-columns:1fr}.mastery-score>strong{font-size:26px}.mastery-keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.mastery-priority-head{flex-direction:column;align-items:start;gap:2px}.mastery-priority-head>small{text-align:left}}@media (prefers-reduced-motion:reduce){.mastery-keyboard .key,.mastery-keyboard .key:after{transition:none}.mastery-keyboard .key:hover{transform:none}}
: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)}.training-target{border:1px solid var(--soft-border);background:color-mix(in srgb, var(--surface2) 48%, transparent);color:var(--muted);border-radius:13px;gap:4px;margin-top:10px;padding:10px 12px;font-size:11px;display:grid}.training-target-label{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.training-target strong{color:var(--text);font:650 12px ui-monospace,SFMono-Regular,Menlo,monospace}.training-session-summary{border:1px solid var(--soft-border);background:color-mix(in srgb, var(--surface2) 58%, transparent);border-radius:14px;gap:9px;margin-top:12px;padding:12px 14px;display:grid}.training-session-summary.improved{border-color:color-mix(in srgb, var(--good) 34%, var(--border))}.training-session-summary.needs-work{border-color:color-mix(in srgb, var(--warn) 34%, var(--border))}.training-session-summary-head{gap:3px;display:grid}.training-session-summary-head strong{color:var(--text);font:650 13px ui-monospace,SFMono-Regular,Menlo,monospace}.training-session-changes{flex-wrap:wrap;gap:6px;display:flex}.training-session-changes span,.training-session-next{background:color-mix(in srgb, var(--surface) 64%, transparent);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:10px}.training-session-next{color:var(--text);justify-self:start}.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}.training-session-changes{display:grid}}
.typing-zone:focus{outline:none}.training-target-below-typing{margin-top:12px;margin-bottom:0}.typing-text .char.space.incorrect{vertical-align:.08em;background:color-mix(in srgb, var(--bad) 18%, transparent);min-width:.32em;height:.34em;box-shadow:inset 0 -1px 0 var(--bad);border-radius:2px;line-height:.34em;text-decoration:none;display:inline-block;position:relative}.typing-text .char.space.incorrect:after{content:"·";text-align:center;width:100%;color:var(--bad);font-size:.48em;font-weight:800;line-height:1;position:absolute;inset:50% 0 auto;transform:translateY(-56%)}@media (prefers-reduced-motion:reduce){.typing-text .char.space.incorrect:after{transform:translateY(-50%)}}
.private-race-lobby{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:18px;gap:14px;margin:18px 0;padding:18px;display:grid}.private-race-invite{justify-content:space-between;align-items:center;gap:16px;display:flex}.private-race-invite>div{gap:4px;display:grid}.private-race-invite strong{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.private-race-invite small{color:var(--muted)}.private-race-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.private-race-player{border:1px solid var(--border);background:var(--surface2);border-radius:14px;gap:5px;min-height:94px;padding:14px;display:grid}.private-race-player span,.private-race-player small{color:var(--muted);font-size:12px}.private-race-player strong{font-size:15px}.private-race-player.ready{border-color:color-mix(in srgb,var(--good) 38%,var(--border))}.private-race-player.waiting{opacity:.72}.private-race-player.arrived{animation:.3s ease-out race-arrive}.private-race-vs{color:var(--muted);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.private-race-vs.connected{color:var(--good)}@keyframes race-arrive{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.race-live-metrics{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:7px;font-size:11px;display:flex}.race-position{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-left:7px;padding:2px 6px;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.private-race-result{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--surface);border-radius:18px;margin-top:18px;padding:18px}.private-race-result h3{margin:4px 0 14px;font-size:24px}.private-race-result-grid{grid-template-columns:minmax(90px,1fr) repeat(2,minmax(70px,.7fr));align-items:center;gap:8px 14px;font-size:13px;display:grid}.private-race-result-grid>span{color:var(--muted)}.private-race-result-grid>b,.private-race-result-grid>strong{text-align:right}.private-race-forfeit-note{border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--surface2));border-radius:12px;gap:4px;padding:12px 14px;display:grid}.private-race-forfeit-note strong{font-size:13px}.private-race-forfeit-note span{color:var(--muted);font-size:12px;line-height:1.45}.private-race-rematch{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;display:flex}.private-race-rematch>div:first-child:not(.private-race-rematch-actions){gap:3px;display:grid}.private-race-rematch strong{font-size:13px}.private-race-rematch span{color:var(--muted);font-size:11px}.private-race-rematch-actions{justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.private-race-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.private-race-modal{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:20px;gap:16px;padding:22px;display:grid}.private-race-modal h3{margin:4px 0;font-size:22px}.private-race-modal p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.private-race-modal label{color:var(--muted);gap:7px;font-size:12px;display:grid}.private-race-modal select{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:10px;padding:10px 12px}.private-race-modal-actions{justify-content:flex-end;gap:8px;display:flex}.countdown{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}@media (max-width:680px){.private-race-invite{flex-direction:column;align-items:stretch}.private-race-players{grid-template-columns:1fr}.private-race-vs{text-align:center}.private-race-player{min-height:76px}.private-race-result-grid{grid-template-columns:minmax(76px,1fr) repeat(2,minmax(58px,.7fr));gap:7px 9px}.race-live-metrics{gap:8px}.private-race-rematch{flex-direction:column;align-items:stretch}.private-race-rematch-actions{width:100%;margin-left:0}.private-race-rematch-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){.private-race-player.arrived{animation:none}}
.sound-catalog-tools{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;margin:.8rem 0 1rem;display:grid}.sound-search input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:2.5rem;color:var(--text);border-radius:.8rem;outline:none;padding:.7rem .85rem}.sound-search input::placeholder{color:var(--muted)}.sound-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.sound-search-clear:disabled{opacity:.45;cursor:default}.sound-search-status{min-width:4.6rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem}.sound-search-empty{border:1px dashed var(--border);color:var(--muted);border-radius:1rem;justify-items:start;gap:.45rem;padding:1rem;display:grid}.sound-search-empty strong{color:var(--text)}@media (max-width:680px){.sound-catalog-tools{grid-template-columns:minmax(0,1fr) auto}.sound-search-status{text-align:left;grid-column:1/-1;justify-self:start}}
.theme-catalog-tools{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;margin:.8rem 0 1rem;display:grid}.theme-search input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:2.5rem;color:var(--text);border-radius:.8rem;outline:none;padding:.7rem .85rem}.theme-search input::placeholder{color:var(--muted)}.theme-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.theme-search-clear:disabled{opacity:.45;cursor:default}.theme-search-status{min-width:4.6rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem}.theme-search-empty{border:1px dashed var(--border);color:var(--muted);border-radius:1rem;justify-items:start;gap:.45rem;padding:1rem;display:grid}.theme-search-empty strong{color:var(--text)}@media (max-width:680px){.theme-catalog-tools{grid-template-columns:minmax(0,1fr) auto}.theme-search-status{text-align:left;grid-column:1/-1;justify-self:start}}
.customize-shell{max-width:1380px}.customize-layout{display:block}.customize-main{min-width:0}.customize-page{display:block}.customize-page .customization-footer{margin-top:0}.account-settings-link{color:inherit;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.account-settings-link small{color:var(--muted)}
.stats-dashboard{gap:18px;display:grid}.stats-dashboard-head{margin-bottom:0}.stats-periods{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-self:start;gap:3px;padding:3px;display:inline-flex}.stats-periods button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:11px}.stats-periods button.active{background:var(--surface2);color:var(--text)}.stats-periods button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats-hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stats-record-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stats-hero-card,.stats-record,.stats-panel,.stats-pro-cta{border:1px solid var(--border);background:var(--surface);border-radius:18px}.stats-hero-card{flex-direction:column;justify-content:space-between;min-height:122px;padding:16px;display:flex}.stats-hero-card>span,.stats-record>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stats-hero-card>strong{letter-spacing:-.04em;font-size:27px}.stats-hero-card small,.stats-record small{color:var(--muted);font-size:11px}.stats-hero-card em{font-size:11px;font-style:normal;font-weight:700}.stats-hero-card em.up{color:var(--good)}.stats-hero-card em.down{color:var(--bad)}.stats-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:12px;display:grid}.stats-panel{padding:17px}.stats-panel .panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.stats-panel .panel-title>div{gap:3px;display:grid}.stats-line-chart{grid-template-rows:1fr auto auto;gap:8px;height:286px;display:grid}.stats-line-chart svg{width:100%;height:100%}.stats-line-chart line{stroke:var(--border);stroke-width:.35px}.stats-line-chart .average-guide{stroke:var(--muted);stroke-dasharray:2 3;opacity:.6}.stats-line-chart polyline{fill:none;vector-effect:non-scaling-stroke}.stats-line-chart .previous-period-line{stroke:var(--muted);stroke-width:1.1px;stroke-dasharray:4 4;opacity:.65}.stats-line-chart .session-line{stroke:var(--accent);stroke-width:1.15px;opacity:.45}.stats-line-chart .trend-line{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.stats-line-chart circle{fill:var(--bg);stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke;cursor:pointer;transition:r .14s,fill .14s}.stats-line-chart circle[data-active=true]{fill:var(--accent)}.stats-line-chart circle:focus-visible{stroke-width:2px;outline:none}.stats-chart-inspector{background:var(--surface2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:10px;display:grid}.stats-chart-inspector span,.stats-chart-inspector small{color:var(--muted)}.stats-chart-inspector strong{font-size:11px}.stats-chart-caption,.percentile-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.percentile-scale{margin:44px 0 18px}.percentile-track{background:linear-gradient(90deg,var(--surface2),var(--accent));border-radius:99px;height:8px;position:relative}.percentile-track i{background:var(--border);width:1px;height:16px;position:absolute;top:-4px}.percentile-track i span{color:var(--muted);font-size:9px;position:absolute;top:-17px;transform:translate(-50%)}.percentile-track b{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.percentile-labels{margin-top:9px;font-size:9px}.benchmark-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 14px;display:grid}.benchmark-grid>div{background:var(--surface2);text-align:center;border-radius:10px;gap:2px;padding:7px 5px;display:grid}.benchmark-grid span{letter-spacing:.08em;color:var(--muted);font-size:8px}.benchmark-grid strong{white-space:nowrap;font-size:10px;font-weight:700}.stats-note{color:var(--muted);font-size:10px;line-height:1.55}.stats-record{gap:4px;padding:13px 15px;display:grid}.stats-record strong{font-size:18px}.record-milestone-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.record-milestone{background:var(--surface2);border-radius:11px;gap:4px;min-height:82px;padding:10px 11px;display:grid;position:relative}.record-milestone>span,.record-milestone>small{color:var(--muted);font-size:9px}.record-milestone>strong{font-size:15px}.record-milestone>b{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);justify-self:start;font-size:8px}.session-history-panel .session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.session-history-panel .session-row{background:var(--surface2);border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 10px;font-size:11px;display:grid}.stats-pro-cta{justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.stats-pro-cta>div{gap:3px;display:grid}.stats-pro-cta span{letter-spacing:.1em;color:var(--accent);font-size:9px;font-weight:800}.stats-pro-cta small{color:var(--muted);font-size:10px}@media (max-width:1050px){.stats-hero-grid,.record-milestone-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.stats-hero-grid,.stats-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-main-grid{grid-template-columns:1fr}}@media (max-width:620px){.stats-periods{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.stats-metric-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-periods button{padding:7px 4px}.stats-line-chart{height:226px}.stats-chart-inspector{grid-template-columns:1fr auto}.stats-chart-inspector small{grid-column:1/-1}.benchmark-grid{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.record-milestone-list{grid-template-columns:1fr 1fr}.session-history-panel .session-list{grid-template-columns:1fr}.stats-pro-cta{flex-direction:column;align-items:flex-start}.stats-pro-cta .btn{width:100%}}@media (max-width:420px){.record-milestone-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.stats-line-chart circle{transition:none}}
.stats-advanced-insights{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.stats-advanced-insights>summary{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;list-style:none;display:flex}.stats-advanced-insights>summary::-webkit-details-marker{display:none}.stats-advanced-insights>summary>span{gap:3px;display:grid}.stats-advanced-insights>summary small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9px}.stats-advanced-insights>summary strong{font-size:14px;font-weight:700}.stats-advanced-insights>summary b{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.stats-advanced-insights>summary b:after{content:" ↓"}.stats-advanced-insights[open]>summary b:after{content:" ↑"}.stats-advanced-insights>summary:hover{background:var(--surface)}.stats-advanced-insights>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats-advanced-insights-body{gap:12px;padding-top:8px;display:grid}.stats-advanced-insights-body>.stats-panel{margin:0}@media (max-width:620px){.stats-advanced-insights{margin-top:14px}.stats-advanced-insights>summary{align-items:flex-start;padding:10px 2px}.stats-advanced-insights>summary strong{font-size:13px}.stats-advanced-insights>summary b{padding-top:2px}}@media (prefers-reduced-motion:reduce){.stats-advanced-insights>summary{scroll-behavior:auto}}