:root{--palette-teal-50:#e6f0ed;--palette-teal-100:#c8ddd6;--palette-teal-200:#9bc1b6;--palette-teal-300:#6ea596;--palette-teal-400:#418a78;--palette-teal-500:#1f6f5e;--palette-teal-600:#195a4c;--palette-teal-700:#113d35;--palette-teal-800:#0f362f;--palette-teal-900:#0a2622;--palette-ink-50:#eef2f0;--palette-ink-100:#d4ddd9;--palette-ink-200:#a9bbb3;--palette-ink-300:#7e9a8d;--palette-ink-400:#547868;--palette-ink-500:#3d5a4d;--palette-ink-600:#2c4339;--palette-ink-700:#183229;--palette-ink-800:#112620;--palette-ink-900:#0a1812;--palette-cream-50:#f7f3e8;--palette-cream-100:#f4efe4;--palette-cream-200:#efe3cd;--palette-cream-300:#e8d6b8;--palette-gold-200:#efc274;--palette-gold-300:#dfaa47;--palette-gold-500:#bf8b2a;--palette-gold-600:#8c681d;--palette-gold-700:#7d5d1c;--palette-success-100:#d6e7d8;--palette-success-300:#6cc185;--palette-success-500:#2f6f3e;--palette-success-700:#1f4d2a;--palette-warning-100:#f4d8a9;--palette-warning-300:#f0b35a;--palette-warning-500:#bf6a14;--palette-warning-700:#7d420a;--palette-danger-100:#efc9c1;--palette-danger-300:#ec8a78;--palette-danger-500:#932814;--palette-danger-700:#5e1a0d;--palette-teal-700-rgb:17, 61, 53;--palette-ink-700-rgb:24, 50, 41;--palette-cream-50-rgb:247, 243, 232;--palette-cream-100-rgb:244, 239, 228;--palette-gold-300-rgb:223, 170, 71;--palette-gold-700-rgb:125, 93, 28;--palette-success-500-rgb:47, 111, 62;--palette-warning-500-rgb:191, 106, 20;--palette-danger-500-rgb:147, 40, 20;--opacity-faint:.04;--opacity-subtle:.08;--opacity-soft:.16;--opacity-medium:.4;--opacity-strong:.72;--opacity-glass:.82;--font-family-sans:"Avenir Next", "Segoe UI", sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Roboto Mono", monospace;--font-size-2xs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:clamp(21px, 4vw, 30px);--font-size-2xl:clamp(24px, 4vw, 38px);--font-size-3xl:clamp(28px, 6vw, 44px);--font-size-display:clamp(32px, 7vw, 52px);--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--line-height-tight:1;--line-height-snug:1.1;--line-height-base:1.5;--line-height-relaxed:1.65;--tracking-tight:-.5px;--tracking-normal:0;--tracking-eyebrow:3px;--tracking-chip:.5px;--space-0:0;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--layout-max-narrow:544px;--layout-max-content:672px;--layout-max-wide:1152px;--page-padding-x:var(--space-4);--page-padding-y:var(--space-5);--safe-area-bottom:env(safe-area-inset-bottom,0px);--touch-target-min:44px;--radius-none:0;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:26px;--radius-3xl:30px;--radius-pill:999px;--radius-full:50%;--shadow-none:0 0 0 0 transparent;--shadow-xs:0 4px 8px #2034270f;--shadow-sm:0 8px 24px #2034270f;--shadow-md:0 16px 40px #2034271a;--shadow-lg:0 20px 48px #2034271f;--shadow-cta:0 16px 32px #113d3524;--shadow-inset-highlight:inset 0 1px 0 #ffffff47;--ring-focus:0 0 0 4px #113d351f;--blur-soft:blur(8px);--blur-card:blur(16px);--blur-panel:blur(18px);--blur-glass:blur(20px) saturate(140%);--duration-quick:.15s;--duration-fast:.18s;--duration-base:.25s;--duration-emphasized:.32s;--duration-slow:.4s;--duration-blink:.64s;--duration-shimmer:1.6s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:ease-out;--ease-step:step-end;--stagger-base:80ms}@media (prefers-reduced-motion:reduce){:root{--duration-quick:0s;--duration-fast:0s;--duration-base:0s;--duration-emphasized:0s;--duration-slow:0s;--duration-shimmer:0s}}:root{--z-base:0;--z-raised:1;--z-sticky:10;--z-header:12;--z-overlay:100;--z-modal:200;--z-toast:300;--bp-sm:480px;--bp-md:720px;--bp-lg:1024px;--bp-xl:1280px;--color-bg-canvas:var(--palette-cream-100);--color-bg-canvas-top:var(--palette-cream-50);--color-bg-canvas-bottom:var(--palette-cream-200);--color-bg-halo:rgba(var(--palette-gold-300-rgb), .45);--color-bg-canvas-rgb:var(--palette-cream-100-rgb);--color-surface-1:#fffcf7d6;--color-surface-2:#fffcf7c7;--color-surface-3:#fffcf7eb;--color-surface-panel:#fffcf7d1;--color-surface-solid:var(--palette-cream-50);--color-surface-input:#ffffffe6;--color-sheen-strong:#ffffff6b;--color-sheen-soft:#ffffff14;--color-surface-hover:color-mix(in srgb, var(--palette-teal-700) calc(var(--opacity-soft) * 100%), transparent);--color-surface-active:color-mix(in srgb, var(--palette-teal-700) calc(var(--opacity-medium) * 100%), transparent);--color-border-subtle:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-subtle) * 100%), transparent);--color-border-emphasis:color-mix(in srgb, var(--palette-ink-700) 12%, transparent);--color-border-strong:color-mix(in srgb, var(--palette-teal-700) calc(var(--opacity-soft) * 100%), transparent);--color-border-focus:var(--palette-teal-700);--color-brand-primary:var(--palette-teal-700);--color-brand-primary-rgb:var(--palette-teal-700-rgb);--color-brand-primary-shade:var(--palette-teal-800);--color-brand-primary-tint:#295148;--color-brand-accent:var(--palette-gold-300);--color-brand-accent-rgb:var(--palette-gold-300-rgb);--color-brand-accent-strong:var(--palette-gold-500);--color-text-primary:var(--palette-ink-700);--color-text-primary-rgb:var(--palette-ink-700-rgb);--color-text-secondary:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-strong) * 100%), transparent);--color-text-tertiary:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-medium) * 100%), transparent);--color-text-on-brand:var(--palette-cream-50);--color-text-on-brand-rgb:var(--palette-cream-50-rgb);--color-text-on-accent:var(--palette-gold-700);--color-text-on-accent-rgb:var(--palette-gold-700-rgb);--color-eyebrow:var(--palette-gold-700);--color-status-success-bg:color-mix(in srgb, var(--palette-success-500) calc(var(--opacity-soft) * 100%), transparent);--color-status-success-fg:var(--palette-success-500);--color-status-warning-bg:color-mix(in srgb, var(--palette-warning-500) calc(var(--opacity-soft) * 100%), transparent);--color-status-warning-fg:var(--palette-warning-700);--color-status-danger-bg:color-mix(in srgb, var(--palette-danger-500) calc(var(--opacity-soft) * 100%), transparent);--color-status-danger-fg:var(--palette-danger-500);--color-status-neutral-bg:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-subtle) * 100%), transparent);--color-status-neutral-fg:var(--palette-ink-500);--color-mastery-not-started:var(--palette-ink-500);--color-mastery-learning:var(--palette-gold-700);--color-mastery-struggling:var(--palette-danger-500);--color-mastery-mastered:var(--palette-success-500);--color-skeleton-base:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-subtle) * 100%), transparent);--color-skeleton-highlight:color-mix(in srgb, var(--palette-ink-700) calc(var(--opacity-faint) * 100%), transparent);--color-glass-tint-rgb:252, 247, 239;--color-glass-mid-rgb:244, 239, 228;--color-glass-bottom-rgb:231, 218, 192;--color-glass-accent-rgb:223, 178, 86;--gradient-hero-warm:linear-gradient(135deg, #fffaf1eb, #f7efe0db), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .22), transparent 40%);--gradient-deck-warm:linear-gradient(180deg, rgba(var(--palette-cream-50-rgb), .92), #f9f3e8eb), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .1), transparent 36%);--gradient-sheet-warm:linear-gradient(180deg, rgba(var(--palette-cream-50-rgb), .96), #f8f2e8fa), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .14), transparent 40%);--gradient-canvas:radial-gradient(circle at top, var(--color-bg-halo), transparent 28%), linear-gradient(180deg, var(--color-bg-canvas-top) 0%, var(--color-bg-canvas-bottom) 100%);--gradient-skeleton:linear-gradient(90deg, var(--color-skeleton-base) 0%, color-mix(in srgb, var(--color-brand-accent) calc(var(--opacity-faint) * 100%), var(--color-skeleton-highlight)) 50%, var(--color-skeleton-base) 100%);--dark-color-bg-canvas:var(--palette-teal-900);--dark-color-bg-canvas-top:var(--palette-teal-900);--dark-color-bg-canvas-bottom:var(--palette-ink-900);--dark-color-bg-halo:rgba(var(--palette-gold-300-rgb), .18);--dark-color-bg-canvas-rgb:10, 38, 34;--dark-color-surface-1:#0f1e1bd6;--dark-color-surface-2:#0f1e1bc7;--dark-color-surface-3:#142420eb;--dark-color-surface-panel:#0f1e1bd1;--dark-color-surface-solid:var(--palette-teal-800);--dark-color-surface-hover:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-soft) * 100%), transparent);--dark-color-surface-active:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-medium) * 100%), transparent);--dark-color-border-subtle:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-subtle) * 100%), transparent);--dark-color-border-emphasis:color-mix(in srgb, var(--palette-cream-50) 12%, transparent);--dark-color-border-strong:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-soft) * 100%), transparent);--dark-color-border-focus:var(--palette-teal-300);--dark-color-brand-primary:var(--palette-teal-300);--dark-color-brand-primary-rgb:110, 165, 150;--dark-color-brand-primary-shade:var(--palette-teal-400);--dark-color-brand-primary-tint:var(--palette-teal-200);--dark-color-text-primary:var(--palette-cream-50);--dark-color-text-primary-rgb:var(--palette-cream-50-rgb);--dark-color-text-secondary:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-strong) * 100%), transparent);--dark-color-text-tertiary:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-medium) * 100%), transparent);--dark-color-text-on-brand:var(--palette-teal-900);--dark-color-text-on-brand-rgb:10, 38, 34;--dark-color-text-on-accent:var(--palette-teal-900);--dark-color-text-on-accent-rgb:10, 38, 34;--dark-color-eyebrow:var(--palette-gold-300);--dark-color-status-success-bg:color-mix(in srgb, var(--palette-success-500) 24%, transparent);--dark-color-status-success-fg:var(--palette-success-300);--dark-color-status-warning-bg:color-mix(in srgb, var(--palette-warning-500) 24%, transparent);--dark-color-status-warning-fg:var(--palette-warning-300);--dark-color-status-danger-bg:color-mix(in srgb, var(--palette-danger-500) 24%, transparent);--dark-color-status-danger-fg:var(--palette-danger-300);--dark-color-status-neutral-bg:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-subtle) * 100%), transparent);--dark-color-status-neutral-fg:var(--palette-ink-200);--dark-color-mastery-not-started:var(--palette-ink-300);--dark-color-mastery-learning:var(--palette-gold-300);--dark-color-mastery-struggling:var(--palette-danger-300);--dark-color-mastery-mastered:var(--palette-success-300);--dark-color-skeleton-base:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-subtle) * 100%), transparent);--dark-color-skeleton-highlight:color-mix(in srgb, var(--palette-cream-50) calc(var(--opacity-faint) * 100%), transparent);--dark-color-glass-tint-rgb:18, 38, 34;--dark-color-glass-mid-rgb:14, 30, 27;--dark-color-glass-bottom-rgb:10, 24, 22;--dark-color-glass-accent-rgb:223, 170, 71;--dark-color-surface-input:#142a26f0;--dark-color-sheen-strong:#ffffff1a;--dark-color-sheen-soft:#ffffff0a;--dark-gradient-hero-warm:linear-gradient(135deg, #142a26eb, #0e1e1bdb), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .18), transparent 40%);--dark-gradient-deck-warm:linear-gradient(180deg, #142a26eb, #0e1e1beb), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .08), transparent 36%);--dark-gradient-sheet-warm:linear-gradient(180deg, #142a26f5, #0e1e1bfa), radial-gradient(circle at top right, rgba(var(--palette-gold-300-rgb), .12), transparent 40%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-canvas:var(--dark-color-bg-canvas);--color-bg-canvas-top:var(--dark-color-bg-canvas-top);--color-bg-canvas-bottom:var(--dark-color-bg-canvas-bottom);--color-bg-halo:var(--dark-color-bg-halo);--color-bg-canvas-rgb:var(--dark-color-bg-canvas-rgb);--color-surface-1:var(--dark-color-surface-1);--color-surface-2:var(--dark-color-surface-2);--color-surface-3:var(--dark-color-surface-3);--color-surface-panel:var(--dark-color-surface-panel);--color-surface-solid:var(--dark-color-surface-solid);--color-surface-hover:var(--dark-color-surface-hover);--color-surface-active:var(--dark-color-surface-active);--color-border-subtle:var(--dark-color-border-subtle);--color-border-emphasis:var(--dark-color-border-emphasis);--color-border-strong:var(--dark-color-border-strong);--gradient-hero-warm:var(--dark-gradient-hero-warm);--gradient-deck-warm:var(--dark-gradient-deck-warm);--gradient-sheet-warm:var(--dark-gradient-sheet-warm);--color-border-focus:var(--dark-color-border-focus);--color-brand-primary:var(--dark-color-brand-primary);--color-brand-primary-rgb:var(--dark-color-brand-primary-rgb);--color-brand-primary-shade:var(--dark-color-brand-primary-shade);--color-brand-primary-tint:var(--dark-color-brand-primary-tint);--color-text-primary:var(--dark-color-text-primary);--color-text-primary-rgb:var(--dark-color-text-primary-rgb);--color-text-secondary:var(--dark-color-text-secondary);--color-text-tertiary:var(--dark-color-text-tertiary);--color-text-on-brand:var(--dark-color-text-on-brand);--color-text-on-brand-rgb:var(--dark-color-text-on-brand-rgb);--color-text-on-accent:var(--dark-color-text-on-accent);--color-text-on-accent-rgb:var(--dark-color-text-on-accent-rgb);--color-eyebrow:var(--dark-color-eyebrow);--color-status-success-bg:var(--dark-color-status-success-bg);--color-status-success-fg:var(--dark-color-status-success-fg);--color-status-warning-bg:var(--dark-color-status-warning-bg);--color-status-warning-fg:var(--dark-color-status-warning-fg);--color-status-danger-bg:var(--dark-color-status-danger-bg);--color-status-danger-fg:var(--dark-color-status-danger-fg);--color-status-neutral-bg:var(--dark-color-status-neutral-bg);--color-status-neutral-fg:var(--dark-color-status-neutral-fg);--color-mastery-not-started:var(--dark-color-mastery-not-started);--color-mastery-learning:var(--dark-color-mastery-learning);--color-mastery-struggling:var(--dark-color-mastery-struggling);--color-mastery-mastered:var(--dark-color-mastery-mastered);--color-skeleton-base:var(--dark-color-skeleton-base);--color-skeleton-highlight:var(--dark-color-skeleton-highlight);--color-glass-tint-rgb:var(--dark-color-glass-tint-rgb);--color-glass-mid-rgb:var(--dark-color-glass-mid-rgb);--color-glass-bottom-rgb:var(--dark-color-glass-bottom-rgb);--color-glass-accent-rgb:var(--dark-color-glass-accent-rgb)}}[data-theme=dark]{--color-bg-canvas:var(--dark-color-bg-canvas);--color-bg-canvas-top:var(--dark-color-bg-canvas-top);--color-bg-canvas-bottom:var(--dark-color-bg-canvas-bottom);--color-bg-halo:var(--dark-color-bg-halo);--color-bg-canvas-rgb:var(--dark-color-bg-canvas-rgb);--color-surface-1:var(--dark-color-surface-1);--color-surface-2:var(--dark-color-surface-2);--color-surface-3:var(--dark-color-surface-3);--color-surface-panel:var(--dark-color-surface-panel);--color-surface-solid:var(--dark-color-surface-solid);--color-surface-hover:var(--dark-color-surface-hover);--color-surface-active:var(--dark-color-surface-active);--color-border-subtle:var(--dark-color-border-subtle);--color-border-emphasis:var(--dark-color-border-emphasis);--color-border-strong:var(--dark-color-border-strong);--color-border-focus:var(--dark-color-border-focus);--gradient-hero-warm:var(--dark-gradient-hero-warm);--gradient-deck-warm:var(--dark-gradient-deck-warm);--gradient-sheet-warm:var(--dark-gradient-sheet-warm);--color-brand-primary:var(--dark-color-brand-primary);--color-brand-primary-rgb:var(--dark-color-brand-primary-rgb);--color-brand-primary-shade:var(--dark-color-brand-primary-shade);--color-brand-primary-tint:var(--dark-color-brand-primary-tint);--color-text-primary:var(--dark-color-text-primary);--color-text-primary-rgb:var(--dark-color-text-primary-rgb);--color-text-secondary:var(--dark-color-text-secondary);--color-text-tertiary:var(--dark-color-text-tertiary);--color-text-on-brand:var(--dark-color-text-on-brand);--color-text-on-brand-rgb:var(--dark-color-text-on-brand-rgb);--color-text-on-accent:var(--dark-color-text-on-accent);--color-text-on-accent-rgb:var(--dark-color-text-on-accent-rgb);--color-eyebrow:var(--dark-color-eyebrow);--color-status-success-bg:var(--dark-color-status-success-bg);--color-status-success-fg:var(--dark-color-status-success-fg);--color-status-warning-bg:var(--dark-color-status-warning-bg);--color-status-warning-fg:var(--dark-color-status-warning-fg);--color-status-danger-bg:var(--dark-color-status-danger-bg);--color-status-danger-fg:var(--dark-color-status-danger-fg);--color-status-neutral-bg:var(--dark-color-status-neutral-bg);--color-status-neutral-fg:var(--dark-color-status-neutral-fg);--color-mastery-not-started:var(--dark-color-mastery-not-started);--color-mastery-learning:var(--dark-color-mastery-learning);--color-mastery-struggling:var(--dark-color-mastery-struggling);--color-mastery-mastered:var(--dark-color-mastery-mastered);--color-skeleton-base:var(--dark-color-skeleton-base);--color-skeleton-highlight:var(--dark-color-skeleton-highlight);--color-glass-tint-rgb:var(--dark-color-glass-tint-rgb);--color-glass-mid-rgb:var(--dark-color-glass-mid-rgb);--color-glass-bottom-rgb:var(--dark-color-glass-bottom-rgb);--color-glass-accent-rgb:var(--dark-color-glass-accent-rgb)}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html,body,#root,ion-app{background:var(--gradient-canvas);min-height:100%}body{color:var(--color-text-primary);font-family:var(--font-family-sans);margin:0}button,[role=button],[role=tab],[role=link],[role=menuitem],a,label,summary,input[type=submit],input[type=button],input[type=checkbox],input[type=radio],ion-item,ion-segment-button{-webkit-tap-highlight-color:transparent}button,input[type=submit],input[type=button],input[type=reset]{color:inherit;-webkit-text-fill-color:currentColor}ion-item::part(native),ion-segment-button::part(native){-webkit-tap-highlight-color:transparent}.ds-touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.ds-fade-up{animation:ds-fade-up var(--duration-emphasized) var(--ease-out) both}:root{--ion-color-primary:var(--color-brand-primary);--ion-color-primary-rgb:var(--color-brand-primary-rgb);--ion-color-primary-contrast:var(--color-text-on-brand);--ion-color-primary-contrast-rgb:var(--color-text-on-brand-rgb);--ion-color-primary-shade:var(--color-brand-primary-shade);--ion-color-primary-tint:var(--color-brand-primary-tint);--ion-color-secondary:var(--color-brand-primary);--ion-color-secondary-rgb:var(--color-brand-primary-rgb);--ion-color-secondary-contrast:var(--color-text-on-brand);--ion-color-secondary-contrast-rgb:var(--color-text-on-brand-rgb);--ion-color-secondary-shade:var(--color-brand-primary-shade);--ion-color-secondary-tint:var(--color-brand-primary-tint);--ion-color-tertiary:var(--color-brand-accent);--ion-color-tertiary-rgb:var(--color-brand-accent-rgb);--ion-color-tertiary-contrast:var(--color-text-on-accent);--ion-color-tertiary-contrast-rgb:var(--color-text-on-accent-rgb);--ion-color-tertiary-shade:var(--color-brand-accent-strong);--ion-color-tertiary-tint:var(--palette-gold-200);--ion-color-success:var(--palette-success-500);--ion-color-success-rgb:var(--palette-success-500-rgb);--ion-color-success-contrast:var(--color-text-on-brand);--ion-color-success-contrast-rgb:var(--color-text-on-brand-rgb);--ion-color-success-shade:var(--palette-success-700);--ion-color-success-tint:var(--palette-success-100);--ion-color-warning:var(--palette-warning-500);--ion-color-warning-rgb:var(--palette-warning-500-rgb);--ion-color-warning-contrast:var(--color-text-on-brand);--ion-color-warning-contrast-rgb:var(--color-text-on-brand-rgb);--ion-color-warning-shade:var(--palette-warning-700);--ion-color-warning-tint:var(--palette-warning-100);--ion-color-danger:var(--palette-danger-500);--ion-color-danger-rgb:var(--palette-danger-500-rgb);--ion-color-danger-contrast:var(--color-text-on-brand);--ion-color-danger-contrast-rgb:var(--color-text-on-brand-rgb);--ion-color-danger-shade:var(--palette-danger-700);--ion-color-danger-tint:var(--palette-danger-100);--ion-background-color:var(--color-bg-canvas);--ion-background-color-rgb:var(--color-bg-canvas-rgb);--ion-text-color:var(--color-text-primary);--ion-text-color-rgb:var(--color-text-primary-rgb);--ion-font-family:var(--font-family-sans);--ion-toolbar-background:color-mix(in srgb, var(--color-bg-canvas) 90%, transparent);--ion-toolbar-color:var(--color-text-primary)}.ds-glass-header{z-index:var(--z-header);box-shadow:none;--ds-glass-fade-mask:linear-gradient(to bottom, #000 0%, #000000e6 38%, #0000 92%);--ds-glass-border:var(--color-border-subtle);position:relative}.ds-glass-header:after{content:none;background-image:none}.ds-glass-header .header-background{-webkit-backdrop-filter:none;backdrop-filter:none}.ds-glass-header__surface{isolation:isolate;background:0 0;position:relative;overflow:visible}.ds-glass-header__acrylic{pointer-events:none;z-index:var(--z-raised);position:absolute;inset:0 0 -22px}.ds-glass-header__blur-stack,.ds-glass-header__blur-layer{pointer-events:none;position:absolute;inset:0}.ds-glass-header__blur-stack{-webkit-mask-image:var(--ds-glass-fade-mask);mask-image:var(--ds-glass-fade-mask);-webkit-mask-image:var(--ds-glass-fade-mask);overflow:visible}.ds-glass-header__blur-layer{will-change:opacity;background-position:top;background-repeat:no-repeat;background-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ds-glass-header__content{z-index:2;position:relative}.ds-glass-header__toolbar{--background:transparent;--border-color:transparent;--color:var(--color-text-primary);--min-height:64px;--padding-bottom:2px;--padding-start:var(--space-4);--padding-end:var(--space-4);background:0 0}.ds-glass-header__extension-toolbar{--background:transparent;--border-color:transparent;--min-height:35px;--padding-top:0;--padding-bottom:8px;--padding-start:0;--padding-end:0;background:0 0}.ds-glass-header__button-shell{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-1) calc(var(--opacity-medium) * 100%), transparent);transition:transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.ds-glass-header__button-shell:active{transform:scale(.94)}.ds-glass-header__button-shell--pill{width:auto;padding-inline:var(--space-3);border-radius:var(--radius-xl)}.ds-glass-header__close-button{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);border:1px solid var(--ds-glass-border);background:var(--color-surface-3);box-shadow:var(--shadow-inset-highlight), var(--shadow-sm);-webkit-backdrop-filter:var(--blur-glass);color:var(--color-text-primary);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.ds-glass-header ion-title{color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.ds-glass-header ion-back-button{--color:var(--color-text-primary);--icon-font-size:20px;--padding-start:0;--padding-end:0;--background-hover:transparent;--background-focused:transparent;--ripple-color:var(--color-surface-hover);min-width:24px}.ds-glass-header__close-button:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.ds-glass-header__button-shell:active,.ds-glass-header__close-button:active{transform:none}}.ds-skeleton{background:var(--gradient-skeleton);border-radius:var(--radius-xs);animation:ds-shimmer var(--duration-shimmer) var(--ease-standard) infinite;background-size:200% 100%;display:block}.ds-skeleton-line{width:100%;height:12px}.ds-skeleton-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface-2);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);flex-direction:column;min-height:120px;display:flex}.ds-skeleton-card[data-variant=metric]{gap:var(--space-3)}.ds-skeleton-card[data-variant=metric] .ds-skeleton-line:first-child{width:50%;height:10px}.ds-skeleton-card[data-variant=metric] .ds-skeleton-line:nth-child(2){border-radius:var(--radius-sm);width:70%;height:24px}.ds-skeleton-card[data-variant=metric] .ds-skeleton-line:last-child{width:90%}.ds-skeleton-card[data-variant=insight] .ds-skeleton-line:first-child{width:40%}.ds-skeleton-card[data-variant=chart]{min-height:192px}.ds-skeleton-card[data-variant=chart] .ds-skeleton-line:last-child{border-radius:var(--radius-md);flex:1;height:auto}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none}}.ds-metric-card{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-2);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;min-height:120px;display:flex}.ds-metric-card[data-tone=muted]{background:var(--color-status-neutral-bg);box-shadow:none}.ds-metric-card[data-density=compact]{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);box-shadow:none;min-height:72px}.ds-metric-card__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);line-height:var(--line-height-snug);margin:0}.ds-metric-card[data-density=compact] .ds-metric-card__eyebrow{font-size:var(--font-size-2xs);letter-spacing:var(--tracking-chip)}.ds-metric-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}.ds-metric-card[data-density=compact] .ds-metric-card__value{font-size:var(--font-size-lg)}.ds-metric-card__copy{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.ds-metric-card[data-density=compact] .ds-metric-card__copy{font-size:var(--font-size-xs)}.ds-bottom-sheet{gap:var(--space-4);padding:var(--space-5);padding-bottom:calc(var(--space-5) + var(--safe-area-bottom));color:var(--color-text-primary);flex-direction:column;display:flex}.ds-bottom-sheet__header{gap:var(--space-2);flex-direction:column;display:flex}.ds-bottom-sheet__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);margin:0}.ds-bottom-sheet__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-height-snug);margin:0}.ds-bottom-sheet__subtitle{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.ds-bottom-sheet__section{gap:var(--space-3);flex-direction:column;display:flex}.ds-bottom-sheet__section-title{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);margin:0;display:flex}.ds-bottom-sheet__section-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-chip)}.ds-bottom-sheet__footer{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.ds-level-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand-accent) calc(var(--opacity-soft) * 100%), transparent);color:var(--color-text-on-accent);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.ds-level-badge[data-size=md]{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.ds-level-badge[data-size=lg]{padding:var(--space-2) var(--space-3-5);font-size:var(--font-size-base);letter-spacing:var(--tracking-tight);border-radius:var(--radius-md)}.ds-status-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);white-space:nowrap;align-items:center;display:inline-flex}.ds-status-chip--mastered{background:var(--color-status-success-bg);color:var(--color-status-success-fg)}.ds-status-chip--struggling{background:var(--color-status-danger-bg);color:var(--color-status-danger-fg)}.ds-status-chip--learning{background:color-mix(in srgb, var(--color-mastery-learning) calc(var(--opacity-soft) * 100%), transparent);color:var(--color-mastery-learning)}.ds-status-chip--not-started{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg)}.ds-button{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:0;display:inline-flex}.ds-button:focus-visible{box-shadow:var(--ring-focus);outline:none}.ds-button[disabled]{cursor:not-allowed;opacity:.5}.ds-button:not([disabled]):active{transition-duration:var(--duration-fast);transition-timing-function:var(--ease-emphasized);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.ds-button:not([disabled]):active{transform:none}}.ds-button--primary{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-on-brand);font-size:var(--font-size-base);box-shadow:var(--shadow-cta)}.ds-button--primary:not([disabled]):hover{background:var(--color-brand-primary-shade)}.ds-button--primary[data-full-width=true]{width:100%}.ds-button--ghost{padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-hover);color:var(--color-brand-primary);font-size:var(--font-size-sm)}.ds-button--ghost:not([disabled]):hover{background:var(--color-surface-active)}.ds-button--ghost[data-size=sm]{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs)}.ds-button--icon{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs), var(--shadow-inset-highlight);position:relative}.ds-button--icon:not([disabled]):hover{background:var(--color-surface-hover);box-shadow:var(--shadow-sm), var(--shadow-inset-highlight);transform:translateY(-1px)}.ds-button--icon:not([disabled]):active{box-shadow:var(--shadow-xs);transform:scale(.97)}.ds-button--icon[data-active=true]{background:var(--color-brand-primary);color:var(--color-text-on-brand);border-color:var(--color-brand-primary);box-shadow:var(--shadow-cta), var(--shadow-inset-highlight)}@media (prefers-reduced-motion:reduce){.ds-button--icon:not([disabled]):hover{transform:none}}.ds-button--icon__badge{top:var(--space-1);right:var(--space-1);min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-brand-accent);color:var(--color-text-on-accent);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex;position:absolute}.ds-empty-state{gap:var(--space-3);padding:var(--space-6) var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-bg-halo) 30%, var(--color-surface-1));box-shadow:var(--shadow-inset-highlight);color:var(--color-text-secondary);flex-direction:column;min-height:256px;display:flex}.ds-empty-state[data-align=center]{text-align:center;justify-content:center;align-items:center}.ds-empty-state__icon{border-radius:var(--radius-full);background:var(--color-status-neutral-bg);width:40px;height:40px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:inline-flex}.ds-empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin:0}.ds-empty-state__copy{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.ds-empty-state__action{margin-top:var(--space-2)}@media (min-width:720px){.ds-empty-state{min-height:320px}}.ds-expression-browse-row{gap:var(--space-2);padding:var(--space-3) var(--space-3-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-2);display:grid}.ds-expression-browse-row:focus-visible{outline:var(--focus-ring-width,2px) solid var(--color-focus-ring,var(--color-brand-primary));outline-offset:var(--space-1)}.ds-expression-browse-row:active{border-color:var(--color-border-emphasis)}.ds-expression-browse-row__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ds-expression-browse-row__phrase{font-size:var(--font-size-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin:0}.ds-expression-browse-row__meaning{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.ds-expression-browse-row__speaker{min-width:var(--space-7);min-height:var(--space-7)}.ds-expression-browse-row__speaker-icon{width:var(--space-4);height:var(--space-4)}.ds-expression-browse-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;height:100%;min-height:0;padding:var(--space-5) var(--space-3) var(--safe-area-bottom);box-sizing:border-box;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-5), black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-5), black calc(100% - var(--space-4)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-5), black calc(100% - var(--space-4)), transparent 100%);overflow:auto}.ds-expression-browse-list__meta{max-width:var(--layout-max-content);padding:0 0 var(--space-2);justify-content:flex-end;margin:0 auto;display:flex}.ds-expression-browse-list__counter{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.ds-expression-browse-list__canvas{width:100%;max-width:var(--layout-max-content);margin:0 auto;position:relative}.ds-expression-browse-list__item{padding-bottom:var(--space-1-5);box-sizing:border-box;position:absolute;left:0;right:0}.ds-expression-error{gap:var(--space-3);padding:var(--space-3) 0;justify-items:center;display:grid}.ds-expression-error__copy{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);text-align:center;margin:0}.ds-expression-loading{gap:var(--space-3);padding:var(--space-3) 0;display:grid}.idiom-sheet__badges{gap:var(--space-2);padding:0 0 var(--space-3);flex-wrap:wrap;display:flex}.idiom-sheet__row{column-gap:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);grid-template-columns:auto 1fr;align-items:baseline;margin:0;display:grid}.idiom-sheet__row+.idiom-sheet__row{margin-top:var(--space-2)}.idiom-sheet__row-lang{min-width:var(--space-6);padding:var(--space-0) var(--space-2);border-radius:var(--radius-pill);background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);text-align:center;justify-content:center;align-items:center;display:inline-flex}.idiom-sheet__row-text{color:var(--color-text-primary)}.idiom-sheet__example-pl{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-style:italic}ion-content.no-padding::part(scroll){padding-top:0!important}.ds-expression-browse-list{padding-top:var(--offset-top)!important}.expressions-browse-fallback{height:100%;padding:var(--offset-top) var(--space-4) var(--space-5);box-sizing:border-box;place-items:center;display:grid}.ds-expression-card{--ds-expression-border-thin:1px;--ds-expression-phrase-scale:6vw;--ds-expression-meaning-scale:5vw;width:100%;max-width:var(--layout-max-content);height:var(--ds-expression-card-height);display:block;position:relative}.ds-expression-card__flip{border:var(--ds-expression-border-thin) solid var(--color-border-emphasis);border-radius:var(--radius-2xl);background:var(--color-surface-solid);width:100%;height:100%;box-shadow:var(--shadow-lg);cursor:pointer;font:inherit;color:inherit;text-align:left;padding:0;position:absolute;inset:0}.ds-expression-card[data-active=true] .ds-expression-card__flip{transform-style:preserve-3d;transition:transform var(--duration-emphasized) var(--ease-out);will-change:transform}.ds-expression-card:not([data-active=true]) .ds-expression-card__face--back{display:none}.ds-expression-card[data-active=true]:not([data-flipped=true]) .ds-expression-card__face--back,.ds-expression-card[data-active=true][data-flipped=true] .ds-expression-card__face--front{content-visibility:hidden}.ds-expression-card__flip:focus-visible{border-radius:var(--radius-2xl);box-shadow:var(--ring-focus);outline:none}.ds-expression-card:has(.ds-expression-card__flip:focus-visible){border-radius:var(--radius-2xl);box-shadow:var(--ring-focus)}.ds-expression-card:has(.ds-expression-card__flip:focus-visible) .ds-expression-card__flip:focus-visible{box-shadow:none}.ds-expression-card[data-flipped=true] .ds-expression-card__flip{transform:rotateY(180deg)}.ds-expression-card__face{row-gap:var(--space-3);padding:var(--space-6) var(--space-5);box-sizing:border-box;border-radius:inherit;background:var(--color-surface-solid);backface-visibility:hidden;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.ds-expression-card__face--front{grid-template-rows:auto 1fr}.ds-expression-card__face--back{row-gap:var(--space-4);grid-template-rows:auto 1fr auto auto;transform:rotateY(180deg)}.ds-expression-card__corner{justify-content:flex-end;display:flex}.ds-expression-card__lang{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);justify-self:flex-end;align-items:center;display:inline-flex}.ds-expression-card__phrase{font-size:clamp(var(--font-size-xl), var(--ds-expression-phrase-scale), var(--font-size-3xl));line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);text-align:center;align-self:center;margin:0}.ds-expression-card__translation{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);text-align:center;margin:0}.ds-expression-card__example{row-gap:var(--space-1);padding-block:var(--space-3);border-top:var(--ds-expression-border-thin) solid var(--color-border-subtle);border-bottom:var(--ds-expression-border-thin) solid var(--color-border-subtle);display:grid}.ds-expression-card__example-pl{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);text-align:center;margin:0;font-style:italic}.ds-expression-card__example-translation{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);text-align:center;margin:0}.ds-expression-card__meaning{font-size:clamp(var(--font-size-xl), var(--ds-expression-meaning-scale), var(--font-size-2xl));line-height:var(--line-height-snug);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);text-align:center;align-self:center;margin:0}.ds-expression-card__speaker-slot{bottom:var(--space-6);z-index:1;position:absolute;left:50%;transform:translate(-50%)}.ds-expression-card[data-flipped=true] .ds-expression-card__speaker-slot{visibility:hidden;pointer-events:none}.ds-expression-card__sr-live{width:var(--ds-expression-border-thin);height:var(--ds-expression-border-thin);margin:calc(-1 * var(--ds-expression-border-thin));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.ds-expression-card[data-reduced-motion=true] .ds-expression-card__flip{transform-style:flat;will-change:auto;transition:none}.ds-expression-card[data-reduced-motion=true][data-flipped=true] .ds-expression-card__flip{transform:none}.ds-expression-card[data-reduced-motion=true] .ds-expression-card__face{backface-visibility:visible;transform:none}.ds-expression-card[data-reduced-motion=true] .ds-expression-card__face--front{display:grid}.ds-expression-card[data-reduced-motion=true] .ds-expression-card__face--back,.ds-expression-card[data-reduced-motion=true][data-flipped=true] .ds-expression-card__face--front{display:none}.ds-expression-card[data-reduced-motion=true][data-flipped=true] .ds-expression-card__face--back{display:grid}.ds-expression-card[data-reduced-motion=true] .ds-expression-card__speaker-slot{transition:none}.ds-expression-stack{--ds-expression-card-height:min(448px, calc(100dvh - 192px));--ds-expression-card-max:448px;--ds-expression-perspective:1200px;--ds-expression-overlay-border:2px;width:100%;max-width:var(--layout-max-content);height:var(--ds-expression-card-height);perspective:var(--ds-expression-perspective);isolation:isolate;overscroll-behavior:contain;touch-action:pan-y;margin:0 auto;position:relative}.ds-expression-stack__slot{transform-origin:top;position:absolute;inset:0}.ds-expression-stack__active-layer{touch-action:none;position:absolute;inset:0}.ds-expression-stack__active-layer[data-flipped=true]{will-change:transform}.ds-expression-stack__overlay{top:var(--space-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);text-transform:uppercase;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.ds-expression-stack__active-layer[data-flipped=true] .ds-expression-stack__overlay{will-change:opacity}.ds-expression-stack__overlay--known{background:var(--color-status-success-bg);color:var(--color-status-success-fg);border:var(--ds-expression-overlay-border) solid var(--color-status-success-fg)}.ds-expression-stack__overlay--skip{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg);border:var(--ds-expression-overlay-border) solid var(--color-status-warning-fg)}.ds-expression-speaker{justify-self:center}.ds-expression-speaker__icon{width:var(--space-5);height:var(--space-5)}.expressions-learn-shell{min-height:100%;padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-4);box-sizing:border-box;display:grid}.expressions-learn-progress{box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--space-7);display:block}.expressions-learn-progress__bar{border-radius:var(--radius-pill);width:100%;height:clamp(13px,1.5vw,15px);display:block;overflow:hidden;transform:translateZ(0)}.expressions-learn-progress__bar::part(track){border-radius:inherit;background:linear-gradient(180deg, var(--color-sheen-strong) 0%, var(--color-sheen-soft) 100%), color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-soft) * 100%), transparent);height:clamp(13px,1.5vw,15px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent), inset 0 1px 0 #ffffff3d}.expressions-learn-progress__bar::part(progress){border-radius:inherit;background:linear-gradient(90deg, var(--palette-teal-800) 0%, var(--palette-gold-600) 56%, var(--color-brand-accent) 100%);box-shadow:0 0 0 1px #ffffff29 inset, 0 4px 12px rgba(var(--palette-gold-300-rgb), .24)}.home-shell{min-height:100%;padding:var(--space-5) var(--space-4) var(--space-7);box-sizing:border-box}.home-stack{gap:var(--space-4);max-width:var(--layout-max-content);margin:0 auto;display:grid}.home-hero{gap:var(--space-4);padding:var(--space-7);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:var(--gradient-hero-warm);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-panel);box-sizing:border-box;display:grid}.home-hero__copy-block{gap:var(--space-2);display:grid}.home-hero__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow);margin:0}.home-hero__title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0}.home-hero__subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.home-hero__meta{align-items:center;gap:var(--space-3);display:flex}.home-streak{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-chip);background:color-mix(in srgb, var(--color-brand-accent) calc(var(--opacity-soft) * 100%), transparent);color:var(--color-text-on-accent);display:inline-flex}.home-streak__icon{width:14px;height:14px}.home-streak--none{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg)}.home-cta{appearance:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;background:var(--color-brand-primary);color:var(--color-text-on-brand);transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:0}.home-cta:not(:disabled):active{transform:scale(.97)}.home-cta:disabled{opacity:.55;cursor:wait}@media (prefers-reduced-motion:reduce){.home-cta:not(:disabled):active{transform:none}}.home-expressions{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface-panel);box-shadow:var(--shadow-sm);box-sizing:border-box;display:grid}.home-expressions__copy{gap:var(--space-2);display:grid}.home-expressions__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow);margin:0}.home-expressions__title{font-size:var(--font-size-xl);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0}.home-expressions__actions{gap:var(--space-2);display:grid}.home-expressions__secondary-link{appearance:none;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;margin:0;padding:0}.home-metrics{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-metrics .analytics-card{gap:var(--space-1-5);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent);display:grid}.home-metrics .analytics-card__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.home-metrics .analytics-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-brand-primary);margin:0}.home-metrics .analytics-card__copy{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.home-metrics--enter{animation:ds-fade-up var(--duration-emphasized) var(--ease-out) both}.home-activity{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-2xl);background:var(--color-surface-panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--blur-panel);box-sizing:border-box;display:grid}.home-activity__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow);margin:0}.home-activity__nudge{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.home-header-action{appearance:none;padding:var(--space-1-5);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-standard);border:0;justify-content:center;align-items:center;display:inline-flex}.home-header-action:active{background:var(--color-surface-active)}.home-header-action+.home-header-action{margin-left:var(--space-1-5)}.home-header-action svg{width:18px;height:18px}@property --circular-progress{syntax:"<percentage>";inherits:false;initial-value:0%}.ds-circular-progress{aspect-ratio:1;border-radius:var(--radius-full);background:conic-gradient(var(--color-brand-accent) var(--circular-progress,0%), color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-soft) * 100%), transparent) 0);box-shadow:var(--shadow-xs);place-items:center;display:inline-grid;position:relative}.ds-circular-progress--animate{transition:--circular-progress var(--duration-slow) var(--ease-out)}.ds-circular-progress[data-size=xs]{width:30px}.ds-circular-progress[data-size=sm]{width:40px}.ds-circular-progress[data-size=md]{width:56px}.ds-circular-progress[data-size=lg]{width:80px}.ds-circular-progress__core{border-radius:var(--radius-full);background:var(--color-bg-canvas);width:78%;height:78%;box-shadow:inset 0 0 0 1px var(--color-border-subtle);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-xs);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.ds-circular-progress--animate{transition:none}}.ds-metrics-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,144px),1fr));width:100%;display:grid}.ds-metrics-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-metrics-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-metrics-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-metrics-grid[data-density=compact]{gap:var(--space-2)}.ds-metrics-grid[data-density=comfortable]{gap:var(--space-4)}.ds-segment-bar{gap:var(--space-1);display:inline-flex}.ds-segment-bar__cell{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-primary) calc(var(--opacity-subtle) * 100%), transparent);width:7px;height:7px;transition:background var(--duration-base) var(--ease-standard)}.ds-segment-bar__cell--filled{background:var(--color-brand-accent)}.ds-segment-bar[data-tone=neutral] .ds-segment-bar__cell--filled{background:var(--color-text-primary)}.session-header__progress-shell{box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--space-7);display:block}.session-header__progress{border-radius:var(--radius-pill);width:100%;height:clamp(13px,1.5vw,15px);display:block;overflow:hidden;transform:translateZ(0)}.session-header__progress::part(track){border-radius:inherit;background:linear-gradient(180deg, var(--color-sheen-strong) 0%, var(--color-sheen-soft) 100%), color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-soft) * 100%), transparent);height:clamp(13px,1.5vw,15px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent), inset 0 1px 0 #ffffff3d}.session-header__progress::part(progress){border-radius:inherit;background:linear-gradient(90deg, var(--palette-teal-800) 0%, var(--palette-gold-600) 56%, var(--color-brand-accent) 100%);box-shadow:0 0 0 1px #ffffff29 inset, 0 4px 12px rgba(var(--palette-gold-300-rgb), .24)}.ds-settings-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-1);box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;display:flex}.ds-settings-card__header{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.ds-setting-control{gap:var(--space-2);flex-direction:column;display:flex}.ds-setting-control[data-layout=row]{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row}.ds-setting-control__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--tracking-normal)}.ds-setting-control__stack{gap:var(--space-1);flex-direction:column;display:flex}.ds-setting-control__control{min-height:var(--touch-target-min);align-items:center;display:flex}.ds-setting-control__hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);letter-spacing:var(--tracking-normal);margin:0}.ds-toggle{--background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-soft) * 100%), transparent);--background-checked:var(--color-brand-primary);--handle-background:var(--color-text-on-brand);--handle-background-checked:var(--color-text-on-brand)}.ds-segmented-control{--background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);border-radius:var(--radius-md)}.ds-segmented-control ion-segment-button{--color:var(--color-text-secondary);--color-checked:var(--color-text-on-brand);--background-checked:none;--indicator-height:100%;--indicator-color:var(--color-brand-primary);--indicator-box-shadow:none;--indicator-transition:transform var(--duration-base) var(--ease-standard);--border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:var(--touch-target-min);text-transform:none;letter-spacing:0;min-width:auto}.ds-segmented-control[data-size=sm] ion-segment-button{font-size:var(--font-size-xs);min-height:35px}.settings-shell{min-height:100%;padding:var(--space-5) var(--space-5) var(--space-8);box-sizing:border-box;place-items:start center;display:grid}.settings-stack{gap:var(--space-4);width:min(100%, var(--layout-max-narrow));display:grid}.settings-notice{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-tertiary);text-align:center}.shell{min-height:100%;padding:var(--space-7) var(--space-6) var(--space-8);box-sizing:border-box;place-items:center;display:grid}.shell__panel{width:min(100%, var(--layout-max-narrow));padding:var(--space-7);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:var(--color-surface-2);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-panel)}.shell__eyebrow{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow)}.shell__title{font-size:var(--font-size-display);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0}.shell__copy{margin:var(--space-4) 0 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.session-typing{font-size:clamp(26px,5vw,38px);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-brand-primary);line-height:var(--line-height-snug);min-height:clamp(36px,7vw,54px);margin:0}.session-typing__cursor{vertical-align:text-bottom;background:var(--color-eyebrow);width:2px;height:clamp(26px,5vw,38px);animation:ds-blink var(--duration-blink) var(--ease-step) infinite;border-radius:1px;margin-left:3px;display:inline-block}.shell__actions{margin-top:var(--space-6)}.session-shell{min-height:100%;padding:var(--space-7) var(--space-5) var(--space-8);box-sizing:border-box;place-items:center;display:grid}.session-shell__panel,.session-summary__panel{width:min(100%, var(--layout-max-content));padding:var(--space-6);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-2xl);background:var(--color-surface-panel);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-panel);box-sizing:border-box}.session-shell__error{margin:var(--space-4) 0 0;padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);background:var(--color-status-danger-bg);color:var(--color-status-danger-fg);line-height:var(--line-height-base)}.session-entering .session-header__progress-shell{animation:ds-fade-up var(--duration-emphasized) 0s var(--ease-out) both}.session-entering .session-card--sentence{animation:ds-fade-up var(--duration-emphasized) var(--stagger-base) var(--ease-out) both}.session-entering .session-word-meta{animation:ds-fade-up var(--duration-emphasized) calc(var(--stagger-base) * 2) var(--ease-out) both}.session-entering .expressions-learn-progress{animation:ds-fade-up var(--duration-emphasized) 0s var(--ease-out) both}.session-entering .ds-expression-stack{animation:ds-fade-up var(--duration-emphasized) var(--stagger-base) var(--ease-out) both}.session-flow{gap:var(--space-4);min-height:100%;padding:var(--space-4) var(--space-4) var(--space-7);box-sizing:border-box;flex-direction:column;display:flex}.session-flow__content{gap:var(--space-4);max-width:var(--layout-max-wide);grid-template-columns:repeat(auto-fit,minmax(min(100%,384px),1fr));align-items:start;width:100%;margin:0 auto;display:grid}.session-card{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--blur-card);box-sizing:border-box;flex-direction:column;display:flex}.session-card__header,.session-card__footer,.session-summary__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-start;display:flex}.session-card--sentence{gap:var(--space-3);padding-block:var(--space-4);justify-content:flex-start}.session-card__utility-row{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.session-card__sentence-block{gap:var(--space-2-5);flex-direction:column;display:flex}.session-card__header{flex-direction:column;justify-content:flex-start;align-items:flex-start}.session-card__header--compact{justify-content:space-between;align-items:center;gap:var(--space-3);flex-direction:row}.session-card__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow);margin:0}.session-card__title{font-size:clamp(28px,4vw,40px);line-height:var(--line-height-snug);letter-spacing:var(--tracking-tight);margin:0}.session-card__copy,.session-card__hint,.session-card__translation{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.session-card__translation--sentence{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-tertiary)}.session-card__sentence{align-items:center;gap:var(--space-1-5);font-size:clamp(21px,3.5vw,32px);line-height:var(--line-height-base);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.analytics-shell{min-height:100%;padding:var(--space-5) var(--space-4) var(--space-7);box-sizing:border-box}.analytics-stack{gap:var(--space-4);max-width:var(--layout-max-wide);margin:0 auto;display:grid}.analytics-panel{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-2xl);background:var(--color-surface-panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--blur-panel);box-sizing:border-box;display:grid}.analytics-panel--hero{background:var(--gradient-hero-warm)}.analytics-panel--split{align-items:start}.analytics-panel__copy-block{gap:var(--space-2-5);display:grid}.analytics-panel__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow);margin:0}.analytics-panel__title,.analytics-panel__section-title{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);letter-spacing:var(--tracking-tight);margin:0}.analytics-panel__section-title{font-size:var(--font-size-lg)}.analytics-panel__copy,.analytics-panel__empty{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.analytics-panel__cta{width:fit-content;padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-cta);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.analytics-summary-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.analytics-summary-grid--four-up{grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}.analytics-card--skeleton{opacity:.35}.analytics-card--skeleton .analytics-card__value{background:var(--gradient-skeleton);animation:ds-shimmer var(--duration-shimmer) var(--ease-standard) infinite;border-radius:var(--radius-xs);color:#0000;background-size:200% 100%;width:60%;height:26px}.analytics-fade-in{animation:ds-fade-up var(--duration-emphasized) var(--ease-out) both}.analytics-heatmap--skeleton{padding:var(--space-4);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);opacity:.35}.analytics-heatmap--skeleton svg rect{fill:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent)}.analytics-chart-card--skeleton{opacity:.35}.analytics-chart-card--skeleton .analytics-panel__section-title{background:var(--gradient-skeleton);animation:ds-shimmer var(--duration-shimmer) var(--ease-standard) infinite;border-radius:var(--radius-xs);color:#0000;background-size:200% 100%;width:70%;height:22px}.analytics-insight--skeleton{gap:var(--space-2-5);display:grid}.analytics-insight--skeleton p{border-radius:var(--radius-sm);background:var(--gradient-skeleton);animation:ds-shimmer var(--duration-shimmer) var(--ease-standard) infinite;color:#0000;line-height:var(--line-height-base);font-size:var(--font-size-sm);background-size:200% 100%;margin:0}.analytics-insight--skeleton p:first-child{width:90%;height:38px}.analytics-insight--skeleton p:nth-child(2){width:75%;height:38px}.analytics-insight--skeleton p:nth-child(3){width:82%;height:38px}.analytics-card__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.analytics-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-brand-primary);margin:0}.analytics-card__copy{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.analytics-heatmap{padding:var(--space-4);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);overflow-x:auto}.analytics-heatmap svg{margin:0 auto;display:block}.analytics-chart-card,.analytics-insight-list{gap:var(--space-3-5);display:grid}.analytics-chart-card{padding:var(--space-1) 0}.analytics-chart-card svg{max-width:100%;height:auto;padding:var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);box-sizing:border-box;margin:0 auto;display:block;overflow:visible}.analytics-chart-card__header{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.analytics-card__copy--strong{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.sentence-input{min-height:44px;padding:var(--space-1-5) var(--space-3);border:2px solid color-mix(in srgb, var(--color-brand-primary) 18%, transparent);border-radius:var(--radius-md);background:var(--color-surface-input);font:inherit;text-align:left;color:var(--color-text-primary);box-sizing:border-box;justify-content:flex-start;align-items:center;display:inline-flex}.sentence-input--field:focus{border-color:var(--color-border-focus);box-shadow:var(--ring-focus);outline:none}.sentence-input--correct{border-color:color-mix(in srgb, var(--color-status-success-fg) 38%, transparent);background:var(--color-status-success-bg);color:var(--color-status-success-fg);font-weight:var(--font-weight-bold)}.sentence-input--incorrect{border-color:color-mix(in srgb, var(--color-status-danger-fg) 26%, transparent);background:var(--color-status-danger-bg);padding-inline:var(--space-2-5);text-align:left;justify-content:flex-start;gap:0}.sentence-input__character--match{color:var(--color-status-success-fg);font-weight:var(--font-weight-bold)}.sentence-input__character--miss{color:var(--color-status-danger-fg);font-weight:var(--font-weight-bold)}.session-word-meta{gap:var(--space-3-5)}.session-word-meta__top-row{gap:var(--space-3-5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.session-word-meta__progress-panel,.session-word-meta__info-panel,.session-word-meta__translation-row{border:1px solid color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent);border-radius:var(--radius-lg);background:var(--color-sheen-strong);box-shadow:var(--shadow-inset-highlight);box-sizing:border-box}.session-word-meta__progress-panel{box-shadow:none;background:0 0;border-color:#0000;place-items:center;display:grid}.session-word-meta__info-panel{justify-content:center;justify-self:end;align-items:end;gap:var(--space-1);padding:var(--space-1) 0 0;box-shadow:none;background:0 0;border-color:#0000;flex-direction:column;display:flex}.session-word-meta__level-block{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;display:flex}.session-word-meta__new-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-brand-accent) calc(var(--opacity-soft) * 100%), transparent);color:var(--color-text-on-accent);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-chip);white-space:nowrap;align-items:center;display:inline-flex}.session-word-meta__translations{gap:var(--space-2-5);display:grid}.session-word-meta__translation-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:37px minmax(0,1fr);display:grid}.session-word-meta__translation-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.session-word-meta__translation-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);color:var(--color-text-primary);word-break:break-word}.session-summary{min-height:100%;padding:var(--space-5);box-sizing:border-box;place-items:center;display:grid}.session-summary__hero{align-items:center;gap:var(--space-2);margin-block:var(--space-6) var(--space-2);flex-direction:column;display:flex}.session-summary__actions{margin-top:var(--space-5);justify-content:flex-start}.word-dictionary-shell{height:100%;min-height:100%;padding:var(--space-2) var(--space-3) var(--safe-area-bottom);box-sizing:border-box;max-width:var(--layout-max-wide);grid-template-rows:auto minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.word-dictionary-deck{gap:var(--space-2);padding:var(--space-3-5) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--gradient-deck-warm);-webkit-backdrop-filter:var(--blur-card);box-sizing:border-box;z-index:var(--z-raised);display:grid;position:relative}.word-dictionary-deck:after{content:"";left:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3));height:1px;box-shadow:var(--shadow-lg);pointer-events:none;position:absolute;bottom:-1px}.word-dictionary-deck__band{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.word-dictionary-deck__info{align-items:baseline;gap:var(--space-2-5);display:flex}.word-dictionary-deck__title{font-size:var(--font-size-lg);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.word-dictionary-deck__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.word-dictionary-deck__meta{align-items:center;gap:var(--space-1-5);display:flex}.word-dictionary-deck__stat{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.word-dictionary-deck__divider{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.word-dictionary-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;display:grid}.word-dictionary-toolbar ion-searchbar{--padding-start:0;--padding-end:0}.word-dictionary-toolbar__actions{align-items:center;gap:var(--space-1);margin-left:var(--space-1);display:flex}.word-dictionary-action{appearance:none;padding:var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-standard), border-color var(--duration-quick) var(--ease-standard);border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.word-dictionary-action:active{background:var(--color-surface-active)}.word-dictionary-action--active{background:var(--color-surface-hover);border:1px solid var(--color-border-emphasis)}.word-dictionary-action svg{width:18px;height:18px}.word-dictionary-action__badge{top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);min-width:14px;height:14px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-on-brand);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-align:center;line-height:14px;position:absolute}.word-dictionary-active-filters{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.word-dictionary-filter-pill{min-height:27px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);line-height:var(--line-height-tight);box-sizing:border-box;background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);justify-content:center;align-items:center;display:inline-flex}.word-dictionary-list{min-height:0;padding:var(--space-6) var(--space-1) 0 0;margin-top:calc(-1 * var(--space-2));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-6), black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-6), black calc(100% - var(--space-4)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--space-2), black var(--space-6), black calc(100% - var(--space-4)), transparent 100%);overflow:auto}.word-dictionary-list__canvas{width:100%;position:relative}.word-dictionary-list__item{width:100%;padding-bottom:var(--space-1-5);box-sizing:border-box;position:absolute;top:0;left:0}.word-dictionary-row{--background:transparent;--border-color:transparent;--border-radius:0;--inner-padding-top:0;--inner-padding-bottom:0;--inner-padding-end:0;--inner-padding-start:0;--padding-start:0;--padding-end:0;--min-height:auto;touch-action:manipulation;overflow:visible}.word-dictionary-row ion-label{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3-5);margin:0}.word-dictionary-row:active ion-label{border-color:var(--color-border-emphasis)}.word-dictionary-row__main{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.word-dictionary-row__word-stack{gap:var(--space-1);min-width:0;display:grid}.word-dictionary-row__lemma{font-size:clamp(17px,2.6vw,20px);line-height:var(--line-height-snug);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.word-dictionary-row__translation{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.word-dictionary-row__rail{gap:var(--space-1);text-align:right;flex-shrink:0;display:grid}.word-dictionary-row__rank{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary)}.word-dictionary-row__footer{justify-content:space-between;align-items:center;gap:var(--space-2-5);display:flex}.word-dictionary-row__chips{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;min-width:0;display:flex}.word-dictionary-row__reviews{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.word-dictionary-row__mastery{align-items:center;gap:var(--space-1-5);flex-shrink:0;display:flex}.word-dictionary-row__mastery-value{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);text-align:right;min-width:35px}.word-dictionary-row ion-progress-bar,.word-sheet ion-progress-bar{--background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-subtle) * 100%), transparent);--progress-background:linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-primary-tint));border-radius:var(--radius-pill);width:72px;height:6px;overflow:hidden}.word-sheet ion-content{--background:var(--gradient-sheet-warm)}.word-sheet{gap:var(--space-3);padding:var(--space-3-5) var(--space-3-5) var(--space-4);box-sizing:border-box;display:grid}.word-sheet--details{padding-bottom:var(--space-7)}.word-sheet__header,.word-sheet__section{gap:var(--space-1-5);display:grid}.word-sheet__title,.word-sheet__subtitle,.word-sheet__copy,.word-sheet__eyebrow,.word-sheet__example-text,.word-sheet__translations{margin:0}.word-sheet__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-eyebrow)}.word-sheet__title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.word-sheet__translations{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary)}.word-sheet__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.word-sheet__copy{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary)}.word-sheet__badges{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.word-sheet__rank-badge{min-height:26px;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);background:var(--color-status-neutral-bg);color:var(--color-text-tertiary);align-items:center;display:inline-flex}.word-sheet__active-summary{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.word-sheet__section-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.word-sheet__section-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.word-sheet__choice-grid{gap:var(--space-1-5);display:grid}.word-sheet__radio{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-2);cursor:pointer;transition:border-color var(--duration-quick) var(--ease-standard), background-color var(--duration-quick) var(--ease-standard);text-align:left;width:100%;display:flex}.word-sheet__radio--active{border-color:var(--color-brand-primary);background:var(--color-surface-hover)}.word-sheet__radio-content{gap:var(--space-1);display:grid}.word-sheet__radio-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.word-sheet__radio-detail{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--color-text-tertiary)}.word-sheet__radio-count{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);flex-shrink:0}.word-sheet__pill-grid{gap:var(--space-1-5);grid-template-columns:repeat(auto-fit,minmax(104px,1fr));display:grid}.word-sheet__level-btn{justify-content:space-between;align-items:baseline;gap:var(--space-1-5);padding:var(--space-3) var(--space-3-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer;transition:border-color var(--duration-quick) var(--ease-standard), background-color var(--duration-quick) var(--ease-standard);text-align:left;width:100%;display:flex}.word-sheet__level-btn--active{border-color:var(--color-brand-primary);background:var(--color-surface-hover)}.word-sheet__level-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.word-sheet__level-count{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary)}.word-sheet__footer{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.word-sheet__example-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);display:grid}.word-sheet__example-text{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.word-sheet__example-translation{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.word-sheet__progress-section{gap:var(--space-3);display:grid}.word-sheet__mastery-hero{align-items:center;gap:var(--space-4);display:flex}.word-sheet__mastery-hero-value{font-size:35px;line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.word-sheet__mastery-hero-detail{gap:var(--space-1);display:grid}.word-sheet__mastery-hero-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.word-sheet__mastery-hero-reviews{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.word-sheet__progress-section ion-progress-bar{width:100%;height:9px}.word-sheet__metric-grid{gap:var(--space-2);margin-top:var(--space-1-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.word-sheet__metric{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);display:grid}.word-sheet__metric-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.word-sheet__metric-value{font-size:var(--font-size-lg);line-height:var(--line-height-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.word-sheet__unstudied{gap:var(--space-2-5);display:grid}.word-sheet__unstudied-copy{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.word-sheet__unstudied-hint{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand-primary) calc(var(--opacity-faint) * 100%), transparent);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.word-sheet__unstudied-icon{border-radius:var(--radius-pill);background:var(--color-surface-hover);width:24px;height:24px;color:var(--color-brand-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.word-sheet__sort-list{gap:var(--space-1-5);display:grid}.word-sheet__sort-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-2);cursor:pointer;transition:border-color var(--duration-quick) var(--ease-standard), background-color var(--duration-quick) var(--ease-standard);text-align:left;width:100%;display:flex}.word-sheet__sort-item--active{border-color:var(--color-brand-primary);background:var(--color-surface-hover)}.word-sheet__sort-content{gap:var(--space-1);display:grid}.word-sheet__sort-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.word-sheet__sort-detail{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--color-text-tertiary)}.word-sheet__sort-check{color:var(--color-brand-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex-shrink:0}@media (min-width:720px){.word-dictionary-shell{padding:var(--space-3) var(--space-4) var(--safe-area-bottom)}.word-dictionary-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.word-dictionary-toolbar__actions{grid-template-columns:repeat(2,minmax(176px,max-content))}.word-dictionary-deck{padding:var(--space-5)}.word-sheet{padding:var(--space-6) var(--space-5) var(--space-7)}}