.account-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f17245c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-panel{width:min(480px,100%);padding:24px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:var(--panel-solid);box-shadow:0 28px 80px #161f3047}.account-panel header{display:flex;justify-content:space-between;gap:16px}.account-panel h2{margin:7px 0 18px;font-size:24px}.account-identity{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;background:var(--page-soft)}.account-identity span{color:var(--correct);font-size:11px;font-weight:800}.session-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.session-heading button{border:0;color:var(--accent);background:transparent;cursor:pointer;font-size:12px}.session-list{display:grid;gap:8px;max-height:250px;overflow:auto}.session-list article{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--page)}.session-list article>div{display:flex;align-items:center;justify-content:space-between}.session-list article span{padding:3px 7px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:800}.session-list small{display:block;margin-top:5px;color:var(--muted)}.account-logout{width:100%;height:44px;margin-top:18px;border:1px solid color-mix(in srgb,var(--error) 30%,var(--line));border-radius:12px;color:var(--error);background:transparent;cursor:pointer;font-weight:800}.practice-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.practice-summary>div{display:grid;gap:3px;padding:11px;border-radius:12px;background:var(--page-soft)}.practice-summary span{color:var(--muted);font-size:10px}.practice-summary strong{font-size:18px}.practice-summary small{color:var(--faint);font-size:9px}.practice-history{display:grid;gap:7px;margin-top:18px}.practice-history>strong{font-size:12px}.practice-history article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;background:var(--page-soft)}.practice-history small{color:var(--muted);font-size:10px}.invite-redemption{display:grid;gap:8px;margin-top:18px}.invite-redemption>div{display:grid;grid-template-columns:1fr auto;gap:8px}.invite-redemption input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--page);text-transform:uppercase}.invite-redemption button{padding:0 15px;border:0;border-radius:11px;color:#fff;background:var(--accent);cursor:pointer;font-weight:800}.invite-redemption button:disabled{opacity:.5;cursor:not-allowed}.entitlement-list{display:grid;gap:7px;margin-top:16px}.entitlement-list article{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.entitlement-list small{color:var(--muted)}.auth-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f17245c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-panel{width:min(430px,100%);padding:24px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:var(--panel-solid);box-shadow:0 28px 80px #161f3047}.auth-panel header{display:flex;justify-content:space-between;gap:16px}.auth-eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-panel h2{margin:7px 0 18px;font-size:24px}.auth-close{width:34px;height:34px;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:24px}.auth-close:hover{color:var(--text);background:var(--accent-soft)}.auth-tabs,.channel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:var(--page-soft)}.channel-tabs{margin-top:8px}.auth-tabs button,.channel-tabs button{min-height:36px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer}.auth-tabs button.active,.channel-tabs button.active{color:var(--text);background:var(--panel-solid);box-shadow:0 4px 12px #26324614;font-weight:800}.auth-fields{display:grid;gap:14px;margin-top:18px}.auth-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.auth-fields input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--page);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.code-row button{padding:0 13px;border:1px solid var(--line);border-radius:12px;color:var(--accent);background:var(--accent-soft);cursor:pointer}.auth-message{min-height:20px;margin:13px 0 4px;color:var(--muted);font-size:12px;line-height:1.5}.auth-submit{width:100%;height:46px;border:0;border-radius:13px;color:#fff;background:linear-gradient(180deg,#4b8bea,#2f6ed3);box-shadow:0 12px 26px #2f6ed33b;cursor:pointer;font-weight:800}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-note{margin:14px 0 0;color:var(--faint);font-size:11px;line-height:1.6;text-align:center}.auth-link{width:100%;margin-top:10px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:12px}.auth-link:hover{color:var(--accent)}.keyboard-scene{position:relative;width:min(685px,100vw);min-height:254px;margin:0 auto;isolation:isolate}.keyboard-plugin{position:relative;width:100%;margin:auto}.keyboard{position:relative;z-index:2;width:685px;line-height:0}.keyboard>svg{display:block;width:100%;height:auto;overflow:visible;direction:ltr;background:none}.keyboard svg .st0{fill:var(--keycap-color, #fff);stroke:color-mix(in srgb,var(--key-label-color, #777) 36%,transparent);stroke-width:.75;stroke-miterlimit:10}.keyboard svg .st1{opacity:1;font-family:ArialMT,Arial,Helvetica,sans-serif;font-size:13px;font-weight:700}.keyboard svg .st2{opacity:1;fill:var(--key-label-color, #777)}.keyboard svg .b{font-size:18px}.keyboard svg .b2{font-size:18px}.keyboard svg .s{font-size:11px;font-weight:700}.keyboard svg text{-webkit-user-select:none;user-select:none;opacity:1;fill:var(--key-label-color, #777)}.keyboard svg text[id^=letter-lower-]{display:none}.keyboard svg text[id^=letter-upper-]{font-size:16px;font-weight:800}.keyboard svg path.active{fill:var(--key-active-color, #79bbff)}.keyboard svg text.active{fill:#fff;opacity:1}.keyboard svg path.incorrect{fill:#e97e7e}.keyboard svg text.incorrect{fill:#fff;opacity:1}.keyboard svg path.shift-hint{fill:color-mix(in srgb,var(--key-active-color, #79bbff) 38%,white)}.keyboard svg path.is-pressed{transform:translateY(1.5px)}#hand-wrapper{position:absolute;z-index:3;top:-10px;left:0;height:363px;opacity:.8;pointer-events:none;transform:translate(55px) scale(1.55);transform-origin:center center;filter:drop-shadow(0 14px 16px rgba(35,46,64,.1))}@media(max-width:599.98px){.keyboard{width:360px}.keyboard-scene{width:min(360px,100%);min-height:134px}#hand-wrapper{top:0;left:-31px;height:195px}}.article-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 82% 0,rgba(214,163,77,.18),transparent 34%),#f7f8f3}.article-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #e5e7df;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.article-topbar>button{justify-self:start;border:0;color:#5e685f;background:transparent;cursor:pointer;font-weight:750}.article-topbar>span{text-align:center}.article-topbar strong{display:block;font-size:15px}.article-topbar small{color:#858d84;font-size:10px}.article-topbar em{justify-self:end;color:#858d84;font-size:12px;font-style:normal}.article-hero{width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:end;margin:0 auto;padding:72px 0 42px}.article-hero>div:first-child>span{color:#b37a23;font-size:11px;font-weight:850;letter-spacing:.18em}.article-hero h1{max-width:760px;margin:14px 0;font-size:clamp(40px,5.5vw,70px);line-height:1.04;letter-spacing:-.055em}.article-hero p{max-width:760px;color:#687268;font-size:16px;line-height:1.8}.article-hero-metric{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:24px;color:#fff;background:linear-gradient(145deg,#8c6324,#c18a35);box-shadow:0 22px 50px #8f632038}.article-hero-metric strong{font-size:58px;line-height:1}.article-hero-metric span{margin-top:9px;font-weight:750}.article-hero-metric small{margin-top:6px;color:#ffffffb3}.article-library{width:min(1180px,calc(100% - 36px));margin:0 auto 70px;padding:28px;border:1px solid #e2e5de;border-radius:28px;background:#ffffffeb;box-shadow:0 26px 70px #4b432d1a}.article-library-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.article-library-head>div:first-child{display:grid;gap:6px}.article-library-head span{color:#a57932;font-size:10px;font-weight:850;letter-spacing:.14em}.article-library-head strong{font-size:26px;letter-spacing:-.025em}.article-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.article-categories button{min-height:34px;padding:0 13px;border:1px solid #e2e4dc;border-radius:999px;color:#70786e;background:#fff;cursor:pointer;font-size:12px;font-weight:700}.article-categories button.is-active{color:#fff;border-color:#9b6c28;background:#9b6c28}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{position:relative;min-height:300px;display:flex;flex-direction:column;padding:24px;overflow:hidden;border:1px solid #e3e5df;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfaf6)}.article-card:hover{border-color:#ddcaa7;box-shadow:0 18px 40px #644d231a}.article-card-index{position:absolute;top:13px;right:18px;color:#e7dfd0;font-size:52px;font-weight:900;line-height:1}.article-card-meta{display:flex;align-items:center;gap:8px;color:#a57932;font-size:11px;font-weight:800}.article-card-meta small{padding:3px 8px;border-radius:999px;color:#786b53;background:#f3ecdf}.article-card h2{position:relative;max-width:80%;margin:34px 0 10px;font-size:26px;letter-spacing:-.03em}.article-card p{margin:0;color:#748078;font-size:13px;line-height:1.75}.article-card-stats{display:flex;flex-wrap:wrap;gap:12px;margin:auto 0 16px;color:#929a91;font-size:11px}.article-card button{min-height:42px;border:0;border-radius:12px;color:#fff;background:#9b6c28;cursor:pointer;font-weight:850}.article-card button:hover{background:#84591e}.article-card button:disabled{cursor:wait;opacity:.6}.article-loading,.article-error{padding:28px;border-radius:16px;text-align:center}.article-loading{color:#7c857a;background:#f7f8f4}.article-error{color:#9d4242;background:#fff1f1}@media(max-width:900px){.article-hero{grid-template-columns:1fr;align-items:start}.article-hero-metric{min-height:140px}.article-grid{grid-template-columns:1fr}.article-library-head{align-items:flex-start;flex-direction:column}.article-categories{justify-content:flex-start}}@media(max-width:640px){.article-topbar{grid-template-columns:1fr auto}.article-topbar>span{display:none}.article-topbar em{grid-column:2}.article-hero,.article-library{width:min(100% - 28px,1180px)}.article-hero{padding-top:46px}.article-library{padding:18px}.article-card h2{font-size:22px}}.article-progress{display:grid;gap:5px;margin-bottom:12px}.article-progress>div{height:5px;overflow:hidden;border-radius:999px;background:#eee9df}.article-progress>div span{display:block;height:100%;border-radius:inherit;background:#b27a2d}.article-progress small{color:#9a7b4e;font-size:10px}.free-practice-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 84% 0,rgba(79,142,234,.18),transparent 34%),#f5f8fc}.free-practice-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #e2e9f1;background:#ffffffdb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.free-practice-topbar>button{justify-self:start;border:0;color:#57697f;background:transparent;cursor:pointer;font-weight:750}.free-practice-topbar>span{text-align:center}.free-practice-topbar strong{display:block;font-size:15px}.free-practice-topbar small{color:#7e8fa4;font-size:10px}.free-practice-topbar em{justify-self:end;color:#7e8fa4;font-size:12px;font-style:normal}.free-practice-hero{width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:1fr minmax(380px,.8fr);align-items:end;gap:44px;margin:0 auto;padding:68px 0 38px}.free-practice-hero>div:first-child>span{color:#4f8eea;font-size:11px;font-weight:850;letter-spacing:.18em}.free-practice-hero h1{max-width:720px;margin:14px 0;font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-.055em}.free-practice-hero p{color:#687b91;font-size:15px;line-height:1.8}.free-practice-preview{padding:18px;border-radius:18px;color:#dce9f8;background:linear-gradient(145deg,#0e1d31,#193858);box-shadow:0 24px 55px #132c4e38}.free-practice-preview>div{display:flex;align-items:center;justify-content:space-between;color:#8fb1d7;font-size:11px}.free-practice-preview button{border:0;color:#cfe3ff;background:transparent;cursor:pointer}.free-practice-preview p{max-height:92px;overflow:hidden;margin:14px 0 0;color:#eef6ff;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.75}.free-practice-builder{width:min(1180px,calc(100% - 36px));margin:0 auto 70px;padding:28px;border:1px solid #e0e8f1;border-radius:26px;background:#fffffff0;box-shadow:0 26px 70px #2339551a}.free-practice-section+.free-practice-section{margin-top:28px;padding-top:26px;border-top:1px solid #e7edf4}.free-practice-section-head{display:flex;gap:13px;margin-bottom:16px}.free-practice-section-head>span{color:#4f8eea;font-size:11px;font-weight:900}.free-practice-section-head h2{margin:0;font-size:20px}.free-practice-section-head p{margin:5px 0 0;color:#7b899b;font-size:12px}.free-practice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.free-practice-cards button{min-height:110px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:17px;border:1px solid #dde6ef;border-radius:16px;color:#34445a;background:#fafcff;text-align:left;cursor:pointer}.free-practice-cards button.is-active{border-color:#4f8eea;background:#edf4ff;box-shadow:0 0 0 2px #4f8eea1a}.free-practice-cards small{color:#7d8da1;line-height:1.6}.free-practice-options{display:flex;flex-wrap:wrap;gap:9px}.free-practice-options button{min-height:38px;padding:0 15px;border:1px solid #dfe7ef;border-radius:11px;color:#66778b;background:#fff;cursor:pointer;font-weight:750}.free-practice-options button.is-active{color:#fff;border-color:#3f79d1;background:#3f79d1}.free-practice-split{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:30px;align-items:start}.free-practice-length{display:grid;gap:8px;padding:16px;border-radius:16px;background:#f6f9fc}.free-practice-length span{color:#7b899b;font-size:11px;font-weight:750}.free-practice-length input{accent-color:#4f8eea}.free-practice-section textarea{width:100%;resize:vertical;padding:15px;border:1px solid #dce5ee;border-radius:14px;color:#172033;outline:none;font:15px/1.7 SFMono-Regular,Consolas,monospace}.free-practice-section textarea:focus{border-color:#4f8eea;box-shadow:0 0 0 3px #4f8eea1f}.free-practice-custom-meta{display:flex;justify-content:space-between;margin-top:8px;color:#8290a2;font-size:11px}.free-practice-custom-meta button{border:0;color:#4f8eea;background:transparent;cursor:pointer}.free-practice-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}.free-practice-start{min-height:50px;padding:0 24px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#4f8eea,#315fc3);box-shadow:0 15px 30px #315fc340;cursor:pointer;font-weight:850}.free-practice-save{display:flex;gap:8px}.free-practice-save input{min-height:44px;padding:0 13px;border:1px solid #dfe7ef;border-radius:12px;outline:none}.free-practice-save button{min-height:44px;padding:0 15px;border:1px solid #dce5ee;border-radius:12px;color:#385d91;background:#f7faff;cursor:pointer;font-weight:750}.free-practice-error{margin-top:16px;padding:12px 14px;border-radius:12px;color:#9d4242;background:#fff1f1}.free-practice-presets{margin-top:24px;padding-top:20px;border-top:1px solid #e7edf4}.free-practice-presets>span{color:#7b899b;font-size:11px;font-weight:800}.free-practice-presets>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.free-practice-presets article{display:flex;border:1px solid #dfe7ef;border-radius:999px;overflow:hidden;background:#fff}.free-practice-presets article button{min-height:34px;border:0;background:transparent;cursor:pointer}.free-practice-presets article button:first-child{padding:0 6px 0 13px;color:#355a8b;font-weight:750}.free-practice-presets article button:last-child{padding:0 11px;color:#99a6b7;font-size:16px}@media(max-width:900px){.free-practice-hero{grid-template-columns:1fr;align-items:start;padding-top:46px}.free-practice-cards,.free-practice-split{grid-template-columns:1fr}}@media(max-width:640px){.free-practice-topbar{grid-template-columns:1fr auto}.free-practice-topbar>span{display:none}.free-practice-topbar em{grid-column:2}.free-practice-hero,.free-practice-builder{width:min(100% - 28px,1180px)}.free-practice-builder{padding:18px}.free-practice-actions{align-items:stretch;flex-direction:column}.free-practice-save{flex-direction:column}.free-practice-save input{width:100%}}.game-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 80% 0,rgba(214,117,150,.18),transparent 34%),#f7f7fb}.game-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #e4e5ec;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-topbar button{justify-self:start;border:0;color:#607087;background:transparent;cursor:pointer;font-weight:750}.game-topbar span{text-align:center}.game-topbar strong{display:block}.game-topbar small,.game-topbar em{color:#8792a4;font-size:11px;font-style:normal}.game-topbar em{justify-self:end}.game-hub-hero{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:72px 0 40px}.game-hub-hero>span{color:#c2587f;font-size:11px;font-weight:850;letter-spacing:.18em}.game-hub-hero h1{margin:14px 0;font-size:clamp(40px,5vw,68px);letter-spacing:-.055em}.game-hub-hero p{color:#6e7889;font-size:16px}.game-hub-grid{width:min(1120px,calc(100% - 36px));display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 auto 70px}.game-hub-grid>button{min-height:320px;display:flex;align-items:flex-start;flex-direction:column;padding:28px;border:1px solid #e2e4eb;border-radius:24px;color:#172033;background:linear-gradient(145deg,#fff,#fbf8fb);text-align:left;cursor:pointer}.game-hub-grid>button:hover{transform:translateY(-3px);box-shadow:0 22px 50px #57344a1f}.game-hub-grid span{color:#c2587f;font-size:11px;font-weight:900}.game-hub-grid h2{margin:32px 0 10px;font-size:32px}.game-hub-grid p{color:#748093;line-height:1.8}.game-hub-grid strong{margin-top:auto;color:#b34c76}.game-stage{width:min(980px,calc(100% - 36px));margin:46px auto 70px;padding:28px;border:1px solid #e2e4eb;border-radius:26px;background:#fff;box-shadow:0 24px 65px #3a344d1a}.fall-game-status,.race-status{display:flex;justify-content:space-between;color:#7c8799}.fall-game-status strong,.race-status strong{color:#172033;font-size:20px}.fall-game-board{position:relative;height:470px;margin:18px 0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#eef5ff,#f8fbff)}.fall-game-board>span{position:absolute;padding:8px 12px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#568fe8,#3d69c6);font-family:monospace;font-weight:800}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;padding:24px;text-align:center;background:#f8fbffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-overlay.inline{position:relative;margin:20px 0;min-height:190px;border-radius:18px}.game-overlay h2{margin:0;font-size:30px}.game-overlay p{color:#738094}.game-overlay button{min-height:44px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:#c2587f;cursor:pointer;font-weight:850}.game-input{width:100%;min-height:52px;padding:0 16px;border:1px solid #dce3ed;border-radius:14px;font-size:18px;outline:none}.game-input:focus{border-color:#c2587f;box-shadow:0 0 0 3px #c2587f1f}.race-track{position:relative;height:90px;margin:20px 0;border-radius:18px;background:linear-gradient(180deg,#eef2f7 0,#eef2f7 64%,#4e5868 64%,#4e5868 70%,#c9d0da 70%)}.race-car{position:absolute;bottom:20px;transform:translate(-50%);font-size:30px;transition:left .15s linear}.race-finish{position:absolute;right:10px;bottom:12px;color:#fff;font-size:11px}.race-sentence{min-height:96px;padding:18px;border-radius:16px;color:#7d899c;background:#f7f9fc;font:20px/1.8 monospace}.race-sentence .done{color:#3b9b78}.race-sentence .current{color:#fff;background:#c2587f;border-radius:6px}@media(max-width:700px){.game-hub-grid{grid-template-columns:1fr}.game-topbar{grid-template-columns:1fr auto}.game-topbar span{display:none}.game-stage{padding:18px}.fall-game-board{height:380px}}.game-hub-card{position:relative;overflow:hidden}.game-hub-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--game-accent,#568fe8)}.game-hub-card.blue{--game-accent:#568fe8}.game-hub-card.rose{--game-accent:#c2587f}.game-hub-card.violet{--game-accent:#7658cf}.game-hub-card.green{--game-accent:#2da277}.game-hub-card.amber{--game-accent:#d38a2b}.game-hub-card__top{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.game-hub-card__top>small{color:#9aa5b5;font-size:11px}.game-hub-progress{width:100%;margin-top:18px}.game-hub-progress>div{display:flex;justify-content:space-between;color:#6d7b90;font-size:11px}.game-hub-progress>div small{color:#9ca8b8}.game-hub-progress>i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#edf1f6}.game-hub-progress>i b{display:block;height:100%;border-radius:inherit;background:var(--game-accent,#568fe8)}.game-topbar__right{justify-self:end;display:flex;align-items:center;gap:12px;color:#8792a4;font-size:11px}.game-level{min-width:100px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e7ef;border-radius:12px;background:#f8fafc}.game-level b{color:#315faa;font-size:12px}.game-level small{color:#8995a7;font-size:10px}.game-level.compact{min-width:0;margin:0;padding:7px 9px}.game-result{min-height:470px;display:grid;place-content:center;justify-items:center;padding:28px;text-align:center}.game-result__eyebrow{color:#c2587f;font-size:11px;font-weight:900;letter-spacing:.18em}.game-result h2{margin:12px 0 8px;font-size:38px;letter-spacing:-.04em}.game-result>p{max-width:520px;margin:0;color:#748094;line-height:1.75}.game-result__score{margin:24px 0 14px}.game-result__score strong{display:block;color:#172033;font-size:58px;line-height:1;letter-spacing:-.06em}.game-result__score span{color:#8c98aa;font-size:11px}.game-result__stats{width:min(680px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0 20px}.game-result__stats>div{padding:13px 8px;border:1px solid #e6ebf2;border-radius:13px;background:#fafbfd}.game-result__stats strong,.game-result__stats span{display:block}.game-result__stats strong{color:#27364f;font-size:18px}.game-result__stats span{margin-top:4px;color:#909cad;font-size:10px}.game-result__xp{margin-top:14px!important;color:#5d6c82!important}.game-result__xp b{color:#c2587f}.game-result__actions{display:flex;gap:10px;margin-top:22px}.game-result__actions button{min-height:44px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:#c2587f;cursor:pointer;font-weight:850}.game-result__actions button.secondary{color:#c2587f;background:#f7eaf0}.key-sprint-stage,.word-match-stage,.time-attack-stage{min-height:300px;display:grid;place-content:center;justify-items:center;position:relative;margin:18px 0;border-radius:20px;background:linear-gradient(160deg,#f2f6ff,#fbfcff);text-align:center}.key-sprint-stage>span,.word-match-stage>span,.time-attack-stage>span{color:#7f8da3;font-size:11px}.key-sprint-stage>strong{margin:14px 0;color:#3b67ac;font-size:76px;line-height:1}.word-match-stage>strong,.time-attack-stage>strong{margin:14px 0 8px;color:#263a5d;font-size:48px}.word-match-stage>small,.time-attack-stage>small{color:#8996a9}.key-sprint-track{width:260px;height:8px;overflow:hidden;border-radius:999px;background:#e7ecf4}.key-sprint-track i{display:block;height:100%;border-radius:inherit;background:#7658cf;transition:width .12s ease}.key-sprint-stage .game-overlay,.word-match-stage .game-overlay,.time-attack-stage .game-overlay{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:700px){.game-result__stats{grid-template-columns:repeat(2,1fr)}.game-result__actions{width:100%;flex-direction:column}.game-result__actions button{width:100%}.game-topbar__right>span{display:none}.game-level.compact{display:none}.game-hub-card{min-height:280px}}.defense-board{position:relative;min-height:430px;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(86,143,232,.18),transparent 45%),linear-gradient(180deg,#071426,#102b54);overflow:hidden}.defense-lane{position:relative;border:1px solid rgba(134,182,255,.16);border-radius:16px;background:linear-gradient(180deg,#63a4ff14,#ffffff05);overflow:hidden}.defense-lane:before{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:repeating-linear-gradient(180deg,transparent 0 54px,rgba(136,191,255,.08) 55px 56px)}.defense-gate{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:7px 10px;border-radius:9px;color:#d9ecff;background:#347be9;font-size:10px;font-weight:800;z-index:3}.defense-lane>b{position:absolute;top:12px;transform:translate(-50%);padding:8px 10px;border-radius:10px;color:#fff;background:linear-gradient(140deg,#75b6ff,#426ce4);box-shadow:0 8px 18px #1d4eaa4d;font:12px monospace;white-space:nowrap;z-index:2;transition:left 80ms linear}.defense-board .game-overlay{z-index:5;background:#05152ed1;color:#fff}.defense-board .game-overlay p{color:#e1edffb8}.rhythm-stage{min-height:330px;display:grid;place-content:center;justify-items:center;position:relative;margin:18px 0;border-radius:22px;background:radial-gradient(circle,rgba(118,88,207,.22),transparent 48%),#17152b;color:#fff;overflow:hidden}.rhythm-stage:before{content:"";position:absolute;width:220px;height:220px;border:2px solid rgba(159,133,255,.25);border-radius:50%;animation:rhythm-pulse 1.2s ease-in-out infinite}@keyframes rhythm-pulse{0%,to{transform:scale(.8);opacity:.25}50%{transform:scale(1.12);opacity:.8}}.rhythm-stage>span,.rhythm-stage>small{position:relative;z-index:2;color:#e2deffb3}.rhythm-stage>strong{position:relative;z-index:2;margin:18px 0 10px;font-size:58px;letter-spacing:.08em}.rhythm-stage.beat-0:before,.rhythm-stage.beat-2:before{border-color:#62c7ff85}.ghost-track{display:grid;gap:14px;margin:22px 0;padding:20px;border-radius:18px;background:#f3f6fb}.ghost-lane{position:relative;height:28px;display:flex;align-items:center;border-radius:999px;background:#e3e9f2;overflow:hidden}.ghost-lane span{position:absolute;left:10px;z-index:2;color:#34506f;font-size:10px;font-weight:800}.ghost-lane i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#66b0ff,#397ee8);transition:width .18s linear}.ghost-lane.ghost i{background:linear-gradient(90deg,#c7b7ff,#7658cf)}@media(max-width:700px){.defense-board{grid-template-columns:1fr;min-height:520px}.defense-lane{min-height:150px}.rhythm-stage>strong{font-size:44px}}.game-quest-strip{width:min(1120px,calc(100% - 36px));margin:0 auto 20px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #e1e8f2;border-radius:20px;background:#fff;box-shadow:0 14px 40px #1f3a600f}.game-quest-strip__head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#263852;font-size:14px;font-weight:850}.game-quest-strip__head small{color:#94a0b2;font-size:10px;font-weight:500}.game-quest-item{padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:14px;background:#f7f9fc}.game-quest-item strong,.game-quest-item span,.game-quest-item small{display:block}.game-quest-item strong{color:#34445e;font-size:12px}.game-quest-item span{margin-top:4px;color:#8b97a9;font-size:10px}.game-quest-item i{display:block;height:6px;margin-top:9px;border-radius:999px;background:#e7edf5;overflow:hidden}.game-quest-item i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#568fe8,#7658cf)}.game-quest-item small{margin-top:5px;color:#95a1b2;font-size:9px}.game-quest-item button{min-height:34px;padding:0 11px;border:0;border-radius:9px;color:#fff;background:#397ee8;cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap}.game-quest-item button:disabled{color:#9aa6b6;background:#e7ecf3;cursor:default}@media(max-width:800px){.game-quest-strip{grid-template-columns:1fr}}.dance-lights{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 20deg at 50% 20%,rgba(116,184,255,.28),transparent 12%,rgba(212,84,182,.28),transparent 26%,rgba(126,91,255,.24),transparent 42%,rgba(83,225,207,.25),transparent 60%,rgba(116,184,255,.28));animation:dance-lights 8s linear infinite;opacity:.75}@keyframes dance-lights{to{transform:rotate(360deg)}}.dance-floor{position:absolute;inset:auto 8% 0;height:120px;transform:perspective(300px) rotateX(58deg);background-image:linear-gradient(rgba(132,171,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(229,124,205,.4) 1px,transparent 1px);background-size:44px 44px;border:1px solid rgba(167,194,255,.24);box-shadow:0 -20px 60px #5f80ff38}.dance-arena{position:relative;min-height:515px;margin:18px 0 12px;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 50% 24%,rgba(201,83,255,.3),transparent 30%),linear-gradient(180deg,#1a1038,#080817 76%);box-shadow:0 28px 70px #0d09264d}.dance-arena .dance-lights{z-index:1}.dance-arena .dance-floor{z-index:3}.dance-model{position:absolute;top:0;right:0;bottom:96px;left:0;z-index:5;width:100%;height:calc(100% - 96px);--poster-color:transparent;pointer-events:none;background:transparent}.dance-stage-meta{position:absolute;z-index:8;top:18px;left:20px;display:grid;gap:4px}.dance-stage-meta span{color:#6ee9ff;font-size:9px;font-weight:900;letter-spacing:.16em}.dance-stage-meta strong{font-size:18px}.dance-stage-meta small{color:#e0dbf59e;font-size:9px}.dance-combo-panel{position:absolute;z-index:8;top:18px;right:22px;min-width:110px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;text-align:right;background:#0807198a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dance-combo-panel small{display:block;color:#9e99ba;font-size:8px;font-weight:900;letter-spacing:.13em}.dance-combo-panel strong{display:block;margin-top:2px;color:#ff9bda;font-size:30px;font-style:italic;line-height:1}.dance-combo-panel span{color:#c1bcd6;font-size:8px;letter-spacing:.16em}.dance-rating{position:absolute;z-index:9;top:86px;left:50%;transform:translate(-50%) rotate(-2deg);color:#ffd96f;font-size:40px;font-weight:950;font-style:italic;letter-spacing:-.05em;text-align:center;text-shadow:0 0 20px rgba(255,217,111,.58),0 8px 26px rgba(0,0,0,.48)}.dance-rating small{display:block;margin-top:-2px;color:#fff;font-size:10px;font-style:normal;letter-spacing:.14em}.dance-rating.rating-cool{color:#6fe7ff}.dance-rating.rating-good{color:#83e6b7}.dance-rating.rating-bad{color:#c1bdcd}.dance-rating.rating-miss{color:#ff718d}.game-overlay.dance-start{z-index:12;padding:20px;background:#050411c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dance-start-card{width:min(520px,100%);padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#371960f5,#0f0b27f5);box-shadow:0 24px 70px #00000061}.dance-start-card>span{color:#6ee9ff;font-size:9px;font-weight:900;letter-spacing:.17em}.dance-start-card h2{margin:8px 0 7px;font-size:28px}.dance-start-card p{max-width:440px;margin:0 auto;color:#e2def3b8;font-size:11px;line-height:1.7}.dance-mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 9px}.dance-mode-picker button,.dance-tempo button{min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#bbb6d1;background:#ffffff0d;cursor:pointer;font-size:10px;font-weight:800}.dance-mode-picker button.active,.dance-tempo button.active{color:#fff;border-color:#69e4ffa6;background:linear-gradient(135deg,#4eb7e44d,#b74dd24d);box-shadow:0 0 18px #5ed3ff26}.dance-tempo{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.dance-tempo button{min-width:72px}.game-overlay .dance-start-button{min-height:44px;width:100%;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c55ea,#d34ea9);box-shadow:0 12px 28px #a74bd347;font-weight:900}.dance-input-panel{margin:0 0 16px;padding:16px;border:1px solid rgba(189,164,255,.14);border-radius:20px;background:linear-gradient(180deg,#14102ffa,#090819fa);color:#fff}.dance-input-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.dance-input-head>div{display:grid;gap:4px}.dance-input-head span{color:#63e8ff;font-size:8px;font-weight:900;letter-spacing:.16em}.dance-input-head strong{font-size:12px}.dance-input-head>small{color:#aaa6c1;font-size:10px}.dance-step-list{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.dance-step{min-height:82px;display:grid;grid-template-rows:auto 1fr auto;gap:3px;justify-items:center;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.dance-step small{justify-self:start;color:#74708d;font-size:8px}.dance-step b{align-self:center;color:#bbb5d1;font-size:29px;line-height:1}.dance-step kbd{min-width:30px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:7px;color:#ded9ee;background:#ffffff0e;text-align:center;font:800 11px/1 monospace}.dance-step.done{opacity:.48}.dance-step.done b,.dance-step.done kbd{color:#6ed7bb}.dance-step.current{border-color:#5ce2ffbf;background:linear-gradient(145deg,#3cc4e830,#884aff29);box-shadow:0 0 22px #54ceff29}.dance-step.current b{color:#fff;text-shadow:0 0 18px rgba(92,226,255,.8)}.dance-step.current kbd{color:#06131f;border-color:#7cecff;background:#84ecff;box-shadow:0 0 16px #5ee0ff80}.dance-judge-track{display:grid;grid-template-columns:80px 1fr 76px;align-items:center;gap:12px;margin-top:12px}.dance-judge-track>span{color:#aaa5c1;font-size:10px}.dance-judge-track>div{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a)}.dance-judge-track>div b{position:absolute;top:0;right:22%;bottom:0;left:22%;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:#ffffff24;box-shadow:0 0 16px #fff3}.dance-judge-track>div i{position:absolute;top:50%;z-index:2;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#59e7ff 48%,#9864ff);box-shadow:0 0 20px #67dfff;transition:left 16ms linear}.dance-judge-track>kbd{padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;background:#2b2150;text-align:center;font:800 10px/1 monospace}.dance-hidden-input{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}@media(max-width:760px){.dance-arena{min-height:520px}.dance-step-list{grid-template-columns:repeat(4,1fr)}.dance-stage-meta strong{font-size:14px}.dance-rating{font-size:32px}}@media(min-height:720px){.game-page:has(.dance-arena){height:100dvh;overflow:hidden}.game-page:has(.dance-arena) .game-stage{margin:14px auto;padding:14px 16px}.game-page:has(.dance-arena) .dance-arena{height:clamp(360px,calc(100dvh - 348px),460px);min-height:0;margin:10px 0}.game-page:has(.dance-arena) .dance-input-panel{margin:0;padding:10px 12px}.game-page:has(.dance-arena) .dance-input-head{margin-bottom:8px}.game-page:has(.dance-arena) .dance-step{min-height:66px;padding:5px}.game-page:has(.dance-arena) .dance-step b{font-size:24px}.game-page:has(.dance-arena) .dance-judge-track{margin-top:8px}}.game-end-button{min-height:34px;padding:0 12px;border:1px solid #e2c7d2;border-radius:10px;color:#a84770;background:#fff5f9;cursor:pointer;font-size:10px;font-weight:850}@media(max-width:700px){.game-page:has(.dance-arena){height:100dvh;overflow:hidden}.game-page:has(.dance-arena) .game-stage{margin:8px auto;padding:10px}.game-page:has(.dance-arena) .dance-arena{height:340px;min-height:340px;margin:8px 0}.game-page:has(.dance-arena) .dance-input-panel{padding:8px 9px}.game-page:has(.dance-arena) .dance-input-head{margin-bottom:6px}.game-page:has(.dance-arena) .dance-step{min-height:52px;padding:4px}.game-page:has(.dance-arena) .dance-step b{font-size:20px}.game-page:has(.dance-arena) .dance-step kbd{padding:4px 6px}.game-page:has(.dance-arena) .dance-judge-track{margin-top:6px}}.commercial-home{min-height:100vh;background:#f5f8fc;color:var(--text)}.commercial-hero{position:relative;overflow:hidden;min-height:760px;padding:24px clamp(20px,4.5vw,68px) 72px;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(91,143,239,.36),transparent 31%),radial-gradient(circle at 16% 88%,rgba(82,99,220,.24),transparent 31%),linear-gradient(145deg,#071426,#0c2548 55%,#173f7a)}.commercial-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}.home-topbar{position:relative;z-index:3;min-height:60px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:28px}.home-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.home-brand-logo{width:42px;height:42px}.home-brand strong{display:block;font-size:17px}.home-brand small{display:block;margin-top:2px;color:#deebff94;font-size:9px;letter-spacing:.08em}.home-nav{min-height:44px;padding:4px;display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(184,213,255,.12);border-radius:999px;background:#05122a47;box-shadow:inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-nav__item{height:34px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;color:#e2edffb8;background:transparent;text-decoration:none;font-family:inherit;font-size:13px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.home-nav__item:hover,.home-nav__item:focus-visible{color:#fff;background:#ffffff17;outline:none}.home-nav__feedback{border:1px solid rgba(126,177,255,.18);color:#cfe1ff;background:#578ce81f}.home-account{justify-self:end;display:flex;align-items:center;gap:10px;color:#e2edffb8;font-size:12px;line-height:1.2}.home-login{height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#eaf2ff;background:#ffffff14;cursor:pointer;font-weight:750}.home-primary,.home-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:13px;border:0;text-decoration:none;font-weight:800;cursor:pointer}.home-primary{color:#fff;background:#4d8ff0;box-shadow:0 14px 28px #316fda47}.home-primary.small{min-height:38px;padding:0 15px;border-radius:11px;font-size:12px}.home-secondary{color:#eaf2ff;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,.84fr) minmax(520px,1.16fr);gap:52px;align-items:center;margin-top:76px}.home-hero-copy{max-width:590px}.home-hero-copy h1{margin:20px 0 18px;font-size:clamp(48px,6vw,72px);line-height:1.01;letter-spacing:-.06em}.home-hero-copy>p{margin:0;max-width:560px;color:#dfebfeb8;font-size:16px;line-height:1.8}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.home-product-visual{min-height:430px}.home-demo-card{position:relative;min-height:430px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#ffffff1a,#ffffff09);box-shadow:0 40px 100px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.home-demo-head{display:flex;justify-content:space-between;color:#e5efffa6;font-size:11px;font-weight:700}.home-keyboard-stage{margin:22px -4px 0}.home-keyboard-stage .keyboard-scene,.home-keyboard-stage .keyboard{width:100%}.home-keyboard-stage #hand-wrapper{opacity:.72}.home-metric{position:absolute;z-index:5;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#071426bd;box-shadow:0 16px 36px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-metric span{display:block;color:#dae8fd9e;font-size:10px}.home-metric b{display:block;margin-top:3px;color:#fff;font-size:18px}.home-metric-speed{left:22px;top:62px}.home-metric-accuracy{right:22px;top:112px}.home-content{position:relative;z-index:4;width:min(1320px,100%);margin:-34px auto 0;padding:74px clamp(20px,4vw,56px) 80px;border-radius:36px 36px 0 0;background:#f5f8fc}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.home-section-heading>div>span{color:#3578e5;font-size:10px;font-weight:850;letter-spacing:.16em}.home-section-heading h2{margin:8px 0 0;font-size:36px;letter-spacing:-.045em}.home-section-heading p{margin:0;color:#718096;font-size:13px}.home-modes{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.home-mode-card{position:relative;grid-column:span 2;min-height:220px;display:flex;flex-direction:column;padding:21px;border:1px solid #e1e8f2;border-radius:22px;color:#172033;text-align:left;background:#fff;box-shadow:0 16px 46px #273a5c11;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-mode-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--mode-accent,#5b93eb)}.home-mode-card.featured{grid-column:span 3;min-height:240px}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mode-accent,#5b93eb) 45%,#e1e8f2);box-shadow:0 22px 54px #273a5c1f;outline:none}.home-mode-card.blue{--mode-accent:#4f8eea}.home-mode-card.indigo{--mode-accent:#6877e3}.home-mode-card.green{--mode-accent:#3fb28b}.home-mode-card.amber{--mode-accent:#d6a34d}.home-mode-card.rose{--mode-accent:#d67596}.home-mode-top{display:flex;align-items:center;justify-content:space-between;color:var(--mode-accent);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.home-mode-top b{color:#c1cad6;font-size:12px}.home-mode-card h3{margin:30px 0 9px;font-size:25px;letter-spacing:-.025em}.home-mode-card p{margin:0;color:#718096;font-size:13px;line-height:1.7}.home-mode-footer{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:24px}.home-mode-footer small{color:#98a4b5;font-size:11px}.home-mode-footer strong{color:var(--mode-accent);font-size:12px}.home-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:42px;padding:34px 38px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#112b56,#2459a4);box-shadow:0 22px 60px #1c437e33}.home-final-cta>div>span{color:#9dc6ff;font-size:10px;font-weight:850;letter-spacing:.16em}.home-final-cta h2{margin:9px 0 8px;font-size:32px;letter-spacing:-.035em}.home-final-cta p{margin:0;color:#e4efffb3;font-size:13px}.home-final-cta button{min-height:46px;padding:0 20px;border:0;border-radius:12px;color:#24559d;background:#fff;font-weight:850;white-space:nowrap;cursor:pointer}@media(max-width:1080px){.home-topbar{grid-template-columns:1fr auto;row-gap:12px}.home-nav{grid-column:1 / -1;justify-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}.home-nav::-webkit-scrollbar{display:none}.home-hero-grid{grid-template-columns:1fr;margin-top:52px}.home-product-visual{min-height:390px}.home-modes{grid-template-columns:repeat(2,1fr)}.home-mode-card,.home-mode-card.featured{grid-column:span 1}}@media(max-width:620px){.home-topbar{grid-template-columns:1fr auto}.commercial-hero{min-height:auto;padding:18px 16px 52px}.home-brand small,.home-account>span{display:none}.home-account .home-login{display:none}.home-hero-grid{margin-top:44px}.home-hero-copy h1{font-size:45px}.home-hero-copy>p{font-size:15px}.home-demo-card{min-height:330px;border-radius:22px}.home-keyboard-stage{margin-top:20px}.home-keyboard-stage .keyboard-scene{min-height:280px}.home-keyboard-stage .keyboard{width:620px;margin-left:-152px}.home-keyboard-stage #hand-wrapper{left:-50px}.home-metric-speed{top:54px}.home-metric-accuracy{top:92px}.home-content{margin-top:-28px;padding:52px 16px 64px;border-radius:28px 28px 0 0}.home-section-heading{display:block}.home-section-heading h2{font-size:29px}.home-section-heading p{margin-top:8px}.home-modes{grid-template-columns:1fr}.home-mode-card{min-height:190px}.home-final-cta{align-items:flex-start;flex-direction:column;padding:26px}.home-final-cta h2{font-size:25px}}.home-continue-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-continue-summary>div{display:grid;gap:4px}.home-continue-summary span{color:#9dc6ff;font-size:10px;font-weight:850;letter-spacing:.12em}.home-continue-summary strong{font-size:16px}.home-continue-summary small{color:#e0ecfbb8}.home-continue-summary button{min-height:38px;padding:0 14px;border:0;border-radius:11px;color:#24559d;background:#fff;cursor:pointer;font-weight:850;white-space:nowrap}@media(max-width:620px){.home-continue-summary{align-items:flex-start;flex-direction:column}.home-continue-summary button{width:100%}}.home-nav__feedback{font-family:inherit}.feedback-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0a193275;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-modal{width:min(560px,100%);padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 30px 90px #10264b47}.feedback-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.feedback-modal header span{color:#4f8eea;font-size:10px;font-weight:850;letter-spacing:.16em}.feedback-modal h2{margin:7px 0 0;color:#172033;font-size:26px;letter-spacing:-.04em}.feedback-modal header>button{width:34px;height:34px;border:0;border-radius:10px;color:#8290a5;background:#f3f6fa;cursor:pointer;font-size:24px;line-height:1}.feedback-modal label{display:grid;gap:8px;margin-top:14px;color:#47566d;font-size:12px;font-weight:750}.feedback-modal select,.feedback-modal input,.feedback-modal textarea{width:100%;padding:11px 12px;border:1px solid #dfe7f2;border-radius:11px;color:#26344b;background:#fbfcfe;outline:none;font:inherit;resize:vertical}.feedback-modal select:focus,.feedback-modal input:focus,.feedback-modal textarea:focus{border-color:#6ca1ee;box-shadow:0 0 0 3px #5690e821}.feedback-submit,.feedback-success button{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2867d4,#4a86ed);box-shadow:0 12px 28px #2d69d033;cursor:pointer;font-weight:800}.feedback-submit:disabled{opacity:.6;cursor:wait}.feedback-error{margin:12px 0 0;color:#d64b58;font-size:12px}.feedback-success{padding:18px 0 4px;text-align:center}.feedback-success strong{color:#1e5dbd;font-size:20px}.feedback-success p{margin:10px auto 0;max-width:380px;color:#758399;font-size:13px;line-height:1.7}@media(max-width:620px){.feedback-modal{padding:22px}.feedback-modal h2{font-size:22px}}.vocabulary-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 82% 0,rgba(75,184,150,.18),transparent 32%),linear-gradient(180deg,#f6fbf9,#f3f7fb 62%)}.vocabulary-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(62,88,112,.12);background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vocabulary-topbar button{justify-self:start;border:0;color:#51647c;background:transparent;cursor:pointer;font-weight:750}.vocabulary-brand{display:flex;align-items:center;gap:9px;color:#172033;text-decoration:none}.vocabulary-brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#45bfa0,#218a78);font-weight:900}.vocabulary-user{justify-self:end;color:#76879d;font-size:12px}.vocabulary-hero{width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:44px;align-items:end;margin:0 auto;padding:72px 0 42px}.vocabulary-eyebrow{color:#218a78;font-size:11px;font-weight:850;letter-spacing:.18em}.vocabulary-hero h1{margin:14px 0 16px;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.055em}.vocabulary-hero p{max-width:680px;margin:0;color:#64758b;font-size:16px;line-height:1.8}.vocabulary-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vocabulary-directions button{min-height:92px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:15px;border:1px solid #dce7e7;border-radius:16px;color:#56687c;background:#ffffffbf;text-align:left;font-weight:800}.vocabulary-directions button.is-active{color:#fff;border-color:#279a83;background:linear-gradient(145deg,#35b395,#218a78);box-shadow:0 18px 36px #24977e38}.vocabulary-directions button span{color:inherit;opacity:.68;font-size:10px;font-weight:700}.vocabulary-directions button:disabled{cursor:not-allowed;opacity:.62}.vocabulary-catalog{width:min(1180px,calc(100% - 36px));margin:0 auto 70px;padding:28px;border:1px solid rgba(78,104,129,.12);border-radius:28px;background:#ffffffe6;box-shadow:0 26px 70px #2b495f1a}.vocabulary-review-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:18px 20px;border:1px solid #cfe6df;border-radius:18px;background:linear-gradient(135deg,#edf9f5,#f8fcff)}.vocabulary-review-summary>div{display:grid;gap:4px}.vocabulary-review-summary span{color:#2b8f7a;font-size:10px;font-weight:850;letter-spacing:.12em}.vocabulary-review-summary strong{font-size:20px}.vocabulary-review-summary small{color:#718397}.vocabulary-review-summary button{min-height:42px;padding:0 17px;border:0;border-radius:12px;color:#fff;background:#218a78;cursor:pointer;font-weight:850}.vocabulary-review-summary button:disabled{cursor:wait;opacity:.55}.vocabulary-sync-note{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:15px 18px;border:1px solid #dce7f2;border-radius:16px;color:#687b91;background:#f7fafc;font-size:12px}.vocabulary-sync-note strong{color:#244e49}.vocabulary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.vocabulary-toolbar>div{display:grid;gap:5px}.vocabulary-toolbar span{color:#7b8ca0;font-size:11px;font-weight:800}.vocabulary-toolbar strong{font-size:24px;letter-spacing:-.025em}.vocabulary-toolbar input{width:min(360px,100%);min-height:44px;padding:0 15px;border:1px solid #dce5ee;border-radius:13px;color:#172033;background:#f8fafc;outline:none}.vocabulary-toolbar input:focus{border-color:#42ad94;box-shadow:0 0 0 3px #42ad941f}.vocabulary-categories{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.vocabulary-categories button{min-height:34px;padding:0 13px;border:1px solid #e0e8ef;border-radius:999px;color:#67788d;background:#fff;cursor:pointer;font-size:12px;font-weight:750}.vocabulary-categories button.is-active{color:#fff;border-color:#244e49;background:#244e49}.vocabulary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vocabulary-card{min-height:248px;display:flex;flex-direction:column;padding:20px;border:1px solid #e1e9ef;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbfc);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.vocabulary-card:hover{transform:translateY(-2px);border-color:#c9deda;box-shadow:0 18px 38px #264e4b1a}.vocabulary-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2b8f7a;font-size:10px;font-weight:850}.vocabulary-card-head small{color:#8492a4;font-weight:700}.vocabulary-card h2{margin:20px 0 8px;font-size:21px;letter-spacing:-.025em}.vocabulary-card p{display:-webkit-box;overflow:hidden;margin:0;color:#748397;font-size:12px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vocabulary-card-meta{display:flex;gap:14px;margin:auto 0 16px;color:#8a98aa;font-size:11px}.vocabulary-card button{min-height:40px;border:0;border-radius:12px;color:#fff;background:#2e9b84;cursor:pointer;font-weight:850}.vocabulary-card button:hover{background:#218a78}.vocabulary-card button:disabled{cursor:wait;opacity:.6}.vocabulary-loading,.vocabulary-error{padding:30px;border-radius:16px;text-align:center}.vocabulary-loading{color:#78899d;background:#f6f9fb}.vocabulary-error{color:#9f4141;background:#fff1f1}@media(max-width:960px){.vocabulary-hero{grid-template-columns:1fr;align-items:start;padding-top:50px}.vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.vocabulary-topbar{grid-template-columns:1fr auto}.vocabulary-brand{display:none}.vocabulary-user{grid-column:2}.vocabulary-hero{width:min(100% - 28px,1180px);padding:38px 0 28px}.vocabulary-hero h1{font-size:40px}.vocabulary-directions{grid-template-columns:1fr}.vocabulary-catalog{width:min(100% - 28px,1180px);padding:18px;border-radius:22px}.vocabulary-toolbar,.vocabulary-review-summary,.vocabulary-sync-note{align-items:stretch;flex-direction:column}.vocabulary-review-summary button,.vocabulary-toolbar input{width:100%}.vocabulary-grid{grid-template-columns:1fr}}.custom-word-book-panel{margin-bottom:24px;padding:18px 20px;border:1px solid #dce6ee;border-radius:18px;background:#f8fbfd}.custom-word-book-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.custom-word-book-head>div{display:grid;gap:3px}.custom-word-book-head span{color:#2b8f7a;font-size:10px;font-weight:850;letter-spacing:.12em}.custom-word-book-head strong{font-size:18px}.custom-word-book-head small{color:#8290a2}.custom-word-book-head>button,.custom-word-book-import>button{min-height:38px;padding:0 14px;border:0;border-radius:11px;color:#fff;background:#2e9b84;cursor:pointer;font-weight:800}.custom-word-book-import{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e8ef}.custom-word-book-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-word-book-fields input,.custom-word-book-import textarea{width:100%;padding:11px 13px;border:1px solid #dce5ee;border-radius:11px;outline:none}.custom-word-book-import textarea{resize:vertical;font-family:monospace}.custom-word-book-error{color:#a34848;font-size:12px}.custom-word-book-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.custom-word-book-list article{display:flex;overflow:hidden;border:1px solid #dce6ee;border-radius:999px;background:#fff}.custom-word-book-list article button{min-height:36px;border:0;background:transparent;cursor:pointer}.custom-word-book-list article button:first-child{display:flex;gap:8px;align-items:center;padding:0 7px 0 13px;color:#355a8b}.custom-word-book-list article button:first-child span{color:#8492a4;font-size:11px}.custom-word-book-list article button:last-child{padding:0 11px;color:#9da9b7;font-size:17px}@media(max-width:640px){.custom-word-book-fields{grid-template-columns:1fr}.custom-word-book-head{align-items:stretch;flex-direction:column}}:root{color-scheme:light;--page: #f3f6fb;--page-soft: #e9eff7;--panel: rgba(255, 255, 255, .88);--panel-solid: #ffffff;--text: #172033;--muted: #7d889b;--faint: #aab4c4;--line: rgba(91, 108, 137, .15);--accent: #3578e5;--accent-soft: #e2edff;--correct: #42a17d;--error: #e25656;--shadow: 0 24px 70px rgba(37, 48, 67, .13);font-family:Avenir Next,PingFang SC,system-ui,sans-serif;color:var(--text);background:var(--page)}html[data-theme=dark]{color-scheme:dark;--page: #10141d;--page-soft: #171d29;--panel: rgba(26, 32, 44, .9);--panel-solid: #1b2230;--text: #edf2fb;--muted: #9ba7ba;--faint: #6f7b90;--line: rgba(184, 197, 220, .13);--accent: #78a9ff;--accent-soft: rgba(81, 135, 230, .16);--correct: #62c99f;--error: #ff7a7a;--shadow: 0 26px 76px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 44%),linear-gradient(180deg,var(--page),var(--page-soft));transition:background .18s ease,color .18s ease}button{font:inherit}button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:3px}.practice-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:18px clamp(14px,4vw,42px) 28px}.topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#5792ee,#2c64c8);box-shadow:0 10px 22px #2f6fd83d;font-weight:800}.brand-copy{display:flex;align-items:baseline;gap:6px}.brand-copy strong{font-size:16px}.brand-copy span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.09em}.lesson-title{text-align:center;line-height:1.15}.lesson-title span{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em}.lesson-title strong{font-size:16px}.toolbar{justify-self:end;display:flex;gap:6px}.toolbar button,.toolbar a{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--panel-solid) 72%,transparent);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.toolbar button:hover,.toolbar a:hover{color:var(--text);background:var(--accent-soft)}.toolbar button:active,.toolbar a:active{transform:translateY(1px)}.practice-panel{width:min(760px,100%);min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:6px auto 2px;padding:20px 24px 16px}.prompt-meta{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.finger-hint{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--panel-solid) 74%,transparent);font-size:11px;letter-spacing:0;text-transform:none}.character{min-height:122px;display:grid;place-items:center;font:650 clamp(72px,10vw,110px)/1 "SFMono-Regular",Consolas,monospace;text-shadow:0 14px 34px color-mix(in srgb,var(--accent) 15%,transparent);transition:transform .16s ease,color .16s ease}.character.is-error{color:var(--error);animation:shake .32s ease}.hint{margin:-8px 0 10px;color:var(--muted);font-size:13px}.guest-badge{margin:0 0 12px;padding:6px 10px;border-radius:999px;color:var(--faint);background:color-mix(in srgb,var(--accent-soft) 55%,transparent);font-size:10px}.sequence{width:100%;display:flex;justify-content:center;gap:7px;min-height:23px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.sequence span{min-width:18px;color:var(--faint);font:700 14px/1 SFMono-Regular,Consolas,monospace;text-align:center;transition:color .16s ease,transform .16s ease}.sequence .done{color:var(--correct)}.sequence .current{color:var(--accent);transform:translateY(-2px) scale(1.15)}.progress-track{width:min(620px,100%);height:5px;margin-top:14px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--faint) 23%,transparent)}.progress-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 68%,white));transition:width .22s cubic-bezier(.2,.8,.2,1)}.stats{width:min(650px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.stats>div{display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--muted);font-size:11px}.stats strong{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.stats small{color:var(--faint);font-size:10px}@keyframes shake{0%,to{transform:translate(0)}28%{transform:translate(-8px) rotate(-1.5deg)}60%{transform:translate(6px) rotate(1deg)}}@media(max-width:700px){.practice-shell{padding:10px 10px 20px}.topbar{grid-template-columns:auto 1fr auto;gap:10px}.brand-copy{display:none}.lesson-title{text-align:left}.lesson-title strong{font-size:14px}.toolbar button,.toolbar a{padding:0 9px;font-size:12px}.toolbar button:last-child{display:none}.practice-panel{min-height:260px;padding:16px 4px 10px}.character{min-height:104px}.hint{margin-bottom:12px}.stats{gap:5px}.stats>div{display:grid;justify-items:center;gap:1px}.stats small{display:none}}.appearance-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#121a285c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.appearance-panel{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:24px;border:1px solid var(--line);border-radius:22px;color:var(--text);background:var(--panel-solid);box-shadow:var(--shadow)}.appearance-panel__header,.appearance-panel__footer,.appearance-controls label,.color-input{display:flex;align-items:center;justify-content:space-between;gap:14px}.appearance-panel__header h2{margin:0 0 4px;font-size:22px}.appearance-panel__header p{margin:0;color:var(--muted);font-size:12px}.text-button,.secondary-button,.primary-button{min-height:36px;padding:0 13px;border-radius:10px;cursor:pointer}.text-button{border:0;color:var(--muted);background:transparent}.secondary-button{border:1px solid var(--line);color:var(--text);background:var(--panel)}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.palette-preset{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:var(--panel);cursor:pointer}.palette-preset.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);color:var(--text)}.palette-preview{width:48px;height:42px;display:grid;grid-template-columns:1fr auto;align-items:start;padding:6px;border:1px solid;border-radius:9px;font-size:12px;font-weight:800}.palette-preview b{width:9px;height:9px;border-radius:50%}.layout-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.layout-mode>span{color:var(--muted);font-size:12px;font-weight:700}.layout-mode>div{display:flex;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--page-soft)}.layout-mode button{min-height:30px;padding:0 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.layout-mode button.is-active{color:var(--text);background:var(--panel-solid);box-shadow:0 2px 8px #1f2f4c14}.appearance-controls{display:grid;gap:12px}.appearance-controls label>span:first-child{color:var(--muted);font-size:12px;font-weight:700}.color-input{justify-content:flex-end}.color-input input{width:42px;height:30px;padding:2px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.color-input code{min-width:76px;color:var(--text);font-size:12px}.appearance-preview{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;margin:20px 0 14px;padding:14px;border-radius:14px;box-shadow:inset 0 0 0 1px #00000014}.appearance-preview>span{font-size:11px}.appearance-preview>strong{grid-column:2;grid-row:1;justify-self:start}.appearance-preview kbd{min-width:48px;padding:9px;border-radius:9px;text-align:center;font-weight:800}.appearance-preview__symbol{align-self:start}.contrast-warning{margin:10px 0 14px;padding:10px 12px;border-radius:11px;color:#8a5a00;background:#f5b9422e;font-size:12px}.appearance-panel__footer{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.appearance-actions{display:flex;gap:8px}@media(max-width:700px){.appearance-panel{padding:18px;border-radius:18px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-controls label{align-items:flex-start;flex-direction:column}.color-input{width:100%;justify-content:space-between}.appearance-panel__footer{align-items:stretch;flex-direction:column}}.practice-display-panel{width:min(1040px,100%);margin:24px auto 8px;padding:28px 34px 30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-solid) 98%,var(--accent-soft)),var(--panel-solid));box-shadow:var(--shadow)}.practice-display-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.practice-display-eyebrow{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.15em}.practice-display-head h2{margin:8px 0 0;font-size:28px;line-height:1.15;letter-spacing:-.035em}.practice-progress-count{min-width:92px;text-align:right;color:var(--muted);font-size:11px}.practice-progress-count strong{display:block;margin-top:4px;color:var(--text);font-size:22px;font-variant-numeric:tabular-nums}.practice-text-window{height:260px;margin-top:22px;padding:22px 24px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel-solid) 72%,var(--page));scroll-behavior:smooth}.practice-text-flow{min-height:100%;color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:34px;font-weight:650;line-height:1.75;overflow-wrap:anywhere;word-break:break-word}.practice-char{position:relative;display:inline;border-radius:5px;transition:color .12s ease,background .12s ease,transform .12s ease}.practice-context{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:#7d90aa;font-size:10px;line-height:1}.practice-context strong{color:#a9bdd6}.practice-context i{color:#4f6178;font-style:normal}.practice-completion-view{min-height:100%;display:grid;grid-template-rows:auto auto auto 1fr;gap:12px}.practice-completion-summary{display:flex;align-items:center;gap:12px}.practice-completion-summary>div{display:grid;gap:3px}.practice-completion-summary small{color:#66778e;font-size:10px;font-weight:800;letter-spacing:.12em}.practice-completion-summary strong{color:#24344b;font-size:24px;letter-spacing:-.025em}.practice-completion-summary em{margin-left:auto;padding:7px 10px;border-radius:999px;color:#6fd2ab;background:#4fb58f21;font-size:11px;font-style:normal;font-weight:850}.practice-completion-check{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#49b28d,#2f8f72);font-size:20px}.practice-completion-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.practice-completion-metrics>span{display:grid;gap:2px;padding:9px 10px;border-radius:11px;background:#5f84af1c}.practice-completion-metrics b{color:#24344b;font-size:18px}.practice-completion-metrics small{color:#687a91;font-size:9px}.practice-completion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.practice-completion-actions button{min-height:34px;padding:0 12px;border:1px solid #d7e2ec;border-radius:10px;color:#53657d;background:#f7fafc;cursor:pointer;font-weight:800;font-size:11px}.practice-completion-actions .completion-primary{color:#fff;border-color:#4f8eea;background:linear-gradient(145deg,#4f8eea,#3568c8)}.practice-completion-hint{align-self:end;color:#718096;font-size:10px}.practice-pause-view{min-height:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px}.practice-pause-view>span{color:#77a8f0;font-size:11px;font-weight:850;letter-spacing:.14em}.practice-pause-view h3{max-width:520px;margin:0;color:#26374f;font-size:20px}.practice-pause-view button{min-height:38px;padding:0 16px;border:0;border-radius:11px;color:#fff;background:#4f8eea;cursor:pointer;font-weight:850}.practice-shell.is-focus .topbar{opacity:.18;transition:opacity .16s ease}.practice-shell.is-focus .topbar:hover{opacity:1}.vocabulary-practice-flow{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px}.vocabulary-meaning{display:grid;gap:5px}.vocabulary-meaning>span{color:#60748e;font-size:10px;font-weight:800;letter-spacing:.12em}.vocabulary-meaning strong{color:#172033;font-size:clamp(22px,2.5vw,34px);line-height:1.35;letter-spacing:-.025em}.vocabulary-meaning small{color:#5f7188;font-size:12px}.vocabulary-answer{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.vocabulary-char{width:30px;min-width:30px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:9px;color:#667d9c;background:transparent;font-family:SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:800}.vocabulary-char.done{color:#8fa0b7;background:transparent}.vocabulary-char.correct{color:#2f79df;background:transparent}.vocabulary-char.wrong{color:#df4f55;background:transparent}.vocabulary-char.current{color:#26374f;background:transparent;box-shadow:none}.vocabulary-char.current.incorrect{color:#df4f55;background:transparent}.vocabulary-next-hint{color:#60748e;font-size:11px}.vocabulary-english-prompt{display:grid;gap:5px}.vocabulary-english-prompt>span{color:#60748e;font-size:10px;font-weight:800;letter-spacing:.12em}.vocabulary-english-prompt strong{color:#172033;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(36px,5vw,62px);line-height:1.1;letter-spacing:-.035em}.vocabulary-english-prompt small{color:#5f7188;font-size:12px}.vocabulary-chinese-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.vocabulary-chinese-input input{min-height:48px;padding:0 15px;border:1px solid rgba(157,190,229,.28);border-radius:12px;color:#f4f8ff;background:#081424b8;outline:none;font-size:18px}.vocabulary-chinese-input input:focus{border-color:color-mix(in srgb,var(--accent) 72%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.vocabulary-chinese-input button{min-height:48px;padding:0 18px;border:0;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%,white));cursor:pointer;font-weight:850}.vocabulary-chinese-input button:disabled{cursor:wait;opacity:.5}.vocabulary-feedback{min-height:20px;color:#64758b;font-size:12px}.vocabulary-feedback.correct{color:#2f8b6b}.vocabulary-feedback.wrong{color:#d84f59}.practice-char.done{color:var(--faint);background:color-mix(in srgb,var(--accent) 6%,transparent)}.practice-char.upcoming{color:color-mix(in srgb,var(--text) 76%,var(--muted))}.practice-char.current{display:inline-flex;align-items:center;justify-content:center;min-width:1.36em;height:1.64em;margin:0 .06em;padding:0 .14em;color:#fff;border-radius:10px;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%,white));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 0 0 1px #fff3;transform:translateY(.08em)}.practice-char.current:after{content:"";position:absolute;right:-2px;width:3px;height:62%;border-radius:999px;background:#fff;animation:cursor-blink 1s steps(1) infinite}.practice-char.incorrect{background:var(--error);box-shadow:0 10px 24px color-mix(in srgb,var(--error) 28%,transparent)}@keyframes cursor-blink{50%{opacity:.2}}.practice-display-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;color:var(--muted);font-size:12px}.practice-display-foot strong{flex:0 0 auto;padding:8px 11px;border-radius:999px;color:color-mix(in srgb,var(--accent) 78%,var(--text));background:var(--accent-soft)}.practice-guest-note{display:inline-block;margin-top:12px;padding:6px 10px;border-radius:999px;color:var(--faint);background:color-mix(in srgb,var(--accent-soft) 55%,transparent);font-size:10px}.practice-inline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;padding-top:0;border:0}.practice-inline-stats>div{display:flex;align-items:baseline;justify-content:center;gap:6px;color:var(--muted);font-size:11px}.practice-inline-stats strong{color:var(--text);font-size:20px;font-variant-numeric:tabular-nums}.practice-inline-stats small{color:var(--faint);font-size:10px}.fixed-keyboard-canvas{position:relative;width:685px;height:385px;margin:2px auto 0}@media(max-width:700px){.practice-display-panel{width:100%;margin:14px auto 4px;padding:18px 16px;border-radius:20px}.practice-display-head h2{font-size:22px}.practice-progress-count strong{font-size:18px}.practice-text-window{height:240px;padding:17px 15px}.practice-text-flow{font-size:22px;line-height:1.85}.practice-display-foot{align-items:flex-start;flex-direction:column}.practice-inline-stats{grid-template-columns:repeat(2,1fr);gap:14px}.practice-inline-stats>div{justify-content:flex-start}.fixed-keyboard-canvas{width:360px;height:220px}.fixed-keyboard-canvas .keyboard-scene{width:360px;min-height:134px}}.practice-display-panel{width:min(1080px,100%);margin:12px auto 0;padding:7px 8px 11px;border:1px solid #cbd8e6;border-radius:18px;background:linear-gradient(145deg,#f9fbfe,#e1e9f2);box-shadow:0 20px 50px #2a436624,inset 0 1px #fff}.practice-display-head{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.practice-display-head h2{margin:0;color:#26374f;font-size:13px;line-height:1;letter-spacing:0}.practice-progress-count{min-width:0;color:#74849a;font-size:11px}.practice-progress-count>span{display:none}.practice-progress-count strong{display:inline;margin:0;color:#26374f;font-size:13px}.practice-text-window{height:150px;margin:0;padding:16px 19px;overflow:hidden;border:1px solid #d9e3ee;border-radius:10px;background:#fff;box-shadow:inset 0 1px #fff}.practice-text-flow{position:relative;color:#26374f;font-size:25px;line-height:1.72;animation:practice-page-in .22s ease both}.practice-char{display:inline-block;width:.98em;height:1.72em;color:#26374f;text-align:center;vertical-align:baseline;transition:color .1s ease}.practice-char.correct,.practice-char.done{color:#2f79df;background:transparent}.practice-char.wrong,.practice-char.incorrect{color:#df4f55;background:transparent}.practice-char.upcoming{color:#64758d}.practice-char.current{display:inline-block;min-width:0;height:1.72em;margin:0;padding:0;color:#26374f;border-radius:0;background:transparent;box-shadow:none;transform:none}.practice-char.current:after{display:none}.practice-typing-cursor{position:absolute;z-index:4;width:2px;border-radius:999px;background:#2f7df4;box-shadow:0 0 0 3px #2f7df41a,0 0 14px #2f7df457;pointer-events:none;transition:left 90ms ease,top 90ms ease,height 90ms ease}@keyframes practice-page-in{0%{opacity:0}to{opacity:1}}.practice-inline-stats{width:min(1080px,100%);grid-template-columns:repeat(4,1fr);gap:14px;margin:9px auto 0;padding:0;border:0;background:transparent}.practice-inline-stats>div{justify-content:center}.practice-inline-stats strong{font-size:18px}@media(max-width:700px){.practice-display-panel{width:100%;margin:7px auto 0;padding:5px 6px 9px;border-radius:15px}.practice-display-head{height:25px;padding:0 4px}.practice-display-head h2{font-size:11px}.practice-progress-count strong{font-size:10px}.practice-text-window{height:142px;padding:12px 10px}.practice-text-flow{font-size:19px;line-height:1.68}.practice-char.current{display:inline-block;min-width:0;height:1.72em;margin:0;padding:0;border-radius:0;transform:none}.practice-inline-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.practice-inline-stats>div{display:grid;justify-items:center;gap:1px}.practice-inline-stats small{display:none}}@media(min-width:701px){.practice-shell{height:100dvh;min-height:0;overflow:hidden;padding-bottom:10px}}.practice-display-panel{margin-top:10px}.practice-text-window{height:clamp(150px,calc(100dvh - 570px),235px)}.practice-inline-stats{margin-top:7px;padding:0;border:0;background:transparent}.fixed-keyboard-canvas[data-layout-ready=false]{visibility:hidden}.fixed-keyboard-canvas .keyboard-scene{width:685px;min-height:363px}@media(max-width:700px){.practice-text-window{height:142px}.fixed-keyboard-canvas{--practice-keyboard-base-height: 220px;--practice-keyboard-scale: 1;width:360px;height:calc(var(--practice-keyboard-base-height) * var(--practice-keyboard-scale));transform:scale(var(--practice-keyboard-scale));transform-origin:center top}}@media(min-width:701px){.practice-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:8px}.practice-workspace{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}}.practice-workspace{width:100%;min-height:0}.practice-display-panel{width:min(1120px,100%);margin:0 auto}.practice-text-window{height:clamp(150px,min(28dvh,calc(100dvh - 570px)),320px)}.practice-inline-stats{width:min(1120px,100%);margin:7px auto 0}.fixed-keyboard-canvas{--practice-keyboard-base-height: 385px;--practice-keyboard-scale: 1;width:685px;height:calc(var(--practice-keyboard-base-height) * var(--practice-keyboard-scale));margin:2px auto 0;transform:scale(var(--practice-keyboard-scale));transform-origin:center top}@media(min-width:1800px){.practice-display-panel,.practice-inline-stats{width:min(1200px,100%)}}@media(max-width:700px){.practice-workspace{min-height:0}.practice-display-panel{margin:7px auto 0}.practice-text-window{height:142px}.practice-inline-stats{margin:7px auto 0}.fixed-keyboard-canvas{--practice-keyboard-base-height: 220px;--practice-keyboard-scale: 1;width:360px;height:220px;margin:2px auto 0;transform:none;transform-origin:center top}}@media(min-width:701px)and (max-height:880px){.practice-shell{padding-top:8px}.topbar{height:52px}.practice-text-window{height:clamp(150px,min(27dvh,calc(100dvh - 590px)),250px)}}@media(min-width:701px)and (max-height:760px){.practice-display-panel{padding-top:4px;padding-bottom:7px}.practice-inline-stats{margin-top:4px}}.practice-window-marker{color:#61738d;padding:0 8px;font-weight:800}@media(max-width:760px){.practice-completion-metrics{grid-template-columns:repeat(2,1fr)}.practice-completion-summary strong{font-size:19px}}.practice-topbar{position:relative;z-index:40;height:58px;grid-template-columns:minmax(190px,1fr) auto minmax(210px,1fr);gap:18px}.practice-brand-logo{width:38px;height:38px;display:block;filter:drop-shadow(0 8px 18px rgba(73,146,245,.24))}.practice-lesson{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}.practice-lesson>a{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--panel-solid) 76%,transparent);text-decoration:none;font-size:11px;font-weight:800}.practice-lesson>div{min-width:0;text-align:center}.practice-primary-actions{position:relative;z-index:41;gap:8px}.practice-primary-actions>button{min-height:38px;border-radius:11px}.practice-sound-button{width:40px;padding:0;font-size:16px}.practice-avatar-button{width:38px;min-width:38px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,#f08ab8,#7963db)!important;box-shadow:0 0 0 2px var(--panel-solid),0 6px 16px #5a4aa62e;font-size:10px;font-weight:900}.practice-primary-actions>button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.practice-settings-popover{position:absolute;z-index:40;top:54px;right:0;width:270px;padding:10px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--panel-solid) 97%,transparent);box-shadow:0 24px 64px #1b2c4633;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.practice-settings-popover section+section{margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}.practice-settings-popover small{display:block;padding:5px 8px 3px;color:var(--faint);font-size:8px;font-weight:900;letter-spacing:.12em}.practice-settings-popover button{width:100%;min-height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;text-align:left}.practice-settings-popover button:hover{color:var(--text);background:var(--accent-soft)}.practice-settings-popover button b{color:var(--faint);font-size:9px;font-weight:650}.practice-content-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:0 18px}.practice-content-source,.practice-content-actions{display:flex;align-items:center;gap:7px}.practice-source-button{min-height:36px;max-width:360px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--panel-solid);cursor:pointer}.practice-source-button small{color:var(--accent);font-size:9px;font-weight:850}.practice-source-button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.practice-source-button b{color:var(--faint)}.practice-content-actions>button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--panel-solid);cursor:pointer;font-size:10px;font-weight:750}.practice-content-actions>button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--accent-soft)}.practice-info-panel{position:fixed;z-index:45;top:132px;right:max(18px,calc((100vw - 1180px)/2));width:250px;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--panel-solid);box-shadow:0 24px 64px #1b2c4633}.practice-info-panel header{display:flex;align-items:center;justify-content:space-between}.practice-info-panel header strong{font-size:13px}.practice-info-panel header button{border:0;color:var(--muted);background:transparent;font-size:20px;cursor:pointer}.practice-info-panel>div{display:grid;gap:7px;margin-top:10px}.practice-info-panel>div span{display:flex;align-items:baseline;justify-content:space-between;color:var(--muted);font-size:10px}.practice-info-panel>div b{color:var(--text);font-size:17px}.practice-info-panel>p{margin:12px 0 2px;color:var(--muted);font-size:11px}.practice-shell.is-dictation .practice-char.current,.practice-shell.is-dictation .practice-char.upcoming,.practice-shell.is-dictation .vocabulary-char.current,.practice-shell.is-dictation .vocabulary-char.upcoming{color:transparent}.practice-shell.is-meaning-hidden .vocabulary-meaning{visibility:hidden}.practice-display-panel{padding:0;border:0;background:transparent;box-shadow:none}.practice-text-window{height:clamp(188px,calc(100dvh - 630px),300px);border:0;border-radius:18px;background:#fff;box-shadow:0 16px 44px #2a436613}@media(max-width:700px){.practice-topbar{grid-template-columns:40px 1fr 40px;height:56px;gap:8px}.practice-brand .brand-copy,.practice-sound-button,.practice-avatar-button{display:none}.practice-lesson>a{display:none}.practice-lesson{display:block}.practice-lesson>div{text-align:center}.practice-primary-actions>button:last-child{display:block!important;min-width:40px!important}.practice-content-toolbar{min-height:44px;margin-top:2px;padding:0 6px;overflow:hidden}.practice-content-source{min-width:0}.practice-source-button{max-width:190px}.practice-source-button small{display:none}.practice-content-actions{gap:4px}.practice-content-actions>button{width:34px;min-width:34px;padding:0;justify-content:center}.practice-content-actions>button span{display:none}.practice-content-actions>button:nth-child(n+5){display:none}.practice-settings-popover{top:52px;right:0;width:min(300px,calc(100vw - 20px))}.practice-text-window{height:148px}.practice-info-panel{top:110px;right:10px;left:10px;width:auto}}@media(min-width:701px)and (max-width:1100px){.practice-text-window{height:168px}.practice-content-toolbar{padding:0 8px}.practice-content-actions>button span{display:none}.practice-source-button{max-width:260px}}@media(min-width:701px)and (max-height:760px){.practice-topbar{height:48px}.practice-content-toolbar{min-height:40px;margin-top:0}.practice-text-window{height:176px}.practice-inline-stats{margin-top:4px}.fixed-keyboard-canvas{margin-top:0}}.practice-display-panel{width:min(900px,100%)}.practice-text-window{position:relative;display:flex;align-items:center;justify-content:center}.practice-text-flow{width:100%;min-height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;text-align:center}.practice-completion-view,.practice-pause-view,.vocabulary-practice-flow{width:100%}.practice-inline-stats{width:min(760px,100%)}.fixed-keyboard-canvas{margin-top:2px}@media(max-width:700px){.practice-display-panel,.practice-inline-stats{width:100%}.fixed-keyboard-canvas{margin-top:2px}}.vocabulary-practice-flow{align-items:center;text-align:center}.vocabulary-meaning,.vocabulary-english-prompt{width:min(680px,100%);justify-items:center;text-align:center}.vocabulary-answer{justify-content:center}.vocabulary-chinese-input{width:min(680px,100%);margin:0 auto}.vocabulary-next-hint,.vocabulary-feedback{text-align:center}