:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f;--app-card-shadow:0 0 2px var(--cp-border), 0 1px 2px var(--cp-border);--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--cp-bg);min-width:320px;color:var(--cp-text);letter-spacing:0;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,textarea,input{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--cp-highlight);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}svg{flex:none}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:26px;line-height:1.25}h2{margin:0;font-size:20px;line-height:1.3}h3{margin:0;font-size:16px;line-height:1.4}.muted{color:var(--cp-text-muted)}.app-shell{background:var(--cp-surface);border-inline:1px solid var(--cp-border);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,500px);height:100dvh;margin:0 auto;display:grid;position:relative;overflow:hidden}.top-chrome{z-index:4;padding-top:var(--app-safe-top);background:var(--cp-panel-strong);border-bottom:1px solid var(--cp-border)}.topbar{grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;padding:8px 16px;display:grid}.brand{text-align:center;margin:0;font-size:17px;font-weight:750}.icon-button{width:40px;height:40px;color:var(--cp-text);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--cp-surface-soft)}.icon-button.is-connected{color:var(--cp-link);background:var(--cp-accent-soft);border-color:var(--cp-link)}.ad-banner{border-top:1px solid var(--cp-border);background:var(--cp-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:50px;padding:6px 12px;display:grid}.ad-label{border:1px solid var(--cp-border-strong);color:var(--cp-text-muted);border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.ad-copy{min-width:0}.ad-copy strong,.ad-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ad-copy strong{font-size:13px}.ad-copy span{color:var(--cp-text-muted);margin-top:1px;font-size:11px}.ad-placeholder{grid-template-columns:auto minmax(0,1fr)}.adsense-container{min-height:50px;padding:0;display:block;position:relative;overflow:hidden}.ad-loading{background:var(--cp-surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:6px 12px;display:grid}.adsense-container.is-pending .ad-loading{z-index:1;position:relative}.adsense-container.is-pending .adsbygoogle{min-height:50px;position:absolute;inset:0}.adsense-container.is-filled .adsbygoogle{min-height:50px}.main{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.screen{min-height:100%;padding:24px 20px 32px;animation:.18s ease-out both screen-in}.eyebrow{color:var(--cp-link);text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:26px 0 12px;display:flex}.section-heading span{color:var(--cp-text-muted);white-space:nowrap;font-size:12px}.daily-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.streak{border:1px solid var(--cp-border);background:var(--cp-surface);text-align:center;border-radius:10px;min-width:68px;padding:8px 10px}.streak strong,.streak span{display:block}.streak strong{font-size:20px}.streak span{color:var(--cp-text-muted);margin-top:2px;font-size:10px}.continue-card,.level-card,.set-card,.list-card,.setting-row,.result-panel,.answer-panel,.stat-card{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:var(--app-card-shadow);border-radius:10px}.continue-card{margin-top:18px;padding:18px}.continue-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.continue-top span{color:var(--cp-text-muted);font-size:12px}.progress-track{background:var(--cp-surface-soft);border-radius:4px;width:100%;height:7px;margin:14px 0;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--cp-link);height:100%;transition:width .22s;display:block}.primary-button,.secondary-button,.danger-button,.compact-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 14px;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--cp-link);background:var(--cp-link);color:var(--cp-accent-fg);text-decoration:none}.primary-button:hover{opacity:.92}.secondary-button,.compact-button{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}.secondary-button:hover,.compact-button:hover{background:var(--cp-surface-soft)}.danger-button{border:1px solid var(--cp-danger);color:var(--cp-danger);background:0 0}.compact-button{border-radius:8px;min-height:36px;padding:6px 10px;font-size:12px}.danger-text{color:var(--cp-danger)}.wide-button{width:100%}.level-list,.list-stack,.settings-stack{gap:10px;display:grid}.level-card{text-align:left;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.level-card:hover{border-color:var(--cp-link);transform:translateY(-1px)}.level-card.is-locked{background:var(--cp-surface-soft)}.level-card.is-locked .level-badge{color:var(--cp-text-muted)}.level-badge{border:1px solid var(--cp-border);background:var(--cp-surface-soft);width:48px;height:48px;color:var(--cp-link);border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid}.level-copy{min-width:0}.level-copy strong{font-size:15px;display:block}.chevron{color:var(--cp-text-muted)}.set-back-button{color:var(--cp-link);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:18px;padding:4px 0;font-size:13px;font-weight:700;display:inline-flex}.set-back-button:hover{text-decoration:underline}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.set-card{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:88px;padding:14px;display:grid}.set-card:hover{border-color:var(--cp-link)}.set-card>svg{color:var(--cp-link)}.set-card.is-locked{background:var(--cp-surface-soft)}.set-card.is-locked>svg{color:var(--cp-text-muted)}.set-card.is-complete{border-color:var(--cp-success)}.set-card.is-complete>svg{color:var(--cp-success)}.set-card-copy{min-width:0}.set-card-copy strong,.set-card-copy span{display:block}.set-card-copy strong{font-size:17px}.set-card-copy span{color:var(--cp-text-muted);margin-top:5px;font-size:11px}.exercise-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-meta{color:var(--cp-text-muted);margin-top:4px;font-size:12px}.save-button.is-saved{color:var(--cp-link);background:var(--cp-accent-soft)}.audio-stage{border:1px solid var(--cp-border);background:var(--cp-surface-soft);text-align:center;border-radius:10px;margin:24px 0 18px;padding:24px 16px}.play-button{border:1px solid var(--cp-link);background:var(--cp-link);width:76px;height:76px;color:var(--cp-accent-fg);box-shadow:var(--app-card-shadow);border-radius:50%;place-items:center;padding:0;display:inline-grid}.play-button.is-playing{opacity:.9}.waveform{justify-content:center;align-items:center;gap:4px;height:36px;margin:16px auto 0;display:flex}.waveform span{background:var(--cp-border-strong);transform-origin:50%;border-radius:2px;width:4px;height:10px}.waveform.is-playing span{background:var(--cp-link);animation:.62s ease-in-out infinite alternate wave}.waveform span:nth-child(2n){animation-delay:.12s}.waveform span:nth-child(3n){animation-delay:.24s}.segmented{border:1px solid var(--cp-border);background:var(--cp-surface-soft);border-radius:10px;gap:3px;padding:3px;display:grid}.speed-control{grid-template-columns:repeat(3,1fr);width:min(100%,310px);margin:0 auto}.mode-control{grid-template-columns:repeat(2,1fr);margin-bottom:14px}.segment-button{min-height:38px;color:var(--cp-text-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.segment-button.is-active{background:var(--cp-surface);color:var(--cp-link);box-shadow:var(--app-card-shadow)}.answer-panel{padding:16px}.answer-label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.answer-input{resize:vertical;border:1px solid var(--cp-border-strong);background:var(--cp-bg-elevated);border-radius:10px;width:100%;min-height:116px;padding:12px;font-size:16px;line-height:1.5}.voice-row{align-items:center;gap:10px;margin-top:10px;display:flex}.voice-row .secondary-button{flex:1}.privacy-note{color:var(--cp-text-muted);font-size:11px}.answer-check{margin-top:12px}.result-panel{margin-top:14px;padding:16px}.score-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-badge{background:var(--cp-accent-soft);min-width:66px;color:var(--cp-link);text-align:center;border-radius:10px;padding:7px 10px;font-weight:800}.diff-list{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.diff-token{border:1px solid var(--cp-border);background:var(--cp-surface-soft);border-radius:8px;padding:5px 7px;font-size:13px}.diff-token.correct{border-color:var(--cp-success);color:var(--cp-success)}.diff-token.wrong{border-color:var(--cp-danger);color:var(--cp-danger)}.diff-token.missing{border-color:var(--cp-warning);color:var(--cp-warning)}.diff-token.extra{color:var(--cp-text-muted);border-style:dashed}.translation-block{border-top:1px solid var(--cp-border);padding-top:14px}.translation-block+.translation-block{margin-top:14px}.translation-label{color:var(--cp-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.correct-sentence{font-size:17px;font-weight:700;line-height:1.7}.word-token{border:0;border-bottom:1px dotted var(--cp-border-strong);color:inherit;font-weight:inherit;line-height:inherit;touch-action:manipulation;background:0 0;border-radius:0;padding:2px 1px;display:inline}.word-token:hover{color:var(--cp-link);border-bottom-color:var(--cp-link)}.translation-text{color:var(--cp-text-muted);margin:0;font-size:15px;line-height:1.65}.next-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.list-card{padding:14px}.list-card-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.list-card p{color:var(--cp-text-muted);margin:8px 0 0;font-size:13px;line-height:1.55}.list-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reference-example{border-top:1px solid var(--cp-border);margin-top:12px;padding-top:12px}.reference-example span,.word-context span{color:var(--cp-text-muted);text-transform:uppercase;margin-top:10px;font-size:11px;font-weight:700;display:block}.reference-example span:first-child,.word-context span:first-child{margin-top:0}.empty-state{text-align:center;place-items:center;min-height:280px;display:grid}.empty-state-mark{border:1px solid var(--cp-border);background:var(--cp-surface);width:64px;height:64px;color:var(--cp-link);border-radius:10px;place-items:center;margin:0 auto 14px;display:grid}.empty-state p{max-width:320px;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.stat-card{min-height:118px;color:var(--cp-text);text-align:left;padding:14px}.stat-card>svg{color:var(--cp-link)}.stat-card strong,.stat-card span{display:block}.stat-card strong{margin-top:14px;font-size:26px}.stat-card span{color:var(--cp-text-muted);font-size:12px}.stat-link:hover{border-color:var(--cp-link)}.stat-link .stat-arrow{color:var(--cp-link);margin-top:8px;font-weight:700}.level-progress{gap:14px;margin-top:20px;display:grid}.level-progress-row{grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:12px;display:grid}.level-progress-row .progress-track{margin:0}.setting-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.setting-copy{grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;display:grid}.setting-copy svg{color:var(--cp-link);grid-row:1/3}.setting-copy strong,.setting-copy span{min-width:0;display:block}.setting-copy span{color:var(--cp-text-muted);margin-top:3px;font-size:12px}.account-setting{grid-template-columns:minmax(0,1fr);align-items:stretch}.account-setting>.compact-button{justify-self:start}.account-setting .google-signin-wrap{justify-items:start;max-width:360px}.account-setting .google-signin-button{justify-items:start}.account-setting .form-error{margin-top:0}.pro-band{border-block:1px solid var(--cp-border);margin:18px 0;padding:18px 0}.pro-band>svg{color:var(--cp-link)}.pro-band p{color:var(--cp-text-muted);margin:8px 0 14px;line-height:1.5}.legal-links{border-block:1px solid var(--cp-border)}.legal-link{border-bottom:1px solid var(--cp-border);min-height:48px;color:var(--cp-text);justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.legal-link:last-child{border-bottom:0}.legal-link:hover{color:var(--cp-link)}.session-score{border:10px solid var(--cp-accent-soft);border-top-color:var(--cp-link);text-align:center;border-radius:50%;place-items:center;width:144px;height:144px;margin:34px auto 20px;display:grid}.session-score strong,.session-score span{display:block}.session-score strong{font-size:36px}.session-score span{color:var(--cp-text-muted);font-size:12px}.bottom-nav{z-index:5;min-height:calc(68px + var(--app-safe-bottom));padding:6px 6px var(--app-safe-bottom);border-top:1px solid var(--cp-border);background:var(--cp-panel-strong);grid-template-columns:repeat(5,1fr);display:grid}.nav-button{min-width:0;min-height:56px;color:var(--cp-text-muted);background:0 0;border:0;border-radius:0;align-content:center;place-items:center;gap:2px;padding:5px 2px;font-size:10px;display:grid}.nav-button.is-active{background:var(--cp-surface);color:var(--cp-link);box-shadow:inset 0 2px 0 var(--cp-link);font-weight:700}.toast{left:50%;bottom:calc(86px + var(--app-safe-bottom));z-index:20;border:1px solid var(--cp-border-strong);background:var(--cp-panel-strong);width:min(100% - 32px,430px);color:var(--cp-text);box-shadow:var(--cp-shadow);text-align:center;opacity:0;pointer-events:none;border-radius:10px;padding:11px 14px;font-size:13px;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,18px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.replay-dock{right:14px;bottom:calc(80px + var(--app-safe-bottom));z-index:6;border:1px solid var(--cp-link);background:var(--cp-link);min-height:44px;color:var(--cp-accent-fg);box-shadow:var(--cp-shadow);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex;position:absolute}.replay-dock:hover{opacity:.92}.replay-dock:disabled{cursor:default;opacity:.85}.replay-dock.is-playing svg{animation:1.1s linear infinite replay-spin}@keyframes replay-spin{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.replay-dock.is-playing svg{animation:none}}.consent-banner{left:50%;bottom:calc(80px + var(--app-safe-bottom));z-index:25;width:min(100% - 24px,476px);max-height:calc(100dvh - 104px - var(--app-safe-top) - var(--app-safe-bottom));border:1px solid var(--cp-border-strong);background:var(--cp-panel-strong);box-shadow:var(--cp-shadow);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid;position:fixed;overflow-y:auto;transform:translate(-50%)}.consent-banner>svg{color:var(--cp-link)}.consent-copy h2{font-size:16px}.consent-copy p{color:var(--cp-text-muted);margin:6px 0;font-size:12px;line-height:1.55}.consent-copy a{color:var(--cp-link);font-size:12px}.consent-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.consent-actions button{min-height:42px;padding-inline:10px;font-size:12px}.modal-backdrop{z-index:30;background:var(--cp-overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--cp-border);background:var(--cp-surface);width:min(100%,430px);max-height:min(82dvh,680px);box-shadow:var(--cp-shadow);border-radius:16px;padding:20px;overflow-y:auto}.pricing-modal{position:relative}.modal-close{background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--cp-surface-soft)}.price-line{border-block:1px solid var(--cp-border);align-items:baseline;gap:8px;margin:18px 0;padding:16px 0;display:flex}.price-line strong{font-size:28px}.price-line span,.pricing-note{color:var(--cp-text-muted);font-size:12px}.plan-features{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.plan-features li{align-items:center;gap:9px;font-size:14px;display:flex}.plan-features svg{color:var(--cp-success)}.premium-account{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text);text-align:center;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px}.google-signin-wrap{justify-items:center;gap:8px;width:100%;display:grid}.google-signin-button{place-items:center;width:100%;min-height:44px;display:grid;overflow:hidden}.pricing-note{margin:14px 0 0;line-height:1.6}.form-error{color:var(--cp-danger);margin:12px 0 0;font-size:13px;line-height:1.5}.modal-card>svg{color:var(--cp-link)}.modal-card p{color:var(--cp-text-muted);line-height:1.6}.modal-actions{gap:8px;margin-top:18px;display:grid}.word-context{border-left:3px solid var(--cp-link);background:var(--cp-surface-soft);color:var(--cp-text-muted);padding:12px;font-size:13px;line-height:1.5}.word-context p{margin:4px 0 0}.ad-modal-card{text-align:center}.ad-visual{border:1px solid var(--cp-border);background:var(--cp-surface-soft);min-height:230px;color:var(--cp-link);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:scaleY(.7)}to{transform:scaleY(2.8)}}@media (width>=700px){body{padding:20px}.app-shell{border:1px solid var(--cp-border);width:min(100%,820px);height:calc(100dvh - 40px);box-shadow:var(--cp-shadow);border-radius:16px}.top-chrome{padding-top:0}.screen{width:100%;max-width:760px;margin-inline:auto;padding:34px 32px 44px}.level-list{grid-template-columns:repeat(2,minmax(0,1fr))}.set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.level-card{min-height:80px}}@media (width>=900px){body{padding:24px}.app-shell{grid-template:"header header""nav main"minmax(0,1fr)/208px minmax(0,1fr);width:min(100%,1180px);height:calc(100dvh - 48px)}.top-chrome{grid-area:header}.main{grid-area:main}.screen{max-width:960px;padding:40px 44px 56px}.bottom-nav{border-top:0;border-right:1px solid var(--cp-border);grid-area:nav;grid-template-columns:1fr;grid-auto-rows:48px;align-content:start;gap:6px;min-height:0;padding:24px 12px;display:grid}.nav-button{text-align:left;border-radius:8px;grid-template-columns:24px minmax(0,1fr);place-items:center start;gap:10px;min-height:48px;padding:9px 12px;font-size:13px}.nav-button.is-active{box-shadow:inset 3px 0 0 var(--cp-link)}.level-card{align-content:center;min-height:88px;padding:16px}.toast{bottom:40px}.consent-banner{bottom:28px}}@media (width>=1100px){.level-list{grid-template-columns:repeat(3,minmax(0,1fr))}.set-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=370px){.screen{padding-inline:14px}.daily-header{grid-template-columns:1fr}.streak{width:80px}.stats-grid,.next-row,.consent-actions,.setting-row{grid-template-columns:1fr}.setting-row .compact-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}