:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#f9fafb;--surface-raised:#fff;--heading:#0f3e84;--label:#1f2937;--label-secondary:#4b5563;--separator:#e5e7eb;--separator-strong:#d1d5db;--accent:#0f3e84;--accent-hover:#0f4f9f;--accent-ink:#fff;--accent-tint:#0f3e8414;--fill:#0f3e84;--fill-hover:#0f4f9f;--fill-ink:#fff;--switch-on:#34c759;--switch-off:#78788033;--icon-tile:#eef1f6;--focus:#2d65ab;--error:#c4261d;--success:#146c2e;--success-bg:#e6f4ea;--error-bg:#fdecea;--image-bg:#eef2f7;--shadow-cta:0 16px 34px -26px #0f3e84b3;--shadow-card:0 24px 60px -40px #0f3e8459;color:var(--label);background:var(--bg);-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:100%;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#000;--surface:#1c1c1e;--surface-raised:#232323;--heading:#fff;--label:#eee;--label-secondary:#cecdcd;--separator:#2f2f33;--separator-strong:#4d5568;--accent:#2b9be0;--accent-hover:#4aa8e8;--accent-ink:#fff;--accent-tint:#0686cc29;--fill:#1a4f9e;--fill-hover:#215bb0;--fill-ink:#fff;--switch-on:#30d158;--switch-off:#7878805c;--icon-tile:#2c2c2e;--focus:#4aa8e8;--error:#f87171;--success:#4cd07d;--success-bg:#1a3a2a;--error-bg:#3a1513;--image-bg:#2a2b32;--shadow-cta:none;--shadow-card:none}}#credential_picker_container,#credential_picker_container iframe,#credential_picker_iframe,iframe[src^="https://accounts.google.com/gsi/"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0}@media (width>=30.01rem){#credential_picker_container{top:calc(max(.75rem, env(safe-area-inset-top)) + 3.75rem)!important}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1c1c1e;--surface-raised:#232323;--heading:#fff;--label:#eee;--label-secondary:#cecdcd;--separator:#2f2f33;--separator-strong:#4d5568;--accent:#2b9be0;--accent-hover:#4aa8e8;--accent-ink:#fff;--accent-tint:#0686cc29;--fill:#1a4f9e;--fill-hover:#215bb0;--fill-ink:#fff;--switch-on:#30d158;--switch-off:#7878805c;--icon-tile:#2c2c2e;--focus:#4aa8e8;--error:#f87171;--success:#4cd07d;--success-bg:#1a3a2a;--error-bg:#3a1513;--image-bg:#2a2b32;--shadow-cta:none;--shadow-card:none}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1{letter-spacing:-.03em;color:var(--heading);text-wrap:balance;margin:0 0 .5rem;font-size:1.75rem;font-weight:900;line-height:1.15}p{margin:0 0 1rem}.screen{min-height:100dvh;padding:env(safe-area-inset-top) max(1rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem, env(safe-area-inset-left))}.centered{place-items:center;display:grid}.card{background:var(--surface);border:1px solid var(--separator);border-radius:1rem;flex-direction:column;gap:.75rem;width:min(100%,26rem);padding:1.5rem;display:flex}.card p{margin:0}.secondary{color:var(--label-secondary)}.error{color:var(--error)}.field{flex-direction:column;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--separator);background:var(--bg);min-height:2.75rem;color:var(--label);border-radius:.625rem;padding:.5rem .75rem;font-size:1.0625rem;font-weight:400}input:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font:inherit;cursor:pointer;border:none;border-radius:.625rem;min-height:2.75rem;padding:.5rem 1rem;font-size:1.0625rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--fill);color:var(--fill-ink);box-shadow:var(--shadow-cta);font-weight:800;transition:background-color .15s ease-out,scale .15s ease-out}button.primary:hover:not(:disabled){background:var(--fill-hover)}button.primary:active:not(:disabled),button.secondary-button:active:not(:disabled){scale:.97}button.secondary-button{color:var(--accent);border:2px solid var(--accent);background:0 0;font-weight:700;transition:background-color .15s ease-out,scale .15s ease-out}button.secondary-button:hover:not(:disabled){background:var(--accent-tint)}button.plain{color:var(--accent);background:0 0;padding-inline:.25rem}.row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.divider{color:var(--label-secondary);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--separator);flex:1}h2{margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.with-icon{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.lucide{flex:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.5s}button.primary,button.secondary-button{transition:none}}.auth{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(60rem 30rem at 50% -10rem, var(--accent-tint), transparent 70%), var(--bg);flex-direction:column;display:flex}.auth-brand{color:var(--heading);justify-content:center;padding-block:1.5rem 2rem;display:flex}.auth-brand svg{width:auto;height:1.5rem}.auth-columns{flex:1;align-content:start;justify-items:center;gap:1.25rem;display:grid}@media (width>=60rem){.auth-columns.has-dev{grid-template-columns:minmax(0,26rem) minmax(0,24rem);justify-content:center;align-items:start;gap:2rem}}.auth-card{background:var(--surface-raised);border:1px solid var(--separator);width:min(100%,26rem);box-shadow:var(--shadow-card);border-radius:1.5rem;flex-direction:column;gap:1rem;padding:2rem 1.5rem 1.5rem;display:flex}@media (width>=30rem){.auth-card{padding:2.25rem 2rem 2rem}}.auth-card h1{margin:0;font-size:2rem}.auth-card .lead{color:var(--label-secondary);margin:-.25rem 0 .25rem}.badge-icon{background:var(--accent-tint);width:3rem;height:3rem;color:var(--accent);border-radius:.875rem;place-items:center;display:grid}.input-icon{display:block;position:relative}.input-icon .lucide{inset-inline-start:.875rem;color:var(--label-secondary);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.input-icon input{width:100%;padding-inline-start:2.75rem}.auth-card input{background:var(--surface);border-color:var(--separator-strong);border-radius:.75rem;min-height:3.25rem}.auth-card button.primary,.auth-card button.secondary-button{border-radius:.75rem;width:100%;min-height:3.25rem}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;padding-inline-start:calc(.75rem + .4em);font-size:1.75rem;font-weight:700}.inline-error{color:var(--error);align-items:flex-start;gap:.5rem;margin:0;font-size:.9375rem;display:flex}.inline-error .lucide{margin-top:.125rem}.fine-print{color:var(--label-secondary);text-align:center;margin:0;font-size:.8125rem}.other-ways{border-top:1px solid var(--separator);margin-top:.25rem}.other-ways summary{min-height:2.75rem;color:var(--accent);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding-top:.5rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.other-ways summary::-webkit-details-marker{display:none}.other-ways summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.other-ways-chevron{transition:rotate .2s}.other-ways[open] .other-ways-chevron{rotate:180deg}.other-ways-body{flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.turnstile-slot{display:contents}.other-ways-body .secondary{color:var(--label-secondary);text-align:start;margin:0;font-size:.9375rem}.email-invalid{display:none}.other-ways-body:has(input:user-invalid) .email-invalid{display:flex}.other-ways-body input:user-invalid{border-color:var(--error)}@media (prefers-reduced-motion:reduce){.other-ways-chevron{transition:none}}.link-row{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.link-row button.plain{font-size:.9375rem;font-weight:600}.dev-panel{border:1px dashed var(--separator-strong);background:var(--surface);border-radius:1.5rem;flex-direction:column;gap:.75rem;width:min(100%,26rem);padding:1.25rem;display:flex}.dev-panel header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dev-panel h2{color:var(--heading);font-size:1.0625rem}.dev-panel p{color:var(--label-secondary);margin:0;font-size:.875rem}.pill{background:var(--accent-tint);color:var(--accent);border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.persona-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.persona{background:var(--surface-raised);border:1px solid var(--separator);width:100%;color:var(--label);text-align:start;border-radius:.875rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:border-color .15s ease-out;display:grid}.persona:hover{border-color:var(--accent)}.persona-icon{background:var(--accent-tint);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:.625rem;place-items:center;display:grid}.persona-text{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.persona-label{font-size:.9375rem;font-weight:700}.persona-description{color:var(--label-secondary);font-size:.8125rem}.persona .chevron{color:var(--label-secondary)}[dir=rtl] .persona .chevron,[dir=rtl] .flip-rtl{scale:-1 1}.provider-buttons{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.apple-button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#000;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1rem;font-size:1rem;font-weight:600;transition:opacity .15s ease-out;display:inline-flex}.apple-button:disabled{opacity:.5;cursor:default}.apple-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.apple-button svg{margin-block-start:-2px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .apple-button{color:#000;background:#fff}}:root[data-theme=dark] .apple-button{color:#000;background:#fff}.google-button{display:grid;position:relative}.google-face{border:2px solid var(--accent);width:100%;min-height:3.25rem;color:var(--accent);pointer-events:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;transition:background-color .15s ease-out;display:inline-flex}.google-slot{opacity:.01;color-scheme:normal;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.google-slot>div,.google-slot iframe{width:100%!important}.google-slot>div{transform:scaleY(1.3)}.google-button:hover .google-face{background:var(--accent-tint)}.google-button:focus-within .google-face{outline:3px solid var(--focus);outline-offset:2px}:root{--bg-app:#fff;--card:#fff;--bubble-user:#dce3ed;--bubble-user-ink:#0f172a;--bubble-team:#0f3e84;--card-border:#0f172a1f;--hairline:#0f172a1a;--chip:#e8f0fb;--chip-ink:#0f3e84;--tab-glass:#ffffffb8;--tab-current:#76768029;--hero-blob:#fff6;--tab-hover:#76768014;--recs-bg:#fbf8f0;--challenge-bg:#dcedf6;--challenge-ink:#1f4f6e;--challenge-border:color-mix(in srgb, var(--challenge-bg) 86%, var(--challenge-ink));--review-bg:#fdf1c7;--review-ink:#6b4e00;--review-badge:#e8a600;--review-border:color-mix(in srgb, var(--review-bg) 86%, var(--review-ink));--summary-border:color-mix(in srgb, var(--review-badge) 25%, var(--card-border));--dawn-0:#efe2c5;--dawn-1:#f7eed8;--dawn-2:#fff;--dawn-border:#efe2c5;--dawn-glow-large:#ffffff2e;--dawn-glow-small:#1d35570b;--dawn-inset:#ffffff8f;--dawn-secondary:var(--label-secondary);--dawn-danger:#8f2434;--pill-0:#efedf9;--pill-1:#f8ecec;--pill-2:#f6f0e6;--pill-3:#e9f1fb;--pill-ink-0:#4a4370;--pill-ink-1:#6e3f3f;--pill-ink-2:#5f4a2a;--pill-ink-3:#34506f;--correct:#1f9d55;--correct-bg:#e3f5ea;--wrong:#d93a2b;--state-ink:#fff;--wrong-bg:#fde8e6;--timer-track:#eef1f5;--overlay-button:#ffffffe6;--glass-button:#ffffff8c;--float-shadow:0 6px 18px -8px #0f172a59;--pager-muted:color-mix(in srgb, var(--accent) 45%, transparent);--pager-ring:color-mix(in srgb, var(--accent) 55%, transparent);--radius-card:1.25rem;--radius-tile:1.125rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app:#000;--pager-muted:color-mix(in srgb, var(--accent) 58%, transparent);--pager-ring:color-mix(in srgb, var(--accent) 70%, transparent);--card:#1c1c1e;--bubble-user:#1e1e1e;--bubble-user-ink:#f2f2f7;--bubble-team:#0686cc;--card-border:#ffffff14;--hairline:#ffffff1f;--chip:#202d3f;--chip-ink:#e6edf7;--tab-glass:#1c1c1eb8;--tab-current:#ebebf529;--hero-blob:#ffffff0a;--tab-hover:#ebebf514;--recs-bg:#15151a;--challenge-bg:#1e3a5f;--challenge-ink:#e3f2fd;--challenge-border:color-mix(in srgb, var(--challenge-bg) 92%, var(--challenge-ink));--review-bg:#3a2f10;--review-ink:#ffe7a3;--review-badge:#f0b429;--review-border:color-mix(in srgb, var(--review-bg) 92%, var(--review-ink));--summary-border:var(--hairline);--dawn-0:#131821;--dawn-1:#1b2431;--dawn-2:#2a3443;--dawn-border:#131821;--dawn-glow-large:#ffd68f1a;--dawn-glow-small:#7091bf24;--dawn-inset:#ffffff0f;--dawn-secondary:#ffffffc7;--dawn-danger:#f3c5cc;--pill-0:#35323e;--pill-1:#3c3031;--pill-2:#3c352f;--pill-3:#30373e;--pill-ink-0:#f9f6ff;--pill-ink-1:#fff5f4;--pill-ink-2:#fff9f3;--pill-ink-3:#f5fbff;--correct:#4cd07d;--correct-bg:#1a3a2a;--wrong:#ff7b6e;--state-ink:#0b0b0c;--wrong-bg:#3a1513;--timer-track:#2a2b32;--overlay-button:#1c1c1ed9;--glass-button:#1c1c1e80}}:root[data-theme=dark]{--bg-app:#000;--pager-muted:color-mix(in srgb, var(--accent) 58%, transparent);--pager-ring:color-mix(in srgb, var(--accent) 70%, transparent);--card:#1c1c1e;--bubble-user:#1e1e1e;--bubble-user-ink:#f2f2f7;--bubble-team:#0686cc;--card-border:#ffffff14;--hairline:#ffffff1f;--chip:#202d3f;--chip-ink:#e6edf7;--tab-glass:#1c1c1eb8;--tab-current:#ebebf529;--hero-blob:#ffffff0a;--tab-hover:#ebebf514;--recs-bg:#15151a;--challenge-bg:#1e3a5f;--challenge-ink:#e3f2fd;--challenge-border:color-mix(in srgb, var(--challenge-bg) 92%, var(--challenge-ink));--review-bg:#3a2f10;--review-ink:#ffe7a3;--review-badge:#f0b429;--review-border:color-mix(in srgb, var(--review-bg) 92%, var(--review-ink));--summary-border:var(--hairline);--dawn-0:#131821;--dawn-1:#1b2431;--dawn-2:#2a3443;--dawn-border:#131821;--dawn-glow-large:#ffd68f1a;--dawn-glow-small:#7091bf24;--dawn-inset:#ffffff0f;--dawn-secondary:#ffffffc7;--dawn-danger:#f3c5cc;--pill-0:#35323e;--pill-1:#3c3031;--pill-2:#3c352f;--pill-3:#30373e;--pill-ink-0:#f9f6ff;--pill-ink-1:#fff5f4;--pill-ink-2:#fff9f3;--pill-ink-3:#f5fbff;--correct:#4cd07d;--correct-bg:#1a3a2a;--wrong:#ff7b6e;--state-ink:#0b0b0c;--wrong-bg:#3a1513;--timer-track:#2a2b32;--overlay-button:#1c1c1ed9;--glass-button:#1c1c1e80}:is(html:has(.shell,.session,.story-page),body:has(.shell,.session,.story-page)){background:var(--bg-app)}.with-icon .lucide{flex:none}button.danger{color:#fff;background:#d93a2b;font-weight:800}.destructive,button.plain.destructive{color:var(--wrong)}button.compact{min-height:2.5rem;padding-inline:.875rem;font-size:.9375rem}.icon-button,.round-button{width:2.75rem;height:2.75rem;min-height:0;color:var(--heading);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.round-button{background:var(--card);border:1px solid var(--card-border);transition:scale .15s ease-out;box-shadow:0 6px 16px -10px #0f172a66}.round-button:active:not(:disabled){scale:.94}.round-button.accent{background:var(--fill);color:var(--fill-ink);border-color:#0000}.shell{min-height:100dvh;display:flow-root;overflow-x:clip}.tabbar{top:max(.75rem, env(safe-area-inset-top));z-index:20;width:max-content;max-width:calc(100% - 2rem);margin:max(.75rem, env(safe-area-inset-top)) auto 0;background:var(--tab-glass);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--card-border);border-radius:999px;gap:.25rem;padding:.3125rem;display:flex;position:sticky;box-shadow:0 10px 30px -18px #0f172a73}.tabbar a{min-height:2.5rem;color:var(--label);white-space:nowrap;border-radius:999px;align-items:center;gap:.4375rem;padding:0 1.125rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s ease-out;display:inline-flex}.tabbar-icon{color:var(--label-secondary,currentColor);flex:none}.tabbar a.current .tabbar-icon{color:var(--label)}.tabbar a:hover{background:var(--tab-hover)}.tabbar a.current{background:var(--tab-current);color:var(--label)}.tabbar a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell-main{--gutter:1.25rem;padding:1.5rem max(var(--gutter), env(safe-area-inset-right)) calc(2.5rem + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left))}.page{flex-direction:column;gap:1.25rem;max-width:100rem;margin:0 auto;display:flex}.page.narrow{max-width:44rem}.page-header{align-items:center;gap:.75rem;min-height:3rem;display:flex}.page-header h1{flex:1;margin:0;font-size:1.75rem}.section-title{color:var(--heading);margin-top:.5rem}@media (width<=34rem){.tabbar a{padding:0 .75rem;font-size:.9375rem}.page-header h1{font-size:1.375rem}}.hero-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:1rem;display:grid}.hero-side{flex-direction:column;gap:.625rem;min-width:0;display:flex}.hero-side-cards{grid-template-rows:var(--rec-full);gap:var(--rec-gap);display:grid}.hero-side-cards:has(.review-card){grid-template-columns:repeat(2,minmax(0,1fr))}.hero-side-cards .hero-card{min-height:0}@media (width<=52rem){.hero-row{grid-template-columns:minmax(0,1fr)}.hero-side-cards{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.hero-side-cards:has(.review-card){grid-template-rows:none}.hero-side-cards .hero-card{min-height:8rem}}.hero-card{border-radius:var(--radius-card);border:1px solid var(--card-border);background:var(--card);min-height:8rem;color:var(--heading);text-align:start;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.125rem 1.25rem;font-size:1rem;display:flex;position:relative;overflow:hidden}button.hero-card{transition:scale .15s ease-out}button.hero-card:active{scale:.98}button.hero-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.hero-title{text-wrap:balance;max-width:85%;font-size:1.25rem;font-weight:800;line-height:1.25;display:block}.challenge-card{background:radial-gradient(120% 90% at 0% 0%, #ffffff17, transparent 60%), linear-gradient(160deg, var(--challenge-bg), color-mix(in srgb, var(--challenge-bg) 88%, #0a1a3a));color:var(--challenge-ink);border-color:var(--challenge-border);justify-content:space-between;gap:1rem;box-shadow:inset 0 1px #fff9;container-type:inline-size}.challenge-card .hero-title{max-width:70%}.challenge-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:flex-start;gap:.75rem 2rem;max-width:calc(100% - 4rem);display:flex}.challenge-stat{flex-direction:column;gap:.125rem;min-width:0;display:flex}.challenge-stat-value{letter-spacing:-.03em;font-size:2.75rem;font-weight:800;line-height:1}.challenge-stat-value.gold{color:#8a6b1c}.challenge-stat-label{opacity:.85;white-space:nowrap;margin-top:.25rem;font-size:.875rem;font-weight:600}@container (width<=28rem){.challenge-stats{flex-wrap:nowrap;gap:.5rem .75rem;width:100%;max-width:none}.challenge-stat{flex:none}.challenge-stat:nth-child(2){flex:0 auto;min-width:0}.challenge-stat-value{white-space:nowrap;font-size:clamp(1.25rem,8.5cqi,2rem)}.challenge-stat-label{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.6875rem,4.6cqi,.875rem);overflow:hidden}.challenge-trophy{width:4.5rem;height:4.5rem}}@container (width<=12.75rem){.challenge-stats{flex-wrap:wrap;display:flex}}.challenge-cta{background:var(--challenge-ink);min-height:2.75rem;color:var(--challenge-bg);z-index:1;border-radius:999px;align-items:center;gap:.5rem;padding-inline:1.125rem 1.375rem;font-size:1rem;font-weight:700;transition:scale .15s ease-out;display:inline-flex}@media (hover:hover){.challenge-card:hover .challenge-cta{scale:1.03}}.challenge-trophy{opacity:.14;pointer-events:none;position:absolute;inset-block-end:.75rem;inset-inline-end:1rem}@media (prefers-reduced-motion:reduce){.challenge-cta{transition:none}}.challenge-rank-row{font-size:1.0625rem;font-weight:600}.challenge-rank-row strong{color:#75590f;font-variant-numeric:tabular-nums}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .challenge-stat-value.gold,:root:not([data-theme=light]) .challenge-rank-row strong{color:#f8d687}}:root[data-theme=dark] .challenge-stat-value.gold,:root[data-theme=dark] .challenge-rank-row strong{color:#f8d687}.challenge-card:after,.review-card:after,.recs-card.empty:after{content:"";z-index:-1;aspect-ratio:1;background:var(--hero-blob);pointer-events:none;border-radius:50%;width:10rem;position:absolute;inset-block-start:-3rem;inset-inline-end:-2.5rem}.challenge-card,.review-card,.recs-card.empty{isolation:isolate}.hero-badge{z-index:1;background:#ffffffa6;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:absolute;inset-block-end:1.125rem;inset-inline-end:1.25rem}.review-card .eyebrow{padding-inline-end:3rem}.review-card{background:var(--review-bg);color:var(--review-ink);border-color:var(--review-border);justify-content:space-between;box-shadow:inset 0 1px #fff9}.count-badge{background:var(--review-badge);color:#fff;z-index:1;border-radius:999px;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .5rem;font-size:1.125rem;font-weight:800;display:grid;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.review-words{flex-wrap:wrap;flex:1;align-content:flex-start;gap:.375rem;min-height:0;max-height:4.75rem;margin-block:.75rem;display:flex;overflow:hidden}.review-word{background:color-mix(in srgb, var(--review-badge) 16%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:.25rem .625rem;font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden}.review-word.more{background:0 0;padding-inline:.25rem}.hero-link{align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.recs-card{background:var(--recs-bg);gap:.625rem;padding:.875rem}.recs-card:not(.empty){background:0 0;border:0;border-radius:0;min-height:0;padding:0;overflow:visible}.recs-card.empty{flex-direction:row;align-items:center;gap:.875rem;padding:1.125rem 1.25rem}.recs-card.empty .secondary{margin-top:.25rem;font-size:.9375rem;display:block}.hero-icon{background:var(--card);border:1px solid var(--card-border);border-radius:50%;flex:none;place-items:center;width:3rem;height:3rem;display:grid}.recs-heading{color:var(--heading);align-items:center;gap:.375rem;padding-inline:.25rem;font-size:1rem;font-weight:800;display:flex}.recs-card{min-width:0}.words-home{--rec-full:14.5rem;--rec-gap:.5rem}.recs-pages{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;width:100%;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.recs-pages::-webkit-scrollbar{display:none}.recs-viewport{--fade-size:1.75rem;--fade-to:right;--fs:0px;--fe:0px;width:100%;min-width:0;position:relative}.recs-viewport.fade-start,.recs-viewport.fade-end{-webkit-mask-image:linear-gradient(to var(--fade-to), rgb(0 0 0/var(--a0,1)) 0, rgb(0 0 0/var(--a1,1)) calc(var(--fs) * .25), rgb(0 0 0/var(--a2,1)) calc(var(--fs) * .5), rgb(0 0 0/var(--a3,1)) calc(var(--fs) * .75), #000 var(--fs), #000 calc(100% - var(--fe)), rgb(0 0 0/var(--b3,1)) calc(100% - var(--fe) * .75), rgb(0 0 0/var(--b2,1)) calc(100% - var(--fe) * .5), rgb(0 0 0/var(--b1,1)) calc(100% - var(--fe) * .25), rgb(0 0 0/var(--b0,1)) 100%);mask-image:linear-gradient(to var(--fade-to), rgb(0 0 0/var(--a0,1)) 0, rgb(0 0 0/var(--a1,1)) calc(var(--fs) * .25), rgb(0 0 0/var(--a2,1)) calc(var(--fs) * .5), rgb(0 0 0/var(--a3,1)) calc(var(--fs) * .75), #000 var(--fs), #000 calc(100% - var(--fe)), rgb(0 0 0/var(--b3,1)) calc(100% - var(--fe) * .75), rgb(0 0 0/var(--b2,1)) calc(100% - var(--fe) * .5), rgb(0 0 0/var(--b1,1)) calc(100% - var(--fe) * .25), rgb(0 0 0/var(--b0,1)) 100%)}.recs-viewport.fade-start{--fs:var(--fade-size);--a0:0;--a1:.16;--a2:.5;--a3:.84}.recs-viewport.fade-end{--fe:var(--fade-size);--b0:0;--b1:.16;--b2:.5;--b3:.84}.recs-viewport:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--fade-to:left}.recs-edge{--edge-to:right;width:var(--fade-size);pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to var(--edge-to), transparent, #000);mask-image:linear-gradient(to var(--edge-to), transparent, #000);transition:opacity .2s;position:absolute;inset-block:0}.recs-edge.start{--edge-to:left;inset-inline-start:0}.recs-edge.end{inset-inline-end:0}.recs-edge.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--edge-to:right}.recs-edge.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--edge-to:left}.recs-edge.shown{opacity:1}@media (prefers-reduced-motion:reduce){.recs-edge{transition:none}}.recs-page{grid-template-columns:repeat(var(--recs-per-page,2), minmax(0, 1fr));gap:var(--rec-gap);height:var(--rec-full);scroll-snap-align:start;scroll-snap-stop:always;display:grid}.recs-span{grid-column:1/-1;display:grid}.recs-column{grid-template-rows:repeat(2, calc((var(--rec-full) - var(--rec-gap)) / 2));gap:var(--rec-gap);min-width:0;display:grid}.recs-dots{justify-content:center;width:100%;display:flex}.recs-dots button{background:0 0;border-radius:999px;place-items:center;height:1.5rem;min-height:0;padding:0 .25rem;display:grid}.recs-dots button:before{content:"";background:var(--dot,#ced3da);border-radius:999px;width:.625rem;height:.375rem;transition:width .2s ease-out,background-color .2s ease-out}.recs-dots button.current:before{background:var(--dot-current,#546378);width:1.5rem;height:.4375rem}.rec{border:1px solid var(--card-border);background:var(--card);width:100%;height:100%;min-height:0;color:var(--heading);text-align:start;isolation:isolate;border-radius:1.5rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.875rem;transition:scale .15s ease-out;display:flex;position:relative;overflow:hidden}.rec:active{scale:.98}.rec:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skeleton{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--card) 70%, transparent) 50%, transparent 100%) 0 0 / 200% 100% no-repeat, var(--image-bg);border-radius:.375rem;max-width:100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line{width:min(14rem,70%);height:1em;margin-block:.15em}.skeleton-title{width:min(16rem,70%);height:1.25em;margin-block:.1em}.skeleton-caption{width:5rem;height:.8em;margin-block:.2em}.skeleton-tile{border-radius:1.5rem;width:100%;min-height:9rem}.skeleton-row{border-radius:.75rem;width:100%;height:3.75rem}.skeleton.center{margin-inline:auto}.skeleton-holder{pointer-events:none}.phrase-hero-loading,.phrase-hero-lines{flex-direction:column;gap:.5rem;display:flex}.phrase-hero-lines{flex:1}@keyframes skeleton-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.rec.skeleton{background:var(--image-bg);border-radius:1.5rem}.rec.skeleton.full{height:var(--rec-full)}.recs-loading{width:100%}.recs-loading .rec{grid-column:1/-1}.rec-art,.rec-art img{border-radius:inherit;object-fit:cover;object-position:50% 20%;width:100%;height:100%;position:absolute;inset:0}.rec-story .rec-art img{object-position:50% 80%}.rec-pill{white-space:nowrap;text-overflow:ellipsis;background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);border-radius:999px;align-items:center;gap:.25rem;max-width:100%;height:1.375rem;padding-inline:.5rem;font-size:.75rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.rec-pill svg{flex:none}.rec-head{justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;display:flex}.rec-foot{align-items:flex-end;gap:.375rem;width:100%;display:flex;position:relative}.rec-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.rec-chevron{flex:none;margin-block-end:.0625rem}.rec-media{color:var(--heading)}.rec-media .rec-foot:before,.rec-media .rec-foot:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:-3.25rem -1.5rem -1.5rem}.rec-media .rec-foot:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.rec-media .rec-foot:after{background:linear-gradient(to bottom, transparent 10%, color-mix(in srgb, var(--card) var(--rec-band,62%), transparent) 85%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(#0000 25%,#000 75%);mask-image:linear-gradient(#0000 25%,#000 75%)}.rec-media .rec-foot{z-index:1;isolation:auto}.rec-media{--rec-band:96%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rec-media{--rec-band:62%}}:root[data-theme=dark] .rec-media{--rec-band:62%}.rec-phrase{background:linear-gradient(180deg, color-mix(in srgb, var(--tint-1) 7%, var(--card)), color-mix(in srgb, var(--tint-2) 8.5%, var(--card)), color-mix(in srgb, var(--tint-3) 10%, var(--card)));border-color:color-mix(in srgb, var(--tint-1) 20%, var(--card-border))}.rec-chips{flex:none;display:flex}.rec-chip{color:#fff;border:1px solid #fff9;border-radius:50%;place-items:center;width:1.375rem;height:1.375rem;display:grid}.rec-chip+.rec-chip{margin-inline-start:-.5rem}.rec-progress{color:#1d3557;background:linear-gradient(#f9f5ef,#f5ede5);border-color:#be936542}.rec-progress .rec-pill{color:#2a5692}.rec-progress .rec-foot{align-items:center}.rec-progress .rec-title{font-size:.8125rem;font-weight:500}.rec-count{color:#fff;font-variant-numeric:tabular-nums;background:#2a5692;border-radius:999px;flex:none;place-items:center;min-width:1.5rem;height:1.5rem;padding-inline:.25rem;font-size:.75rem;font-weight:800;display:grid}.rec-lead-icon{color:#2a5692;flex:none}.rec-create{border-color:#bcd0eecc}.rec-create .rec-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3b82d01a}.rec-create .rec-title{font-weight:500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rec-progress{color:#fff;background:linear-gradient(#504840,#403a35);border-color:#7a6859b8}:root:not([data-theme=light]) .rec-progress .rec-pill{color:#e3edfa}:root:not([data-theme=light]) .rec-count{background:#3b82d0}:root:not([data-theme=light]) .rec-lead-icon{color:#e3edfa}:root:not([data-theme=light]) .rec-create{background:#101b2b;border-color:#3b82d057}:root:not([data-theme=light]) .rec-create .rec-pill{background:#3b82d033}:root:not([data-theme=light]) .rec-phrase{background:linear-gradient(180deg, color-mix(in srgb, var(--tint-1) 28%, var(--card)), color-mix(in srgb, var(--tint-2) 20%, var(--card)), color-mix(in srgb, var(--tint-3) 14%, var(--card)));border-color:color-mix(in srgb, var(--tint-1) 25%, var(--card-border))}:root:not([data-theme=light]) .recs-card{--dot:#3a4350;--dot-current:#c3ccd8}}:root[data-theme=dark] .rec-progress{color:#fff;background:linear-gradient(#504840,#403a35);border-color:#7a6859b8}:root[data-theme=dark] .rec-progress .rec-pill{color:#e3edfa}:root[data-theme=dark] .rec-count{background:#3b82d0}:root[data-theme=dark] .rec-lead-icon{color:#e3edfa}:root[data-theme=dark] .rec-create{background:#101b2b;border-color:#3b82d057}:root[data-theme=dark] .rec-create .rec-pill{background:#3b82d033}:root[data-theme=dark] .rec-phrase{background:linear-gradient(180deg, color-mix(in srgb, var(--tint-1) 28%, var(--card)), color-mix(in srgb, var(--tint-2) 20%, var(--card)), color-mix(in srgb, var(--tint-3) 14%, var(--card)));border-color:color-mix(in srgb, var(--tint-1) 25%, var(--card-border))}:root[data-theme=dark] .recs-card{--dot:#3a4350;--dot-current:#c3ccd8}@media (prefers-reduced-motion:reduce){.rec,.recs-dots button:before{transition:none}}.type-pills{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding-bottom:1.25rem;display:grid}@media (width<=64rem){.type-pills{grid-template-columns:1fr 1fr}}.type-pill{overflow-wrap:break-word;border:1px solid var(--card-border);border-radius:999px;min-height:3.5rem;padding-inline:1rem;font-weight:700;transition:scale .15s ease-out;box-shadow:inset 0 1px #fff9}.type-pills .type-pill{color:var(--label-secondary);font-size:1.0625rem;font-weight:600}.type-pill:active{scale:.97}.tint-0{background:var(--pill-0);color:var(--pill-ink-0)}.tint-1{background:var(--pill-1);color:var(--pill-ink-1)}.tint-2{background:var(--pill-2);color:var(--pill-ink-2)}.tint-3{background:var(--pill-3);color:var(--pill-ink-3)}.search-bar{background:var(--card);border:1px solid var(--card-border);width:100%;min-height:3rem;color:var(--heading);text-align:start;border-radius:.875rem;align-items:center;gap:.625rem;padding:0 1rem;display:flex}.search-bar span{flex:1}a.search-bar{text-decoration:none}a.search-bar:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rail{flex-direction:column;gap:.625rem;min-width:0;display:flex}.rail-offscreen{content-visibility:auto;contain-intrinsic-size:auto none auto 16rem;margin-inline:calc(-1 * var(--gutter,1rem));padding-inline:var(--gutter,1rem)}.rail-header{display:flex}.rail-title{width:100%;min-height:2.75rem;color:var(--heading);text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:0;display:flex}.rail-title h2,h2.rail-title{letter-spacing:-.01em;color:var(--heading);font-size:1.1875rem;font-weight:700}.rail-track{margin:0 calc(-1 * var(--gutter,1rem));padding:0 var(--gutter,1rem) .25rem;contain:inline-size;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter,1rem);scrollbar-width:thin;grid-auto-columns:clamp(9.375rem,8vw + 1.375rem,11.5rem);grid-auto-flow:column;gap:1rem;list-style:none;display:grid;overflow-x:auto}.rail-track>li{scroll-snap-align:start}.img{background:var(--image-bg);display:block;overflow:hidden}.img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s ease-out;display:block}.img img.loaded{opacity:1}.topic-tile,.story-cover{width:100%;min-height:0;color:var(--label);text-align:start;border-radius:var(--radius-tile);background:0 0;flex-direction:column;gap:.5rem;padding:0;display:flex}.topic-tile-art,.story-cover-art{aspect-ratio:1;border-radius:var(--radius-tile);border:1px solid var(--card-border);transition:scale .2s ease-out;display:block;position:relative;overflow:hidden}.topic-tile-art .img,.story-cover-art .img{width:100%;height:100%}.story-cover.seen .story-cover-art .img,.topic-tile.seen .topic-tile-art .img{opacity:.7}.topic-tile.seen .topic-tile-art,.story-cover.seen .story-cover-art{background:var(--bg-app)}.topic-tile:hover .topic-tile-art,.story-cover:hover .story-cover-art{scale:1.02}.topic-tile:active .topic-tile-art,.story-cover:active .story-cover-art{scale:.98}.topic-tile-name,.story-cover-title{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.3;overflow:hidden}.story-cover-title{color:var(--label-secondary);font-size:.9375rem}.topic-tile-meta{color:var(--label-secondary);font-size:.875rem}.tile-badge{z-index:1;letter-spacing:.06em;text-transform:uppercase;background:var(--overlay-button);color:var(--heading);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:800;display:inline-flex;position:absolute;inset-block-start:.5rem}.tile-badge.new{padding:.1875rem .5rem;inset-inline-end:.5rem}.tile-badge.new:before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.tile-badge.started{padding:.3125rem;inset-inline-start:.5rem}.see-all-tile{aspect-ratio:1;border-radius:var(--radius-tile);border:1px dashed var(--separator-strong);background:var(--card);width:100%;color:var(--heading);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-weight:700;display:flex}.topic-grid,.story-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.25rem 1rem;margin:0;padding:0;list-style:none;display:grid}.story-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.story-cover-art{aspect-ratio:2/3}.sentinel{height:1px}.centered-button{align-self:center}.loader{justify-content:center;gap:.375rem;padding:2rem;display:flex}.loader-dot{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem;animation:1s ease-in-out infinite pulse}.loader-dot:nth-child(2){animation-delay:.15s}.loader-dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.state-view{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:28rem;margin:0 auto;padding:3rem 1rem;display:flex}.state-view h2{color:var(--heading);font-size:1.5rem;font-weight:800}.state-view p{margin:0}.state-view button{width:100%}.sheet{background:var(--card);width:min(100% - 2rem,30rem);max-height:calc(100dvh - 2rem);color:var(--label);overscroll-behavior:contain;border:none;border-radius:1.5rem;padding:0;box-shadow:0 30px 80px -30px #0f172a80}.sheet-small{width:min(100% - 2rem,26rem)}.sheet-large{width:min(100% - 2rem,44rem)}.sheet{opacity:0;transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,.8,.2,1);scale:.98}.sheet::backdrop{overscroll-behavior:contain;transition-behavior:allow-discrete;background:#0f172a00;transition-property:background-color,display,overlay;transition-duration:.24s;transition-timing-function:ease-out;overflow:hidden}.sheet[open]:where(:not([data-closing])){opacity:1;scale:1}@starting-style{.sheet[open]:where(:not([data-closing])){opacity:0;scale:.98}}.sheet[open]:where(:not([data-closing]))::backdrop{background:#0f172a73}@starting-style{.sheet[open]:where(:not([data-closing]))::backdrop{background:#0f172a00}}.sheet-body{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.sheet-body h2{color:var(--heading);font-size:1.375rem;font-weight:800}.sheet-body p{margin:0}.mode-sheet{text-align:center;align-items:stretch}.mode-art{border-radius:1.25rem;align-self:center;width:8rem;height:8rem}.confirm{background:var(--wrong-bg);text-align:start;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.confirm .row>button{flex:1}.sheet:has(.add-topic-sheet){overflow:hidden}.add-topic-sheet{height:min(34rem,80dvh);min-height:0}.add-topic-sheet>*{flex:none}.add-topic-sheet>.add-topic-list{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.add-topic-sheet .search-field{width:100%}.create-topic-row{background:var(--accent-tint);width:100%;min-height:3rem;color:var(--accent);text-align:start;border-radius:.875rem;align-items:center;gap:.625rem;padding:.5rem .875rem;font-weight:600;animation:.18s ease-out slide-in;display:flex}.create-topic-row span{overflow-wrap:anywhere;min-width:0}.add-topic-empty{color:var(--label-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.add-topic-empty p{max-width:22rem;margin:0}.check-list{border:1px solid var(--card-border);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.check-list li+li{border-top:1px solid var(--hairline)}.check-row{width:100%;min-height:3.25rem;color:var(--label);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:background-color .15s ease-out;display:flex;position:relative}.check-row:hover{background:color-mix(in srgb, var(--label) 4%, transparent)}.check-row.disabled{opacity:.5;cursor:default}.check-row input{opacity:0;pointer-events:none;position:absolute}.check-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:-3px}.check-box{border:2px solid var(--separator-strong);width:1.5rem;height:1.5rem;color:var(--accent-ink);border-radius:.4rem;flex:none;place-items:center;display:grid}.check-row input:checked+.check-box,.check-box.on{background:var(--accent);border-color:var(--accent)}.check-label{flex-direction:column;font-weight:600;display:flex}.check-label .secondary{font-size:.875rem;font-weight:400}.check-row.compact{gap:.625rem;min-height:2.75rem;padding:.375rem .875rem}.check-row.compact .check-box{border-radius:.3rem;width:1.25rem;height:1.25rem}.check-row.compact .check-box svg{width:14px;height:14px}.check-row.compact .check-label{flex-direction:row;flex:1;justify-content:space-between;align-items:baseline;gap:.75rem;min-width:0;font-weight:500}.check-row.compact .check-label .secondary{font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.inline-form{flex-direction:column;gap:.75rem;display:flex}.word-sheet{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.25rem;display:grid}.word-sheet .word-art{width:min(100%,20rem)}.word-sheet .word-art>.img{border:1px solid var(--card-border)}.word-sheet .img.placeholder{background:var(--image-bg);border-radius:1.5rem;width:100%;height:100%}.word-sheet-text{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.word-sheet-text h2{color:var(--heading);margin:0;font-size:2rem;font-weight:900}.word-sheet-text .primary{justify-content:center;width:100%;margin-top:.75rem}@media (width>=44rem){.word-sheet{text-align:start;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;padding-top:2.5rem}.word-sheet .word-art{width:100%}.word-sheet-text{align-items:flex-start}}.word-sheet-plain{text-align:center;gap:.5rem}.word-sheet-plain h2{color:var(--heading);margin:0;font-size:1.75rem;font-weight:900}.word-sheet-art{border-radius:1.25rem;align-self:center;width:12rem;height:12rem}.word-line{justify-content:center;align-items:center;gap:.25rem;display:flex}.session{min-height:100dvh;padding:env(safe-area-inset-top) max(1rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem, env(safe-area-inset-left));flex-direction:column;display:flex}.session-header{z-index:5;background:var(--bg-app);grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.5rem;padding-top:.75rem;display:grid;position:sticky;top:0}.session-title{text-align:center;min-width:0}.session-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.5rem;overflow:hidden}.session-title p{color:var(--label-secondary);margin:0;font-size:.9375rem}.seg-progress{grid-column:1/-1;gap:.25rem;padding-block:.625rem .25rem;display:flex}.seg-progress>span{background:var(--separator);border-radius:999px;flex:1;height:.3125rem;transition:background-color .25s ease-out}.seg-progress>span.filled{background:var(--accent)}.seg-progress .bar,.bar{background:var(--separator);border-radius:999px;flex:1;height:.3125rem;display:block;overflow:hidden}.bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s ease-out;display:block}.session-body{flex-direction:column;flex:1;justify-content:center;padding-block:1rem;display:flex}.session-footer{padding-block:.75rem max(1rem, env(safe-area-inset-bottom));background:var(--bg-app);justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:52rem;margin:0 auto;display:flex;position:sticky;bottom:0}.footer-hint{font-size:.9375rem}.learn-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;width:100%;max-width:88rem;margin:0 auto;display:grid}.learn-nav{flex-direction:column;align-items:center;gap:.75rem;display:flex}.learn-nav .learn-nav-button{width:3.25rem;height:3.25rem;box-shadow:var(--float-shadow)}.learn-nav .round-button:not(.accent){border-color:var(--separator-strong);color:var(--accent)}.learn-nav .round-button:disabled{opacity:.35}.learn-nav .round-button.accent:disabled{background:var(--card);color:var(--accent);border-color:var(--separator-strong)}.pager-segments{--pitch:calc(100cqh / var(--slots));flex:1;align-self:stretch;width:1rem;min-height:2rem;margin-inline:auto;overflow:hidden;container-type:size}.pager-track{translate:0 calc(var(--start) * var(--pitch) * -1);flex-direction:column;align-items:center;transition:translate .26s cubic-bezier(.25,1,.5,1);display:flex}.pager-track>span{width:.5rem;height:calc(var(--pitch) - .625rem);background:var(--pager-muted);border-radius:999px;flex:none;margin-block:.3125rem;transition:background-color .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out,scale .2s ease-out}.pager-track>.test{box-shadow:inset 0 0 0 2px var(--pager-ring);background:0 0}.pager-track>.current{background:var(--accent);scale:1.25 1}.pager-track>.test.current{box-shadow:inset 0 0 0 2px var(--accent)}.pager-track>.passed{background:var(--correct);box-shadow:none}.pager-track>.edge{opacity:.35}@media (prefers-reduced-motion:reduce){.pager-track,.pager-track>span{transition:none}}@media (width>=56rem) and (orientation:landscape){.learn-stage{align-items:stretch}.learn-stage>.slide-viewport{align-self:center}.learn-stage .word-slide .word-art,.learn-stage .word-slide>.img{justify-self:start}}@media (width<=55.99rem),(orientation:portrait){.learn-stage{grid-template-columns:minmax(0,1fr);gap:1rem}.learn-nav{padding-block:.5rem max(.75rem, env(safe-area-inset-bottom));background:var(--bg-app);flex-direction:row;order:2;justify-content:center;gap:1.25rem;position:sticky;bottom:0}.pager-segments{--pitch:calc(100cqw / var(--slots));--dir:1;flex:0 14rem;align-self:center;width:auto;height:1rem;min-height:0;margin-inline:0}.pager-segments:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--dir:-1}.pager-track{width:max-content;height:100%;translate:calc(var(--start) * var(--pitch) * var(--dir) * -1) 0;flex-direction:row}.pager-track>span{width:calc(var(--pitch) - .5rem);height:.5rem;margin-block:0;margin-inline:.25rem}.pager-track>.current{scale:1 1.25}}.slide-viewport{touch-action:pan-x pinch-zoom;animation:.22s ease-out slide-in}@keyframes slide-in{0%{opacity:0;translate:0 .375rem}}.word-slide{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.5rem;width:100%;max-width:84rem;margin:0 auto;display:grid}.word-slide .word-art,.word-slide .word-art.img{width:min(100%,26rem,52dvh,max(9rem,100dvh - 26rem))}@media (width>=56rem) and (orientation:landscape),(width>=40rem) and (height<=32rem) and (orientation:landscape){.word-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem}.word-slide .word-art,.word-slide .word-art.img{width:min(100%,40rem,59dvh);height:auto}.word-slide .word-text{max-width:40rem}.word-slide:has(.choice-grid){grid-template-columns:repeat(2,minmax(0,min(40rem,59dvh)));justify-content:center}.word-slide:has(.choice-grid) .word-text{max-width:min(100%,40rem,59dvh)}.session:has(.word-slide .choice-grid):not(:has(.learn-stage)) .session-header{width:100%;max-width:calc(2*min(40rem,59dvh) + 3rem);margin-inline:auto}}.word-art{aspect-ratio:1;width:min(100%,26rem,52dvh);position:relative}@media (width>=40rem) and (height<=32rem) and (orientation:landscape){.word-slide .word-art,.word-slide .word-art.img{width:min(100%,100dvh - 11.5rem)}}.word-art>.img,.word-art.img{background:var(--card);border-radius:1.5rem;width:100%;height:100%}.word-art .img img{object-fit:contain}.art-button{background:var(--glass-button);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);width:2.75rem;height:2.75rem;min-height:0;color:var(--heading);box-shadow:var(--float-shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:.75rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.art-button{background:var(--overlay-button)}}.art-button:disabled,.phrase-play:disabled{cursor:default}.art-button:disabled:not([aria-busy])>svg,.phrase-play:disabled:not([aria-busy])>svg{opacity:.45}.button-spinner{flex:none;animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){.button-spinner{animation-duration:2.5s}}.sound-loading{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){.sound-loading{animation-duration:2.5s}}.art-button.start{inset-inline-start:.75rem}.art-button.end{inset-inline-end:.75rem}.word-text{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:32rem;display:flex}.word-text h2{color:var(--heading);letter-spacing:-.02em;font-size:2.25rem;font-weight:700}.word-translation{color:var(--label-secondary);margin:0;font-size:1.125rem}.word-example{border-top:1px solid var(--hairline);width:100%;margin-top:.5rem;padding-top:.875rem}.word-example p{margin:0 0 .375rem}.word-example p:first-child{color:var(--heading);font-size:1.0625rem;font-weight:600}.quiz-prompt{color:var(--heading);margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.choice-grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.choice{background:var(--chip);min-height:3.5rem;color:var(--chip-ink);border-radius:.75rem;font-size:1.25rem;font-weight:700;transition:background-color .15s ease-out,opacity .15s ease-out,scale .15s ease-out}.choice:disabled{opacity:1}@media (hover:hover){.choice:hover:not(:disabled){background:color-mix(in srgb, var(--chip) 80%, var(--accent))}}.choice.correct{background:var(--correct);color:var(--state-ink);animation:.4s ease-out pop}.choice.wrong{background:var(--wrong);color:var(--state-ink);animation:.52s ease-out shake}.choice.dim{opacity:.4}.choice.wide{text-align:start;padding:.75rem 1rem;font-weight:600}@keyframes pop{50%{scale:1.03}}@keyframes shake{25%,75%{translate:-3px}50%{translate:3px}}.completion{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:32rem;margin:0 auto;animation:.26s ease-out slide-in;display:flex}.completion h2{color:var(--heading);text-wrap:balance;margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.completion p{margin:0}.completion-body{color:var(--heading);text-wrap:pretty;font-size:1.0625rem;font-weight:500}.completion .summary-panel{width:100%;margin-top:.5rem}.completion-actions{flex-direction:column;gap:.625rem;width:100%;margin-top:.5rem;display:flex}.completion-actions>button{justify-content:center}.stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.stats div{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:.75rem}.stats dt{color:var(--label-secondary);font-size:.8125rem}.stats dd{color:var(--heading);margin:0;font-size:1.5rem;font-weight:900}.missed{text-align:start;background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:1rem}.missed h3{margin:0 0 .5rem;font-size:1rem}.missed ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.challenge-status{flex-direction:column;align-items:center;gap:.25rem;display:flex}.challenge-score{color:var(--heading);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.1}.lives{gap:.25rem;display:flex}.life{background:var(--heading);border-radius:999px;width:1rem;height:.3125rem;transition:background-color .2s ease-out}.lives.warn .life{background:#e8a33c}.life.lost,.lives.warn .life.lost{background:var(--separator)}.challenge-round .timer-track,.challenge-round .time-up{width:100%;margin:1.25rem 0 0}.timer-track{background:var(--timer-track);border-radius:999px;width:100%;max-width:84rem;height:.375rem;margin:0 auto 1rem;overflow:hidden}.timer-fill{border-radius:inherit;transform-origin:0;height:100%;animation-name:timer;animation-timing-function:linear;animation-fill-mode:both;display:block}[dir=rtl] .timer-fill{transform-origin:100%}.timer-fill.paused{animation-play-state:paused}@keyframes timer{0%{background:var(--accent);transform:scaleX(1)}50%{background:#ae7c42}to{background:#e0582f;transform:scaleX(0)}}.time-up{text-transform:uppercase;color:var(--wrong);letter-spacing:.06em;justify-content:center;align-items:center;gap:.375rem;margin:0 auto 1rem;font-weight:900;display:flex}.search-field{background:var(--card);border:1px solid var(--card-border);color:var(--label-secondary);border-radius:.875rem;align-items:center;gap:.5rem;padding-inline:1rem .5rem;display:flex}.word-search{--band-top:calc(max(.75rem, env(safe-area-inset-top)) + 3.25rem);--band-height:4rem}.search-band-sentinel{height:0;margin-bottom:-1.25rem}.search-band{top:var(--band-top);z-index:4;isolation:isolate;padding-block:.5rem;position:sticky}.search-band:before{content:"";inset:calc(-1 * var(--band-top)) 0 0;z-index:-1;background:var(--bg-app);box-shadow:0 0 0 100vmax var(--bg-app);clip-path:inset(0 -100vmax);opacity:0;transition:opacity .15s ease-out;position:absolute}.search-band.stuck:before{opacity:1}.search-band:not(.stuck):before,.search-band:after{pointer-events:none}.search-band:after{content:"";background:var(--hairline);height:1px;box-shadow:0 0 0 100vmax var(--hairline);clip-path:inset(0 -100vmax);opacity:0;transition:opacity .15s ease-out;position:absolute;inset:auto 0 -1px}.search-band.stuck:after{opacity:1}@media (prefers-reduced-motion:reduce){.search-band:before,.search-band:after{transition:none}}.search-field input{background:0 0;border:none;flex:1;min-width:0;min-height:3rem;padding:0;font-size:1.0625rem}.search-field input:focus-visible{outline:none}.search-field:focus-within{outline:3px solid var(--focus);outline-offset:2px}.word-list{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.word-list li+li{border-top:1px solid var(--hairline)}.word-search .word-list{background:0 0;border:none;border-radius:0;overflow:visible}.word-search .letter-group{gap:0}.word-search .letter-heading{border-bottom:1px solid var(--hairline)}.word-row{width:100%;min-height:3rem;color:var(--label);text-align:start;background:0 0;border-radius:0;align-items:center;gap:1rem;display:flex}.word-row:hover{background:var(--accent-tint)}.word-row-text{flex-direction:column;flex:1;min-width:0;padding-block:.625rem;display:flex}.word-row-word{color:var(--heading);font-size:1.125rem}.word-row-translation{color:var(--label-secondary);font-size:.9375rem}.word-type{background:var(--bg-app);color:var(--chip-ink);border-radius:999px;flex:none;padding:.1875rem .5rem;font-size:.75rem;font-weight:600}.word-type.type-verb{color:var(--pill-ink-0)}.word-type.type-adjective{color:var(--pill-ink-1)}.letter-group{flex-direction:column;gap:.5rem;display:flex}.letter-group.deferred{content-visibility:auto;contain-intrinsic-size:auto none auto 1200px}.letter-heading{top:calc(var(--band-top,0rem) + var(--band-height,0rem));z-index:3;color:var(--heading);background:var(--bg-app);margin:0;padding:.375rem 1rem;font-size:1rem;line-height:1.25;position:sticky}.row.wrap{justify-content:flex-start}.edit-list{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.edit-list li{align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.edit-list li+li{border-top:1px solid var(--hairline)}.edit-thumb{border-radius:.625rem;flex:none;width:3rem;height:3rem}.edit-text{flex-direction:column;flex:1;font-weight:600;display:flex}.edit-text .secondary{font-size:.9375rem;font-weight:400}.phrase-pills{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding-bottom:1.25rem;display:grid}@media (width<=64rem){.phrase-pills{grid-template-columns:1fr 1fr}}.phrase-pill{background:color-mix(in srgb, var(--cat) 18%, var(--card));border:1px solid color-mix(in srgb, var(--cat) 45%, transparent);min-height:3.75rem;color:var(--label);text-align:start;overflow-wrap:break-word;border-radius:999px;align-items:center;gap:.625rem;padding:0 1rem;font-size:1.125rem;font-weight:600;display:flex}.phrase-pill-icon{background:var(--cat,#5a6fe0);color:#fff;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.phrase-pill-icon.large{width:2.5rem;height:2.5rem}.phrase-topics{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.phrase-topic-card{--cat-mix:16%;background:var(--cat-surface,color-mix(in srgb, var(--cat) 14%, var(--card)));border:1px solid color-mix(in srgb, var(--cat) 30%, transparent);width:100%;height:100%;color:var(--label);text-align:start;border-radius:1.5rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:scale .15s ease-out;display:flex}.phrase-topic-chips{flex:none;display:flex}.phrase-topic-chips .phrase-pill-icon{width:1.75rem;height:1.75rem;box-shadow:0 0 0 1.5px #ffffffe6}.phrase-topic-chips .phrase-pill-icon+.phrase-pill-icon{margin-inline-start:-.625rem}.phrase-topic-chips .phrase-pill-icon.more{background:#1f2937;font-size:.6875rem;font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phrase-topic-card{--cat-mix:24%}:root:not([data-theme=light]) .phrase-topic-chips .phrase-pill-icon{box-shadow:0 0 0 1.5px var(--label-secondary)}}:root[data-theme=dark] .phrase-topic-card{--cat-mix:24%}.phrase-topic-card:active{scale:.98}.phrase-topic-head{align-items:center;gap:.75rem;display:flex}.phrase-topic-head h2{color:var(--label);font-size:1.25rem;font-weight:600;line-height:1.25}.phrase-topic-description{color:var(--label-secondary);flex:1;font-size:.9375rem}.phrase-topic-progress{flex-direction:column;gap:.375rem;display:flex}.phrase-topic-progress .bar>span,.phrase-hero-progress .bar>span{background:var(--cat,var(--correct))}.phrase-topic-meta{color:var(--label-secondary);justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.phrase-count-chip{background:var(--card);color:var(--label-secondary);border-radius:999px;align-self:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.phrase-hero{--bleed-top:calc(5rem + env(safe-area-inset-top));--hero-bg:color-mix(in srgb, var(--cat) 16%, var(--bg-app));margin:calc(-1.5rem - var(--bleed-top)) calc(-1 * var(--gutter,1rem)) 0;padding:calc(var(--bleed-top) + 1.25rem) var(--gutter,1rem) 1rem;border-image:linear-gradient(var(--hero-bg) calc(100% - 1px), var(--hairline) calc(100% - 1px)) fill 0 / 0 / 0 100vw;background-color:var(--hero-bg);flex-direction:column;gap:.875rem;display:flex;position:relative}.phrase-hero-bar{grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.75rem;display:grid}.phrase-hero-bar h1{text-align:center;letter-spacing:0;color:var(--heading);text-wrap:balance;grid-column:2;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.phrase-hero-about{align-items:center;gap:.875rem;display:flex}.phrase-hero-icon{background:color-mix(in srgb, var(--cat) 28%, var(--card));width:3.5rem;height:3.5rem;color:var(--heading);border-radius:50%;flex:none;place-items:center;display:grid}.phrase-hero p{max-width:72ch;color:var(--label-secondary);text-wrap:pretty;margin:0}.phrase-hero-progress{width:100%;color:var(--heading);grid-template-columns:1fr auto;gap:.375rem;font-size:.9375rem;font-weight:500;display:grid}.phrase-hero-progress .bar{background:color-mix(in srgb, var(--cat) 22%, var(--card));grid-column:1/-1;height:.375rem}.phrase-hero-progress span:nth-child(2){font-variant-numeric:tabular-nums}.phrase-rows{margin:0;padding:0;list-style:none}.phrase-rows li+li{border-top:1px solid var(--hairline)}.phrase-row{width:100%;min-height:3.75rem;color:var(--heading);text-align:start;background:0 0;border-radius:.75rem;align-items:center;gap:.875rem;padding:.5rem;transition:background-color .15s ease-out;display:flex}.phrase-row:hover{background:var(--accent-tint)}.phrase-row .phrase-chevron{color:var(--label-tertiary,var(--label-secondary));flex:none}.phrase-number{width:1.75rem;color:var(--label-secondary);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.phrase-text{unicode-bidi:plaintext;flex:1;font-size:1.0625rem;font-weight:600}.phrase-row.done .phrase-text{color:var(--label-secondary);font-weight:400}:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .phrase-text{text-align:right}.phrase-status{background:var(--correct-bg);width:1.5rem;height:1.5rem;color:var(--correct);border-radius:50%;flex:none;place-items:center;display:grid}.phrase-status.in_progress{background:var(--accent-tint);color:var(--accent)}.phrase-status.remembered{background:var(--correct);color:var(--state-ink)}.phrase-learn{flex-direction:column;min-height:calc(100dvh - 7rem);padding-inline:1rem;display:flex}.phrase-learn.standalone{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem 1.5rem}.phrase-learn-head{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;display:grid}.phrase-learn-head .phrase-eyebrow{text-align:center;justify-content:center}.phrase-learn-head .seg-progress{grid-column:1/-1}.phrase-exercise{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:44rem;margin:auto;padding-block:2rem;display:flex}.phrase-side{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}@media (width>=56rem) and (orientation:landscape){.phrase-exercise{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;max-width:76rem;display:grid}.phrase-exercise .tile{min-height:3.75rem;padding-inline:1.5rem;font-size:1.375rem}.phrase-side .continue{width:min(100%,27.5rem)}}.phrase-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--label-secondary);align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:800;display:inline-flex}.phrase-card{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:1.75rem;width:100%;padding:2rem 1.5rem;transition:background-color .25s ease-out}.phrase-play{width:3.75rem;height:3.75rem;color:var(--heading);margin-top:1.25rem;animation:.26s ease-out slide-in}.phrase-prompt{color:var(--label-secondary);margin:0 0 1rem;font-size:1.125rem}.phrase-assembled{color:var(--heading);text-wrap:balance;min-height:2.5rem;margin:0;font-size:2.25rem;font-weight:800}.phrase-ellipsis{color:var(--label-secondary)}fieldset.tiles{border:none;flex-wrap:wrap;justify-content:center;gap:.625rem;margin:0;padding:0;display:flex}.tile{background:var(--card);border:1px solid var(--card-border);min-height:3rem;color:var(--heading);border-radius:.875rem;padding:0 1.125rem;font-size:1.125rem;font-weight:700;transition:background-color .15s ease-out,opacity .15s ease-out}.tile.correct{background:var(--correct);color:var(--state-ink);animation:.25s ease-out pop}.tile.wrong{background:var(--wrong);color:var(--state-ink);animation:.25s ease-out shake}.phrase-side .tile{animation:.45s cubic-bezier(.34,1.25,.64,1) both tile-rise;animation-delay:calc(var(--i,0) * 50ms);animation-delay:calc((sibling-index() - 2) * 50ms)}.phrase-side .tile.correct{animation:.2s linear tile-pulse}.phrase-side .tile.wrong{animation:.35s linear tile-shake,.35s ease-out tile-dip}.phrase-side .tiles.leaving{opacity:0;pointer-events:none;transition:opacity .12s ease-out,translate .12s ease-out;translate:0 -12px}.phrase-side .tile.correct,.phrase-side .tile.wrong{transition:none}.phrase-exercise{animation:.25s ease-out both fade-in}.tile-area{width:100%;transition:height .4s cubic-bezier(.2,.8,.2,1)}.phrase-word.new{animation:.35s cubic-bezier(.2,.8,.2,1) both word-rise;display:inline-block}.phrase-word{white-space:pre-wrap}.phrase-card .phrase-play{animation:.25s ease-out both play-in}@keyframes tile-rise{0%{opacity:0;translate:0 12px}}@keyframes tile-pulse{50%{scale:1.06}}@keyframes tile-shake{20%{translate:-10px;rotate:-3deg}40%{translate:10px;rotate:3deg}60%{translate:-10px;rotate:-3deg}80%{translate:10px;rotate:3deg}}@keyframes tile-dip{40%{scale:.94}}@keyframes word-rise{0%{opacity:0;translate:0 10px}}@keyframes play-in{0%{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){.phrase-side .tile{animation:.2s ease-out 40ms both fade-in}.phrase-side .tile.correct,.phrase-side .tile.wrong{animation:none}.phrase-side .tiles.leaving{translate:none}.tile-area{transition:none}.phrase-word.new,.phrase-card .phrase-play{animation-name:fade-in}}@keyframes fade-in{0%{opacity:0}}.tile.used,.tile:disabled{opacity:.3}.continue{flex:1;width:100%;max-width:22rem}.phrase-side .continue{flex:none;max-width:none}.story-page{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 2rem max(1rem, env(safe-area-inset-left))}.story-back{top:max(1rem, env(safe-area-inset-top));z-index:5;height:0;position:sticky}.story-layout{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:90rem;margin:0 auto;padding-top:4rem;display:grid}@media (width>=34rem) and (width<=41.99rem){.story-layout .story-side{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:1.25rem;display:grid}.story-layout .story-art{width:100%;max-height:none}}@media (width>=42rem){.story-layout{grid-template-columns:minmax(16rem,28.5rem) minmax(0,42rem);justify-content:center;gap:clamp(1.5rem,4vw,3rem);padding-top:0}}@media (width>=42rem) and (width<=51.99rem){.story-layout{grid-template-columns:minmax(15rem,21rem) minmax(0,1fr)}.story-layout .segmented button{flex:auto;padding-inline:.25rem;font-size:.8125rem}.story-side{align-self:start;padding-top:3.5rem;position:sticky;top:1rem}}.story-side{flex-direction:column;gap:1rem;display:flex}.story-art{aspect-ratio:2/3;border:1px solid var(--card-border);border-radius:1.5rem;max-height:75dvh;position:relative;overflow:hidden}.story-art>.img{width:100%;height:100%}.story-art{container:story-art/inline-size}@container story-art (width<=24rem){.story-art .audio-player{flex-wrap:wrap;justify-content:space-between;row-gap:.5rem}.story-art .audio-seek{flex-basis:100%;order:-1}}.audio-player{align-items:center;gap:.375rem;display:flex;position:absolute;inset-block-end:.75rem;inset-inline:.75rem}.audio-button{background:var(--overlay-button);width:2.75rem;height:2.75rem;min-height:0;color:var(--heading);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.audio-seek{background:var(--overlay-button);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex:1;align-items:center;gap:.375rem;min-width:0;height:2.75rem;padding:0 .75rem;display:flex}.audio-seek input{min-width:0;min-height:0;accent-color:var(--heading);background:0 0;border:none;flex:1;padding:0}.audio-speed select{appearance:none;background:var(--overlay-button);width:auto;min-width:2.75rem;height:2.75rem;min-height:0;color:var(--heading);font:inherit;font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:999px;padding:0 .625rem;font-size:.875rem;font-weight:700}.audio-time{color:var(--label-secondary);font-variant-numeric:tabular-nums;font-size:.6875rem}.review-cta{background:var(--chip);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;display:flex}.review-cta h2{color:var(--heading);font-size:1.125rem;font-weight:800}.review-cta p{margin:0}.review-cta button{border-radius:999px;width:100%}.review-cta-icon{background:var(--card);width:2.75rem;height:2.75rem;color:var(--heading);border-radius:50%;place-items:center;display:grid}.story-reader{flex-direction:column;gap:1rem;max-width:42rem;display:flex}.story-reader h1{margin:0;font-size:2rem}.story-paragraph{color:var(--heading);margin:0;font-size:1.1875rem;line-height:1.75}.story-word{min-height:0;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border-radius:.25rem;padding:0;display:inline}.story-word:hover{background:var(--accent-tint)}.story-word.phrasal_verb{-webkit-text-decoration:underline dotted color-mix(in srgb, currentColor 50%, transparent);text-decoration:underline dotted color-mix(in srgb, currentColor 50%, transparent);text-underline-offset:.2em}.segmented{background:var(--separator);border-radius:.75rem;gap:.25rem;padding:.25rem;display:flex}.segmented button{text-overflow:ellipsis;white-space:nowrap;min-width:0;min-height:2.25rem;color:var(--label-secondary);background:0 0;border-radius:.5rem;flex:1;padding:0 .5rem;font-size:.9375rem;font-weight:600;transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out;overflow:hidden}.segmented button[aria-pressed=true]{background:var(--card);color:var(--heading);box-shadow:0 1px 4px #0f172a1f}.story-review .session-body{justify-content:flex-start}.story-review .session-body,.story-review .session-footer,.story-review .session-header{width:100%;max-width:40rem;margin-inline:auto}.review-question{flex-direction:column;gap:.75rem;width:100%;display:flex}.review-question h2{color:var(--heading);text-wrap:pretty;margin:0 0 .25rem;font-size:1.1875rem;font-weight:700;line-height:1.3}.review-options{gap:.625rem;display:grid}.review-option{--option-tint:var(--label-secondary);background:color-mix(in srgb, var(--heading) 5%, var(--card));min-height:3.25rem;color:var(--heading);font:inherit;text-align:start;cursor:pointer;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding-block:.625rem;padding-inline:.5rem .875rem;font-size:1rem;font-weight:500;transition-property:background-color,border-color,scale;transition-duration:.16s;transition-timing-function:ease-out;display:flex}.review-option:disabled{cursor:default;opacity:1}@media (hover:hover){.review-option:not(:disabled):hover{background:color-mix(in srgb, var(--heading) 9%, var(--card))}}.review-option:not(:disabled):active{scale:.99}.review-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.review-letter{background:var(--card);width:1.875rem;height:1.875rem;color:var(--heading);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:700;transition-property:background-color,color;transition-duration:.16s;display:grid}.review-option-text{flex:1;min-width:0}.review-mark{width:1.25rem;color:var(--option-tint);flex:none;display:grid}.review-option.correct,.review-option.wrong{background:color-mix(in srgb, var(--option-tint) 4%, var(--card));border-color:color-mix(in srgb, var(--option-tint) 45%, transparent)}.review-option.correct{--option-tint:var(--correct)}.review-option.wrong{--option-tint:var(--wrong)}.review-option:is(.correct,.wrong) .review-letter{background:color-mix(in srgb, var(--option-tint) 14%, var(--card));color:var(--option-tint)}.review-explanation{background:color-mix(in srgb, var(--accent) 3.5%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 8%, transparent);color:var(--label-secondary);border-radius:.625rem;margin:.25rem 0 0;padding:.625rem .75rem;font-size:.8125rem;line-height:1.45}.story-review .session-footer,.review-sheet-footer{justify-content:flex-end}.review-next{border:1px solid var(--card-border);background:var(--card);min-height:2.75rem;color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding-inline:1rem .875rem;font-size:1.0625rem;font-weight:500;transition-property:opacity,scale,background-color;transition-duration:.16s;display:inline-flex;box-shadow:0 2px 10px -6px #0f172a4d}.review-next:disabled{opacity:.4;cursor:default;box-shadow:none}.review-next:not(:disabled):active{scale:.97}.review-next:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.review-next:not(:disabled):hover{background:color-mix(in srgb, var(--heading) 5%, var(--card))}}.review-result{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:22rem;margin:auto;padding-block:2rem;display:flex}.review-result-icon{background:var(--correct-bg);width:2.625rem;height:2.625rem;color:var(--correct);border-radius:50%;place-items:center;margin-block-end:.75rem;display:grid}.review-score{flex-direction:column;margin:0;display:flex}.review-score strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:900;line-height:1.1}.review-score span{color:var(--label-secondary);font-size:1.0625rem}.review-hint{color:var(--label-secondary);text-wrap:balance;margin:.5rem 0 0;font-size:.9375rem}.review-result-actions{flex-direction:column;align-items:center;gap:.5rem;margin-block-start:1.25rem;display:flex}.review-unavailable-icon{color:var(--label-secondary);align-self:center}.review-sheet{width:min(100% - 2rem,36rem);height:min(41rem,100dvh - 2rem);overflow:hidden}.review-sheet .sheet-close{inset-block-start:.625rem;inset-inline:.625rem auto}.review-sheet-layout{flex-direction:column;height:100%;display:flex}.review-sheet-header{padding:1rem 1rem 0;padding-inline:3.75rem}.review-sheet-header h2{color:var(--accent);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.review-sheet-header p{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.review-sheet-header .seg-progress{margin-inline:-2.75rem;padding-block:.875rem 0}.review-sheet-body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:1.25rem 1rem 1rem;display:flex;overflow-y:auto}.review-sheet-footer{padding:.75rem .75rem max(.75rem, env(safe-area-inset-bottom));display:flex}.settings{grid-template-columns:clamp(16rem,44vw - 4rem,23.5rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.25rem);display:grid}.settings-list{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:5rem}.settings-title{color:var(--heading);margin:0 0 -.5rem;padding-inline:.25rem;font-size:2.125rem;line-height:1.2}.sheet-empty-title{margin:0;font-size:1.0625rem}.word-row-text>*{align-self:start;max-width:100%}.settings-detail{min-height:70dvh}@media (width>=42.01rem){.settings-list .row-chevron{display:none}.settings .detail-page{max-width:none}.settings .detail-page>h1{letter-spacing:0;min-height:2.75rem;color:var(--label);place-items:center;font-size:1.0625rem;font-weight:600;display:grid}}.settings-detail-back{display:none}@media (width<=42rem){.settings{grid-template-columns:minmax(0,1fr)}.settings-list{padding:0;position:static}.settings-detail{border:none;padding:0;display:none}.settings.has-detail .settings-list{display:none}.settings.has-detail .settings-detail{display:block}.settings-detail-back{margin-bottom:.5rem;display:block}}.group{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.settings-row{width:100%;min-height:3.25rem;color:var(--label);text-align:start;background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:1.0625rem;text-decoration:none;display:flex}.group>*+*{border-top:1px solid var(--hairline)}a.settings-row:hover,button.settings-row:hover{background:var(--accent-tint)}.settings-row.current{background:var(--chip)}.settings-row.destructive{color:var(--wrong)}.settings-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.row-icon{background:var(--icon-tile);width:2rem;height:2rem;color:var(--label-secondary);border-radius:.5rem;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.row-icon:has(.social-mark){background:0 0;overflow:hidden}.social-mark{color:#fff;place-items:center;width:100%;height:100%;display:grid}.social-mark svg{width:58%;height:58%}.social-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-youtube{background:red}.social-tiktok,.social-threads{background:#000;box-shadow:inset 0 0 0 1px #ffffff24}.social-pinterest{background:#e60023}.row-label{flex-direction:column;flex:1;min-width:0;display:flex}.row-hint{color:var(--label-secondary);font-size:.8125rem}.row-chevron{color:var(--label-secondary)}.row-check{color:var(--correct);flex:none}.row-install{color:var(--heading);flex:none}.install-steps{text-align:start}.row-select{font:inherit;text-overflow:ellipsis;max-width:9rem;min-height:2.5rem;color:var(--accent);text-align:end;cursor:pointer;background:0 0;border:none;flex:none;font-weight:600}.switch{appearance:none;background:var(--switch-off);cursor:pointer;border:0;border-radius:999px;flex:none;width:3.1875rem;height:1.9375rem;min-height:0;margin:0;padding:0;transition:background-color .2s ease-out;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:1.6875rem;height:1.6875rem;transition:translate .2s ease-out;position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;box-shadow:0 2px 6px #0003}.switch:checked{background:var(--switch-on)}.switch:checked:after{translate:1.25rem}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .switch:checked:after{translate:-1.25rem}.switch:disabled{opacity:.5;cursor:default}.settings-row.disabled{cursor:default}.switch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.settings-section-title{color:var(--label-secondary);margin:.5rem 1rem .25rem;font-size:.9375rem;font-weight:600}.version{text-align:center;color:var(--label-secondary);font-size:.875rem}.detail-page{flex-direction:column;gap:1rem;max-width:46rem;display:flex}.detail-page h1{margin:0;font-size:1.5rem}.summary-panel{background:linear-gradient(180deg, var(--recs-bg), var(--card) 55%);border:1px solid var(--summary-border);border-radius:1.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.summary-hint{text-align:center;color:var(--label-secondary);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.4}.summary-main{flex-direction:column;align-items:center;display:flex}.summary-main strong{color:var(--heading);font-size:3rem;font-weight:900;line-height:1.1}.summary-sub{text-align:center;color:var(--label-secondary);grid-template-columns:1fr 1fr;align-items:baseline;row-gap:.25rem;display:grid}.summary-label{color:var(--label-secondary);justify-content:center;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;line-height:1.3;display:inline-flex}.summary-main .summary-label svg{color:var(--correct)}.summary-sub .summary-label svg{color:var(--review-badge)}.summary-sub>:first-child{grid-column:1/-1;font-size:.875rem}.summary-sub>:first-child:first-letter{text-transform:uppercase}.summary-sub strong{color:var(--heading);margin-inline-end:.25rem;font-size:1.5rem}.filter-row{justify-content:flex-end;display:flex}.filter{color:var(--label-secondary);align-items:center;gap:.25rem;display:inline-flex}.filter select{font:inherit;color:var(--label-secondary);cursor:pointer;background:0 0;border:none;min-height:2.75rem;font-size:1.0625rem}.progress-rows{margin:0;padding:0;list-style:none}.progress-rows li+li{border-top:1px solid var(--hairline)}.progress-row{width:100%;min-height:4rem;color:var(--label-secondary);text-align:start;background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.progress-row-text{flex-direction:column;flex:1;gap:.125rem;display:flex}.progress-row-name{color:var(--heading);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.progress-row .secondary{font-size:.9375rem}.progress-row-art{display:none}.settings-detail{container:detail/inline-size}@container detail (width>=28rem){.my-progress .summary-panel{grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.5rem 1.5rem;padding:1.25rem 1.5rem;display:grid}.my-progress .summary-main{grid-row:1/span 2;grid-template-rows:subgrid;text-align:start;align-items:last baseline;display:grid}.my-progress .summary-sub{grid-area:1/2/span 2/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid;border-inline-start:1px solid var(--hairline);text-align:start;color:var(--label-secondary);align-items:last baseline;gap:normal;padding-inline-start:1.5rem;display:grid}.my-progress .summary-main>:first-child,.my-progress .summary-sub>:first-child{grid-column:1/-1;place-self:end start;font-size:.9375rem}.my-progress .summary-main strong,.my-progress .summary-sub strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1}.my-progress .summary-sub strong{margin-inline-end:.375rem}.my-progress .summary-panel>:nth-child(3){grid-area:3/1/auto/-1;width:100%}.my-progress .summary-hint{text-align:start}}@container detail (width>=46rem){.my-progress .summary-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.my-progress .summary-panel>:nth-child(3){grid-area:1/4/span 2;align-self:center;width:auto}.my-progress .progress-rows{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.25rem 1rem;display:grid}.my-progress .progress-rows li+li{border-top:none}.my-progress .progress-row{flex-direction:column;align-items:stretch;gap:.5rem;min-height:0;padding:0}.my-progress .progress-row>.flip-rtl{display:none}.my-progress .progress-row-art{aspect-ratio:1;border-radius:var(--radius-tile);border:1px solid var(--card-border);background:var(--image-bg);color:var(--label-secondary);place-items:center;transition:scale .2s ease-out;display:grid;overflow:hidden}.my-progress .progress-row-art>.img{width:100%;height:100%}.my-progress .progress-row-name{font-size:1.0625rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.my-progress .progress-row:hover .progress-row-art{scale:1.02}}}@media (width>=42.01rem){.settings .detail-page:not(.my-progress){width:100%;max-width:48rem;margin-inline:auto}}.tag{border:1px solid var(--separator-strong);color:var(--label-secondary);border-radius:.375rem;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.account-hero{background:linear-gradient(180deg, var(--dawn-0), var(--dawn-1) 55%, var(--dawn-2));border:1px solid var(--dawn-border);color:var(--label);border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.account-hero:before,.account-hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.account-hero:before{background:var(--dawn-glow-large);block-size:10rem;inline-size:10rem;inset-block-start:-1.25rem;inset-inline-end:-2.5rem}.account-hero:after{background:var(--dawn-glow-small);block-size:7.5rem;inline-size:7.5rem;inset-block-end:-2.25rem;inset-inline-start:-1.5rem}.account-hero>*{position:relative}.account-eyebrow{color:var(--dawn-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:inline-flex}.account-email{color:var(--heading);overflow-wrap:anywhere;margin:0;font-size:1.375rem;line-height:1.25}.account-sync{color:var(--dawn-secondary);text-wrap:pretty;margin:.25rem 0 0;font-size:.9375rem;line-height:1.4}.account-pref{background:var(--dawn-inset);cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;min-block-size:3.5rem;padding:.75rem 1rem;display:flex}.account-pref>span{flex-direction:column;gap:.125rem;display:flex}.account-pref-label{color:var(--label);font-weight:500}.account-pref-hint{color:var(--label-secondary);font-size:.875rem;line-height:1.35}.account-actions{flex-direction:column;align-items:stretch;gap:.25rem;display:flex}.account-delete{min-block-size:2.75rem;font:inherit;color:var(--dawn-danger);cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-self:center;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.9375rem;font-weight:500;display:inline-flex}.account-delete:hover{text-decoration:underline}.account-identity,.account-side{flex-direction:column;gap:1rem;display:flex}.account-link{min-block-size:2.75rem;color:var(--accent);border-radius:.5rem;align-self:flex-start;align-items:center;gap:.375rem;margin-block:-.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.account-link:hover{text-decoration:underline}.account-link:focus-visible,.account-delete:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.account-hero button.secondary-button:hover:not(:disabled){background:var(--dawn-inset)}.account{container:account/inline-size}@container account (width>=56rem){.account-hero{grid-template-columns:minmax(0,1fr) minmax(19rem,24rem);align-items:start;column-gap:2.5rem;padding:2rem;display:grid}.account-identity{align-self:stretch}.account-identity .account-link{margin-block-start:auto}.account-email{font-size:1.5rem}.account-actions{flex-flow:row-reverse wrap;justify-content:flex-start;align-items:center;gap:.5rem}.account-actions .secondary-button{padding-inline:1.5rem}}.account-plan{background:var(--card);border:1px solid var(--card-border);border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;display:flex;container-type:inline-size}.account-plan-icon{background:var(--accent-tint);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.account-plan.unlimited .account-plan-icon{background:var(--challenge-bg,var(--accent-tint));color:var(--challenge-ink,var(--accent))}.account-plan-text{flex-direction:column;flex:12rem;gap:.125rem;min-width:0;display:flex}.account-plan-text .account-eyebrow{color:var(--label-secondary);font-size:.8125rem}.account-plan-name{color:var(--heading);font-size:1.125rem}.account-plan-hint{color:var(--label-secondary);align-items:center;gap:.375rem;font-size:.875rem;display:inline-flex}.account-plan-billing{color:var(--label);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.875rem;font-weight:600}.account-plan>button{flex:none}@container (width<=26rem){.account-plan>button{flex:100%}}.passkey-row .icon-button{color:var(--label-secondary);margin-inline-start:auto}.passkey-row .icon-button:hover{color:var(--wrong)}.notice{background:var(--chip);color:var(--chip-ink);border-radius:.75rem;margin:0;padding:.75rem 1rem}.faq-item{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:0 1rem}.faq-item summary{min-height:3.25rem;color:var(--heading);cursor:pointer;align-items:center;font-weight:700;display:flex}.faq-item p{color:var(--label-secondary);margin:0 0 1rem}@media (prefers-reduced-motion:reduce){.slide-viewport,.completion,.choice.correct,.choice.wrong,.tile.correct,.tile.wrong{animation:none}.loader-dot{animation-duration:2s}.topic-tile-art,.story-cover-art,.img img{transition:none}.sheet{transition-duration:.1s;scale:none}@starting-style{.sheet[open]{scale:none}}::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}.sheet-close{z-index:2;position:absolute;inset-block-start:.875rem;inset-inline-end:.875rem}.sheet-close .round-button{width:2.5rem;height:2.5rem;box-shadow:none}.sheet-body>:is(h1,h2):first-child,.sheet-body>:first-child>:is(h1,h2):first-child{text-wrap:balance;padding-inline-end:2.25rem}.mode-sheet>:is(h1,h2):first-child,.mode-sheet>:first-child>:is(h1,h2):first-child{padding-inline-start:2.25rem}.nowrap{white-space:nowrap}.tabbar{view-transition-name:tabbar}::view-transition-old(root){animation:.14s ease-out both vt-fade-out}::view-transition-new(root){animation:.2s ease-out both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}.bar>span,.seg-progress>span{transition:width .3s cubic-bezier(.2,.8,.2,1),background-color .2s ease-out}@media (prefers-reduced-motion:reduce){.bar>span,.seg-progress>span{transition:none}}.search-field input[type=search]::-webkit-search-cancel-button{appearance:none}.game-over{align-items:center;gap:1.5rem;width:min(100%,58rem);margin:auto;padding-block:1.5rem;animation:.26s ease-out slide-in;display:grid}@media (width>=900px){.game-over{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr);gap:2rem}}.game-over-result{text-align:center}.game-over-result h2{letter-spacing:-.02em;color:var(--heading);margin:0;font-size:2rem;font-weight:900}.game-over-result>.secondary{margin:.25rem 0 1rem}.game-over-card{border:1px solid var(--card-border);background:linear-gradient(180deg, var(--challenge-bg), var(--card) 85%);text-align:start;border-radius:1.5rem;padding:1.25rem 1.5rem}.game-over-scores{grid-template-columns:1fr 1fr;margin:0;display:grid}.game-over-scores>div{flex-direction:column;align-items:center;gap:.25rem;display:flex}.game-over-scores>div+div{border-inline-start:1px solid var(--hairline)}.game-over-scores dt{color:var(--label-secondary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.game-over-scores dd{color:var(--heading);font-variant-numeric:tabular-nums;margin:0;font-size:3rem;font-weight:900;line-height:1.1}.game-over-pill{border:1px solid color-mix(in srgb, var(--correct) 40%, transparent);background:var(--correct-bg);width:fit-content;color:var(--heading);border-radius:999px;margin:.75rem auto 0;padding:.2rem .625rem;font-size:.8125rem;font-weight:600}.game-over-row{border-block:1px solid var(--hairline);color:var(--label-secondary);justify-content:space-between;align-items:center;margin-top:1rem;padding-block:.875rem;font-size:.9375rem;display:flex}.game-over-row span,.game-over-missed h3{align-items:center;gap:.375rem;display:flex}.game-over-row strong{color:var(--heading);font-variant-numeric:tabular-nums}.game-over-missed h3{color:var(--heading);justify-content:center;margin:.875rem 0 .5rem;font-size:1rem;font-weight:600}.game-over-missed ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.game-over-missed li{color:var(--heading);align-items:center;gap:.125rem;font-weight:500;display:flex}.game-over-missed .icon-button.small{width:2.25rem;height:2.25rem;color:var(--label-secondary)}.game-over-missed>.secondary{text-align:center;margin:0}.game-over-actions{flex-direction:column;gap:.75rem;display:flex}.game-over-actions button{justify-content:center}@media (prefers-reduced-motion:reduce){.game-over{animation:none}}.language-prompt{max-width:56rem;padding-block:max(2rem, env(safe-area-inset-top)) 2rem;flex-direction:column;align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.language-prompt-intro{text-align:center;max-width:36rem}.language-prompt-intro h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 .5rem;font-size:1.75rem;line-height:1.2}.language-prompt-intro p{text-wrap:pretty;margin:0}.language-grid{border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:.5rem;width:100%;margin:0;padding:0;display:grid}.language-chip{min-height:3.25rem;color:var(--label-secondary);text-align:center;cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1.125rem;transition:background-color .16s,color .16s;display:flex;position:relative}.language-chip input{opacity:0;pointer-events:none;position:absolute}.language-chip:hover{background:color-mix(in srgb, var(--label) 4%, transparent)}.language-chip:has(input:checked){background:color-mix(in srgb, var(--label) 8%, transparent);color:var(--label);font-weight:700}.language-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.language-confirm{width:100%;padding-block:1.5rem max(1rem, env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 1.5rem);justify-content:center;display:flex;position:sticky;bottom:0}.language-confirm>button{min-width:14rem}@media (prefers-reduced-motion:reduce){.language-chip{transition:none}}:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) :where([lang=en]){text-align:match-parent;direction:ltr;unicode-bidi:isolate}.phrase-topic-head h2,.phrase-topic-description,.topic-tile-name,.phrase-eyebrow{unicode-bidi:plaintext}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) :is(.phrase-topic-head h2,.phrase-topic-description,.topic-tile-name){text-align:right}@media (width<=30rem){.shell{--tabbar-space:calc(3.625rem + max(.75rem, env(safe-area-inset-bottom)) + .5rem)}.tabbar{inset-inline:0;top:auto;bottom:max(.75rem, env(safe-area-inset-bottom));gap:.125rem;width:calc(100% - 2rem);margin:0 auto;position:fixed}.shell-main{padding-top:max(1.25rem, env(safe-area-inset-top));padding-bottom:calc(var(--tabbar-space) + 1.5rem)}.word-search{--band-top:max(0rem, env(safe-area-inset-top))}.settings-list{top:max(1rem, env(safe-area-inset-top))}.shell .feedback-composer{bottom:var(--tabbar-space)}body:has(.shell) .update-banner{animation-name:update-banner-in-top;inset-block-start:max(.75rem, calc(env(safe-area-inset-top) + .5rem));inset-block-end:auto}.tabbar a{border-radius:1.375rem;flex-direction:column;flex:1 1 0;justify-content:center;gap:.125rem;min-width:0;min-height:2.875rem;padding-inline:.25rem;font-size:.6875rem}.tabbar a span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.page-header .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.choice-key{display:none}@media (hover:hover) and (pointer:fine){.choice{position:relative}.choice-key{inset-inline-end:.5rem;font-variant-numeric:tabular-nums;opacity:.4;border-radius:.375rem;place-items:center;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.6875rem;font-weight:600;line-height:1;display:grid;position:absolute;top:.375rem}}@media (width>=40rem){.phrase-topics{grid-auto-rows:1fr}.phrase-topics>li{display:grid}.phrase-topic-card .phrase-topic-description{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:none;display:-webkit-box;overflow:hidden}.phrase-topic-card>:last-child{margin-top:auto}}@media (width>=75rem){.learn-stage{max-width:92rem}.session-header{width:100%;max-width:76rem;margin-inline:auto}}.paywall-page{width:100%;max-width:36rem;margin:0 auto;padding-block:.5rem 1.5rem}.paywall{flex-direction:column;gap:1.25rem;display:flex}.paywall-page>.paywall>*{animation:.28s cubic-bezier(.2,.8,.2,1) both paywall-in}.paywall-page>.paywall>:nth-child(2){animation-delay:50ms}.paywall-page>.paywall>:nth-child(n+3){animation-delay:.1s}@keyframes paywall-in{0%{opacity:0;translate:0 .5rem}}@media (prefers-reduced-motion:reduce){.paywall-page>.paywall>*{animation-name:paywall-fade;animation-delay:0s}}@keyframes paywall-fade{0%{opacity:0}}.paywall-head{text-align:start;flex-direction:column;gap:.5rem;display:flex}.paywall-eyebrow{color:var(--heading);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:700}.paywall-title{color:var(--heading);text-wrap:balance;margin:0;font-size:1.625rem;line-height:1.2}.paywall-message{margin:0;font-size:.9375rem}.paywall-benefits{flex-direction:column;gap:.875rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.paywall-benefits li{color:var(--heading);align-items:center;gap:.875rem;font-size:1.0625rem;line-height:1.35;display:flex}.paywall-benefits svg{color:var(--accent);flex:none}.paywall-plans{border:none;flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:0;display:flex}.plan-card{border:1px solid var(--card-border);background:var(--card);cursor:pointer;border-radius:1rem;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex}.plan-card.selected{border:2px solid var(--accent);background:var(--accent-tint);padding:calc(.875rem - 1px) calc(1rem - 1px)}.plan-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.plan-check{border:2px solid var(--separator-strong);width:1.5rem;height:1.5rem;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;margin-top:.125rem;display:grid}.plan-card.selected .plan-check{border-color:var(--accent);background:var(--accent)}.plan-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.plan-name{color:var(--heading);font-size:1.0625rem;font-weight:700}.plan-price strong{color:var(--heading);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.plan-price .secondary,.plan-billed{font-size:.8125rem}.plan-side{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.plan-badge{background:var(--correct-bg);color:color-mix(in srgb, var(--correct) 70%, var(--label));white-space:nowrap;border-radius:999px;padding:.1875rem .5rem;font-size:.8125rem;font-weight:700}.plan-strike{font-variant-numeric:tabular-nums;font-size:.875rem}.paywall-reassurance{text-align:center;margin:.25rem 0 0;font-size:.8125rem}.paywall-actions{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.paywall-cta{min-height:3.25rem;box-shadow:var(--float-shadow);border-radius:999px;font-size:1.125rem}.weekly-cta{min-height:2.875rem;box-shadow:none;font-size:1rem}.paywall-link-button{min-height:2.75rem;color:var(--heading);background:0 0;align-self:center;padding:0 1rem;font-weight:600}.paywall-legal{text-align:center;color:var(--label-secondary);margin:0;font-size:.8125rem}.paywall-legal a,.paywall-legal button{min-height:0;color:inherit;font:inherit;text-underline-offset:2px;background:0 0;padding:0;text-decoration:underline}.sheet .paywall{padding:1.5rem}.sheet .paywall-eyebrow,.sheet .paywall-title{padding-inline-end:2.5rem}.feedback{gap:0;min-height:calc(100dvh - 12rem)}.feedback-thread{flex-direction:column;flex:1;min-height:16rem;padding-block:1rem;display:flex}.feedback-empty{text-align:center;max-width:32rem;color:var(--label-secondary,currentColor);flex-direction:column;align-items:center;gap:.5rem;margin:auto;display:flex}.feedback-empty h2{color:var(--heading);margin:.5rem 0 0;font-size:1.25rem;font-weight:800}.feedback-empty p{margin:0}.feedback-reply-time{background:var(--chip);border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex;margin-top:.75rem!important}.feedback-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:auto;display:flex}.feedback-messages{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.feedback-message{flex-direction:column;gap:.25rem;max-width:min(85%,34rem);display:flex}.feedback-message.from-user{align-self:flex-end;align-items:flex-end}.feedback-message.from-team{align-self:flex-start;align-items:flex-start}.feedback-bubble{border-radius:1.125rem;flex-direction:column;gap:.5rem;padding:.625rem .875rem;font-size:1rem;line-height:1.4;display:flex}.from-user .feedback-bubble{background:var(--bubble-user);color:var(--bubble-user-ink)}.from-team .feedback-bubble{background:var(--bubble-team);color:#fff}.feedback-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.feedback-message time{color:var(--label-secondary,currentColor);padding-inline:.25rem;font-size:.75rem}.feedback-tiles{flex-wrap:wrap;gap:.375rem;display:flex}.feedback-tile{color:#fff;cursor:pointer;background:#243044;border:0;border-radius:.75rem;place-items:center;width:7rem;height:7rem;padding:0;display:grid;overflow:hidden}.feedback-tile img{object-fit:cover;width:100%;height:100%}.feedback-tile-video{flex-direction:column;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.feedback-viewer{place-items:center;min-height:12rem;padding:3.5rem 1rem 1rem;display:grid}.feedback-viewer img,.feedback-viewer video{border-radius:.75rem;max-width:100%;max-height:calc(100dvh - 8rem)}.feedback-composer{padding-block:.75rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:var(--bg-app);flex-direction:column;gap:.5rem;display:flex;position:sticky;bottom:0}.feedback-hint,.feedback-notice{margin:0;font-size:.8125rem}.feedback-notice{color:var(--wrong)}.feedback-drafts{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.feedback-drafts li{background:#243044;border-radius:.625rem;width:4rem;height:4rem;position:relative;overflow:hidden}.feedback-drafts img{object-fit:cover;width:100%;height:100%}.feedback-draft-video{color:#fff;place-items:center;width:100%;height:100%;display:grid}.feedback-draft-remove{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;padding:0;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.feedback-draft-remove:after{content:"";position:absolute;inset:-.625rem}.feedback-composer-row{align-items:flex-end;gap:.5rem;display:flex}.feedback-add,.feedback-send{cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.feedback-add{color:var(--accent);background:0 0}.feedback-send{background:var(--fill);color:var(--fill-ink)}.feedback-send-ring{border:2px solid;border-inline-end-color:#0000;border-radius:999px;width:1.125rem;height:1.125rem;animation:.8s linear infinite feedback-spin}@keyframes feedback-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.feedback-send-ring{animation-duration:2.4s}}.feedback-add:disabled,.feedback-send:disabled{opacity:.4;cursor:default}.feedback-input{field-sizing:content;resize:none;border:1px solid var(--card-border);background:var(--card);min-height:2.75rem;max-height:calc(3lh + 1.25rem);color:inherit;font:inherit;border-radius:1.375rem;flex:1;padding:.625rem 1rem;font-size:1rem;line-height:1.4}.feedback-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.custom-cover{background:var(--card-border);gap:2px;width:100%;height:100%;display:grid}.custom-cover .img{background:var(--image-bg);min-width:0;min-height:0;display:block}.custom-cover .img img{object-fit:cover;width:100%;height:100%}.custom-cover.tiles-2{grid-template-columns:1fr 1fr}.custom-cover.tiles-3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.custom-cover.tiles-3>:first-child{grid-row:span 2}.custom-cover.tiles-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.custom-cover.loading{background:var(--image-bg)}.custom-cover.initial{background:color-mix(in srgb, var(--accent) 14%, var(--image-bg));color:var(--accent);place-items:center;font-size:3rem;font-weight:800}.phrase-progress .phrase-topic-card{border-radius:var(--radius-card);cursor:pointer;gap:1rem;padding:1rem 1.125rem}.phrase-progress .phrase-topic-head{flex:1;align-items:flex-start}.phrase-progress .phrase-topic-head h2{-webkit-line-clamp:2;line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;padding-block-start:.3rem;font-size:1.0625rem;line-height:1.3;display:-webkit-box;overflow:hidden}.phrase-progress .phrase-topic-meta{font-variant-numeric:tabular-nums}.phrase-progress .phrase-topic-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.phrase-progress .phrase-topic-card:hover{background:color-mix(in srgb, var(--cat) 19%, var(--card))}}.phrase-topic-progress .bar{background:color-mix(in srgb, var(--cat) 22%, var(--card));flex:none}.update-banner{z-index:60;border:1px solid var(--card-border);background:var(--card);max-inline-size:26rem;color:var(--label);border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding:.5rem .5rem .5rem 1rem;font-size:.9375rem;animation:.2s ease-out update-banner-in;display:flex;position:fixed;inset-block-end:max(1rem, env(safe-area-inset-bottom));inset-inline:1rem;box-shadow:0 8px 24px #00000024}.update-banner button{background:var(--accent-tint);min-block-size:2.75rem;color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:.75rem;flex:none;align-items:center;gap:.375rem;padding:0 .875rem;font-weight:700;display:inline-flex}.update-banner button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@keyframes update-banner-in{0%{opacity:0;translate:0 .5rem}}@keyframes update-banner-in-top{0%{opacity:0;translate:0 -.5rem}}@media (prefers-reduced-motion:reduce){.update-banner{animation:none}}.reminder-sheet{text-align:start;flex-direction:column;gap:1rem;display:flex}.reminder-sheet h2{padding-inline-end:2.5rem}.reminder-info-text{white-space:pre-line}.reminder-points{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.reminder-points li{color:var(--label-secondary);align-items:flex-start;gap:.5rem;display:flex}.reminder-points svg{color:var(--heading);flex:none}.reminder-dialog .sheet-close{display:none}.reminder-picker h2{text-align:center;outline:none;padding-inline-end:0}.reminder-bell{color:var(--accent);align-self:center;margin-bottom:-.25rem}.reminder-target{border:1px solid var(--card-border);border-radius:1rem;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.reminder-target-art{background:var(--accent-tint);width:3rem;height:3rem;color:var(--accent);border-radius:.75rem;flex:none;place-items:center;display:grid;overflow:hidden}.reminder-target-img{width:100%;height:100%}.reminder-target-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.reminder-target-text strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;display:-webkit-box;overflow:hidden}.reminder-target-kind{color:var(--label-secondary);font-size:.8125rem;font-weight:500}.reminder-interval{color:var(--label-secondary);flex-direction:column;gap:.5rem;font-size:.9375rem;display:flex}.reminder-select{color:var(--label);display:flex;position:relative}.reminder-select select{appearance:none;border:1px solid var(--separator-strong);width:100%;min-height:3.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.75rem;padding:0 2.75rem 0 1rem;font-size:1.0625rem}.reminder-select select:hover{border-color:var(--label-secondary)}.reminder-select select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.reminder-select svg{inset-inline-end:1rem;pointer-events:none;color:var(--label-secondary);position:absolute;top:50%;translate:0 -50%}[dir=rtl] .reminder-select select{padding:0 1rem 0 2.75rem}.reminder-help{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.5rem;padding:0;font-weight:600;display:inline-flex}.reminder-actions{flex-wrap:wrap-reverse;justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.reminder-actions>button{flex:0 auto}@media (width<=30rem){.reminder-actions{flex-direction:column-reverse}}.save-progress-wrap{width:100%;margin-top:.75rem;container-type:inline-size}.save-progress{background:var(--card);border:1px solid var(--card-border);text-align:start;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);column-gap:.875rem;padding:1rem;animation:.36s cubic-bezier(.2,.8,.2,1) both save-progress-in;display:grid;position:relative}.save-progress-icon{width:2.75rem;height:2.75rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;place-items:center;display:grid}.save-progress-text h3{padding-top:.125rem;color:var(--heading);margin:0;padding-inline-end:1.75rem;font-size:1.0625rem;font-weight:700;line-height:1.25}.save-progress-text p{color:var(--label-secondary);margin:.25rem 0 0;font-size:.9375rem;line-height:1.45}.save-progress-actions{grid-column:1/-1;margin-top:.875rem;display:flex}.save-progress-actions>button{flex:1;justify-content:center}.save-progress-close{width:2rem;height:2rem;color:var(--label-secondary);position:absolute;inset-block-start:.375rem;inset-inline-end:.375rem}.save-progress-close:before{content:"";position:absolute;inset:-.375rem}@container (width>=28rem){.save-progress{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-inline-end:3rem}.save-progress-text h3{padding-inline-end:0}.save-progress-actions{grid-area:1/3;margin-top:0}.save-progress-actions>button{flex:none}}@keyframes save-progress-in{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.save-progress{animation:none}}.auth-card.signing-in{position:relative}.auth-card.signing-in>:not(.signing-in-status){opacity:.25;pointer-events:none;transition:opacity .15s ease-out}.signing-in-status{z-index:1;color:var(--label);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:1.0625rem;font-weight:600;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.auth-card.signing-in>:not(.signing-in-status){transition:none}}.sign-in-sheet .auth-card,.guest-sign-in .auth-card,.paywall .auth-card{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.sign-in-sheet{padding:1.75rem 1.5rem 1.5rem}.guest-sign-in{max-width:30rem}.reminder-install{flex-direction:column;gap:.25rem;display:flex}.reminder-install p{margin:0}.guest-gate>.auth-card{margin-inline:auto}.paywall .auth-card{margin-top:.5rem}button.recs-sign-in{font:inherit;color:inherit;text-align:start;cursor:pointer}.recs-sign-in>span:nth-child(2){flex:1;min-width:0}.recs-sign-in-chevron{color:var(--label-secondary);flex:none}.hero-row.guest{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.hero-row.guest.has-review{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-row.guest .hero-card{height:100%;min-height:7rem}.hero-row.guest .recs-sign-in{padding:1rem 1.125rem}.hero-row.guest .hero-title{font-size:1.125rem}@media (width<=40rem){.hero-side-cards:has(.review-card){grid-template-columns:minmax(0,1fr)}.hero-row.guest,.hero-row.guest.has-review{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-row.guest .recs-sign-in,.hero-row.guest:not(.has-review) .challenge-card{grid-column:1/-1}}.auth-title-with-icon{align-items:center;gap:.5rem;display:flex}.auth-title-with-icon>svg{color:var(--accent);flex:none}.info-button{width:1.5rem;height:1.5rem;min-height:0;color:var(--label-secondary);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;place-items:center;margin-inline-start:.125rem;padding:0;display:inline-grid;position:relative}.info-button:before{content:"";position:absolute;inset:-.625rem}.info-button:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.info-popover{border:1px solid var(--card-border);background:var(--card);width:min(19rem,100vw - 2rem);color:var(--label);text-align:start;border-radius:1rem;height:fit-content;margin:auto;padding:1rem 1.125rem;inset:0;box-shadow:0 18px 40px -16px #0f172a59}@supports (position-area:bottom){.info-popover{position-area:bottom span-right;position-try-fallbacks:flip-inline, flip-block;margin:.5rem 0 0;inset:auto}}.info-popover{opacity:0;transition:opacity .11s ease-out, scale .11s ease-out, overlay .11s allow-discrete, display .11s allow-discrete;scale:.96}@supports (position-area:bottom){.info-popover{transform-origin:0 0}.info-popover:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:100% 0}}.info-popover:popover-open{opacity:1;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,.8,.2,1);scale:1}@starting-style{.info-popover:popover-open{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){.info-popover{scale:1}.info-popover:popover-open{scale:1}}.info-popover h3{color:var(--heading);margin:0 0 .5rem;font-size:1rem;font-weight:700}.info-popover ul{gap:.375rem;margin:0;padding-inline-start:1.125rem;font-size:.9375rem;line-height:1.4;display:grid}.info-popover li::marker{color:var(--label-secondary)}.summary-main .summary-label .info-button svg{color:var(--label-secondary)}.mobile-app{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.mobile-app-qr{box-sizing:content-box;border:2px solid var(--accent);background:#fff url(/icons/store-qr.svg) 50%/contain no-repeat content-box border-box;border-radius:1rem;width:11rem;height:11rem;padding:.5rem;display:block}.mobile-app p{color:var(--label-secondary);margin:0}.mobile-app-stores{gap:.75rem;width:100%;display:flex}.mobile-app-store{border:2px solid var(--accent);min-height:2.75rem;color:var(--accent);border-radius:.75rem;flex:1;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.mobile-app-store:hover{background:var(--accent-tint)}.answer-modes{text-align:start;border:0;flex-direction:column;gap:.75rem;min-inline-size:0;margin:0;padding:0;display:flex}.answer-mode{border-radius:var(--radius-tile);background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);width:100%;color:var(--label);text-align:start;align-items:center;gap:.75rem;padding:1rem;transition:scale .12s ease-out,opacity .12s ease-out,background-color .15s ease-out;display:flex}.answer-mode:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 11%, transparent)}.answer-mode:active:not(:disabled){opacity:.7;scale:.97}.answer-mode:disabled{opacity:1}.answer-mode:disabled:not([aria-busy]){opacity:.55}.answer-mode-icon{background:var(--fill);width:2.5rem;height:2.5rem;color:var(--fill-ink);border-radius:50%;flex:none;place-items:center;display:grid}.answer-mode-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.answer-mode-title{color:var(--heading);font-size:1.0625rem;font-weight:700}.answer-mode-hint{color:var(--label-secondary);font-size:.875rem;line-height:1.35}.answer-mode-chevron{color:var(--label-secondary);flex:none}.answer-mode-body{text-align:center;position:relative}.answer-mode-body .answer-modes{margin-top:.5rem}.sheet-back{z-index:2;position:absolute;inset-block-start:.875rem;inset-inline-start:.875rem}.sheet-back .round-button{width:2.5rem;height:2.5rem;box-shadow:none}.answer-mode-body>h2:first-of-type{text-wrap:balance;padding-inline:2.25rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .answer-mode{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}}:root[data-theme=dark] .answer-mode{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.speaking-banner{background:var(--review-bg);width:100%;max-width:40rem;color:var(--review-ink);border-radius:.875rem;align-items:center;gap:.5rem;margin:0 auto 1rem;padding:.5rem .5rem .5rem 1rem;display:flex}.speaking-banner p{flex:1;margin:0;font-size:.9375rem}.speaking-banner .icon-button{color:inherit}.speaking-text{gap:1rem}.speaking-prompt{overflow-wrap:anywhere;margin:0;font-size:2rem;line-height:1.2;display:grid}.speaking-prompt>*{grid-area:1/1}.speaking-prompt-sizer{visibility:hidden;display:grid}.speaking-prompt-sizer>*{grid-area:1/1}.speaking-slide[data-phase=passed] .speaking-prompt-shown,.speaking-slide[data-phase=incorrect] .speaking-prompt-shown{animation:.2s ease-out speaking-reveal}@keyframes speaking-reveal{0%{opacity:0}}.speaking-dock{flex-direction:column;align-items:center;gap:.75rem;width:100%;min-height:11rem;display:flex}.mic-wrap{--level:0;--mic-fill:var(--fill);place-items:center;width:7.75rem;height:7.75rem;display:grid;position:relative}.mic-wrap.passed{--mic-fill:var(--correct)}.mic-wrap.incorrect{--mic-fill:var(--wrong)}.mic-button{z-index:1;background:var(--mic-fill);color:#fff;width:6rem;height:6rem;min-height:0;box-shadow:var(--shadow-cta);border-radius:50%;place-items:center;padding:0;transition:scale 80ms linear,background-color .2s ease-out,opacity .15s ease-out;display:grid;position:relative}.mic-wrap.passed .mic-button,.mic-wrap.incorrect .mic-button{color:var(--state-ink)}.mic-button:active:not(:disabled){scale:.97}.mic-button:disabled{opacity:.45}.mic-wrap.listening .mic-button{scale:calc(1 + var(--level) * .24)}.mic-halo{background:color-mix(in srgb, var(--mic-fill) 22%, transparent);opacity:0;border-radius:50%;width:6rem;height:6rem;transition:opacity .2s ease-out,scale 80ms linear;position:absolute;scale:1}.mic-wrap.listening .mic-halo{opacity:1;scale:calc(1.1 + var(--level) * .25)}.mic-ring{background:conic-gradient(from 0deg, transparent, var(--mic-fill), transparent 55%);opacity:0;border-radius:50%;width:7.25rem;height:7.25rem;transition:opacity .2s ease-in-out;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.mic-wrap.connecting .mic-ring,.mic-wrap.checking .mic-ring{opacity:1;animation:1.2s linear infinite spin}.speaking-status{min-height:1.5rem;color:var(--label-secondary);margin:0;font-size:1.0625rem;font-weight:600}.speaking-retry{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:30rem;display:flex}.speaking-notice-box{text-align:start;border:1px solid;border-radius:.875rem;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;display:flex}.speaking-notice-box p{margin:0;font-size:1rem;line-height:1.4}.speaking-notice-box>svg{flex:none;margin-top:.0625rem}.speaking-notice-box.warning{background:var(--review-bg);color:var(--review-ink);border-color:color-mix(in srgb, var(--review-badge) 35%, transparent)}.speaking-notice-box.info{background:var(--accent-tint);color:var(--label);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.speaking-notice-box.info>svg{color:var(--accent)}.speaking-retry-actions{flex-direction:column;align-items:center;gap:.5rem;display:flex}.speaking-retry-actions>button{min-width:min(100%,16rem)}@media (width>=56rem) and (orientation:landscape){.word-slide.speaking-slide{grid-template-columns:repeat(2,minmax(0,min(40rem,59dvh)));justify-content:center}.session:has(.speaking-slide) .session-header{width:100%;max-width:calc(2*min(40rem,59dvh) + 3rem);margin-inline:auto}}.speaking-paywall{padding-top:2.5rem}@media (prefers-reduced-motion:reduce){.mic-wrap.listening .mic-button{scale:1}.mic-wrap.listening .mic-halo{opacity:calc(.45 + var(--level) * .55);scale:1.14}.mic-wrap.connecting .mic-ring,.mic-wrap.checking .mic-ring{animation:none}.answer-mode,.mic-button,.mic-halo{transition:none}.answer-mode:active:not(:disabled),.mic-button:active:not(:disabled){scale:1}.speaking-slide[data-phase] .speaking-prompt-shown{animation:none}}.topic-menu{border:1px solid var(--card-border);background:var(--card);min-width:14rem;max-width:calc(100vw - 2rem);color:var(--label);opacity:0;height:fit-content;transition:opacity .11s ease-out, scale .11s ease-out, overlay .11s allow-discrete, display .11s allow-discrete;border-radius:1rem;margin:auto;padding:.375rem;inset:0;scale:.96;box-shadow:0 18px 40px -16px #0f172a59}@supports (position-area:bottom){.topic-menu{position-area:bottom span-left;position-try-fallbacks:flip-inline, flip-block;transform-origin:100% 0;margin:.5rem 0 0;inset:auto}.topic-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:0 0}}.topic-menu:popover-open{opacity:1;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,.8,.2,1);scale:1}@starting-style{.topic-menu:popover-open{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){.topic-menu{scale:1}}.topic-menu button{width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.625rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.topic-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover){.topic-menu button:hover{background:color-mix(in srgb, var(--label) 6%, transparent)}}.topic-menu button:active{background:color-mix(in srgb, var(--label) 10%, transparent)}@media (width<=40rem){.type-pills .type-pill{padding-inline:.75rem;font-size:clamp(.9375rem,4.2vw,1.0625rem)}.phrase-pill{padding-inline:.875rem;font-size:clamp(1rem,4.4vw,1.125rem)}.review-words{display:none}.hero-side-cards .review-card{min-height:6.5rem}.review-card .eyebrow{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;overflow:hidden}}
