@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap";:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-active: #4338CA;--color-primary-light: #EEF2FF;--color-primary-glow: rgba(99, 102, 241, .3);--color-blue: #3B82F6;--color-blue-hover: #2563EB;--color-blue-light: #EFF6FF;--color-blue-glow: rgba(59, 130, 246, .3);--color-cta-green: #58CC02;--color-cta-green-hover: #46A302;--color-cta-green-shadow: 0 4px 0 #46A302;--color-cta-amber: #F59E0B;--color-cta-amber-hover: #D97706;--color-cta-amber-light: #FEF3C7;--color-accent: #E67E22;--color-accent-dark: #D35400;--color-accent-light: #FEF3E2;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-success-dark: #16A34A;--color-success-border: #86EFAC;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-words: #3B82F6;--color-texts: #8B5CF6;--color-notes: #F59E0B;--color-games: #22C55E;--color-phonograms: #EC4899;--color-sand-50: #FDF6F0;--color-sand-100: #FAF5EF;--color-sand-200: #F5F0EB;--color-sand-300: #F0EBE5;--color-sand-400: #E8E0D8;--color-sand-500: #D4CBC2;--color-sand-600: #9C958E;--color-sand-700: #6B6560;--color-sand-800: #3D352E;--color-sand-900: #2D2A26;--color-sand-950: #1A1512;--color-gray-50: #FDF6F0;--color-gray-100: #FAF5EF;--color-gray-200: #F0EBE5;--color-gray-300: #E8E0D8;--color-gray-400: #9C958E;--color-gray-500: #6B6560;--color-gray-600: #4A4540;--color-gray-700: #3D352E;--color-gray-800: #2A2420;--color-gray-900: #1A1512;--color-gray-950: #0F0D0A;--color-bg-page: #FDF6F0;--color-bg-card: #FFFFFF;--color-bg-input: #F5F0EB;--color-bg-muted: #FAF5EF;--color-bg-hover: #F0EBE5;--color-bg-elevated: #FFFFFF;--color-text-primary: #2D2A26;--color-text-secondary: #6B6560;--color-text-tertiary: #9C958E;--color-text-inverse: #FFFFFF;--font-family-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-family: var(--font-family-body);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(45, 42, 38, .04);--shadow-sm: 0 1px 3px rgba(45, 42, 38, .06), 0 1px 2px rgba(45, 42, 38, .04);--shadow-md: 0 4px 6px -1px rgba(45, 42, 38, .08), 0 2px 4px -1px rgba(45, 42, 38, .04);--shadow-lg: 0 10px 15px -3px rgba(45, 42, 38, .08), 0 4px 6px -2px rgba(45, 42, 38, .04);--shadow-xl: 0 20px 25px -5px rgba(45, 42, 38, .08), 0 10px 10px -5px rgba(45, 42, 38, .03);--shadow-2xl: 0 25px 50px -12px rgba(45, 42, 38, .2);--shadow-soft: 0 4px 20px -2px rgba(45, 42, 38, .06);--shadow-soft-lg: 0 10px 40px -10px rgba(45, 42, 38, .08);--shadow-glow-primary: 0 0 20px var(--color-primary-glow);--shadow-glow-blue: 0 0 15px var(--color-blue-glow);--shadow-glow-green: 0 4px 12px rgba(88, 204, 2, .3);--shadow-glow-amber: 0 4px 12px rgba(245, 158, 11, .3);--shadow-button-3d: 0 4px 0 var(--color-cta-green-hover);--shadow-button-3d-secondary: 0 2px 0 var(--color-sand-400);--shadow-button-3d-accent: 0 4px 0 var(--color-accent-dark);--shadow-inner: inset 0 2px 4px rgba(45, 42, 38, .06);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-color-light: var(--color-sand-300);--border-color-default: var(--color-sand-400);--border-color-dark: var(--color-sand-500);--border-color-focus: var(--color-primary);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-all: all .2s ease;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--header-height: 4rem;--header-btn-size: 2.5rem;--fab-size: 3.5rem;--fab-size-lg: 4rem;--card-padding: var(--space-6);--card-radius: var(--radius-2xl);--nav-tab-height: 4.5rem;--nav-tab-radius: var(--radius-xl);--progress-height: .5rem;--progress-radius: var(--radius-full);--game-card-radius: var(--radius-xl)}[data-theme=dark],.dark{--color-bg-page: #1A1512;--color-bg-card: #2A2420;--color-bg-input: #1A1512;--color-bg-muted: #352E28;--color-bg-hover: #3D352E;--color-bg-elevated: #2A2420;--color-text-primary: #F5F0EB;--color-text-secondary: #B8B0A8;--color-text-tertiary: #7A736C;--border-color-light: #2A2420;--border-color-default: #3D352E;--border-color-dark: #4A413A;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .3);--shadow-soft-lg: 0 10px 40px -10px rgba(0, 0, 0, .4);--shadow-button-3d-secondary: 0 2px 0 #3D352E;--color-success-light: rgba(34, 197, 94, .15);--color-warning-light: rgba(245, 158, 11, .15);--color-error-light: rgba(239, 68, 68, .15);--color-info-light: rgba(59, 130, 246, .15);--color-accent-light: rgba(230, 126, 34, .15);--color-primary-light: rgba(99, 102, 241, .15);--color-blue-light: rgba(59, 130, 246, .15)}@media (min-width: 640px){:root{--card-padding: var(--space-8)}}@media (min-width: 1024px){:root{--header-height: 5rem}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);margin:0;padding:0;min-height:100vh}.text-display{font-family:var(--font-family-display);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-heading-1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight)}.text-heading-2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-heading-3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.text-heading-4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.text-body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-body{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-sm)}.text-tiny{font-size:var(--font-size-xs)}.text-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary)}.text-muted{color:var(--color-text-secondary)}.text-primary-color{color:var(--color-primary)}.card{background:var(--color-bg-card);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-soft);border:1px solid var(--border-color-light);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-lg)}.card-compact{padding:var(--space-4)}.card-flush{padding:0}.word-card{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--space-4);box-shadow:var(--shadow-soft);border:1px solid var(--border-color-light);display:flex;flex-direction:column;transition:var(--transition-all)}.word-card:hover{box-shadow:var(--shadow-lg)}.word-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.word-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-1);transition:color var(--transition-fast)}.word-card:hover .word-card__title{color:var(--color-primary)}.word-card__translation{font-size:var(--font-size-base);font-style:italic;color:var(--color-text-secondary);text-align:center}.word-card__image{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4);position:relative;background:var(--color-gray-100)}.word-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slower)}.word-card:hover .word-card__image img{transform:scale(1.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-body);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);border:none;cursor:pointer;transition:var(--transition-all);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0)}.btn-blue{background:var(--color-blue);color:#fff;box-shadow:var(--shadow-glow-blue)}.btn-blue:hover:not(:disabled){background:var(--color-blue-hover);transform:translateY(-2px)}.btn-cta-green{background:var(--color-cta-green);color:#fff;box-shadow:var(--shadow-button-3d);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.btn-cta-green:hover:not(:disabled){background:var(--color-cta-green-hover)}.btn-cta-green:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.btn-cta-amber{background:var(--color-cta-amber);color:#fff;box-shadow:var(--shadow-glow-amber)}.btn-cta-amber:hover:not(:disabled){background:var(--color-cta-amber-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--border-color-default)}.btn-secondary:hover:not(:disabled){border-color:var(--border-color-dark);background:var(--color-gray-50)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.btn-lg{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg)}.btn-full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--header-btn-size);height:var(--header-btn-size);border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-all)}.icon-btn:hover{background:var(--color-gray-50);box-shadow:var(--shadow-md);color:var(--color-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn-sm{width:2rem;height:2rem}.icon-btn-lg{width:3rem;height:3rem}.fab{position:fixed;bottom:var(--space-6);width:var(--fab-size);height:var(--fab-size);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:var(--transition-transform);z-index:var(--z-fixed)}.fab:hover{transform:scale(1.1)}.fab:active{transform:scale(.95)}.fab-primary{right:var(--space-6);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.fab-primary:hover{background:var(--color-primary-hover)}.fab-secondary{left:var(--space-6);background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--border-color-light);box-shadow:var(--shadow-lg)}.fab-secondary:hover{color:var(--color-primary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg-card);position:sticky;top:0;z-index:var(--z-sticky)}.app-header--transparent{background:transparent}.app-header--blur{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .app-header--blur{background:#111827e6}.app-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.nav-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);min-height:var(--nav-tab-height);border-radius:var(--nav-tab-radius);background:var(--color-gray-100);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:var(--transition-all)}.nav-tab__icon{font-size:1.5rem;margin-bottom:var(--space-1);transition:transform var(--transition-fast)}.nav-tab:hover .nav-tab__icon{transform:scale(1.1)}.nav-tab.active,.nav-tab[aria-selected=true]{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow);transform:scale(1.05)}.dark .nav-tab{background:var(--color-gray-800)}.progress-bar{width:100%;height:var(--progress-height);background:var(--color-gray-200);border-radius:var(--progress-radius);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--progress-radius);transition:width var(--transition-slow)}.progress-bar__fill--success{background:var(--color-success)}.progress-bar__fill--warning{background:var(--color-warning)}.progress-bar--glow .progress-bar__fill{box-shadow:0 0 10px var(--color-primary-glow)}.input{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-bg-input);border:2px solid var(--border-color-default);border-radius:var(--radius-xl);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);transition:var(--transition-colors)}.input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-group{position:relative}.input-group .input{padding-left:3rem}.input-group__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.input-group:focus-within .input-group__icon{color:var(--color-primary)}.select-wrapper{position:relative}.select{width:100%;padding:var(--space-4) var(--space-5);padding-right:3rem;background:var(--color-bg-input);border:2px solid var(--border-color-default);border-radius:var(--radius-xl);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:var(--transition-colors)}.select:focus{outline:none;border-color:var(--color-primary)}.select-wrapper:after{content:"expand_more";font-family:Material Icons Round,Material Symbols Rounded;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.game-card{aspect-ratio:1;background:var(--color-blue);border-radius:var(--game-card-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);color:#fff;cursor:pointer;transition:var(--transition-transform);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity var(--transition-fast)}.game-card:hover:before{opacity:.1}.game-card:hover{transform:scale(1.02)}.game-card:active{transform:scale(.98)}.game-card__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.1)}.game-card__subtitle{font-size:var(--font-size-sm);opacity:.9;text-align:center}.journey-node{display:flex;flex-direction:column;align-items:center;position:absolute;width:8rem}.journey-node__circle{width:4rem;height:4rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);box-shadow:var(--shadow-md);transition:var(--transition-transform)}.journey-node:hover .journey-node__circle{transform:scale(1.1)}.journey-node--locked .journey-node__circle{background:var(--color-gray-200);color:var(--color-gray-400);border:4px solid var(--color-gray-300)}.journey-node--current .journey-node__circle{width:5rem;height:5rem;background:var(--color-primary);color:#fff;border:4px solid var(--color-primary-light);animation:pulse-ring 2s ease-out infinite}.journey-node--completed .journey-node__circle{background:var(--color-success);color:#fff;border:4px solid var(--color-success-light)}.journey-node__label{margin-top:var(--space-2);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--color-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-cta-amber-hover)}.badge-new{background:var(--color-cta-amber);color:#fff}.stat-group{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.stat-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.stat-item--streak{color:#f97316}.stat-item--xp{color:#eab308}.stat-divider{width:1px;height:var(--space-6);background:var(--border-color-default)}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color-default)}.divider__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-grow{flex-grow:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.game-container,.simplified-spelling-game,.hangman-game,.anagram-game,.matching-game,.memory-game,.audio-image-match-game,.audio-image-quiz-game,.image-quiz-game,.sentence-ordering-game,.sentence-word-counting-game,.enhanced-sentence-fill-in-the-blank,.interactive-fill-in-the-blank,.sentence-highlighting-activity,.dictation-game,.phonogram-memory-game,.conversation-ordering-game,.conversation-fill-in-the-blank,.notes-matching-game,.game-notes-container,.true-false-note-game,.quiz-generator-container,.quiz-interface,.mixed-bag-game{font-family:var(--font-family-body, "Poppins", sans-serif);max-width:600px;margin:0 auto;padding:var(--space-5, 1.25rem);text-align:center;background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));border:1px solid var(--border-color-light, #E8E0D8);position:relative}.matching-game,.memory-game,.audio-image-match-game,.phonogram-memory-game{max-width:1000px;padding:var(--space-6, 1.5rem)}.audio-image-quiz-game,.image-quiz-game{max-width:500px}.sentence-ordering-game,.sentence-word-counting-game,.enhanced-sentence-fill-in-the-blank,.interactive-fill-in-the-blank,.sentence-highlighting-activity,.conversation-ordering-game,.conversation-fill-in-the-blank,.game-notes-container,.true-false-note-game,.mixed-bag-game{max-width:800px}.notes-matching-game{max-width:1000px;padding:var(--space-6, 1.5rem)}.quiz-generator-container{max-width:1200px;background:transparent;box-shadow:none;border:none}.dictation-game{max-width:1000px}.game-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-muted, #FAF5EF);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);border-radius:var(--radius-xl, 1rem);margin-bottom:var(--space-5, 1.25rem);box-shadow:var(--shadow-xs, 0 1px 2px rgba(45, 42, 38, .04));border:1px solid var(--border-color-light, #E8E0D8);flex-wrap:wrap;gap:var(--space-3, .75rem);width:100%}.game-title{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--space-5, 1.25rem);color:var(--color-text-primary, #2D2A26)}.game-content{display:flex;flex-direction:column;align-items:center;background-color:transparent;border-radius:var(--radius-lg, .75rem);padding:var(--space-4, 1rem)}.score{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);text-align:left;color:var(--color-primary, #6366F1);transition:all .3s ease;padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-primary-light, #EEF2FF);border-radius:var(--radius-lg, .75rem)}.score.updated{animation:scoreIncrement .5s ease-out}.lives,.remaining-guesses{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-error, #EF4444);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-error-light, #FEE2E2);border-radius:var(--radius-lg, .75rem)}.session-info{display:flex;align-items:center;gap:var(--space-2, .5rem);color:var(--color-text-secondary, #6B6560);font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-sm, .875rem)}.session-info svg{color:var(--color-primary, #6366F1)}.streak-indicator{background:linear-gradient(135deg,var(--color-primary, #6366F1),var(--color-cta-green, #58CC02));color:#fff;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-full, 9999px);font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-sm, .875rem);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .08));animation:streakPulse .5s ease-out;z-index:10;display:inline-block}.streak-indicator.high-streak{background:linear-gradient(135deg,var(--color-cta-amber, #F59E0B),#FBBF24);color:#78350f;animation:streakGlow 1s ease-out}@keyframes streakPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes streakGlow{0%{transform:scale(.9);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .08))}50%{transform:scale(1.05);box-shadow:0 4px 20px #f59e0b80}to{transform:scale(1);box-shadow:0 2px 12px #f59e0b4d}}.celebration-message{position:fixed;top:20%;left:50%;transform:translate(-50%);background:var(--color-bg-card, #FFFFFF);padding:var(--space-5, 1.25rem) var(--space-8, 2rem);border-radius:var(--radius-2xl, 1.5rem);font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(45, 42, 38, .2));border:2px solid var(--color-cta-green, #58CC02);z-index:1000;animation:celebrationPop .5s ease-out}@keyframes celebrationPop{0%{transform:translate(-50%) scale(.5);opacity:0}50%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes scoreIncrement{0%{transform:scale(1);color:inherit}50%{transform:scale(1.2);color:var(--color-cta-green, #58CC02);background:var(--color-success-light, #DCFCE7)}to{transform:scale(1);color:inherit}}.session-complete-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-2xl, 1.5rem);padding:var(--space-8, 2rem);margin:var(--space-4, 1rem);text-align:center;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(45, 42, 38, .08));border:1px solid var(--border-color-light, #E8E0D8)}.session-header{margin-bottom:var(--space-6, 1.5rem)}.session-header h2{color:var(--color-text-primary, #2D2A26);font-size:var(--font-size-3xl, 1.875rem);margin:var(--space-4, 1rem) 0;font-weight:var(--font-weight-bold, 700)}.session-header h3{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-xl, 1.25rem);margin:var(--space-2, .5rem) 0;font-weight:var(--font-weight-medium, 500)}.completion-message{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-lg, 1.125rem);margin:var(--space-2, .5rem) 0}.session-stats{background:var(--color-bg-card, #FFFFFF);padding:var(--space-6, 1.5rem);border-radius:var(--radius-xl, 1rem);margin:var(--space-5, 1.25rem) 0;min-width:280px;max-width:400px;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));border:1px solid var(--border-color-light, #E8E0D8)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, .75rem) 0;border-bottom:1px solid var(--border-color-light, #E8E0D8)}.stat-row:last-child{border-bottom:none}.stat-label{font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-base, 1rem)}.stat-value{font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #6366F1);font-size:var(--font-size-lg, 1.125rem)}.performance-badge{margin:var(--space-5, 1.25rem) 0}.performance-level{display:inline-block;padding:var(--space-3, .75rem) var(--space-6, 1.5rem);border-radius:var(--radius-full, 9999px);font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-lg, 1.125rem);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.performance-level.excellent{background:linear-gradient(135deg,var(--color-cta-amber, #F59E0B),#FBBF24);color:#78350f;animation:shimmer 2s infinite}.performance-level.good{background:linear-gradient(135deg,var(--color-cta-green, #58CC02),#84CC16);color:#fff}.performance-level.fair{background:linear-gradient(135deg,var(--color-primary, #6366F1),#818CF8);color:#fff}.performance-level.needs_practice{background:linear-gradient(135deg,var(--color-error, #EF4444),#F87171);color:#fff}@keyframes shimmer{0%{box-shadow:0 0 5px #f59e0b66}50%{box-shadow:0 0 20px #f59e0b99}to{box-shadow:0 0 5px #f59e0b66}}.session-actions{margin-top:var(--space-6, 1.5rem);display:flex;gap:var(--space-4, 1rem);flex-wrap:wrap;justify-content:center}.play-again-button,.next-word-button,.next-button,.submit-button{background:var(--color-cta-green, #58CC02);color:#fff;border:none;padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 0 var(--color-cta-green-hover, #46A302);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.play-again-button:hover:not(:disabled),.next-word-button:hover:not(:disabled),.next-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background:var(--color-cta-green-hover, #46A302);transform:translateY(-2px);box-shadow:0 6px 0 var(--color-cta-green-hover, #46A302)}.play-again-button:active:not(:disabled),.next-word-button:active:not(:disabled),.next-button:active:not(:disabled),.submit-button:active:not(:disabled){box-shadow:0 2px 0 var(--color-cta-green-hover, #46A302);transform:translateY(2px)}.play-again-button:disabled,.next-word-button:disabled,.next-button:disabled,.submit-button:disabled{background:var(--color-sand-400, #E8E0D8);color:var(--color-sand-600, #9C958E);box-shadow:0 4px 0 var(--color-sand-500, #D4CBC2);cursor:not-allowed}.hint-button,.replay-button,.reset-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);font-family:inherit;cursor:pointer;transition:all .2s ease}.hint-button:hover:not(:disabled),.replay-button:hover:not(:disabled),.reset-button:hover:not(:disabled){background:var(--color-bg-muted, #FAF5EF);border-color:var(--color-primary, #6366F1);color:var(--color-primary, #6366F1)}.hint-button:disabled,.replay-button:disabled,.reset-button:disabled{background:var(--color-sand-100, #FAF5EF);color:var(--color-sand-600, #9C958E);border-color:var(--color-sand-300, #F0EBE5);cursor:not-allowed}.hint-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-5, 1.25rem)}.restart-button{background:var(--color-primary, #6366F1);color:#fff;border:none;padding:var(--space-3, .75rem) var(--space-5, 1.25rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .3))}.restart-button:hover{background:var(--color-primary-hover, #4F46E5);transform:translateY(-2px)}.play-audio-button,.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-5, 1.25rem);background:var(--color-primary, #6366F1);color:#fff;border:none;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);font-family:inherit;cursor:pointer;transition:all .15s ease;box-shadow:0 3px #4f46e5}.play-audio-button:hover:not(:disabled),.audio-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #4338ca}.play-audio-button:active:not(:disabled),.audio-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #4338ca}.play-audio-button:disabled,.audio-button:disabled{background-color:var(--color-sand-400, #E8E0D8);color:var(--color-sand-600, #9C958E);box-shadow:0 3px 0 var(--color-sand-500, #D4C8BE);cursor:not-allowed}.letter-options,.letter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, .5rem);margin-top:var(--space-5, 1.25rem);max-width:400px}.letter-button{min-width:44px;height:44px;padding:0 var(--space-3, .75rem);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);font-family:inherit;background:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;position:relative;overflow:hidden}.letter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .08));border-color:var(--color-primary, #6366F1);color:var(--color-primary, #6366F1)}.letter-button:active:not(:disabled){transform:translateY(0)}.letter-button:disabled,.letter-button.guessed{background:var(--color-sand-200, #F5F0EB);color:var(--color-sand-600, #9C958E);border-color:var(--color-sand-300, #F0EBE5);cursor:not-allowed}.letter-button.correct-answer{animation:correctAnswer .6s ease-out forwards}.letter-button.wrong-answer{animation:wrongAnswer .6s ease-out forwards}@keyframes correctAnswer{0%{background:var(--color-success-light, #DCFCE7);transform:scale(1)}50%{background:var(--color-success, #22C55E);transform:scale(1.1)}to{background:var(--color-success, #22C55E);transform:scale(1);color:#fff;border-color:var(--color-success, #22C55E)}}@keyframes wrongAnswer{0%{background:var(--color-error-light, #FEE2E2)}25%{transform:translate(-3px)}75%{transform:translate(3px)}to{background:var(--color-error, #EF4444);transform:translate(0);color:#fff;border-color:var(--color-error, #EF4444)}}.word-display,.target-word{font-size:clamp(1.5rem,5vw,2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:.3rem;margin-bottom:var(--space-6, 1.5rem);color:var(--color-text-primary, #2D2A26)}.target-letter{display:inline-block;margin:0 var(--space-1, .25rem);min-width:1.5rem;text-align:center;border-bottom:3px solid var(--color-text-primary, #2D2A26);padding-bottom:var(--space-1, .25rem);transition:all .3s ease}.target-letter.revealed{animation:letterReveal .5s ease-out;color:var(--color-cta-green, #58CC02)}@keyframes letterReveal{0%{transform:scale(.8);opacity:0;background:var(--color-success-light, #DCFCE7)}50%{transform:scale(1.1);background:var(--color-success-border, #86EFAC)}to{transform:scale(1);opacity:1;background:transparent}}.word-image{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6, 1.5rem);width:100%}.word-image img{max-width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(45, 42, 38, .06))}.english-translation,.text-hint{font-size:var(--font-size-lg, 1.125rem);font-style:italic;margin-bottom:var(--space-5, 1.25rem);color:var(--color-text-secondary, #6B6560)}.game-result{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);margin:var(--space-4, 1rem) 0;padding:var(--space-4, 1rem);border-radius:var(--radius-xl, 1rem)}.game-result.won{animation:successPulse 1s ease-in-out;background:var(--color-success-light, #DCFCE7);color:#166534;border:2px solid var(--color-success, #22C55E)}.game-result.lost{animation:errorShake .6s ease-in-out;background:var(--color-error-light, #FEE2E2);color:#991b1b;border:2px solid var(--color-error, #EF4444)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.game-over{margin-top:var(--space-5, 1.25rem)}.game-complete{text-align:center;margin-top:var(--space-6, 1.5rem);font-size:var(--font-size-xl, 1.25rem);color:var(--color-cta-green, #58CC02);font-weight:var(--font-weight-bold, 700)}.feedback{text-align:center;font-weight:var(--font-weight-bold, 700);margin:var(--space-5, 1.25rem) 0;font-size:var(--font-size-lg, 1.125rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-lg, .75rem)}.correct,.feedback.correct,.feedback.success{color:#166534;background:var(--color-success-light, #DCFCE7);border:1px solid #86EFAC}.incorrect,.feedback.incorrect,.feedback.error{color:#991b1b;background:var(--color-error-light, #FEE2E2);border:1px solid #FECACA}.loading,.loading-message{text-align:center;padding:var(--space-5, 1.25rem);font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary, #6B6560);background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);display:block;width:fit-content;min-width:200px;max-width:100%;margin:var(--space-4, 1rem) auto;border:1px solid var(--border-color-light, #E8E0D8)}.error,.error-message{text-align:center;padding:var(--space-5, 1.25rem);font-size:var(--font-size-lg, 1.125rem);color:#991b1b;background:var(--color-error-light, #FEE2E2);border-radius:var(--radius-lg, .75rem);display:block;width:fit-content;min-width:200px;max-width:100%;margin:var(--space-4, 1rem) auto;border:1px solid #FECACA}.back-button,.back-link{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-5, 1.25rem);text-decoration:none;color:var(--color-primary, #6366F1);font-weight:var(--font-weight-semibold, 600);transition:all .2s ease;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-lg, .75rem);border:none;background:transparent;cursor:pointer}.back-button:hover,.back-link:hover{background:var(--color-primary-light, #EEF2FF)}.heart{font-size:var(--font-size-2xl, 1.5rem);margin:0 2px}.anagram-input,.letter-input{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--font-size-lg, 1.125rem);font-family:inherit;border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-xl, 1rem);background:var(--color-bg-input, #F5F0EB);color:var(--color-text-primary, #2D2A26);transition:all .2s ease}.anagram-input:focus,.letter-input:focus{outline:none;border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, #EEF2FF);background:var(--color-bg-card, #FFFFFF)}.anagram-input::placeholder,.letter-input::placeholder{color:var(--color-text-tertiary, #9C958E)}.image-hint{margin:var(--space-5, 1.25rem) 0}.image-hint img{max-width:100%;max-height:200px;border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .08))}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 1rem);justify-content:center;margin-bottom:var(--space-6, 1.5rem);width:100%;max-width:800px;padding:0 var(--space-3, .75rem);margin-left:auto;margin-right:auto}.card,.game-card{aspect-ratio:1 / 1;width:100%;position:relative;perspective:1000px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card:hover,.game-card:hover{transform:translateY(-3px)}.card-inner{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card.flipped .card-inner,.game-card.flipped .card-inner,.card.revealed .card-inner,.game-card.revealed .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(45, 42, 38, .06));padding:var(--space-3, .75rem);box-sizing:border-box;overflow:hidden}.card-front{background-color:var(--color-bg-card, #FFFFFF);border:2px solid var(--border-color-default, #E8E0D8)}.card-back{background-color:var(--color-bg-card, #FFFFFF);transform:rotateY(180deg);border:2px solid var(--color-cta-green, #58CC02);box-shadow:0 4px 12px #58cc0233}.card-image,.logo-image{max-width:80%;max-height:65%;width:auto;height:auto;object-fit:contain;margin-bottom:var(--space-2, .5rem)}.card-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.card-word,.language-word{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);text-align:center;word-break:break-word;color:var(--color-cta-green, #58CC02);margin-bottom:var(--space-1, .25rem)}.card-translation{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6B6560);text-align:center}@keyframes cardReveal{0%{transform:rotateY(180deg) scale(.8);opacity:0}50%{transform:rotateY(90deg) scale(1.05);opacity:.5}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, .75rem);width:100%;margin-bottom:var(--space-5, 1.25rem)}.option-button{width:100%;padding:var(--space-3, .75rem);font-size:var(--font-size-base, 1rem);font-family:inherit;background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-medium, 500)}.option-button:hover:not(:disabled){background-color:var(--color-primary-light, #EEF2FF);border-color:var(--color-primary, #6366F1);color:var(--color-primary, #6366F1);transform:translateY(-2px)}.option-button:disabled{cursor:not-allowed;opacity:.7}.option-button.correct{background-color:var(--color-success-light, #DCFCE7);border-color:var(--color-cta-green, #58CC02);color:#166534;animation:correctPulse .5s ease-out}.option-button.incorrect{background-color:var(--color-error-light, #FEE2E2);border-color:var(--color-error, #EF4444);color:#991b1b;animation:incorrectShake .5s ease-out}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.image-container{width:100%;height:200px;margin-bottom:var(--space-5, 1.25rem);display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);border:2px solid var(--border-color-default, #E8E0D8)}.question-image{max-width:100%;max-height:100%;object-fit:contain}.image-option{position:relative;width:100%;padding-top:95%;perspective:1000px;cursor:pointer;transition:all .3s ease}.image-option:hover{transform:translateY(-2px)}.image-front,.image-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transition:transform .6s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius-lg, .75rem);overflow:hidden}.image-front{background-color:var(--color-bg-card, #FFFFFF);border:2px solid var(--border-color-default, #E8E0D8)}.image-back{background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);transform:rotateY(180deg);border:2px solid var(--color-cta-green, #58CC02);box-shadow:0 4px 12px #58cc0233}.image-option.correct .image-front{transform:rotateY(180deg)}.image-option.correct .image-back{transform:rotateY(0);animation:correctReveal .6s ease-out}.image-option.incorrect .image-front{border-color:var(--color-error, #EF4444);animation:incorrectShake .5s ease-out}@keyframes correctReveal{0%{transform:rotateY(180deg) scale(.8);opacity:0}50%{transform:rotateY(90deg) scale(1.05);opacity:.5}to{transform:rotateY(0) scale(1);opacity:1}}.option-image{max-width:100%;max-height:100%;object-fit:contain}.question-container{text-align:center;margin-top:var(--space-4, 1rem);padding:var(--space-4, 1rem);background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color-light, #E8E0D8)}.question-word{font-size:var(--font-size-xl, 1.25rem);margin-bottom:var(--space-3, .75rem);color:var(--color-text-primary, #2D2A26);font-weight:var(--font-weight-bold, 700)}.word-bank{background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);padding:var(--space-5, 1.25rem);margin-bottom:var(--space-5, 1.25rem);border:1px solid var(--border-color-light, #E8E0D8)}.word-bank h3{margin:0 0 var(--space-4, 1rem) 0;font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-primary, #2D2A26);font-weight:var(--font-weight-semibold, 600)}.word-bank-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3, .75rem)}.word-item{padding:var(--space-3, .75rem) var(--space-4, 1rem);background-color:var(--color-bg-card, #FFFFFF);border:2px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #2D2A26);box-shadow:var(--shadow-xs, 0 1px 2px rgba(45, 42, 38, .05))}.word-item:hover:not(.used){border-color:var(--color-primary, #6366F1);background-color:#f5f3ff;transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .1))}.word-item.selected{background-color:var(--color-primary, #6366F1);color:#fff;border-color:var(--color-primary, #6366F1)}.word-item.used{opacity:.4;cursor:not-allowed;text-decoration:line-through}.conversation-section,.content-section{background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);padding:var(--space-5, 1.25rem);margin-bottom:var(--space-5, 1.25rem);border:1px solid var(--border-color-light, #E8E0D8)}.language-sentence{font-size:var(--font-size-xl, 1.25rem);margin-bottom:var(--space-4, 1rem);line-height:1.8;color:var(--color-text-primary, #2D2A26);font-weight:var(--font-weight-medium, 500);text-align:center}.english-sentence{font-style:italic;color:var(--color-text-secondary, #6B6560);margin-bottom:var(--space-4, 1rem);text-align:center;font-size:var(--font-size-base, 1rem)}.blank-space{display:inline-block;min-width:120px;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:2px solid var(--color-primary, #6366F1);border-radius:var(--radius-md, .5rem);text-align:center;font-weight:var(--font-weight-bold, 700);background-color:var(--color-bg-card, #FFFFFF);margin:0 var(--space-1, .25rem);transition:all .2s ease}.blank-space.filled{background-color:#eef2ff;border-color:var(--color-primary, #6366F1);color:var(--color-primary, #6366F1)}.title-image,.word-image,.note-image{max-width:100%;max-height:300px;height:auto;margin:0 auto var(--space-5, 1.25rem);border-radius:var(--radius-lg, .75rem);display:block;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .1));object-fit:cover}.game-controls{display:flex;justify-content:center;gap:var(--space-4, 1rem);margin-bottom:var(--space-5, 1.25rem);flex-wrap:wrap}.reset-button{background-color:var(--color-warning, #F59E0B);color:#fff;border:none;padding:var(--space-3, .75rem) var(--space-5, 1.25rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);transition:all .2s ease;box-shadow:0 3px #d97706}.reset-button:hover:not(:disabled){background-color:#d97706;transform:translateY(-2px)}.reset-button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.reset-button:disabled{background-color:var(--color-text-muted, #9B9590);cursor:not-allowed;box-shadow:none}.note-card{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-lg, .75rem);padding:var(--space-5, 1.25rem);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(45, 42, 38, .1));margin-bottom:var(--space-5, 1.25rem);border:1px solid var(--border-color-light, #E8E0D8)}.note-content{flex:1}.note-text{line-height:1.6;white-space:pre-wrap;border-top:1px solid var(--border-color-light, #E8E0D8);padding-top:var(--space-4, 1rem);color:var(--color-text-primary, #2D2A26)}.language-word{color:var(--color-cta-green, #58CC02);font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--space-2, .5rem)}.english-translation{font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary, #6B6560);margin-bottom:var(--space-4, 1rem)}.answer-buttons{display:flex;justify-content:center;gap:var(--space-5, 1.25rem)}.answer-button{padding:var(--space-3, .75rem) var(--space-6, 1.5rem);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:all .2s ease;min-width:120px}.answer-button.true-button,.answer-button.true-option{background-color:var(--color-cta-green, #58CC02);color:#fff;box-shadow:0 4px #46a302}.answer-button.true-button:hover,.answer-button.true-option:hover{background-color:#46a302;transform:translateY(-2px)}.answer-button.false-button,.answer-button.false-option{background-color:var(--color-error, #EF4444);color:#fff;box-shadow:0 4px #dc2626}.answer-button.false-button:hover,.answer-button.false-option:hover{background-color:#dc2626;transform:translateY(-2px)}.question-statement{font-style:italic;background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-4, 1rem);border-radius:var(--radius-md, .5rem);margin-bottom:var(--space-5, 1.25rem);border-left:4px solid var(--color-primary, #6366F1);color:var(--color-text-primary, #2D2A26)}.game-over{text-align:center;padding:var(--space-8, 2rem);background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem)}.game-over h2{color:var(--color-cta-green, #58CC02);margin-bottom:var(--space-5, 1.25rem);font-size:var(--font-size-2xl, 1.5rem)}.understood-button{padding:var(--space-3, .75rem) var(--space-5, 1.25rem);font-size:var(--font-size-base, 1rem);border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:all .2s ease;background-color:var(--color-cta-green, #58CC02);color:#fff;font-weight:var(--font-weight-semibold, 600);display:flex;align-items:center;gap:var(--space-2, .5rem);box-shadow:0 4px #46a302}.understood-button:hover:not(:disabled){background-color:#46a302;transform:translateY(-2px)}.understood-button.understood{background-color:#46a302;cursor:default;box-shadow:none}.controls{display:flex;justify-content:space-between;margin-top:var(--space-5, 1.25rem);gap:var(--space-4, 1rem);flex-wrap:wrap}.progress-indicator,.progress{text-align:center;margin-top:var(--space-5, 1.25rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6B6560);background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-3, .75rem);border-radius:var(--radius-md, .5rem)}@media (max-width: 840px){.session-complete-screen{margin:var(--space-3, .75rem);padding:var(--space-5, 1.25rem)}.session-header h2{font-size:var(--font-size-2xl, 1.5rem)}.session-stats{min-width:auto;width:100%;padding:var(--space-4, 1rem)}.celebration-message{font-size:var(--font-size-lg, 1.125rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);top:15%}.game-header{flex-direction:column;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem)}.session-info{font-size:var(--font-size-sm, .875rem)}.streak-indicator{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-size-xs, .75rem)}.game-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3, .75rem);max-width:500px}.card-word,.language-word{font-size:var(--font-size-base, 1rem)}.card-translation{font-size:var(--font-size-xs, .75rem)}}@media (max-width: 480px){.game-container,.simplified-spelling-game,.hangman-game,.anagram-game,.matching-game,.memory-game,.audio-image-match-game,.audio-image-quiz-game,.image-quiz-game{padding:var(--space-3, .75rem);border-radius:var(--radius-xl, 1rem)}.game-title{font-size:var(--font-size-xl, 1.25rem)}.word-display,.target-word{font-size:1.25rem;letter-spacing:.15rem;margin:var(--space-4, 1rem) 0}.letter-button{min-width:38px;height:38px;font-size:var(--font-size-base, 1rem)}.hint-button,.replay-button,.reset-button{font-size:var(--font-size-sm, .875rem);padding:var(--space-2, .5rem) var(--space-3, .75rem)}.game-header{flex-direction:column;align-items:center;gap:var(--space-2, .5rem)}.hint-buttons{flex-direction:column;width:100%}.hint-button{width:100%}.session-complete-screen{padding:var(--space-4, 1rem)}.session-header h2{font-size:var(--font-size-xl, 1.25rem)}.celebration-message{font-size:var(--font-size-base, 1rem);padding:var(--space-3, .75rem) var(--space-5, 1.25rem)}.performance-level{font-size:var(--font-size-sm, .875rem);padding:var(--space-2, .5rem) var(--space-4, 1rem)}.stat-row{padding:var(--space-2, .5rem) 0}.stat-label{font-size:var(--font-size-sm, .875rem)}.stat-value{font-size:var(--font-size-base, 1rem)}.game-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2, .5rem)}.card-word,.language-word{font-size:var(--font-size-sm, .875rem)}.card-front,.card-back{padding:var(--space-2, .5rem)}.options-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.image-container{height:120px}.image-container img{max-height:120px;object-fit:cover}}@media (prefers-reduced-motion: reduce){.celebration-message,.letter-button,.streak-indicator,.score,.target-letter,.play-again-button,.next-word-button,.hint-button,.card,.game-card,.card-inner,.option-button,.image-option{animation:none!important;transition:none!important}.letter-button:hover,.play-again-button:hover,.hint-button:hover,.card:hover,.game-card:hover{transform:none!important}}@media (forced-colors: active){.session-complete-screen,.game-container,.hangman-game,.anagram-game,.matching-game,.memory-game{border:2px solid CanvasText}.celebration-message{border:3px solid Highlight;background:Canvas;color:CanvasText}.letter-button,.card-front,.card-back,.option-button,.image-container{border:2px solid CanvasText}}@media print{.celebration-message,.streak-indicator,.hint-buttons,.play-again-button,.back-button{display:none}.session-complete-screen,.game-container{background:#fff;box-shadow:none;border:1px solid #000}}.embedded-game-content .game-container,.embedded-game-content .simplified-spelling-game,.embedded-game-content .hangman-game,.embedded-game-content .anagram-game,.embedded-game-content .matching-game,.embedded-game-content .memory-game,.embedded-game-content .audio-image-match-game,.embedded-game-content .audio-image-quiz-game,.embedded-game-content .image-quiz-game,.embedded-game-content .sentence-ordering-game,.embedded-game-content .sentence-word-counting-game,.embedded-game-content .enhanced-sentence-fill-in-the-blank,.embedded-game-content .interactive-fill-in-the-blank,.embedded-game-content .sentence-highlighting-activity,.embedded-game-content .dictation-game,.embedded-game-content .phonogram-memory-game,.embedded-game-content .conversation-ordering-game,.embedded-game-content .conversation-fill-in-the-blank,.embedded-game-content .notes-matching-game,.embedded-game-content .game-notes-container,.embedded-game-content .true-false-note-game,.embedded-game-content .quiz-generator-container,.embedded-game-content .quiz-interface,.embedded-game-content .mixed-bag-game{margin:0 auto;width:100%;box-sizing:border-box}.embedded-game-container .game-container,.embedded-game-container .simplified-spelling-game,.embedded-game-container .hangman-game,.embedded-game-container .anagram-game,.embedded-game-container .matching-game,.embedded-game-container .memory-game,.embedded-game-container .audio-image-match-game,.embedded-game-container .audio-image-quiz-game,.embedded-game-container .image-quiz-game,.embedded-game-container .sentence-ordering-game,.embedded-game-container .sentence-word-counting-game,.embedded-game-container .enhanced-sentence-fill-in-the-blank,.embedded-game-container .interactive-fill-in-the-blank,.embedded-game-container .sentence-highlighting-activity,.embedded-game-container .dictation-game,.embedded-game-container .phonogram-memory-game,.embedded-game-container .conversation-ordering-game,.embedded-game-container .conversation-fill-in-the-blank,.embedded-game-container .notes-matching-game,.embedded-game-container .game-notes-container,.embedded-game-container .true-false-note-game,.embedded-game-container .quiz-generator-container,.embedded-game-container .quiz-interface,.embedded-game-container .mixed-bag-game{box-shadow:none;border:1px solid var(--border-color-light, #E8E0D8)}.game-host .game-container,.game-host .simplified-spelling-game,.game-host .hangman-game,.game-host .anagram-game,.game-host .matching-game,.game-host .memory-game,.game-host .audio-image-match-game,.game-host .audio-image-quiz-game,.game-host .image-quiz-game,.game-host .sentence-ordering-game,.game-host .sentence-word-counting-game,.game-host .enhanced-sentence-fill-in-the-blank,.game-host .interactive-fill-in-the-blank,.game-host .sentence-highlighting-activity,.game-host .dictation-game,.game-host .phonogram-memory-game,.game-host .phonogram-tracing-game,.game-host .conversation-ordering-game,.game-host .conversation-fill-in-the-blank,.game-host .notes-matching-game,.game-host .game-notes-container,.game-host .true-false-note-game,.game-host .quiz-generator-container,.game-host .quiz-interface,.game-host .mixed-bag-game,.game-host .interactive-word-game,.game-host .word-reading-practice,.game-host .sentence-reading-practice,.game-host .reading-preparation-practice,.game-host .progressive-reading-builder,.game-host .syllable-sound-manipulator,.game-host .daily-digest-words,.game-host .daily-digest-story{margin:0 auto;width:100%;max-width:100%;padding:0;box-sizing:border-box;border-radius:0;overflow:hidden}.game-host,.game-host h1,.game-host h2,.game-host h3,.game-host h4,.game-host p,.game-host span,.game-host label,.game-host .word-display,.game-host .target-word,.game-host .english-translation,.game-host .text-hint,.game-host .game-title{color:#2d2a26}.game-host .game-container,.game-host .simplified-spelling-game,.game-host .hangman-game,.game-host .anagram-game,.game-host .matching-game,.game-host .memory-game,.game-host .audio-image-match-game,.game-host .audio-image-quiz-game,.game-host .image-quiz-game,.game-host .sentence-ordering-game,.game-host .sentence-word-counting-game,.game-host .enhanced-sentence-fill-in-the-blank,.game-host .interactive-fill-in-the-blank,.game-host .sentence-highlighting-activity,.game-host .dictation-game,.game-host .phonogram-memory-game,.game-host .phonogram-tracing-game,.game-host .conversation-ordering-game,.game-host .conversation-fill-in-the-blank,.game-host .notes-matching-game,.game-host .game-notes-container,.game-host .true-false-note-game,.game-host .quiz-generator-container,.game-host .quiz-interface,.game-host .mixed-bag-game{box-shadow:none;border:1px solid var(--border-color-light, #E8E0D8)}.game-host .game-grid{max-width:500px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem;padding:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.game-host .game-content{max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.game-host .options-grid{max-width:100%}@media (max-width: 480px){.game-host .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem;max-width:100%}}.embedded-game-content.game-host{background-color:#fdf6f0}.embedded-game-content.game-host .game-container,.embedded-game-content.game-host .simplified-spelling-game{background-color:#fff;border-radius:.75rem}.embedded-game-content.game-host::-webkit-scrollbar{width:8px}.embedded-game-content.game-host::-webkit-scrollbar-track{background:#faf5ef;border-radius:4px}.embedded-game-content.game-host::-webkit-scrollbar-thumb{background:#d4cbc0;border-radius:4px}.embedded-game-content.game-host::-webkit-scrollbar-thumb:hover{background:#b8afa5}html{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{min-height:100%;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px)}.journey-main-container{min-height:100dvh;min-height:calc(100vh - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;padding-top:calc(20px + env(safe-area-inset-top,0px))!important}.journey-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}.journey-corner-button.journey-lower-left,.journey-corner-button.journey-lower-right{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}.embedded-game-handler{height:100dvh;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px)}.embedded-game-handler .game-container,.embedded-game-handler .game-wrapper{max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.embedded-game-handler .game-controls,.embedded-game-handler .game-footer,.embedded-game-handler .game-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}.step-session-manager{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px)}.step-session-manager .session-footer,.step-session-manager .session-actions,.step-session-manager .session-controls{padding-bottom:calc(15px + env(safe-area-inset-bottom,0px))!important}.journey-modal-overlay,.journey-celebration-overlay,.modal-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.journey-step-modal,.journey-settings-modal,.journey-celebration-modal{max-height:calc(90vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin-bottom:env(safe-area-inset-bottom,0px)}[class*=game-container],[class*=game-wrapper],[class*=game-content]{padding-bottom:env(safe-area-inset-bottom,0px)}[class*=game-nav],[class*=game-toolbar],[class*=game-controls-bottom]{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}[class*=-overlay],[class*=-fullscreen],[class*=-modal-backdrop]{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}[style*="position: fixed"][style*="bottom:"],.fixed-bottom{bottom:env(safe-area-inset-bottom,0px)!important}.daily-practice-journey{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.daily-practice-journey .reflection-section{margin-bottom:calc(40px + env(safe-area-inset-bottom,0px))}@media all and (display-mode: standalone){body{padding-bottom:env(safe-area-inset-bottom,20px)}.journey-main-container{padding-bottom:calc(30px + env(safe-area-inset-bottom,20px))!important}.journey-container{padding-bottom:calc(100px + env(safe-area-inset-bottom,20px))!important}.journey-corner-button.journey-lower-left,.journey-corner-button.journey-lower-right{bottom:calc(25px + env(safe-area-inset-bottom,20px))!important}}@media (max-width: 768px){.journey-container{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}.journey-corner-button.journey-lower-left,.journey-corner-button.journey-lower-right{bottom:calc(15px + env(safe-area-inset-bottom,0px))!important}}@media (max-width: 480px){.journey-container{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}@supports (padding: constant(safe-area-inset-bottom)){body{padding-bottom:constant(safe-area-inset-bottom)}.journey-main-container{padding-bottom:calc(20px + constant(safe-area-inset-bottom))!important}.journey-container{padding-bottom:calc(80px + constant(safe-area-inset-bottom))!important}}:root{--color-primary: #58CC02;--color-primary-dark: #46A302;--color-primary-light: rgba(88, 204, 2, .1);--color-primary-glow: rgba(88, 204, 2, .4);--color-accent: #E67E22;--color-accent-dark: #D35400;--color-accent-light: #FEF3E2;--color-indigo: #6366F1;--color-indigo-dark: #4F46E5;--color-indigo-light: #EEF2FF;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-success-border: #86EFAC;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-bg-page: #FDF6F0;--color-bg-card: #FFFFFF;--color-bg-input: #F5F0EB;--color-bg-muted: #FAF5EF;--color-bg-hover: #F0EBE5;--color-text-primary: #2D2A26;--color-text-secondary: #6B6560;--color-text-tertiary: #9C958E;--color-text-inverse: #FFFFFF;--border-color: #E8E0D8;--border-color-light: #F0EBE5;--border-color-dark: #D4CBC2;--border-color-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(45, 42, 38, .04);--shadow-sm: 0 1px 3px rgba(45, 42, 38, .06), 0 1px 2px rgba(45, 42, 38, .04);--shadow-md: 0 4px 6px -1px rgba(45, 42, 38, .08), 0 2px 4px -1px rgba(45, 42, 38, .04);--shadow-lg: 0 10px 15px -3px rgba(45, 42, 38, .08), 0 4px 6px -2px rgba(45, 42, 38, .04);--shadow-xl: 0 20px 25px -5px rgba(45, 42, 38, .08), 0 10px 10px -5px rgba(45, 42, 38, .03);--shadow-soft: 0 4px 20px rgba(45, 42, 38, .06);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-button-3d: 0 4px 0 var(--color-primary-dark);--shadow-button-3d-secondary: 0 2px 0 var(--border-color);--shadow-button-3d-accent: 0 4px 0 var(--color-accent-dark);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}[data-theme=dark],.dark{--color-bg-page: #1A1512;--color-bg-card: #2A2420;--color-bg-input: #1A1512;--color-bg-muted: #352E28;--color-bg-hover: #3D352E;--color-text-primary: #F5F0EB;--color-text-secondary: #B8B0A8;--color-text-tertiary: #7A736C;--border-color: #3D352E;--border-color-light: #2A2420;--border-color-dark: #4A413A;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-button-3d-secondary: 0 2px 0 #3D352E;--color-success-light: rgba(34, 197, 94, .15);--color-warning-light: rgba(245, 158, 11, .15);--color-error-light: rgba(239, 68, 68, .15);--color-info-light: rgba(59, 130, 246, .15);--color-accent-light: rgba(230, 126, 34, .15);--color-indigo-light: rgba(99, 102, 241, .15)}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: #EEF2FF;--color-primary-glow: rgba(99, 102, 241, .4);--color-cta-green: #58CC02;--color-cta-green-dark: #46A302;--color-accent: #E67E22;--color-accent-dark: #D35400;--color-accent-light: #FEF3E2;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-success-border: #86EFAC;--color-amber: #F59E0B;--color-amber-light: #FEF3C7;--color-bg-page: #FDF6F0;--color-bg-card: #FFFFFF;--color-bg-muted: #FAF5EF;--color-text-primary: #2D2A26;--color-text-secondary: #6B6560;--color-text-tertiary: #9C958E;--border-color: #E8E0D8;--border-color-light: #F0EBE5;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .05);--shadow-md: 0 4px 6px -1px rgba(45, 42, 38, .08), 0 2px 4px -1px rgba(45, 42, 38, .04);--shadow-lg: 0 10px 15px -3px rgba(45, 42, 38, .08), 0 4px 6px -2px rgba(45, 42, 38, .04);--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family: "Sofia Pro", "Century Gothic", CenturyGothic, AppleGothic, -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease}.dark{--color-bg-page: #1A1512;--color-bg-card: #2A2420;--color-bg-muted: #352E28;--color-text-primary: #F5F0EB;--color-text-secondary: #B8B0A8;--color-text-tertiary: #7A736C;--border-color: #3D352E;--border-color-light: #2A2420}.topic-journey-map.bento-view{width:100%;max-width:900px;margin:0 auto;padding:0 16px 24px;display:flex;flex-direction:column;gap:16px;font-family:var(--font-family);background:var(--color-bg-page);min-height:100vh}.topic-journey-header{display:flex;align-items:center;padding:16px 0;gap:12px;position:sticky;top:0;background:var(--color-bg-page);z-index:20}.back-chevron{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:1.75rem;font-weight:300;transition:all var(--transition-base);padding:0;flex-shrink:0;line-height:1}.back-chevron:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.journey-title{flex:1}.journey-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.journey-title p{margin:2px 0 0;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.topic-progress-section{background:var(--color-bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);padding:16px 20px}.progress-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.progress-icon{font-size:1.1rem}.progress-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.progress-stats{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.progress-count{display:flex;flex-direction:column;gap:2px}.progress-count .value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.progress-count .separator{color:var(--color-text-tertiary);margin:0 2px}.progress-count .label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-percentage{font-size:1.5rem;font-weight:700;color:var(--color-cta-green)}.topic-progress-bar{height:8px;background:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden}.topic-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-cta-green),var(--color-cta-green-dark));border-radius:var(--radius-full);transition:width .5s ease}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bento-tile{position:relative;background:var(--color-bg-card);border:2px solid var(--border-color-light);border-radius:var(--radius-xl);padding:16px;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;min-height:100px}.bento-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bento-tile:active{transform:translateY(0)}.tile-sequence{display:flex;align-items:center;gap:4px;margin-bottom:8px}.sequence-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-bg-muted);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:var(--color-text-secondary)}.sequence-arrow{font-size:.875rem;color:var(--color-text-tertiary);margin-left:2px}.tile-status{position:absolute;top:12px;right:12px}.status-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:.75rem}.status-icon.completed{background:var(--color-success-light);color:var(--color-success)}.status-icon.current{background:var(--color-primary-light);color:var(--color-primary)}.tile-content{flex:1;display:flex;flex-direction:column;gap:4px}.tile-name{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.tile-time{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--color-text-tertiary)}.time-icon{font-size:.65rem}.tile-stars{display:flex;gap:2px;margin-top:8px}.tile-stars .star{font-size:.75rem}.tile-stars .star.filled{color:var(--color-amber)}.tile-stars .star.empty{color:var(--color-text-tertiary);opacity:.4}.tile-current-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.bento-tile.completed{border-color:var(--color-success-border);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-success-light) 100%)}.bento-tile.completed .sequence-number{background:var(--color-success);color:#fff}.bento-tile.completed:hover{border-color:var(--color-success)}.bento-tile.current{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-primary-light) 100%);box-shadow:0 0 0 3px var(--color-primary-light)}.bento-tile.current .sequence-number{background:var(--color-primary);color:#fff}.bento-tile.current:hover{box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md)}.bento-tile.available{opacity:.85}.bento-tile.available:hover{opacity:1}.topic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){.topic-modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.topic-modal{background:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-2xl, 1.5rem);padding:28px;max-width:400px;width:100%;position:relative;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));-webkit-transform:translateZ(0);transform:translateZ(0)}.topic-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--color-bg-muted);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1rem;transition:all var(--transition-base)}.topic-modal-close:hover{background:var(--border-color);color:var(--color-text-primary)}.topic-modal-header h3{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);padding-right:40px}.topic-modal-description{margin:0 0 16px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.topic-modal-meta{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-secondary)}.meta-icon{font-size:1rem}.topic-modal-actions{display:flex;flex-direction:column;gap:10px}.topic-start-btn{width:100%;padding:14px 20px;border:none;border-radius:var(--radius-xl);background:var(--color-cta-green);color:#fff;font-family:var(--font-family);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 0 var(--color-cta-green-dark);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.topic-start-btn:hover{background:var(--color-cta-green-dark)}.topic-start-btn:active{box-shadow:none;transform:translateY(4px)}.topic-complete-btn,.topic-unmark-btn{width:100%;padding:12px 20px;border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--color-bg-card);color:var(--color-text-secondary);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.topic-complete-btn:hover,.topic-unmark-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.btn-icon{font-size:.9rem}@media (min-width: 600px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:16px}.bento-tile{padding:18px;min-height:110px}.tile-name{font-size:.95rem}.sequence-number{width:28px;height:28px;font-size:.8rem}}@media (min-width: 800px){.topic-journey-map.bento-view{padding:0 24px 32px}.bento-grid{grid-template-columns:repeat(4,1fr);gap:16px}.bento-tile{padding:20px;min-height:120px}.tile-name{font-size:1rem}}@media (max-width: 380px){.topic-journey-map.bento-view{padding:0 12px 20px}.bento-grid{gap:10px}.bento-tile{padding:12px;min-height:90px}.tile-name{font-size:.8rem}.sequence-number{width:20px;height:20px;font-size:.65rem}.tile-current-badge{font-size:.6rem;padding:3px 8px}}.bento-tile.in-progress{border-color:var(--color-amber);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-amber-light) 100%)}.bento-tile.in-progress .sequence-number{background:var(--color-amber);color:#fff}.bento-tile.in-progress:hover{border-color:var(--color-amber);box-shadow:0 0 0 3px var(--color-amber-light),var(--shadow-md)}.status-icon.in-progress{background:var(--color-amber-light);color:var(--color-amber)}.tile-current-badge.in-progress{background:var(--color-amber)}.cloud-sync-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.cloud-icon{font-size:1.25rem}.progress-cloud-badge{font-size:.65rem;font-weight:600;color:var(--color-success);background:var(--color-success-light);padding:2px 8px;border-radius:var(--radius-full);margin-left:auto;text-transform:uppercase;letter-spacing:.05em}.progress-in-progress{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-amber);margin-bottom:12px}.in-progress-icon{font-size:.7rem}.topic-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary)}.topic-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.topic-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.topic-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);flex:1}.modal-status-badge{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.modal-status-badge.not-started{background:var(--color-bg-muted);color:var(--color-text-tertiary)}.modal-status-badge.in-progress{background:var(--color-amber-light);color:var(--color-amber)}.modal-status-badge.completed{background:var(--color-success-light);color:var(--color-success)}.topic-modal-status-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.topic-status-btn{width:100%;padding:10px 16px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-secondary);font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.topic-status-btn:hover:not(:disabled){border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.topic-status-btn:disabled{opacity:.5;cursor:not-allowed}.topic-status-btn.complete:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.topic-status-btn.in-progress:hover:not(:disabled){border-color:var(--color-amber);color:var(--color-amber);background:var(--color-amber-light)}.topic-status-btn.reset:hover:not(:disabled){border-color:var(--color-text-tertiary);color:var(--color-text-secondary)}.topic-modal-saving{display:flex;align-items:center;justify-content:center;padding:12px;margin-top:12px;background:var(--color-bg-muted);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.85rem}@media (min-width: 480px){.topic-modal-status-actions{flex-direction:row;flex-wrap:wrap}.topic-status-btn{flex:1;min-width:140px}}:root{--color-primary: #58CC02;--color-primary-dark: #46A302;--color-primary-light: rgba(88, 204, 2, .1);--color-accent: #E67E22;--color-accent-dark: #D35400;--color-accent-light: #FEF3E2;--color-indigo: #6366F1;--color-indigo-hover: #4F46E5;--color-indigo-light: #EEF2FF;--color-bg-page: #FDF6F0;--color-bg-card: #FFFFFF;--color-bg-input: #F5F0EB;--color-bg-muted: #FAF5EF;--color-text-primary: #2D2A26;--color-text-secondary: #6B6560;--color-text-tertiary: #9C958E;--border-color: #E8E0D8;--border-color-light: #F0EBE5;--border-color-focus: var(--color-primary);--shadow-soft: 0 4px 20px rgba(45, 42, 38, .06);--shadow-card: 0 4px 6px -1px rgba(45, 42, 38, .08), 0 2px 4px -1px rgba(45, 42, 38, .04);--shadow-button-3d: 0 4px 0 #46A302;--shadow-button-3d-secondary: 0 2px 0 #E8E0D8;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--space-4: 16px;--space-6: 24px;--font-family: "Sofia Pro", "Century Gothic", CenturyGothic, AppleGothic, -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark],.dark{--color-bg-page: #1A1512;--color-bg-card: #2A2420;--color-bg-input: #1A1512;--color-bg-muted: #352E28;--color-text-primary: #F5F0EB;--color-text-secondary: #B8B0A8;--color-text-tertiary: #7A736C;--border-color: #3D352E;--border-color-light: #2A2420;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-button-3d-secondary: 0 2px 0 #3D352E}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;font-family:var(--font-family);background:var(--color-bg-page);color:var(--color-text-primary);position:relative;overflow:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}.background-dots{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.dot{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.dot-1{width:200px;height:200px;top:-50px;right:-50px;background:#fef3c7}.dot-2{width:250px;height:250px;bottom:-80px;left:-80px;background:#dbeafe}.dot-3,.dot-4,.dot-5,.dot-6,.dot-7,.dot-8,.dot-9,.dot-10,.dot-11,.dot-12,.dot-13,.dot-14,.dot-15{display:none}.dark .dot-1{background:#eab30833}.dark .dot-2{background:#3b82f633}.welcome-screen>*{position:relative;z-index:10}.welcome-screen h1{font-size:1.875rem;font-weight:800;margin-bottom:8px;color:var(--color-text-primary);letter-spacing:-.025em;text-align:center}.welcome-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.025em;text-align:center;margin:0 0 4px;padding-top:8px}.welcome-screen.fp-mode{background:#f5e6ce}.welcome-screen.fp-mode .background-dots .dot{opacity:0}.welcome-screen h2{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--color-text-primary);text-align:center}.welcome-screen p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:24px;text-align:center;font-weight:500}.auth-section{width:100%;max-width:400px;margin:0 auto;padding:32px;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.auth-section h2{font-size:1.875rem;font-weight:800;margin-bottom:8px;text-align:center;color:var(--color-text-primary)}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.auth-input{width:100%;padding:14px 16px 14px 44px;background:var(--color-bg-input);border:2px solid var(--border-color);border-radius:var(--radius-xl);font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--color-text-primary);transition:all var(--transition-base);box-sizing:border-box;text-align:left;height:auto}.auth-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.auth-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-card)}.auth-input[type=text]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.auth-input[type=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.auth-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2358CC02' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E")}.auth-input[type=password]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2358CC02' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E")}.auth-button,.submit-button{width:100%;padding:14px 24px;border:none;border-radius:var(--radius-xl);font-family:var(--font-family);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button-3d);text-transform:uppercase;letter-spacing:.05em}.auth-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.auth-button:active:not(:disabled),.submit-button:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.auth-button:disabled,.submit-button:disabled{background:var(--color-text-tertiary);box-shadow:0 4px #6b7280;cursor:not-allowed;opacity:.6}.guest-button,.logout-button{width:100%;padding:12px 24px;border:2px solid var(--border-color);border-radius:var(--radius-xl);font-family:var(--font-family);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;background:var(--color-bg-card);color:var(--color-text-secondary);box-shadow:var(--shadow-button-3d-secondary)}.guest-button:hover,.logout-button:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.guest-button:active,.logout-button:active{box-shadow:none;transform:translateY(2px)}.divider{display:flex;align-items:center;gap:16px;width:100%;margin:8px 0;color:var(--color-text-tertiary);font-size:.875rem;font-weight:700;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--border-color)}.language-form{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;margin:0 auto}.language-form p{margin-bottom:16px}.select-container{width:100%;padding:32px;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:24px}.select-container .auth-logo{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-light),rgba(99,102,241,.1));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.language-select{width:100%;padding:14px 44px 14px 16px;background:var(--color-bg-input);border:2px solid var(--border-color);border-radius:var(--radius-xl);font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;transition:all var(--transition-base);box-sizing:border-box;height:auto}.language-select:focus{outline:none;border-color:var(--color-primary)}.language-select:disabled{opacity:.5;cursor:not-allowed}.language-select option{background:var(--color-bg-card);color:var(--color-text-primary)}.language-form .submit-button,.select-container .submit-button,.language-form .logout-button,.select-container .logout-button{width:100%;margin:0;border-radius:var(--radius-xl);text-align:center;justify-content:center}.pathway-selection{position:relative;width:100%;max-width:700px;margin:0 auto;padding:32px;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;text-align:center}.footprints-shortcut{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.4rem;cursor:pointer;opacity:.45;transition:opacity .2s ease,transform .2s ease;padding:6px;line-height:1;border-radius:var(--radius-md, 8px)}.footprints-shortcut:hover{opacity:1;transform:scale(1.15);background:var(--color-primary-light, rgba(0,0,0,.05))}.pathway-selection h2{font-size:1.5rem;font-weight:800;margin-bottom:8px}.pathway-selection p{margin-bottom:24px}.pathway-selection .selected-topic-info{font-size:.875rem;color:var(--color-primary);font-weight:700;margin-top:-16px;margin-bottom:24px;padding:8px 16px;background:var(--color-primary-light);border-radius:var(--radius-full)}.pathway-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:24px}.pathway-card{background:var(--color-bg-input);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;min-height:200px}.pathway-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-4px)}.pathway-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.pathway-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;flex-grow:1;margin-bottom:16px}.pathway-button{width:100%;padding:14px 20px;border:none;border-radius:var(--radius-xl);font-family:var(--font-family);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);margin-top:auto}.pathway-button.primary{background:var(--color-primary);color:#fff;box-shadow:0 3px 0 var(--color-primary-dark)}.pathway-button.primary:hover{background:var(--color-primary-dark)}.pathway-button.primary:active{box-shadow:none;transform:translateY(3px)}.back-to-topics-button{padding:12px 24px;background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:.9rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.back-to-topics-button:hover{background:var(--color-bg-input);color:var(--color-text-primary);transform:translate(-4px)}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #FECACA;padding:12px 16px;margin:16px 0;border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;font-size:.9rem;font-weight:500}.loading-message{color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);padding:12px 16px;margin:16px 0;border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;font-size:.9rem;font-weight:500}.dark .error-message{background:#dc26261a;border-color:#dc26264d}.dark .loading-message{background:#58cc021a;border-color:#58cc024d}@media (min-width: 900px){.pathway-selection{max-width:800px;padding:40px}.pathway-options{gap:24px}.pathway-card{padding:28px;min-height:220px}.pathway-card h3{font-size:1.375rem}.pathway-card p{font-size:1rem}}@media (max-width: 768px){.welcome-screen{padding:20px 16px}.welcome-screen h1{font-size:1.5rem}.auth-section,.select-container{padding:24px}.pathway-selection{padding:24px;max-width:500px}.pathway-options{grid-template-columns:1fr;gap:12px}.pathway-card{min-height:auto;padding:20px}}@media (max-width: 480px){.welcome-screen{padding:16px 12px}.welcome-screen h1{font-size:1.375rem}.auth-section,.select-container{padding:20px}.auth-button,.submit-button{font-size:1rem;padding:12px 20px}}.welcome-screen .dark-mode-toggle,.dark-mode-toggle{position:fixed;bottom:24px;left:50%;right:auto;transform:translate(-50%);width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-card);border:2px solid var(--color-primary);box-shadow:var(--shadow-card);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:background var(--transition-base),box-shadow var(--transition-base)}.welcome-screen .dark-mode-toggle:hover,.dark-mode-toggle:hover{transform:translate(-50%) scale(1.1);box-shadow:0 4px 12px #58cc024d}.video-preference{margin-top:16px;font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px}.video-preference input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.auth-logo{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-light),rgba(99,102,241,.1));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.auth-logo-icon{font-size:2.5rem}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6)}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;z-index:1;pointer-events:none}.input-group .auth-input{padding-left:44px}.guest-icon{margin-right:8px}.auth-footprints-paw{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid rgba(139,115,85,.15);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:2;padding:0;line-height:1}.auth-footprints-paw:hover{background:#8b73550f;border-color:#8b735559;transform:scale(1.08)}.auth-footprints-paw.active{background:#8b73551a;border-color:#8b7355;box-shadow:0 0 0 3px #8b73551f}.auth-footprints-paw.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#8b7355}.fp-screen-card button:focus-visible,.fp-screen-card button:focus{outline:none!important}.fp-screen-card{width:100%;max-width:400px;margin:0 auto;padding:32px 28px;background:var(--color-bg-card, #FFFAF5);border-radius:var(--radius-2xl, 24px);box-shadow:var(--shadow-soft, 0 4px 20px rgba(0,0,0,.06));position:relative;display:flex;flex-direction:column;align-items:center}.fp-screen-card.fp-lang-card{align-items:stretch;overflow:hidden;display:flex;flex-direction:column;max-height:none}.fp-back-btn{position:absolute;top:20px;left:20px;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(139,115,85,.2);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary, #3C2A14);transition:all .2s ease;z-index:2;padding:0}.fp-back-btn:hover{border-color:#8b735566;background:#8b73550d}.fp-back-btn:focus,.fp-back-btn:focus-visible{outline:none!important;background:#fff}.fp-guest-illo{width:110px;height:110px;margin:12px auto 0;border-radius:50%;background:linear-gradient(135deg,#f5ede4,#e8d5c0);display:flex;align-items:center;justify-content:center;font-size:52px}.fp-screen-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary, #3C2A14);margin:20px 0 8px;text-align:center}.fp-screen-sub{font-size:.9rem;color:var(--color-text-secondary, #8B7355);text-align:center;line-height:1.5;margin-bottom:24px}.fp-name-input{width:100%;padding:16px 20px;border:2px solid rgba(139,115,85,.15);border-radius:var(--radius-xl, 16px);font-size:1.1rem;font-family:inherit;text-align:center;background:#fdf6f080;color:var(--color-text-primary, #3C2A14);outline:none;transition:border-color .2s ease;margin-bottom:16px}.fp-name-input:focus{border-color:#8b735566}.fp-name-input::placeholder{color:#8b735566}.fp-btn-dark{width:100%;padding:16px 24px;border:none;border-radius:var(--radius-xl, 16px);font-family:inherit;font-size:1rem;font-weight:700;color:#fff;background:#a89279;cursor:pointer;transition:all .2s ease}.fp-btn-dark:hover:not(:disabled){background:#8b7355;transform:translateY(-1px)}.fp-btn-dark:disabled{opacity:.5;cursor:not-allowed}.fp-btn-dark:focus,.fp-btn-dark:focus-visible{outline:none!important}.fp-guest-note{font-size:.8rem;color:var(--color-text-secondary, #8B7355);text-align:center;margin-top:20px;line-height:1.5}.fp-lang-search-wrap{position:relative;margin-bottom:20px;flex-shrink:0}.fp-lang-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8b735566;pointer-events:none}.fp-lang-search{width:100%;padding:14px 16px 14px 44px;border:2px solid rgba(139,115,85,.12);border-radius:var(--radius-xl, 16px);font-size:.95rem;font-family:inherit;background:#fdf6f080;color:var(--color-text-primary, #3C2A14);outline:none;transition:border-color .2s ease;box-sizing:border-box}.fp-lang-search:focus{border-color:#8b735559}.fp-lang-search::placeholder{color:#8b735566}.fp-lang-list{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.fp-lang-loading{text-align:center;color:var(--color-text-secondary, #8B7355);font-style:italic;padding:20px 0}.fp-lang-row,.fp-lang-row:hover,.fp-lang-row:focus,.fp-lang-row:focus-visible,.fp-lang-row:active{outline:none!important;background:#fff!important}.fp-lang-row:hover{border-color:#8b73554d!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f!important}.fp-lang-row.selected,.fp-lang-row.selected:hover,.fp-lang-row.selected:focus,.fp-lang-row.selected:focus-visible,.fp-lang-row.selected:active{border-color:#d4a03c!important;background:#d4a03c0d!important;box-shadow:0 0 0 3px #d4a03c1a!important;outline:none!important}.fp-lang-row{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:2px solid rgba(139,115,85,.1);border-radius:var(--radius-lg, 14px);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit;box-sizing:border-box}.fp-lang-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.fp-lang-info{flex:1;display:flex;flex-direction:column}.fp-lang-name{font-size:1rem;font-weight:700;color:var(--color-text-primary, #3C2A14)}.fp-lang-check{width:26px;height:26px;border-radius:50%;border:2px solid rgba(139,115,85,.15);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fp-lang-check.checked{background:#d4a03c;border-color:#d4a03c}.fp-lang-sticky{padding:4px 0 0;flex-shrink:0}.fp-topic-chooser{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px}.fp-chooser-header{margin-bottom:40px}.fp-chooser-header .fp-screen-title,.fp-chooser-header .fp-screen-sub{text-align:center}.fp-chooser-circles{display:grid;gap:20px;justify-items:center;align-items:center;margin-bottom:40px;width:100%;max-width:320px}.fp-chooser-circles.count-2,.fp-chooser-circles.count-3{grid-template-columns:1fr 1fr}.fp-chooser-circles.count-3 .fp-chooser-bubble:last-child{grid-column:1 / -1}.fp-chooser-circles.count-4{grid-template-columns:1fr 1fr}.fp-chooser-bubble{width:130px;height:130px;border-radius:50%;background:var(--bubble-bg, rgba(94,140,97,.12));border:3px solid rgba(139,115,85,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .3s ease;animation:fp-bubble-bob 3s ease-in-out infinite;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;padding:10px}.fp-chooser-bubble:hover{border-color:#d4a03c;transform:scale(1.06);box-shadow:0 4px 20px #d4a03c33}.fp-chooser-bubble:active{transform:scale(.97)}.fp-chooser-bubble:focus,.fp-chooser-bubble:focus-visible{outline:none!important}.fp-chooser-bubble.selected{border-color:#d4a03c;border-width:3px;box-shadow:0 0 0 4px #d4a03c40,0 8px 32px #d4a03c4d;animation:fp-bubble-selected .5s ease forwards}.fp-chooser-bubble-emoji{font-size:32px;line-height:1}.fp-chooser-bubble-name{font-size:12px;font-weight:700;color:#3d2518;line-height:1.2;max-width:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.fp-chooser-hint{font-size:13px;color:#8b6040;margin:0;opacity:.7}@keyframes fp-bubble-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fp-chooser-bubble:nth-child(1){animation-delay:0s}.fp-chooser-bubble:nth-child(2){animation-delay:.7s}.fp-chooser-bubble:nth-child(3){animation-delay:1.4s}.fp-chooser-bubble:nth-child(4){animation-delay:.4s}@keyframes fp-bubble-selected{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1.05)}}.chatbot-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1050;display:flex;justify-content:flex-end;align-items:flex-end;padding:20px}.chatbot-container{width:400px;max-width:90vw;height:500px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;animation:slideUpIn .3s ease-out;margin-bottom:80px;margin-right:10px}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#4285f4;color:#fff;border-radius:12px 12px 0 0}.chatbot-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.chatbot-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.chatbot-close:hover{background-color:#ffffff1a}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;align-items:flex-start}.message.user{align-items:flex-end}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;word-wrap:break-word}.message.bot .message-bubble{background:#f1f3f4;color:#333;border-bottom-left-radius:6px}.message.user .message-bubble{background:#4285f4;color:#fff;border-bottom-right-radius:6px}.message-text{margin:0;line-height:1.4;font-size:14px;white-space:pre-line}.message-time{font-size:11px;color:#666;margin-top:4px;margin-left:8px}.message.user .message-time{margin-left:0;margin-right:8px;text-align:right}.suggestions{margin-top:8px;display:flex;flex-direction:column;gap:6px}.suggestion-button{background:#fff;border:1px solid #4285f4;color:#4285f4;padding:8px 12px;border-radius:16px;cursor:pointer;font-size:13px;transition:all .2s ease;text-align:left}.suggestion-button:hover{background:#4285f4;color:#fff;transform:translateY(-1px)}.typing{background:#f1f3f4!important;padding:16px!important;display:flex;align-items:center;justify-content:center}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#666;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chatbot-input{padding:16px;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;background:#fff}.input-container{display:flex;gap:8px;align-items:center}.message-input{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:24px;outline:none;font-size:14px;transition:border-color .2s ease}.message-input:focus{border-color:#4285f4}.message-input:disabled{background:#f5f5f5;color:#666}.voice-button,.send-button{width:40px;height:40px;border:2px solid #dadce0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;min-width:40px;min-height:40px;flex-shrink:0}.voice-button{background:#fff;color:#333}.voice-button:hover{background:#e8eaed;border-color:#4285f4;color:#4285f4}.voice-button.listening{background:#ea4335;border-color:#ea4335;color:#fff;animation:pulse 2s infinite}.send-button{background:#4285f4;border-color:#4285f4;color:#fff}.send-button:hover:not(:disabled){background:#3367d6;border-color:#3367d6;transform:scale(1.05)}.send-button:disabled{background:#f8f9fa;border-color:#e0e0e0;cursor:not-allowed;transform:none;color:#9aa0a6}.voice-button svg,.send-button svg,.chatbot-close svg,.chatbot-title svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important}.voice-status{padding:8px 16px;margin-bottom:8px;border-radius:8px;font-size:12px;text-align:center}.listening-indicator{background:#e3f2fd;color:#1976d2;padding:8px;border-radius:6px}.processing-indicator{background:#fff3e0;color:#f57c00;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px}.processing-indicator:before{content:"";width:12px;height:12px;border:2px solid #f57c00;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.silence-countdown{background:#f3e5f5;color:#7b1fa2;padding:8px;border-radius:6px}.countdown-bar{width:100%;height:4px;background:#7b1fa233;border-radius:2px;margin-top:4px;overflow:hidden}.countdown-progress{height:100%;background:#7b1fa2;border-radius:2px;transition:width .1s linear}.voice-button.listening{background:#ea4335;border-color:#ea4335;color:#fff;animation:voicePulse 2s infinite}@keyframes voicePulse{0%{box-shadow:0 0 #ea4335b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #ea433533;transform:scale(1.05)}to{box-shadow:0 0 #ea433500;transform:scale(1)}}.message-input:disabled{background:#f8f9fa;color:#666;font-style:italic}@keyframes pulse{0%{box-shadow:0 0 #ea4335b3}70%{box-shadow:0 0 0 10px #ea433500}to{box-shadow:0 0 #ea433500}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#bdbdbd}@media (max-width: 768px){.chatbot-overlay{padding:10px}.chatbot-container{width:100%;height:60vh;margin-bottom:70px;margin-right:0}.chatbot-header{padding:12px 16px}.chatbot-title{font-size:14px}.chatbot-messages{padding:12px}.message-bubble{max-width:85%;padding:10px 14px}.message-text{font-size:13px}.chatbot-input{padding:12px}.message-input{padding:10px 14px;font-size:13px}.voice-button,.send-button{width:36px;height:36px;min-width:36px;min-height:36px}.voice-button svg,.send-button svg{width:18px!important;height:18px!important}}@media (max-width: 1024px) and (min-width: 769px){.chatbot-container{width:350px;height:450px}}@media (min-width: 1200px){.chatbot-container{width:450px;height:550px}}@media (prefers-reduced-motion: reduce){.chatbot-container,.suggestion-button,.send-button,.typing-dots span{animation:none!important;transition:none!important}.voice-button.listening{animation:none!important}@media (max-width: 480px){.voice-status{padding:6px 12px;font-size:11px}.countdown-bar{height:3px}}}body.game-active{overflow:hidden}.embedded-game-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1300;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.game-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2d2a2699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .3s ease}.game-modal-backdrop.closing{opacity:0}.embedded-game-container{position:relative;width:100%;max-width:1200px;height:100vh;max-height:90vh;background:#fff;color:#2d2a26;margin:20px;display:flex;flex-direction:column;border-radius:1rem;box-shadow:0 8px 32px #2d2a2633;border:1px solid #E8E0D8;transform:scale(1);opacity:1;transition:transform .3s ease,opacity .3s ease;overflow:hidden;z-index:1301}.embedded-game-container.closing{transform:scale(.95);opacity:0}.embedded-game-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E8E0D8;background-color:#fff;gap:12px}.close-game-button,.complete-game-button{padding:10px 20px;border-radius:9999px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.close-game-button{background-color:#faf5ef;color:#2d2a26;border:1px solid #E8E0D8}.close-game-button:hover{background-color:#f5ede3;border-color:#d4cbc0}.complete-game-button{background-color:#58cc02;color:#fff;box-shadow:0 4px #46a302}.complete-game-button:hover{background-color:#46a302}.complete-game-button:active{box-shadow:none;transform:translateY(4px)}.embedded-game-content{flex:1;overflow-y:auto;padding:20px;background-color:#fdf6f0;color:#2d2a26}.embedded-game-content::-webkit-scrollbar{width:8px}.embedded-game-content::-webkit-scrollbar-track{background:#faf5ef;border-radius:4px}.embedded-game-content::-webkit-scrollbar-thumb{background:#d4cbc0;border-radius:4px}.embedded-game-content::-webkit-scrollbar-thumb:hover{background:#b8afa5}.embedded-game-content h1,.embedded-game-content h2,.embedded-game-content h3,.embedded-game-content h4,.embedded-game-content p,.embedded-game-content span,.embedded-game-content label,.embedded-game-content .word-display,.embedded-game-content .target-word,.embedded-game-content .english-translation,.embedded-game-content .text-hint,.embedded-game-content .game-title{color:#2d2a26}.embedded-game-content .game-container,.embedded-game-content .simplified-spelling-game{background-color:#fff;color:#2d2a26;border:1px solid #E8E0D8;border-radius:.75rem}.no-game-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;text-align:center;padding:40px 20px}.no-game-message p{font-size:1.1rem;color:#6b6560;margin:0}.no-game-message .close-game-button{margin-top:10px}@media (max-width: 840px){.embedded-game-container{margin:15px;max-height:95vh;border-radius:.75rem}.embedded-game-header{padding:12px 16px}.embedded-game-content{padding:16px}.close-game-button,.complete-game-button{padding:8px 16px;font-size:.9rem}}@media (max-width: 480px){.embedded-game-modal{padding:0}.embedded-game-container{margin:0;height:100vh;max-height:100vh;border-radius:0;width:100%;border:none}.embedded-game-header{padding:12px;flex-direction:column;gap:10px}.close-game-button,.complete-game-button{width:100%;padding:12px;justify-content:center;box-sizing:border-box}.embedded-game-content{padding:12px;box-sizing:border-box}}@media (prefers-reduced-motion: reduce){.embedded-game-container,.game-modal-backdrop{transition:none}}@media (min-width: 481px){.embedded-game-container{margin:0 auto}}.game-wrapper{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding:1rem}.game-wrapper-back-link{display:inline-block;margin-bottom:1.25rem;color:#2d2a26;font-weight:600;text-decoration:none;transition:color .2s ease}.game-wrapper-back-link:hover{color:#58cc02}.game-wrapper-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#2d2a26}.affirmations-checkin{font-family:var(--font-family-body)}.header-icon{width:28px;height:28px;color:var(--color-accent)}.constrained-text{color:var(--color-cta-green-hover)}.unconstrained-text{color:var(--color-primary)}.constrained-bg{background:var(--color-success-light)}.unconstrained-bg{background:var(--color-primary-light)}.priority-badge{background:var(--color-accent);color:#fff;font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);padding:2px 8px;border-radius:var(--radius-full, 9999px);margin-left:var(--space-2, .5rem)}.priority-badge-small{background:var(--color-accent);color:#fff;font-size:10px;font-weight:var(--font-weight-bold, 700);width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-2, .5rem)}.filter-badge{background:var(--color-primary, #6366F1);color:#fff;font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);padding:2px 8px;border-radius:var(--radius-full, 9999px);margin-left:var(--space-2, .5rem);display:inline-flex;align-items:center;gap:4px}.filter-badge-small{background:var(--color-primary, #6366F1);color:#fff;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-1, .25rem)}.affirmations-drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d2a2666;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1100}.affirmations-drawer-backdrop.visible{opacity:1;visibility:visible}.affirmations-drawer{position:fixed;top:0;left:0;right:0;background:var(--color-bg-card, #FFFFFF);border-radius:0 0 var(--radius-2xl, 1.5rem) var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-xl);transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1200;max-height:85vh;overflow-y:auto}.affirmations-drawer.open{transform:translateY(0)}.affirmations-drawer .drawer-content{padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem) var(--space-4, 1rem)}.affirmations-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2, .5rem);padding-bottom:var(--space-3, .75rem);border-bottom:1px solid var(--border-color-light, #E8E0D8)}.affirmations-drawer .drawer-title-section{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-wrap:wrap}.affirmations-drawer .drawer-title-section h3{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #2D2A26)}.affirmations-drawer .drawer-icon{color:var(--color-accent, #E67E22)}.affirmations-drawer .drawer-close{background:none;border:none;padding:var(--space-2, .5rem);cursor:pointer;color:var(--color-text-tertiary, #9C958E);border-radius:var(--radius-full, 9999px);transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center}.affirmations-drawer .drawer-close:hover{background:var(--color-bg-muted, #FAF5EF);color:var(--color-text-primary, #2D2A26)}.affirmations-drawer .drawer-instructions{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #9C958E);margin:0 0 var(--space-3, .75rem) 0;font-style:italic}.affirmations-drawer .drawer-instructions .instruction-icon{color:var(--color-accent, #E67E22)}.drawer-action-bar{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border:none;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.action-btn.save-btn{background:var(--color-cta-green, #58CC02);color:#fff;box-shadow:0 2px 0 var(--color-cta-green-hover, #46A302)}.action-btn.save-btn:hover:not(:disabled){background:var(--color-cta-green-hover, #46A302);transform:translateY(-1px)}.action-btn.save-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.action-btn.save-btn.disabled,.action-btn.save-btn:disabled{background:var(--color-sand-300, #E8E0D8);color:var(--color-text-tertiary, #9C958E);box-shadow:none;cursor:not-allowed}.action-btn.reset-btn{background:var(--color-primary, #6366F1);color:#fff;box-shadow:0 2px 0 var(--color-primary-active, #4F46E5)}.action-btn.reset-btn:hover{background:var(--color-primary-active, #4F46E5);transform:translateY(-1px)}.action-btn.reset-btn:active{transform:translateY(2px);box-shadow:none}.action-btn.clear-btn{background:transparent;color:var(--color-text-secondary, #6B6560);border:1px solid var(--border-color, #D4CBC1)}.action-btn.clear-btn:hover{background:var(--color-bg-card, #FFFFFF);border-color:var(--color-text-tertiary, #9C958E)}.unsaved-indicator{font-size:var(--font-size-xs, .75rem);color:var(--color-accent, #E67E22);font-style:italic;margin-left:auto}.dashboard-action-bar{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.action-btn-small{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.action-btn-small.save-btn{background:var(--color-cta-green, #58CC02);color:#fff}.action-btn-small.save-btn:hover:not(:disabled){background:var(--color-cta-green-hover, #46A302)}.action-btn-small.save-btn.disabled,.action-btn-small.save-btn:disabled{background:var(--color-sand-300, #E8E0D8);color:var(--color-text-tertiary, #9C958E);cursor:not-allowed}.action-btn-small.reset-btn{background:var(--color-primary, #6366F1);color:#fff}.action-btn-small.reset-btn:hover{background:var(--color-primary-active, #4F46E5)}.action-btn-small.clear-btn{background:transparent;color:var(--color-text-secondary, #6B6560);border:1px solid var(--border-color-light, #E8E0D8)}.action-btn-small.clear-btn:hover{background:var(--color-bg-muted, #FAF5EF)}.empty-filter-state{grid-column:1 / -1;text-align:center;padding:var(--space-6, 1.5rem);color:var(--color-text-secondary, #6B6560)}.empty-filter-state p{margin:0 0 var(--space-3, .75rem) 0}.affirmations-drawer .drawer-body{padding:var(--space-2, .5rem) 0}.affirmations-drawer .drawer-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem)}.affirmations-drawer .drawer-column{padding:var(--space-4, 1rem);border-radius:var(--radius-xl, 1rem)}.affirmations-drawer .drawer-column.constrained{background:var(--color-success-light, #DCFCE7)}.affirmations-drawer .drawer-column.unconstrained{background:var(--color-primary-light, #EEF2FF)}.affirmations-drawer .drawer-column h4{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--space-3, .75rem) 0}.affirmations-drawer .drawer-column.constrained h4{color:var(--color-cta-green-hover, #46A302)}.affirmations-drawer .drawer-column.unconstrained h4{color:var(--color-primary, #6366F1)}.affirmations-drawer .drawer-column ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.affirmations-drawer .affirmation-item{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem);border-radius:var(--radius-lg, .75rem);transition:all var(--transition-fast, .15s ease);background:transparent}.affirmations-drawer .affirmation-item:hover{background:#ffffff80}.affirmations-drawer .affirmation-item.prioritized{background:#ffffffb3;box-shadow:0 1px 3px #0000001a}.affirmations-drawer .priority-toggle{background:none;border:none;padding:2px;cursor:pointer;color:var(--color-text-tertiary, #9C958E);transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm, .25rem)}.affirmations-drawer .priority-toggle:hover{color:var(--color-accent, #E67E22);transform:scale(1.1)}.affirmations-drawer .priority-toggle.active{color:var(--color-accent, #E67E22)}.affirmations-drawer .priority-toggle.active svg{fill:var(--color-accent, #E67E22)}.affirmations-drawer .affirmation-text{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #2D2A26);line-height:var(--line-height-normal, 1.5);flex:1;cursor:pointer;transition:color var(--transition-fast, .15s ease)}.affirmations-drawer .affirmation-text:hover{color:var(--color-primary, #6366F1)}.affirmations-drawer .drawer-column.constrained .affirmation-text:hover{color:var(--color-cta-green-hover, #46A302)}.affirmations-drawer .play-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-tertiary, #9C958E);opacity:0;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 9999px);flex-shrink:0}.affirmations-drawer .affirmation-item:hover .play-button{opacity:1}.affirmations-drawer .play-button:hover{color:var(--color-primary, #6366F1);background:#6366f11a}.affirmations-drawer .drawer-column.constrained .play-button:hover{color:var(--color-cta-green, #58CC02);background:#58cc021a}.affirmations-drawer .drawer-footer{margin-top:var(--space-3, .75rem);padding-top:var(--space-3, .75rem);border-top:1px solid var(--border-color-light, #E8E0D8);text-align:center;font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #9C958E)}.affirmations-drawer .drawer-handle{width:40px;height:4px;background:var(--color-sand-400, #E8E0D8);border-radius:var(--radius-full, 9999px);margin:0 auto var(--space-3, .75rem)}.affirmations-drawer-tab{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1050;background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-top:none;border-radius:0 0 var(--radius-lg, .75rem) var(--radius-lg, .75rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);display:flex;align-items:center;gap:var(--space-2, .5rem);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast, .15s ease);font-family:var(--font-family-body)}.affirmations-drawer-tab:hover{background:var(--color-bg-muted, #FAF5EF);padding-bottom:var(--space-3, .75rem)}.affirmations-drawer-tab .tab-icon{color:var(--color-accent, #E67E22)}.affirmations-drawer-tab .tab-label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #2D2A26)}.affirmations-drawer-tab .tab-chevron{color:var(--color-text-tertiary, #9C958E);transition:transform var(--transition-fast, .15s ease)}.affirmations-drawer-tab:hover .tab-chevron{transform:translateY(2px)}.affirmations-checkin.journey-start{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg-page) 0%,var(--color-bg-muted) 100%)}.journey-start .checkin-content{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--border-color-light)}.journey-start .checkin-header{margin-bottom:var(--space-6)}.journey-start .checkin-header .header-icon{width:48px;height:48px;margin-bottom:var(--space-3)}.journey-start .checkin-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.journey-start .checkin-header p{color:var(--color-text-secondary);margin:0}.journey-start .affirmations-preview{margin-bottom:var(--space-6)}.journey-start .todays-focus{display:flex;flex-direction:column;gap:var(--space-3)}.journey-start .focus-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:transform var(--transition-fast)}.journey-start .focus-item:hover{transform:translate(4px)}.journey-start .focus-item.constrained{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid rgba(34,197,94,.2)}.journey-start .focus-item.unconstrained{background:var(--color-primary-light);color:var(--color-primary-active);border:1px solid rgba(99,102,241,.2)}.journey-start .focus-icon{flex-shrink:0;width:20px;height:20px}.journey-start .focus-item.constrained .focus-icon{color:var(--color-cta-green)}.journey-start .focus-item.unconstrained .focus-icon{color:var(--color-primary)}.journey-start .focus-message{color:var(--color-text-secondary);font-style:italic;margin:0;padding:var(--space-4)}.journey-start .continue-button{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-cta-green);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-body);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-button-3d)}.journey-start .continue-button:hover{background:var(--color-cta-green-hover)}.journey-start .continue-button:active{box-shadow:none;transform:translateY(4px)}.journey-start .checkin-footnote{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.affirmations-checkin.dashboard{background:var(--color-bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);margin:var(--space-4);overflow:hidden;box-shadow:var(--shadow-md)}.affirmations-checkin.dashboard .dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid transparent}.affirmations-checkin.dashboard.expanded .dashboard-header{border-bottom-color:var(--border-color-light)}.affirmations-checkin.dashboard .dashboard-header:hover{background:var(--color-bg-muted)}.affirmations-checkin.dashboard .header-left{display:flex;align-items:center;gap:var(--space-2)}.affirmations-checkin.dashboard .header-left .header-icon{width:20px;height:20px}.affirmations-checkin.dashboard .header-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.affirmations-checkin.dashboard .expand-toggle{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-all)}.affirmations-checkin.dashboard .expand-toggle:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.affirmations-checkin.dashboard .dashboard-content{padding:var(--space-4);animation:slideDown .2s ease-out}.affirmations-checkin.dashboard .dashboard-instructions{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-3) 0;font-style:italic}.affirmations-checkin.dashboard .dashboard-instructions .instruction-icon{color:var(--color-accent)}.affirmations-checkin.dashboard .affirmations-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.affirmations-checkin.dashboard .affirmation-column{padding:var(--space-3);border-radius:var(--radius-lg)}.affirmations-checkin.dashboard .column-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em}.affirmations-checkin.dashboard .column-icon{flex-shrink:0}.affirmations-checkin.dashboard .affirmation-list{display:flex;flex-direction:column;gap:var(--space-1)}.affirmations-checkin.dashboard .mini-affirmation{display:flex;align-items:flex-start;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-primary);padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast)}.affirmations-checkin.dashboard .mini-affirmation:hover{background:#ffffff80}.affirmations-checkin.dashboard .mini-affirmation.prioritized{background:#ffffffb3;font-weight:var(--font-weight-medium)}.affirmations-checkin.dashboard .mini-priority-toggle{background:none;border:none;padding:2px;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.affirmations-checkin.dashboard .mini-priority-toggle:hover{color:var(--color-accent);transform:scale(1.1)}.affirmations-checkin.dashboard .mini-priority-toggle.active{color:var(--color-accent)}.affirmations-checkin.dashboard .mini-priority-toggle.active svg{fill:var(--color-accent)}.affirmations-checkin.dashboard .dashboard-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color-light);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.affirmations-checkin.dashboard.collapsed .dashboard-header{border-bottom:none}.affirmations-celebration{margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-xl)}.celebration-skills-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;text-align:center}.celebration-skills-list{display:flex;flex-direction:column;gap:var(--space-2)}.celebration-skill-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.celebration-skill-item.constrained{background:var(--color-success-light);color:var(--color-success-dark)}.celebration-skill-item.unconstrained{background:var(--color-primary-light);color:var(--color-primary-active)}.celebration-skill-item .skill-check-icon{flex-shrink:0}.celebration-skill-item.constrained .skill-check-icon{color:var(--color-cta-green)}.celebration-skill-item.unconstrained .skill-check-icon{color:var(--color-primary)}.affirmations-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d2a2680;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .2s ease}.affirmations-modal{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s ease;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color-light)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-full);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.modal-header{text-align:center;margin-bottom:var(--space-6)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-3) 0 var(--space-2)}.modal-header p{color:var(--color-text-secondary);margin:0}.modal-content{display:flex;flex-direction:column;gap:var(--space-6)}.modal-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.modal-section .section-icon{flex-shrink:0}.modal-affirmation{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.modal-affirmation:hover{background:var(--color-bg-muted)}.affirmation-marker{font-size:var(--font-size-base);flex-shrink:0;margin-top:2px}.affirmation-marker.constrained{color:var(--color-cta-green)}.affirmation-marker.unconstrained{color:var(--color-primary)}.modal-continue{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-cta-green);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family-body);cursor:pointer;margin-top:var(--space-6);transition:var(--transition-all);box-shadow:var(--shadow-button-3d)}.modal-continue:hover{background:var(--color-cta-green-hover)}.modal-continue:active{box-shadow:none;transform:translateY(4px)}@media (max-width: 640px){.journey-start .checkin-content{padding:var(--space-6) var(--space-5)}.journey-start .checkin-header h2{font-size:var(--font-size-xl)}.journey-start .focus-item{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.affirmations-checkin.dashboard .affirmations-columns{grid-template-columns:1fr;gap:var(--space-3)}.affirmations-modal{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);margin:var(--space-4)}.modal-header h2{font-size:var(--font-size-lg)}.affirmations-drawer .drawer-columns{grid-template-columns:1fr;gap:var(--space-3)}.affirmations-drawer .drawer-content{padding:var(--space-4) var(--space-4) var(--space-3)}.affirmations-drawer-tab{padding:var(--space-1) var(--space-3)}.affirmations-drawer-tab .tab-label{font-size:var(--font-size-xs)}.drawer-action-bar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.drawer-action-bar .action-btn{justify-content:center}.unsaved-indicator{margin-left:0;text-align:center}}[data-theme=dark] .affirmations-checkin.journey-start,.dark .affirmations-checkin.journey-start{background:linear-gradient(135deg,var(--color-bg-page) 0%,var(--color-bg-muted) 100%)}[data-theme=dark] .journey-start .focus-item.constrained,.dark .journey-start .focus-item.constrained{background:var(--color-success-light);border-color:#22c55e4d}[data-theme=dark] .journey-start .focus-item.unconstrained,.dark .journey-start .focus-item.unconstrained{background:var(--color-primary-light);border-color:#6366f14d}[data-theme=dark] .affirmations-checkin.dashboard,.dark .affirmations-checkin.dashboard,[data-theme=dark] .affirmations-modal,.dark .affirmations-modal{background:var(--color-bg-card);border-color:var(--border-color-light)}[data-theme=dark] .affirmations-celebration,.dark .affirmations-celebration{background:var(--color-bg-muted)}[data-theme=dark] .affirmations-drawer,.dark .affirmations-drawer{background:var(--color-bg-card)}[data-theme=dark] .affirmations-drawer-tab,.dark .affirmations-drawer-tab{background:var(--color-bg-card);border-color:var(--border-color-light)}[data-theme=dark] .affirmations-drawer .affirmation-item:hover,.dark .affirmations-drawer .affirmation-item:hover{background:#0003}[data-theme=dark] .affirmations-drawer .affirmation-item.prioritized,.dark .affirmations-drawer .affirmation-item.prioritized{background:#0000004d}[data-theme=dark] .drawer-action-bar,.dark .drawer-action-bar{background:var(--color-bg-muted)}[data-theme=dark] .action-btn.clear-btn,.dark .action-btn.clear-btn{border-color:var(--border-color)}[data-theme=dark] .action-btn.clear-btn:hover,.dark .action-btn.clear-btn:hover{background:var(--color-bg-card)}.dashboard{--dashboard-dot-green: var(--color-cta-green, #58CC02);--dashboard-dot-primary: var(--color-primary, #6366F1);--dashboard-dot-accent: var(--color-accent, #E67E22);--dashboard-dot-sand: var(--color-sand-500, #D4CBC2);--dashboard-dot-opacity-green: .12;--dashboard-dot-opacity-primary: .1;--dashboard-dot-opacity-accent: .15;--dashboard-dot-opacity-sand: .25;--nav-circle-bg: var(--color-bg-card, #FFFFFF);--nav-circle-border: var(--border-color-default, #E8E0D8);--nav-circle-inner-border: var(--border-color-light, #E8E0D8);--nav-circle-hover-glow: rgba(88, 204, 2, .1)}.dashboard{min-height:100vh;background:var(--color-bg-page, #FDF6F0);color:var(--color-text-primary, #2D2A26);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:background-color .3s ease,color .3s ease}.background-dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dot{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite;display:block!important;transition:background-color .3s ease,opacity .3s ease}.dot-1,.dot-5,.dot-9,.dot-13{background:var(--dashboard-dot-green);opacity:var(--dashboard-dot-opacity-green)}.dot-2,.dot-6,.dot-10,.dot-14{background:var(--dashboard-dot-primary);opacity:var(--dashboard-dot-opacity-primary)}.dot-3,.dot-7,.dot-11,.dot-15{background:var(--dashboard-dot-accent);opacity:var(--dashboard-dot-opacity-accent)}.dot-4,.dot-8,.dot-12{background:var(--dashboard-dot-sand);opacity:var(--dashboard-dot-opacity-sand)}.dot-1{width:80px;height:80px;top:10%;right:15%}.dot-2{width:40px;height:40px;top:20%;right:25%}.dot-3{width:60px;height:60px;top:15%;right:5%}.dot-4{width:20px;height:20px;top:35%;left:20%}.dot-5{width:50px;height:50px;bottom:30%;right:10%}.dot-6{width:30px;height:30px;bottom:20%;right:20%}.dot-7{width:70px;height:70px;bottom:15%;left:10%}.dot-8{width:25px;height:25px;bottom:25%;left:25%}.dot-9{width:45px;height:45px;top:30%;left:5%}.dot-10{width:35px;height:35px;top:50%;left:15%}.dot-11{width:55px;height:55px;top:60%;right:30%}.dot-12{width:90px;height:90px;bottom:10%;right:35%}.dot-13{width:15px;height:15px;top:70%;left:30%}.dot-14{width:65px;height:65px;top:80%;right:15%}.dot-15{width:40px;height:40px;bottom:35%;left:35%}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.dashboard-header{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:10;max-width:80%}.dashboard-title{font-family:var(--font-family-display, "Poppins", sans-serif);font-size:24px;font-weight:var(--font-weight-semibold, 600);letter-spacing:2px;margin:0;text-align:center;word-wrap:break-word;color:var(--color-text-primary, #2D2A26);transition:color .3s ease}.corner-button{position:fixed!important;width:60px!important;height:60px!important;background:var(--color-bg-card, #FFFFFF)!important;border:1px solid var(--border-color-light, #E8E0D8)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:1000!important;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))!important;transition:all .3s ease!important;padding:0!important;margin:0!important;min-width:60px!important;max-width:60px!important;min-height:60px!important;max-height:60px!important;font-family:inherit!important;font-size:inherit!important;line-height:1!important;text-decoration:none!important;outline:none!important}.corner-button:hover{background:var(--color-bg-hover, #F0EBE5)!important;transform:scale(1.1)!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(45, 42, 38, .08))!important;border-color:var(--border-color-default, #E8E0D8)!important}.corner-button:focus{outline:2px solid var(--color-primary, #6366F1)!important;outline-offset:2px!important}.corner-button:active{transform:scale(1.05)!important}.corner-button.upper-left{top:20px!important;left:20px!important;right:auto!important;bottom:auto!important}.corner-button.upper-right{top:20px!important;right:20px!important;left:auto!important;bottom:auto!important}.corner-button.lower-left{bottom:20px!important;left:20px!important;top:auto!important;right:auto!important}.corner-button.lower-right{bottom:20px!important;right:20px!important;top:auto!important;left:auto!important}.corner-button svg,.corner-button .auth-icon svg,.corner-button .notes-button svg,.corner-button .back-button svg,.corner-button .home-button svg,.corner-button i,.corner-button .fas,.corner-button .far,.corner-button .fab{color:var(--color-text-secondary, #6B6560)!important;font-size:24px!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex-shrink:0!important;transition:color .3s ease!important}.corner-button:hover svg,.corner-button:hover i{color:var(--color-text-primary, #2D2A26)!important}.corner-button.chatbot-button{background:var(--color-primary, #6366F1)!important;border-color:var(--color-primary, #6366F1)!important;color:#fff!important}.corner-button.chatbot-button:hover{background:var(--color-primary-hover, #4F46E5)!important;border-color:var(--color-primary-hover, #4F46E5)!important;transform:scale(1.1)!important;box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .3))!important}.corner-button.chatbot-button svg,.corner-button.chatbot-button i,.corner-button.chatbot-button .fas,.corner-button.chatbot-button .far,.corner-button.chatbot-button .fab{color:#fff!important}.corner-button.back-button,.corner-button.auth-button,.corner-button.notes-button,.corner-button.home-button{background:var(--color-bg-card, #FFFFFF)!important;color:var(--color-text-secondary, #6B6560)!important;border:1px solid var(--border-color-light, #E8E0D8)!important;border-radius:50%!important}.corner-button.back-button:hover,.corner-button.auth-button:hover,.corner-button.notes-button:hover,.corner-button.home-button:hover{background:var(--color-bg-hover, #F0EBE5)!important;color:var(--color-text-primary, #2D2A26)!important;transform:scale(1.1)!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(45, 42, 38, .08))!important}.circular-navigation{z-index:10;position:relative;width:100%;max-width:800px;margin:0 auto}.navigation-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:40px;padding:20px;justify-items:center;align-items:center;min-height:500px}.nav-circle{width:200px;height:200px;background:var(--nav-circle-bg);border:3px solid var(--nav-circle-border);border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.nav-circle:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid var(--nav-circle-inner-border);border-radius:50%;transition:all .3s ease}.nav-circle:hover{transform:scale(1.05);border-color:var(--color-cta-green, #58CC02);background:var(--nav-circle-bg);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(45, 42, 38, .08)),0 0 0 4px var(--nav-circle-hover-glow)}.nav-circle:hover:before{border-color:var(--color-cta-green, #58CC02)}.nav-circle:active{transform:scale(1.02)}.nav-circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;color:var(--color-text-secondary, #6B6560);transition:color .3s ease}.nav-circle:hover .nav-circle-content{color:var(--color-cta-green, #58CC02)}.nav-icon{font-size:32px;margin-bottom:12px;color:var(--color-text-secondary, #6B6560);transition:color .3s ease,transform .3s ease}.nav-circle:hover .nav-icon{color:var(--color-cta-green, #58CC02);transform:scale(1.1)}.nav-label{font-family:var(--font-family-body, "Poppins", sans-serif);font-size:14px;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:1px;line-height:1.2;color:var(--color-text-primary, #2D2A26);transition:color .3s ease}.nav-circle:hover .nav-label{color:var(--color-cta-green, #58CC02)}[data-theme=dark] .dashboard,.dark .dashboard{--dashboard-dot-opacity-green: .2;--dashboard-dot-opacity-primary: .18;--dashboard-dot-opacity-accent: .22;--dashboard-dot-opacity-sand: .15;--dashboard-dot-sand: #4A413A;--nav-circle-bg: var(--color-bg-card, #2A2420);--nav-circle-border: var(--border-color-default, #3D352E);--nav-circle-inner-border: var(--border-color-light, #2A2420);--nav-circle-hover-glow: rgba(88, 204, 2, .15)}[data-theme=dark] .corner-button,.dark .corner-button{background:var(--color-bg-card, #2A2420)!important;border-color:var(--border-color-default, #3D352E)!important;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))!important}[data-theme=dark] .corner-button:hover,.dark .corner-button:hover{background:var(--color-bg-hover, #3D352E)!important;border-color:var(--border-color-dark, #4A413A)!important;box-shadow:var(--shadow-lg, 0 10px 40px -10px rgba(0, 0, 0, .4))!important}[data-theme=dark] .corner-button svg,[data-theme=dark] .corner-button i,.dark .corner-button svg,.dark .corner-button i{color:var(--color-text-secondary, #B8B0A8)!important}[data-theme=dark] .corner-button:hover svg,[data-theme=dark] .corner-button:hover i,.dark .corner-button:hover svg,.dark .corner-button:hover i{color:var(--color-text-primary, #F5F0EB)!important}[data-theme=dark] .corner-button.back-button,[data-theme=dark] .corner-button.auth-button,[data-theme=dark] .corner-button.notes-button,[data-theme=dark] .corner-button.home-button,.dark .corner-button.back-button,.dark .corner-button.auth-button,.dark .corner-button.notes-button,.dark .corner-button.home-button{background:var(--color-bg-card, #2A2420)!important;border-color:var(--border-color-default, #3D352E)!important}[data-theme=dark] .corner-button.back-button:hover,[data-theme=dark] .corner-button.auth-button:hover,[data-theme=dark] .corner-button.notes-button:hover,[data-theme=dark] .corner-button.home-button:hover,.dark .corner-button.back-button:hover,.dark .corner-button.auth-button:hover,.dark .corner-button.notes-button:hover,.dark .corner-button.home-button:hover{background:var(--color-bg-hover, #3D352E)!important}[data-theme=dark] .corner-button.chatbot-button,.dark .corner-button.chatbot-button{background:var(--color-primary, #6366F1)!important;border-color:var(--color-primary, #6366F1)!important}[data-theme=dark] .corner-button.chatbot-button:hover,.dark .corner-button.chatbot-button:hover{background:var(--color-primary-hover, #4F46E5)!important;border-color:var(--color-primary-hover, #4F46E5)!important;box-shadow:0 0 30px #6366f166!important}[data-theme=dark] .corner-button.chatbot-button svg,.dark .corner-button.chatbot-button svg{color:#fff!important}[data-theme=dark] .nav-circle,.dark .nav-circle{box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}[data-theme=dark] .nav-circle:hover,.dark .nav-circle:hover{box-shadow:var(--shadow-lg, 0 10px 40px -10px rgba(0, 0, 0, .4)),0 0 0 4px var(--nav-circle-hover-glow)}[data-theme=dark] .nav-icon,.dark .nav-icon{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .nav-label,.dark .nav-label{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .nav-circle:hover .nav-icon,[data-theme=dark] .nav-circle:hover .nav-label,[data-theme=dark] .nav-circle:hover .nav-circle-content,.dark .nav-circle:hover .nav-icon,.dark .nav-circle:hover .nav-label,.dark .nav-circle:hover .nav-circle-content{color:var(--color-cta-green, #58CC02)}@media (prefers-color-scheme: dark){.dashboard:not([data-theme=light]):not(.light){--dashboard-dot-opacity-green: .2;--dashboard-dot-opacity-primary: .18;--dashboard-dot-opacity-accent: .22;--dashboard-dot-opacity-sand: .15;--dashboard-dot-sand: #4A413A;--nav-circle-bg: var(--color-bg-card, #2A2420);--nav-circle-border: var(--border-color-default, #3D352E);--nav-circle-inner-border: var(--border-color-light, #2A2420);--nav-circle-hover-glow: rgba(88, 204, 2, .15)}.dashboard:not([data-theme=light]):not(.light) .corner-button{background:var(--color-bg-card, #2A2420)!important;border-color:var(--border-color-default, #3D352E)!important;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))!important}.dashboard:not([data-theme=light]):not(.light) .corner-button:hover{background:var(--color-bg-hover, #3D352E)!important;border-color:var(--border-color-dark, #4A413A)!important}.dashboard:not([data-theme=light]):not(.light) .corner-button svg,.dashboard:not([data-theme=light]):not(.light) .corner-button i{color:var(--color-text-secondary, #B8B0A8)!important}.dashboard:not([data-theme=light]):not(.light) .corner-button:hover svg,.dashboard:not([data-theme=light]):not(.light) .corner-button:hover i{color:var(--color-text-primary, #F5F0EB)!important}.dashboard:not([data-theme=light]):not(.light) .corner-button.chatbot-button{background:var(--color-primary, #6366F1)!important;border-color:var(--color-primary, #6366F1)!important}.dashboard:not([data-theme=light]):not(.light) .corner-button.chatbot-button svg{color:#fff!important}.dashboard:not([data-theme=light]):not(.light) .nav-circle{box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}.dashboard:not([data-theme=light]):not(.light) .nav-icon{color:var(--color-text-secondary, #B8B0A8)}.dashboard:not([data-theme=light]):not(.light) .nav-label{color:var(--color-text-primary, #F5F0EB)}.dashboard:not([data-theme=light]):not(.light) .nav-circle:hover .nav-icon,.dashboard:not([data-theme=light]):not(.light) .nav-circle:hover .nav-label{color:var(--color-cta-green, #58CC02)}}@media (max-width: 768px){.dashboard{padding:10px}.navigation-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:25px;min-height:auto;padding:15px}.nav-circle{width:160px;height:160px}.nav-icon{font-size:28px;margin-bottom:12px}.nav-label{font-size:13px;line-height:1.1}.corner-button{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important}.corner-button.upper-left{top:10px!important;left:10px!important;right:auto!important;bottom:auto!important}.corner-button.upper-right{top:10px!important;right:10px!important;left:auto!important;bottom:auto!important}.corner-button.lower-left{bottom:10px!important;left:10px!important;top:auto!important;right:auto!important}.corner-button.lower-right{bottom:10px!important;right:10px!important;top:auto!important;left:auto!important}.corner-button svg,.corner-button .auth-icon svg,.corner-button .notes-button svg,.corner-button .back-button svg,.corner-button .home-button svg,.corner-button.chatbot-button svg,.corner-button i,.corner-button .fas,.corner-button .far,.corner-button .fab{font-size:18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important}.dashboard-header{top:30px;left:50%;transform:translate(-50%);width:calc(100% - 120px);max-width:none}.dashboard-title{font-size:18px;margin-bottom:10px;text-align:center;width:100%}.dot{display:block!important}.dot-1{width:40px;height:40px}.dot-2{width:20px;height:20px}.dot-3{width:30px;height:30px}.dot-5{width:25px;height:25px}.dot-7{width:35px;height:35px}.dot-9{width:22px;height:22px}.dot-11{width:27px;height:27px}.dot-12{width:45px;height:45px}.dot-14{width:32px;height:32px}.dot-15{width:20px;height:20px}}@media (max-width: 1024px) and (min-width: 769px){.navigation-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:30px;min-height:600px}.nav-circle{width:150px;height:150px}.dashboard-title{font-size:20px}.dot{display:block!important}}@media (max-width: 480px){.navigation-grid{gap:20px;padding:10px}.nav-circle{width:140px;height:140px}.nav-icon{font-size:24px;margin-bottom:10px}.nav-label{font-size:12px}.dashboard-title{font-size:16px;letter-spacing:1px}.dot{display:block!important}.dot-1{width:25px;height:25px}.dot-2{width:15px;height:15px}.dot-3{width:20px;height:20px}.dot-5{width:18px;height:18px}.dot-7{width:22px;height:22px}.dot-9{width:16px;height:16px}.dot-11{width:19px;height:19px}.dot-12{width:30px;height:30px}.dot-14{width:24px;height:24px}.dot-15{width:15px;height:15px}}.nav-circle:focus-visible{outline:3px solid var(--color-primary, #6366F1);outline-offset:4px}@media (prefers-reduced-motion: reduce){.dot{animation:none}.nav-circle,.corner-button,.nav-icon,.dashboard{transition:none}}@media (prefers-contrast: high){.nav-circle{border-width:4px}.nav-circle:before{border-width:3px}.corner-button{border-width:2px!important}}.corner-button{position:fixed;width:56px;height:56px;background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .1));transition:all .3s ease;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:1;text-decoration:none;outline:none}.corner-button:hover{background:var(--color-bg-hover, #FAF5EF);transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(45, 42, 38, .15));border-color:var(--color-primary, #58CC02)}.corner-button:focus-visible{outline:2px solid var(--color-primary, #58CC02);outline-offset:2px}.corner-button:active{transform:translateY(0);box-shadow:var(--shadow-sm, 0 2px 4px rgba(45, 42, 38, .06))}.corner-button.upper-left{top:20px;left:20px;right:auto;bottom:auto}.corner-button.upper-right{top:20px;right:20px;left:auto;bottom:auto}.corner-button.lower-left{bottom:20px;left:20px;top:auto;right:auto}.corner-button.lower-right{bottom:20px;right:20px;top:auto;left:auto}.corner-button svg{color:var(--color-text-secondary, #6B6560);width:22px;height:22px;flex-shrink:0;transition:color .3s ease}.corner-button:hover svg{color:var(--color-primary, #58CC02)}.corner-button.home-button{background:var(--color-bg-card, #FFFFFF)}.corner-button.home-button:hover{background:var(--color-primary-light, rgba(88, 204, 2, .1));border-color:var(--color-primary, #58CC02)}.corner-button.home-button:hover svg{color:var(--color-primary, #58CC02)}.corner-button.notes-button{background:var(--color-bg-card, #FFFFFF)}.corner-button.notes-button:hover{background:var(--color-accent-light, #FEF3E2);border-color:var(--color-accent, #E67E22)}.corner-button.notes-button:hover svg{color:var(--color-accent, #E67E22)}.corner-button.chatbot-button{background:var(--color-indigo, #6366F1);border-color:var(--color-indigo, #6366F1)}.corner-button.chatbot-button svg{color:#fff}.corner-button.chatbot-button:hover{background:var(--color-indigo-dark, #4F46E5);border-color:var(--color-indigo-dark, #4F46E5);box-shadow:0 8px 24px #6366f14d}.corner-button.chatbot-button:hover svg{color:#fff}.corner-button.chatbot-button.active{background:var(--color-indigo-dark, #4F46E5);box-shadow:0 4px 16px #6366f166}.corner-button.upper-right{background:var(--color-bg-card, #FFFFFF)}.corner-button.upper-right:hover{background:var(--color-indigo-light, #EEF2FF);border-color:var(--color-indigo, #6366F1)}.corner-button.upper-right:hover svg{color:var(--color-indigo, #6366F1)}.corner-button .floating-bulletin-button{position:static;width:auto;height:auto;background:transparent;border:none;box-shadow:none;padding:0;margin:0}.corner-button .floating-bulletin-button:hover{background:transparent;transform:none;box-shadow:none}@media (max-width: 768px){.corner-button{width:48px;height:48px}.corner-button.upper-left{top:12px;left:12px}.corner-button.upper-right{top:12px;right:12px}.corner-button.lower-left{bottom:12px;left:12px}.corner-button.lower-right{bottom:12px;right:12px}.corner-button svg{width:20px;height:20px}}@media (max-width: 480px){.corner-button{width:44px;height:44px}.corner-button.upper-left{top:10px;left:10px}.corner-button.upper-right{top:10px;right:10px}.corner-button.lower-left{bottom:10px;left:10px}.corner-button.lower-right{bottom:10px;right:10px}.corner-button svg{width:18px;height:18px}}.practice-hub{max-width:1200px;margin:0 auto;padding:var(--space-5, 20px);font-family:var(--font-family, "Poppins", sans-serif);min-height:100vh;background-color:var(--color-bg-page, #FDF6F0)}.practice-header{text-align:center;margin-bottom:var(--space-10, 40px)}.practice-title{font-size:var(--font-size-4xl, 2.25rem);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-4, 16px);font-weight:var(--font-weight-bold, 700);letter-spacing:var(--letter-spacing-tight, -.025em)}.practice-subtitle{font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary, #6B6560);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed, 1.625)}.practice-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5, 20px);margin-top:var(--space-10, 40px)}.practice-card{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-2xl, 1.5rem);padding:var(--space-6, 24px);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));transition:transform var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease),border-color var(--transition-base, .2s ease);cursor:pointer;border:2px solid var(--border-color, #E8E0D8);position:relative}.practice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 8px 30px rgba(45, 42, 38, .12));border-color:var(--color-primary, #58CC02)}.practice-card:focus-within{outline:none;box-shadow:0 0 0 3px #58cc0226,var(--shadow-lg, 0 8px 30px rgba(45, 42, 38, .12));border-color:var(--color-primary, #58CC02)}.practice-card-new-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-accent, #E67E22);color:var(--color-text-inverse, #FFFFFF);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-bold, 700);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-full, 9999px);z-index:10;box-shadow:0 2px 4px #2d2a2633;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.practice-card-icon{width:56px;height:56px;margin:0 auto var(--space-4, 16px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl, 1rem);font-size:24px;color:var(--color-text-inverse, #FFFFFF);box-shadow:0 3px #0003}.practice-card:nth-child(1) .practice-card-icon{background-color:var(--color-primary, #58CC02);box-shadow:0 3px 0 var(--color-primary-dark, #46A302)}.practice-card:nth-child(2) .practice-card-icon{background-color:var(--color-indigo, #6366F1);box-shadow:0 3px 0 var(--color-indigo-dark, #4F46E5)}.practice-card:nth-child(3) .practice-card-icon{background-color:var(--color-accent, #E67E22);box-shadow:0 3px #d35400}.practice-card:nth-child(4) .practice-card-icon{background-color:#ec4899;box-shadow:0 3px #db2777}.practice-card-title{font-size:var(--font-size-xl, 1.25rem);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);text-align:center;font-weight:var(--font-weight-bold, 700)}.practice-card-description{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-base, 1rem);line-height:var(--line-height-relaxed, 1.625);text-align:center;margin-bottom:var(--space-5, 20px)}.practice-card-features{list-style:none;padding:0;margin:0 0 var(--space-6, 24px) 0}.practice-card-features li{display:flex;align-items:center;margin-bottom:var(--space-2, 8px);color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-sm, .875rem)}.practice-card-features li:before{content:"✓";color:var(--color-primary, #58CC02);font-weight:var(--font-weight-bold, 700);margin-right:var(--space-2, 8px);font-size:var(--font-size-sm, .875rem)}.practice-card:nth-child(2) .practice-card-features li:before{color:var(--color-indigo, #6366F1)}.practice-card:nth-child(3) .practice-card-features li:before{color:var(--color-accent, #E67E22)}.practice-card:nth-child(4) .practice-card-features li:before{color:#ec4899}.practice-card-duration{margin-bottom:var(--space-3, 12px);text-align:center;color:var(--color-text-tertiary, #9C958E);font-size:var(--font-size-sm, .875rem)}.practice-card-button{width:100%;padding:var(--space-3, 12px) var(--space-5, 20px);border:none;border-radius:var(--radius-xl, 1rem);color:var(--color-text-inverse, #FFFFFF);font-family:inherit;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.practice-card:nth-child(1) .practice-card-button{background-color:var(--color-primary, #58CC02);box-shadow:0 4px 0 var(--color-primary-dark, #46A302)}.practice-card:nth-child(1) .practice-card-button:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.practice-card:nth-child(2) .practice-card-button{background-color:var(--color-indigo, #6366F1);box-shadow:0 4px 0 var(--color-indigo-dark, #4F46E5)}.practice-card:nth-child(2) .practice-card-button:hover{background-color:var(--color-indigo-dark, #4F46E5);transform:translateY(-2px);box-shadow:0 6px #4338ca}.practice-card:nth-child(3) .practice-card-button{background-color:var(--color-accent, #E67E22);box-shadow:0 4px #d35400}.practice-card:nth-child(3) .practice-card-button:hover{background-color:#d35400;transform:translateY(-2px);box-shadow:0 6px #b84700}.practice-card:nth-child(4) .practice-card-button{background-color:#ec4899;box-shadow:0 4px #db2777}.practice-card:nth-child(4) .practice-card-button:hover{background-color:#db2777;transform:translateY(-2px);box-shadow:0 6px #be185d}.practice-card-button:active{transform:translateY(4px);box-shadow:none}.practice-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4, 16px);margin-bottom:var(--space-8, 32px);background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-5, 20px);border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8)}.practice-stat{text-align:center;padding:var(--space-4, 16px)}.practice-stat-number{font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #58CC02);display:block;margin-bottom:var(--space-1, 4px)}.practice-stat-label{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-xs, .75rem);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider, .05em);font-weight:var(--font-weight-semibold, 600)}.back-to-dashboard{position:fixed;top:var(--space-5, 20px);left:var(--space-5, 20px);width:48px;height:48px;background-color:var(--color-bg-card, #FFFFFF);border:2px solid var(--border-color, #E8E0D8);border-radius:var(--radius-lg, .75rem);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));transition:all var(--transition-base, .2s ease);z-index:100}.back-to-dashboard:hover{background-color:var(--color-bg-muted, #FAF5EF);transform:scale(1.05);border-color:var(--color-primary, #58CC02)}.back-to-dashboard:focus{outline:none;box-shadow:0 0 0 3px #58cc0226;border-color:var(--color-primary, #58CC02)}.back-to-dashboard svg{color:var(--color-text-primary, #2D2A26)}.practice-loading{display:flex;align-items:center;justify-content:center;min-height:300px;flex-direction:column;gap:var(--space-4, 16px)}.practice-loading p{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-base, 1rem)}.practice-loading-spinner{border:3px solid var(--border-color, #E8E0D8);border-top:3px solid var(--color-primary, #58CC02);border-radius:var(--radius-full, 50%);width:40px;height:40px;animation:spin 1s linear infinite}.practice-error{background-color:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-xl, 1rem);padding:var(--space-5, 20px);text-align:center;color:#991b1b;margin:var(--space-5, 20px) auto;max-width:500px}.practice-error p{margin-bottom:var(--space-4, 16px)}.practice-error button{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);border:none;padding:var(--space-3, 12px) var(--space-6, 24px);border-radius:var(--radius-lg, .75rem);font-family:inherit;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;box-shadow:0 4px 0 var(--color-primary-dark, #46A302);transition:all var(--transition-fast, .15s ease)}.practice-error button:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.practice-error button:active{transform:translateY(4px);box-shadow:none}@media (max-width: 768px){.practice-hub{padding:var(--space-4, 16px)}.practice-title{font-size:var(--font-size-2xl, 1.5rem)}.practice-subtitle{font-size:var(--font-size-base, 1rem)}.practice-modes{grid-template-columns:1fr;gap:var(--space-4, 16px);margin-top:var(--space-8, 32px)}.practice-card{padding:var(--space-5, 20px)}.practice-card-icon{width:48px;height:48px;font-size:20px;margin-bottom:var(--space-3, 12px)}.practice-card-title{font-size:var(--font-size-lg, 1.125rem)}.practice-card-description{font-size:var(--font-size-sm, .875rem)}.practice-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px);padding:var(--space-4, 16px)}.practice-stat{padding:var(--space-3, 12px)}.practice-stat-number{font-size:var(--font-size-2xl, 1.5rem)}.back-to-dashboard{width:40px;height:40px;top:var(--space-4, 16px);left:var(--space-4, 16px)}.practice-card-new-badge{top:-6px;right:-6px;font-size:.625rem;padding:3px 6px}}@media (max-width: 480px){.practice-title{font-size:var(--font-size-xl, 1.25rem)}.practice-stats{grid-template-columns:1fr}.practice-card-button{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--font-size-sm, .875rem)}}@media (prefers-reduced-motion: reduce){.practice-card,.practice-card-button,.back-to-dashboard,.practice-loading-spinner{transition:none!important;animation:none!important}}@media (forced-colors: active){.practice-card{border:2px solid CanvasText}.practice-card:hover,.practice-card:focus-within{border:3px solid Highlight}.practice-card-button{border:2px solid ButtonText}.back-to-dashboard{border:2px solid CanvasText}}@media print{.practice-hub{background:#fff;padding:0}.practice-card{box-shadow:none;border:1px solid var(--border-color, #E8E0D8);break-inside:avoid}.back-to-dashboard{display:none}.practice-card-button{box-shadow:none}}.journey-customizer{max-width:1200px;margin:0 auto;padding:var(--space-5, 20px);background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);font-family:var(--font-family, "Poppins", sans-serif)}.customizer-header{text-align:center;margin-bottom:var(--space-8, 32px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--border-color, #E8E0D8)}.customizer-header h2{display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);font-size:var(--font-size-2xl, 1.5rem);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);font-weight:var(--font-weight-bold, 700)}.customizer-header .header-icon{color:var(--color-accent, #E67E22)}.customizer-header p{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-base, 1rem);line-height:var(--line-height-relaxed, 1.625)}.customizer-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10, 40px)}.customizer-controls{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.total-steps-control{background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-5, 20px);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color, #E8E0D8)}.total-steps-control label{display:block;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);font-size:var(--font-size-base, 1rem)}.step-control{display:flex;align-items:center;gap:var(--space-4, 16px)}.step-control input[type=range]{flex:1;height:6px;background-color:var(--border-color, #E8E0D8);border-radius:var(--radius-full, 9999px);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.step-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full, 50%);background-color:var(--color-primary, #58CC02);cursor:pointer;box-shadow:0 2px 0 var(--color-primary-dark, #46A302);transition:transform var(--transition-fast, .15s ease)}.step-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.step-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full, 50%);background-color:var(--color-primary, #58CC02);cursor:pointer;border:none;box-shadow:0 2px 0 var(--color-primary-dark, #46A302)}.step-value{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px);font-weight:var(--font-weight-bold, 700);min-width:40px;text-align:center;box-shadow:0 2px 0 var(--color-primary-dark, #46A302)}.category-sliders{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.slider-group{padding:var(--space-4, 16px);border:2px solid var(--border-color, #E8E0D8);border-radius:var(--radius-lg, .75rem);background-color:var(--color-bg-card, #FFFFFF);transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.slider-group:hover{border-color:var(--border-color-dark, #D4CBC2);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06))}.slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, 12px)}.slider-header label{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #2D2A26);font-size:var(--font-size-base, 1rem)}.slider-value{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-primary, #2D2A26);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-full, 9999px);font-weight:var(--font-weight-bold, 700);min-width:30px;text-align:center;font-size:var(--font-size-sm, .875rem);border:1px solid var(--border-color, #E8E0D8)}.category-indicator{width:12px;height:12px;border-radius:var(--radius-full, 50%);margin-left:var(--space-2, 8px);box-shadow:0 1px 2px #0003}.slider-group input[type=range]{width:100%;height:6px;background-color:var(--border-color, #E8E0D8);border-radius:var(--radius-full, 9999px);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:opacity var(--transition-fast, .15s ease)}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full, 50%);background-color:var(--color-indigo, #6366F1);cursor:pointer;box-shadow:0 2px 0 var(--color-indigo-dark, #4F46E5)}.slider-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-full, 50%);background-color:var(--color-indigo, #6366F1);cursor:pointer;border:none;box-shadow:0 2px 0 var(--color-indigo-dark, #4F46E5)}.slider-group input[type=range]:disabled{opacity:.3;cursor:not-allowed}.slider-group input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background-color:var(--color-text-tertiary, #9C958E)}.unavailable-label{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #9C958E);font-style:italic;margin-top:var(--space-1, 4px);display:block}.distribution-summary{background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-4, 16px);border-radius:var(--radius-lg, .75rem);text-align:center;border:1px solid var(--border-color, #E8E0D8)}.sum-indicator{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--space-2, 8px)}.sum-indicator.valid{color:var(--color-primary, #58CC02)}.sum-indicator.invalid{color:#ef4444}.validation-error{color:#ef4444;font-size:var(--font-size-sm, .875rem);margin-top:var(--space-2, 8px)}.control-buttons{display:flex;gap:var(--space-3, 12px)}.reset-button,.create-button{flex:1;padding:var(--space-3, 12px) var(--space-5, 20px);border:none;border-radius:var(--radius-xl, 1rem);font-family:inherit;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.reset-button{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-secondary, #6B6560);border:2px solid var(--border-color, #E8E0D8);box-shadow:0 3px 0 var(--border-color-dark, #D4CBC2)}.reset-button:hover{background-color:var(--color-bg-hover, #F0EBE5);border-color:var(--border-color-dark, #D4CBC2);color:var(--color-text-primary, #2D2A26);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-color-dark, #D4CBC2)}.reset-button:active{transform:translateY(3px);box-shadow:none}.create-button{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);box-shadow:0 4px 0 var(--color-primary-dark, #46A302)}.create-button:hover:not(:disabled){background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.create-button:active:not(:disabled){transform:translateY(4px);box-shadow:none}.create-button:disabled{background-color:var(--border-color, #E8E0D8);color:var(--color-text-tertiary, #9C958E);cursor:not-allowed;box-shadow:0 3px 0 var(--border-color-dark, #D4CBC2)}.journey-preview{background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-5, 20px);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color, #E8E0D8)}.journey-preview h3{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-5, 20px);text-align:center;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700)}.preview-timeline{max-height:400px;overflow-y:auto;padding-right:var(--space-2, 8px)}.preview-step{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);margin-bottom:var(--space-2, 8px);background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-lg, .75rem);border-left:4px solid var(--border-color, #E8E0D8);transition:all var(--transition-fast, .15s ease);box-shadow:var(--shadow-soft, 0 2px 8px rgba(45, 42, 38, .04))}.preview-step:hover{transform:translate(4px);box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .08))}.step-number{background-color:var(--color-indigo, #6366F1);color:var(--color-text-inverse, #FFFFFF);width:24px;height:24px;border-radius:var(--radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0;box-shadow:0 1px 0 var(--color-indigo-dark, #4F46E5)}.step-content{flex:1}.step-name{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #2D2A26);font-size:var(--font-size-sm, .875rem);margin-bottom:2px}.step-category{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #9C958E);text-transform:capitalize}.preview-step[style*="rgb(88, 204, 2)"] .step-number,.preview-step[style*="#58CC02"] .step-number{background-color:var(--color-primary, #58CC02);box-shadow:0 1px 0 var(--color-primary-dark, #46A302)}.preview-step[style*="rgb(99, 102, 241)"] .step-number,.preview-step[style*="#6366F1"] .step-number{background-color:var(--color-indigo, #6366F1);box-shadow:0 1px 0 var(--color-indigo-dark, #4F46E5)}.preview-step[style*="rgb(236, 72, 153)"] .step-number,.preview-step[style*="#EC4899"] .step-number{background-color:#ec4899;box-shadow:0 1px #db2777}.preview-step[style*="rgb(230, 126, 34)"] .step-number,.preview-step[style*="#E67E22"] .step-number{background-color:var(--color-accent, #E67E22);box-shadow:0 1px #d35400}.preview-step[style*="rgb(107, 101, 96)"] .step-number,.preview-step[style*="#6B6560"] .step-number{background-color:var(--color-text-secondary, #6B6560);box-shadow:0 1px #5a5550}.preview-timeline::-webkit-scrollbar{width:6px}.preview-timeline::-webkit-scrollbar-track{background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-full, 9999px)}.preview-timeline::-webkit-scrollbar-thumb{background-color:var(--border-color, #E8E0D8);border-radius:var(--radius-full, 9999px)}.preview-timeline::-webkit-scrollbar-thumb:hover{background-color:var(--border-color-dark, #D4CBC2)}@media (max-width: 1024px){.customizer-content{grid-template-columns:1fr;gap:var(--space-8, 32px)}}@media (max-width: 768px){.journey-customizer{padding:var(--space-4, 16px)}.customizer-header h2{font-size:var(--font-size-xl, 1.25rem);flex-direction:column;gap:var(--space-2, 8px)}.control-buttons{flex-direction:column}.slider-header{flex-direction:column;align-items:flex-start;gap:var(--space-2, 8px)}.step-control{flex-direction:column;align-items:stretch;gap:var(--space-3, 12px)}.step-value{align-self:center}}@media (max-width: 480px){.customizer-header{margin-bottom:var(--space-5, 20px);padding-bottom:var(--space-4, 16px)}.category-sliders{gap:var(--space-4, 16px)}.slider-group{padding:var(--space-3, 12px)}.preview-timeline{max-height:300px}.preview-step{padding:var(--space-2, 8px)}.reset-button,.create-button{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--font-size-sm, .875rem)}}@media (prefers-reduced-motion: reduce){.slider-group,.preview-step,.reset-button,.create-button,.step-control input[type=range]::-webkit-slider-thumb{transition:none!important}}@media (forced-colors: active){.journey-customizer,.slider-group{border:2px solid CanvasText}.preview-step{border:1px solid CanvasText;border-left:4px solid Highlight}.reset-button,.create-button{border:2px solid ButtonText}.step-value,.step-number{border:1px solid CanvasText}}@media print{.journey-customizer{box-shadow:none;border:1px solid var(--border-color, #E8E0D8)}.control-buttons,.slider-group input[type=range]{display:none}.preview-step{box-shadow:none}}.journey-execution{max-width:1200px;margin:0 auto;padding:var(--space-5, 20px);background-color:var(--color-bg-page, #FDF6F0);min-height:100vh;font-family:var(--font-family, "Poppins", sans-serif)}.journey-intro{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-10, 40px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);text-align:center;max-width:800px;margin:0 auto}.journey-intro h1{color:var(--color-text-primary, #2D2A26);font-size:var(--font-size-4xl, 2.25rem);margin-bottom:var(--space-5, 20px);font-weight:var(--font-weight-bold, 700);letter-spacing:var(--letter-spacing-tight, -.025em)}.journey-intro>p{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-lg, 1.125rem);margin-bottom:var(--space-8, 32px);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed, 1.625)}.journey-overview{max-width:600px;margin:0 auto}.journey-meta{display:flex;justify-content:center;gap:var(--space-8, 32px);margin-bottom:var(--space-8, 32px);font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #6B6560)}.journey-meta span{display:flex;align-items:center;gap:var(--space-2, 8px);background-color:var(--color-bg-muted, #FAF5EF);padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-full, 9999px);border:1px solid var(--border-color, #E8E0D8)}.distribution-preview{margin-bottom:var(--space-10, 40px)}.distribution-preview h3{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-4, 16px);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.distribution-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3, 12px);margin-bottom:var(--space-8, 32px)}.distribution-item{background-color:#6366f11a;color:var(--color-indigo, #6366F1);padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);display:flex;align-items:center;gap:var(--space-2, 8px)}.category-count{background-color:var(--color-indigo, #6366F1);color:var(--color-text-inverse, #FFFFFF);border-radius:var(--radius-full, 50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-bold, 700)}.start-journey-button{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);border:none;padding:var(--space-5, 20px) var(--space-10, 40px);border-radius:var(--radius-xl, 1rem);font-family:inherit;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);display:inline-flex;align-items:center;gap:var(--space-3, 12px);box-shadow:0 4px 0 var(--color-primary-dark, #46A302);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.start-journey-button:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.start-journey-button:active{transform:translateY(4px);box-shadow:none}.start-journey-button svg,.start-journey-button *{color:var(--color-text-inverse, #FFFFFF)}.journey-header{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-8, 32px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);text-align:center;margin-bottom:var(--space-8, 32px)}.journey-header h1{color:var(--color-text-primary, #2D2A26);font-size:var(--font-size-2xl, 1.5rem);margin-bottom:var(--space-5, 20px);font-weight:var(--font-weight-bold, 700)}.journey-header p{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-base, 1rem)}.progress-bar{width:100%;height:8px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-full, 9999px);overflow:hidden;margin-bottom:var(--space-4, 16px);border:1px solid var(--border-color, #E8E0D8)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-indigo, #6366F1),var(--color-primary, #58CC02));border-radius:var(--radius-full, 9999px);transition:width var(--transition-slow, .3s ease)}.journey-map{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4, 16px);margin-bottom:var(--space-10, 40px);padding:var(--space-8, 32px) var(--space-5, 20px);background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);position:relative}.journey-step{width:50px;height:50px;border-radius:var(--radius-full, 50%);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-base, 1rem);transition:all var(--transition-fast, .15s ease);cursor:pointer;position:relative;z-index:10}.journey-step.locked{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-tertiary, #9C958E);cursor:not-allowed;border:2px solid var(--border-color, #E8E0D8)}.journey-step.unlocked{background-color:#6366f11a;color:var(--color-indigo, #6366F1);border:2px solid var(--color-indigo, #6366F1)}.journey-step.unlocked:hover{transform:scale(1.05);box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .08))}.journey-step.current{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);border:2px solid var(--color-primary, #58CC02);transform:scale(1.15);box-shadow:0 3px 0 var(--color-primary-dark, #46A302),0 0 0 4px #58cc0233;animation:pulse-current 2s ease-in-out infinite}@keyframes pulse-current{0%,to{box-shadow:0 3px 0 var(--color-primary-dark, #46A302),0 0 0 4px #58cc0233}50%{box-shadow:0 3px 0 var(--color-primary-dark, #46A302),0 0 0 8px #58cc021a}}.journey-step.current:hover{transform:scale(1.2)}.journey-step.completed{background-color:var(--color-indigo, #6366F1);color:var(--color-text-inverse, #FFFFFF);border:2px solid var(--color-indigo, #6366F1);box-shadow:0 2px 0 var(--color-indigo-dark, #4F46E5)}.journey-step.completed:hover{transform:scale(1.05);background-color:var(--color-indigo-dark, #4F46E5)}.current-step{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-10, 40px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);text-align:center;margin-bottom:var(--space-8, 32px)}.current-step h2{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-4, 16px);font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700)}.current-step p{color:var(--color-text-secondary, #6B6560);margin-bottom:var(--space-6, 24px);font-size:var(--font-size-base, 1rem)}.step-controls{display:flex;justify-content:center;gap:var(--space-5, 20px);flex-wrap:wrap}.start-game-button,.reset-button,.restart-button{padding:var(--space-4, 16px) var(--space-8, 32px);border:none;border-radius:var(--radius-xl, 1rem);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--font-size-base, 1rem);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.start-game-button{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);min-width:160px;justify-content:center;box-shadow:0 4px 0 var(--color-primary-dark, #46A302)}.start-game-button:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.start-game-button:active{transform:translateY(4px);box-shadow:none}.reset-button,.restart-button{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-secondary, #6B6560);border:2px solid var(--border-color, #E8E0D8);box-shadow:0 3px 0 var(--border-color-dark, #D4CBC2)}.reset-button:hover,.restart-button:hover{background-color:var(--color-bg-hover, #F0EBE5);border-color:var(--border-color-dark, #D4CBC2);color:var(--color-text-primary, #2D2A26);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-color-dark, #D4CBC2)}.reset-button:active,.restart-button:active{transform:translateY(3px);box-shadow:none}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fdf6f0,#faf5ef,#f5ede5);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;overflow-x:hidden;padding:var(--space-4, 16px);animation:fadeIn .5s ease-out}.celebration-container{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-2xl, 1.5rem);padding:var(--space-6, 24px) var(--space-8, 32px);max-width:480px;width:100%;text-align:center;position:relative;box-shadow:0 25px 50px -12px #2d2a2640,0 0 0 1px var(--border-color, #E8E0D8);animation:slideUp .6s ease-out .2s both;overflow:visible;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:999}.confetti{position:absolute;width:10px;height:10px;top:-20px;border-radius:2px;animation:confettiFall 4s ease-out var(--delay) forwards}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100vh) translate(var(--x-end)) rotate(var(--rotation));opacity:0}}.trophy-container{position:relative;display:inline-block;margin-bottom:var(--space-3, 12px);animation:trophyBounce .8s ease-out .4s both}@keyframes trophyBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}.trophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.trophy-icon{color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.4));position:relative;z-index:1;width:56px;height:56px}.stars-container{display:flex;justify-content:center;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.celebration-star{transition:all .3s ease;animation:starPop .5s ease-out var(--delay) both;width:36px;height:36px}.celebration-star.earned{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.celebration-star.unearned{color:var(--border-color, #E8E0D8);stroke:var(--border-color, #E8E0D8)}@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1) rotate(0);opacity:1}}.celebration-title{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-5, 20px);animation:textReveal .6s ease-out .8s both}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.celebration-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px);margin-bottom:var(--space-5, 20px);animation:statsReveal .6s ease-out 1.2s both}.celebration-stats:has(.stat-card:nth-child(3):last-child) .stat-card:last-child{grid-column:1 / -1;max-width:200px;justify-self:center}@keyframes statsReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:linear-gradient(135deg,var(--color-bg-muted, #FAF5EF) 0%,var(--color-bg-card, #FFFFFF) 100%);border:1px solid var(--border-color, #E8E0D8);border-radius:var(--radius-lg, .75rem);padding:var(--space-3, 12px) var(--space-2, 8px);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .08))}.stat-icon{width:36px;height:36px;margin:0 auto var(--space-2, 8px);background:linear-gradient(135deg,var(--color-primary, #58CC02) 0%,#6BD425 100%);border-radius:var(--radius-full, 50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse, #FFFFFF);box-shadow:0 2px 0 var(--color-primary-dark, #46A302)}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);margin-bottom:0;line-height:1.2}.stat-label{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #6B6560);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em);margin-top:var(--space-1, 4px)}.stat-sublabel{font-size:.65rem;color:var(--color-text-tertiary, #9C958E);margin-top:2px}.achievement-badge{display:inline-flex;align-items:center;gap:var(--space-2, 8px);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:var(--color-text-inverse, #FFFFFF);padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--space-5, 20px);box-shadow:0 3px #d97706,0 4px 12px #f59e0b4d;animation:badgeShine 2s ease-in-out infinite,badgePop .5s ease-out 1.4s both}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes badgeShine{0%,to{box-shadow:0 3px #d97706,0 4px 12px #f59e0b4d}50%{box-shadow:0 3px #d97706,0 4px 20px #f59e0b80}}.celebration-actions{display:flex;justify-content:center;gap:var(--space-3, 12px);animation:buttonsReveal .6s ease-out 1.6s both}@keyframes buttonsReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-button{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-5, 20px);border-radius:var(--radius-lg, .75rem);font-family:inherit;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-bold, 700);text-decoration:none;cursor:pointer;transition:all var(--transition-fast, .15s ease);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.celebration-button.primary{background-color:var(--color-primary, #58CC02);color:#fff!important;border:none;box-shadow:0 4px 0 var(--color-primary-dark, #46A302)}.celebration-button.primary svg{color:#fff!important;stroke:#fff!important}.celebration-button.primary:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.celebration-button.primary:active{transform:translateY(4px);box-shadow:none}.celebration-button.secondary{background-color:#faf5ef;color:#2d2a26!important;border:2px solid #E8E0D8;box-shadow:0 3px #d4cbc2}.celebration-button.secondary svg{color:#2d2a26!important;stroke:#2d2a26!important}.celebration-button.secondary:hover{background-color:#f0ebe5;color:#2d2a26!important;transform:translateY(-1px);box-shadow:0 4px #d4cbc2}.celebration-button.secondary:active{transform:translateY(3px);box-shadow:none}.celebration-toast{background-color:#fff;color:#2d2a26;padding:var(--space-4, 16px) var(--space-6, 24px);border-radius:var(--radius-xl, 1rem);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);text-align:center;box-shadow:0 8px 30px #2d2a2633;border:3px solid var(--color-primary, #58CC02);z-index:10;margin-bottom:var(--space-5, 20px);animation:toastAppear 4s ease-out forwards}@keyframes toastAppear{0%{opacity:0;transform:scale(.9)}15%{opacity:1;transform:scale(1.02)}25%{transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95);max-height:0;padding:0;margin:0;border-width:0}}@media (max-width: 768px){.journey-execution{padding:var(--space-4, 16px)}.journey-intro,.journey-header,.current-step{padding:var(--space-6, 24px)}.journey-intro h1{font-size:var(--font-size-2xl, 1.5rem)}.journey-header h1{font-size:var(--font-size-xl, 1.25rem)}.journey-meta{flex-direction:column;gap:var(--space-4, 16px);text-align:center}.journey-map{gap:var(--space-3, 12px);padding:var(--space-5, 20px)}.journey-step{width:44px;height:44px;font-size:var(--font-size-sm, .875rem)}.step-controls{flex-direction:column;align-items:center}.start-game-button,.reset-button,.restart-button{width:100%;max-width:280px;justify-content:center}.start-journey-button{padding:var(--space-4, 16px) var(--space-8, 32px);font-size:var(--font-size-lg, 1.125rem);width:100%;max-width:280px;justify-content:center}.distribution-items{flex-direction:column;align-items:center;max-width:300px;margin:0 auto var(--space-8, 32px)}.celebration-overlay{padding:var(--space-3, 12px)}.celebration-container{padding:var(--space-5, 20px);max-width:400px}.celebration-title{font-size:var(--font-size-xl, 1.25rem)}.celebration-toast{font-size:var(--font-size-base, 1rem);padding:var(--space-3, 12px) var(--space-5, 20px)}.celebration-stats{gap:var(--space-2, 8px)}.stat-card{padding:var(--space-2, 8px)}.stat-icon{width:32px;height:32px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:var(--font-size-lg, 1.125rem)}.celebration-actions{flex-direction:column;width:100%}.celebration-button{width:100%;justify-content:center}.trophy-icon{width:48px;height:48px}.stars-container{gap:var(--space-2, 8px)}.celebration-star{width:28px;height:28px}}@media (max-width: 480px){.journey-intro h1{font-size:var(--font-size-xl, 1.25rem)}.start-journey-button{min-width:240px;padding:var(--space-4, 16px) var(--space-6, 24px)}.journey-step{width:40px;height:40px;font-size:var(--font-size-sm, .875rem)}.celebration-container{padding:var(--space-4, 16px)}.celebration-title{font-size:var(--font-size-lg, 1.125rem)}.celebration-toast{font-size:var(--font-size-sm, .875rem);padding:var(--space-2, 8px) var(--space-4, 16px)}.trophy-container{margin-bottom:var(--space-2, 8px)}.trophy-icon{width:40px;height:40px}.trophy-glow{width:60px;height:60px}.stars-container{margin-bottom:var(--space-2, 8px)}.celebration-star{width:24px;height:24px}.celebration-stats{gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px)}.stat-card{padding:var(--space-2, 8px) var(--space-1, 4px)}.stat-icon{width:28px;height:28px;margin-bottom:var(--space-1, 4px)}.stat-icon svg{width:14px;height:14px}.stat-value{font-size:var(--font-size-base, 1rem)}.stat-label{font-size:.65rem}.stat-sublabel{font-size:.6rem}.achievement-badge{font-size:var(--font-size-xs, .75rem);padding:var(--space-1, 4px) var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.celebration-actions{gap:var(--space-2, 8px)}.celebration-button{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--font-size-xs, .75rem)}.confetti{width:8px;height:8px}}@media (prefers-reduced-motion: reduce){.journey-step,.start-journey-button,.start-game-button,.reset-button,.restart-button,.progress-fill,.celebration-overlay,.celebration-container,.trophy-container,.celebration-star,.celebration-title,.celebration-toast,.celebration-stats,.achievement-badge,.celebration-actions,.confetti,.trophy-glow{transition:none!important;animation:none!important}.journey-step.current{box-shadow:0 3px 0 var(--color-primary-dark, #46A302),0 0 0 4px #58cc0233}.celebration-overlay{opacity:1}.celebration-container{opacity:1;transform:none}}@media (forced-colors: active){.journey-step{border:2px solid CanvasText}.journey-step.current,.journey-step.completed{border:3px solid Highlight}.journey-map{border:2px solid CanvasText}.celebration-container{border:3px solid CanvasText}.stat-card{border:2px solid CanvasText}.celebration-button{border:2px solid ButtonText}}@media print{.journey-execution{background:#fff;padding:0}.journey-header,.journey-map,.current-step{box-shadow:none;border:1px solid var(--border-color, #E8E0D8)}.journey-step.current{animation:none}.start-journey-button,.start-game-button,.reset-button,.restart-button,.celebration-actions{display:none}.celebration-overlay{position:static;background:#fff}.confetti-container{display:none}}.adaptive-journeys{max-width:1200px;margin:0 auto;padding:var(--space-5, 20px);font-family:var(--font-family, "Poppins", sans-serif);min-height:100vh;background-color:var(--color-bg-page, #FDF6F0)}.simple-breadcrumb{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-3, 12px) var(--space-5, 20px);margin-bottom:var(--space-5, 20px);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color, #E8E0D8);font-size:var(--font-size-sm, .875rem);display:flex;align-items:center;gap:var(--space-2, 8px);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06))}.simple-breadcrumb a{color:var(--color-indigo, #6366F1);text-decoration:none;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-md, .5rem);transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease);font-weight:var(--font-weight-medium, 500)}.simple-breadcrumb a:hover{background-color:#6366f11a;color:var(--color-indigo-dark, #4F46E5)}.simple-breadcrumb span:not([class]){color:var(--color-text-tertiary, #9C958E);margin:0 var(--space-1, 4px)}.simple-breadcrumb span:last-child{color:var(--color-text-primary, #2D2A26);font-weight:var(--font-weight-semibold, 600)}.analysis-phase{display:flex;align-items:center;justify-content:center;min-height:60vh}.analysis-loading{text-align:center;background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-10, 40px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .08));border:1px solid var(--border-color, #E8E0D8)}.analysis-loading h2{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);font-size:var(--font-size-xl, 1.25rem)}.analysis-loading p{color:var(--color-text-secondary, #6B6560);max-width:400px;margin:0 auto;line-height:var(--line-height-relaxed, 1.625)}.loading-spinner{border:3px solid var(--border-color, #E8E0D8);border-top:3px solid var(--color-primary, #58CC02);border-radius:var(--radius-full, 50%);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--space-5, 20px)}.selection-phase{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journey-header{text-align:center;margin-bottom:var(--space-10, 40px);background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-8, 32px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8)}.journey-header h1{display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);font-size:var(--font-size-4xl, 2.25rem);color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);font-weight:var(--font-weight-bold, 700)}.header-icon{color:var(--color-accent, #E67E22)}.journey-header p{color:var(--color-text-secondary, #6B6560);font-size:var(--font-size-lg, 1.125rem);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed, 1.625)}.content-analysis-summary{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-8, 32px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);margin-bottom:var(--space-8, 32px)}.content-analysis-summary h2{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-5, 20px);text-align:center;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700)}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-5, 20px)}.analysis-card{padding:var(--space-5, 20px);border-radius:var(--radius-xl, 1rem);text-align:center;transition:transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.analysis-card.available{background-color:#58cc0214;border:2px solid var(--color-primary, #58CC02)}.analysis-card.unavailable{background-color:var(--color-bg-muted, #FAF5EF);border:2px solid var(--border-color, #E8E0D8);opacity:.6}.analysis-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(45, 42, 38, .08))}.card-icon{width:32px;height:32px;margin:0 auto var(--space-3, 12px);color:var(--color-accent, #E67E22)}.analysis-card h3{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-2, 8px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700)}.analysis-card p{color:var(--color-text-secondary, #6B6560);margin-bottom:var(--space-2, 8px);font-size:var(--font-size-sm, .875rem)}.quality-badge{display:inline-block;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em);background-color:#6366f11a;color:var(--color-indigo, #6366F1)}.journey-recommendations{background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-8, 32px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8)}.journey-recommendations h2{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-8, 32px);text-align:center;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700)}.journey-card{background-color:var(--color-bg-muted, #FAF5EF);border:2px solid var(--border-color, #E8E0D8);border-radius:var(--radius-xl, 1rem);padding:var(--space-6, 24px);margin-bottom:var(--space-5, 20px);position:relative;transition:all var(--transition-base, .2s ease)}.journey-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 8px 30px rgba(45, 42, 38, .12))}.journey-card.recommended{border-color:var(--color-primary, #58CC02);background:linear-gradient(135deg,rgba(88,204,2,.05) 0%,var(--color-bg-card, #FFFFFF) 100%)}.journey-card.custom{border-color:var(--color-indigo, #6366F1);background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,var(--color-bg-card, #FFFFFF) 100%)}.journey-badge{position:absolute;top:-10px;right:var(--space-5, 20px);background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-bold, 700);display:flex;align-items:center;gap:var(--space-1, 4px);box-shadow:0 2px 0 var(--color-primary-dark, #46A302);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.badge-icon{width:12px;height:12px}.journey-card h3{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-3, 12px);font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);display:flex;align-items:center;gap:var(--space-2, 8px)}.journey-card p{color:var(--color-text-secondary, #6B6560);line-height:var(--line-height-relaxed, 1.625);margin-bottom:var(--space-4, 16px)}.journey-meta{display:flex;gap:var(--space-4, 16px);margin-bottom:var(--space-4, 16px);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6B6560)}.journey-meta span{display:flex;align-items:center;gap:var(--space-1, 4px)}.journey-distribution{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-5, 20px)}.distribution-item{background-color:#6366f11a;color:var(--color-indigo, #6366F1);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);display:flex;align-items:center;gap:var(--space-1, 4px)}.distribution-item.vocabulary{background-color:#58cc021a;color:var(--color-primary-dark, #46A302)}.distribution-item.spelling{background-color:#6366f11a;color:var(--color-indigo, #6366F1)}.distribution-item.sentences{background-color:#ec48991a;color:#db2777}.distribution-item.stories{background-color:#e67e221a;color:var(--color-accent, #E67E22)}.distribution-item.wordNotes{background-color:#6b65601a;color:var(--color-text-secondary, #6B6560)}.category-name{text-transform:capitalize}.category-count{background-color:var(--color-indigo, #6366F1);color:var(--color-text-inverse, #FFFFFF);border-radius:var(--radius-full, 50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--font-weight-bold, 700)}.journey-select-button{padding:var(--space-3, 12px) var(--space-5, 20px);border:none;border-radius:var(--radius-xl, 1rem);font-family:inherit;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;justify-content:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .025em)}.journey-select-button.primary{background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);box-shadow:0 4px 0 var(--color-primary-dark, #46A302)}.journey-select-button.primary:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502}.journey-select-button.secondary{background-color:var(--color-indigo, #6366F1);color:var(--color-text-inverse, #FFFFFF);box-shadow:0 4px 0 var(--color-indigo-dark, #4F46E5)}.journey-select-button.secondary:hover{background-color:var(--color-indigo-dark, #4F46E5);transform:translateY(-2px);box-shadow:0 6px #4338ca}.journey-select-button.tertiary{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-primary, #2D2A26);border:2px solid var(--border-color, #E8E0D8);box-shadow:0 3px 0 var(--border-color-dark, #D4CBC2)}.journey-select-button.tertiary:hover{background-color:var(--color-bg-hover, #F0EBE5);border-color:var(--border-color-dark, #D4CBC2);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-color-dark, #D4CBC2)}.journey-select-button:active{transform:translateY(4px);box-shadow:none}.alternative-journeys{margin-top:var(--space-8, 32px)}.alternative-journeys h3{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-5, 20px);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700)}.journey-card.alternative{padding:var(--space-4, 16px);margin-bottom:var(--space-3, 12px)}.journey-card.alternative h4{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-2, 8px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700)}.error-state{text-align:center;background-color:var(--color-bg-card, #FFFFFF);padding:var(--space-10, 40px);border-radius:var(--radius-2xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px rgba(45, 42, 38, .06));border:1px solid var(--border-color, #E8E0D8);margin-top:var(--space-10, 40px)}.error-state h2{color:var(--color-text-primary, #2D2A26);margin-bottom:var(--space-4, 16px);font-size:var(--font-size-xl, 1.25rem)}.error-state p{color:var(--color-text-secondary, #6B6560);margin-bottom:var(--space-6, 24px)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-6, 24px);background-color:var(--color-primary, #58CC02);color:var(--color-text-inverse, #FFFFFF);text-decoration:none;border-radius:var(--radius-xl, 1rem);font-weight:var(--font-weight-bold, 700);box-shadow:0 4px 0 var(--color-primary-dark, #46A302);transition:all var(--transition-fast, .15s ease)}.back-button:hover{background-color:var(--color-primary-dark, #46A302);transform:translateY(-2px);box-shadow:0 6px #3a8502;text-decoration:none}.back-button:active{transform:translateY(4px);box-shadow:none}@media (max-width: 768px){.adaptive-journeys{padding:var(--space-4, 16px)}.journey-header{padding:var(--space-5, 20px)}.journey-header h1{font-size:var(--font-size-2xl, 1.5rem);flex-direction:column;gap:var(--space-2, 8px)}.content-analysis-summary,.journey-recommendations{padding:var(--space-5, 20px)}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3, 12px)}.journey-card{padding:var(--space-4, 16px)}.journey-meta{flex-direction:column;gap:var(--space-2, 8px)}.distribution-item{font-size:.625rem}}@media (max-width: 480px){.simple-breadcrumb{font-size:var(--font-size-xs, .75rem);padding:var(--space-2, 8px) var(--space-3, 12px)}.journey-header h1{font-size:var(--font-size-xl, 1.25rem)}.analysis-card{padding:var(--space-3, 12px)}.journey-select-button{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--font-size-sm, .875rem)}}@media (prefers-reduced-motion: reduce){.selection-phase,.journey-card,.analysis-card,.journey-select-button,.back-button,.loading-spinner{transition:none!important;animation:none!important}}@media (forced-colors: active){.journey-card{border:2px solid CanvasText}.journey-card.recommended,.journey-card.custom{border:3px solid Highlight}.analysis-card{border:2px solid CanvasText}.analysis-card.available{border-color:Highlight}.journey-select-button{border:2px solid ButtonText}}@media print{.adaptive-journeys{background:#fff;padding:0}.journey-header,.content-analysis-summary,.journey-recommendations,.journey-card{box-shadow:none;border:1px solid var(--border-color, #E8E0D8)}.journey-select-button,.simple-breadcrumb{display:none}}.class-notes{max-width:600px;margin:0 auto;padding:0 100px;font-family:var(--font-family-body, "Poppins", sans-serif)}.class-notes.about-page{max-width:900px;padding:0 40px}.class-notes.about-page .notes-empty-state{max-width:900px}.class-notes-container{width:100%;margin:0 auto}.class-notes-input{width:100%;text-align:left;padding:40px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease,border-color .3s ease}.class-notes-input h3{font-size:2.5em;margin-bottom:12px;color:var(--color-text-primary, #2D2A26);text-align:center;font-weight:var(--font-weight-bold, 700);transition:color .3s ease}.class-notes-form{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px}.input-description{color:var(--color-text-secondary, #6B6560);margin-bottom:20px;font-size:.9rem;text-align:center;transition:color .3s ease}.input-description a{color:var(--color-primary, #6366F1);text-decoration:none;transition:color .2s ease}.input-description a:hover{color:var(--color-primary-hover, #4F46E5);text-decoration:underline}.class-code-input{width:100%;padding:14px;font-size:16px;font-family:var(--font-family-body, "Poppins", sans-serif);border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);text-align:center;background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);transition:border-color .2s ease,box-shadow .2s ease}.class-code-input:focus{outline:none;border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, #EEF2FF)}.submit-class-code{width:100%;padding:14px 24px;background-color:var(--color-cta-green, #58CC02);color:#fff;border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;font-size:16px;font-weight:var(--font-weight-bold, 700);transition:background-color .2s ease,transform .2s ease;box-shadow:var(--shadow-button-3d, 0 4px 0 #46A302)}.submit-class-code:hover{background-color:var(--color-cta-green-hover, #46A302)}.submit-class-code:active{transform:translateY(4px);box-shadow:none}.class-notes-list{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.class-note-card{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);padding:24px;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));border:1px solid var(--border-color-light, #E8E0D8);width:70%;margin:0 auto;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.note-title{font-size:1.5rem;color:var(--color-text-primary, #2D2A26);margin-bottom:20px;text-align:center;font-weight:var(--font-weight-bold, 700);transition:color .3s ease}.note-media-container{width:100%;margin:20px auto}.note-media{width:100%;height:auto;border-radius:var(--radius-lg, .75rem);margin:0 auto;display:block}.note-audio{width:100%;margin:10px auto;display:block;border-radius:var(--radius-lg, .75rem)}.note-video{width:100%;max-width:100%;border-radius:var(--radius-lg, .75rem);margin:0 auto;display:block}.note-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary, #6B6560);margin:20px auto;white-space:pre-wrap;text-align:justify;max-width:100%;padding:0 20px;transition:color .3s ease}.note-attachment{margin-top:20px;text-align:center}.note-attachment a{display:inline-block;padding:10px 20px;background-color:var(--color-primary, #6366F1);color:#fff;text-decoration:none;border-radius:var(--radius-lg, .75rem);font-weight:var(--font-weight-medium, 500);transition:background-color .2s ease}.note-attachment a:hover{background-color:var(--color-primary-hover, #4F46E5)}.loading-message,.error-message{max-width:600px;margin:20px auto;text-align:center;padding:20px 40px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color-light, #E8E0D8);color:var(--color-text-secondary, #6B6560);transition:background-color .3s ease,border-color .3s ease}.error-message{color:var(--color-error, #EF4444);background-color:var(--color-error-light, #FEE2E2);border:1px solid var(--color-error, #EF4444)}.notes-empty-state{max-width:600px;margin:0 auto;text-align:center;padding:40px 20px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);transition:background-color .3s ease,border-color .3s ease}.notes-empty-state h2{color:var(--color-text-primary, #2D2A26);margin-bottom:10px}.notes-empty-state p{color:var(--color-text-secondary, #6B6560)}.notes-selector-container{max-width:400px;margin:0 auto;width:100%;padding:20px;text-align:center}.notes-selector-container h3{color:var(--color-text-primary, #2D2A26);margin-bottom:12px;font-weight:var(--font-weight-bold, 700)}.try-different-code{margin-top:20px;padding:10px 20px;background-color:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);color:var(--color-text-secondary, #6B6560);cursor:pointer;font-weight:var(--font-weight-medium, 500);transition:all .2s ease}.try-different-code:hover{background-color:var(--color-bg-hover, #F0EBE5);border-color:var(--color-sand-500, #D4CBC2);color:var(--color-text-primary, #2D2A26)}[data-theme=dark] .class-notes-input,.dark .class-notes-input{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .class-notes-input h3,[data-theme=dark] .notes-selector-container h3,.dark .class-notes-input h3,.dark .notes-selector-container h3{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .input-description,.dark .input-description{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .class-code-input,.dark .class-code-input{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .class-code-input:focus,.dark .class-code-input:focus{border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}[data-theme=dark] .class-note-card,.dark .class-note-card{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}[data-theme=dark] .note-title,.dark .note-title{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .note-description,.dark .note-description{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .loading-message,[data-theme=dark] .notes-empty-state,.dark .loading-message,.dark .notes-empty-state{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .notes-empty-state h2,.dark .notes-empty-state h2{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .notes-empty-state p,.dark .notes-empty-state p{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .try-different-code,.dark .try-different-code{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .try-different-code:hover,.dark .try-different-code:hover{background-color:var(--color-bg-hover, #3D352E);color:var(--color-text-primary, #F5F0EB)}@media (max-width: 1200px){.class-notes{padding:0 50px}}@media (max-width: 900px){.class-notes{padding:0 30px}}@media (max-width: 600px){.class-notes{padding:0 15px}.class-notes-container{padding:10px}.class-notes-input{padding:20px}.class-notes-input h3{font-size:2em}.class-notes-form{width:100%}.class-note-card{width:calc(100% - 20px);padding:15px}.note-title{font-size:1.3em}.note-description{font-size:.9em;padding:0 10px}.note-media-container{max-height:300px;overflow:hidden}}@media (prefers-reduced-motion: reduce){.class-notes-input,.class-note-card,.class-code-input,.submit-class-code,.try-different-code,.note-attachment a{transition:none}}.class-code-input:focus-visible,.submit-class-code:focus-visible,.try-different-code:focus-visible,.note-attachment a:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}.slide-in-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2d2a2680;z-index:1000;display:flex;justify-content:flex-end}.slide-in-panel-content{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background-color:var(--color-bg-card, #FFFFFF);box-shadow:-4px 0 24px #2d2a2626;transition:transform .3s ease-in-out;transform:translate(0);animation:slideInFromRight .3s ease-out}.slide-in-panel-overlay.closing .slide-in-panel-content{transform:translate(100%);animation:slideOutToRight .3s ease-in}.slide-in-panel-content .close-button{position:absolute;top:12px;right:12px;background-color:#2d2a26cc;border:none;border-radius:var(--radius-full, 9999px);width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1001;transition:all .2s ease;color:#fff}.slide-in-panel-content .close-button:hover{background-color:var(--color-error, #EF4444);transform:scale(1.1)}.slide-in-panel-content .close-button:focus-visible{outline:2px solid var(--color-primary, #58CC02);outline-offset:2px}.slide-in-panel-content iframe{width:100%;height:100%;border:none}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 768px){.slide-in-panel-content{width:100%;max-width:100vw}}@media (max-width: 1024px) and (min-width: 769px){.slide-in-panel-content{width:500px}}@media (min-width: 1200px){.slide-in-panel-content{width:600px}}.content-item{border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-2xl, 1.5rem);padding:16px;background-color:var(--color-bg-card, #FFFFFF);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;height:100%}.content-item:hover{box-shadow:var(--shadow-hover, 0 10px 40px -10px rgba(45, 42, 38, .15));border-color:var(--color-sand-500, #D4CBC2)}.content-item .card-top-buttons{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px}.content-item .favorite-button{background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--color-sand-300, #E8E0D8);transition:color .3s ease,transform .2s ease;padding:4px;border-radius:var(--radius-md, .5rem)}.content-item .info-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-sand-400, #D4CBC2);transition:color .3s ease,transform .2s ease;padding:4px;border-radius:var(--radius-md, .5rem)}.content-item .favorite-button:hover{color:var(--color-warning, #F59E0B);transform:scale(1.1)}.content-item .info-button:hover{color:var(--color-primary, #6366F1);transform:scale(1.1)}.content-item .language-word{margin:0 0 4px;font-size:1.5rem;color:var(--color-text-primary, #2D2A26);width:100%;text-align:center;font-weight:700;line-height:1.2;transition:color .3s ease}.content-item:hover .language-word{color:var(--color-primary, #6366F1)}.content-item .english-translation{margin-bottom:12px;color:var(--color-text-secondary, #6B6560);font-style:italic;font-weight:500;width:100%;text-align:center;font-size:.9rem;transition:color .3s ease}.content-item .content-image{width:100%;aspect-ratio:4/3;max-width:none;height:auto;max-height:none;border-radius:var(--radius-xl, 1rem);margin:0 0 12px;object-fit:cover;background-color:var(--color-bg-muted, #FAF5EF);transition:transform .5s ease}.content-item:hover .content-image{transform:scale(1.05)}.content-item .image-container{width:100%;border-radius:var(--radius-xl, 1rem);overflow:hidden;margin-bottom:12px;position:relative;background-color:var(--color-bg-muted, #FAF5EF)}.content-item .image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.content-item:hover .image-container:after{opacity:1}.content-item .audio-container{width:100%;margin-top:auto;padding-top:12px;display:flex;flex-direction:column;align-items:center}.content-item .audio-button{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary, #6366F1);color:#fff;border:none;border-radius:var(--radius-xl, 1rem);cursor:pointer;font-size:.95rem;font-weight:700;transition:all .2s ease;box-shadow:0 4px 14px -2px #6366f14d;text-align:center}.content-item .audio-button svg{flex-shrink:0}.content-item .audio-button span{white-space:nowrap}.content-item .audio-button:hover{background-color:var(--color-primary-hover, #4F46E5);transform:translateY(-2px);box-shadow:0 6px 20px -2px #6366f166}.content-item .audio-button:active{transform:scale(.98);box-shadow:0 2px 8px -2px #6366f14d}.content-item .favorite-button.processing{cursor:not-allowed;pointer-events:none}.content-item .favorite-button.processing .star-icon{animation:pulse 1.5s infinite}[data-theme=dark] .content-item,.dark .content-item{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}[data-theme=dark] .content-item:hover,.dark .content-item:hover{border-color:var(--border-color-dark, #4A413A);box-shadow:var(--shadow-hover, 0 10px 40px -10px rgba(0, 0, 0, .5))}[data-theme=dark] .content-item .language-word,.dark .content-item .language-word{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .content-item:hover .language-word,.dark .content-item:hover .language-word{color:var(--color-primary-light, #A5B4FC)}[data-theme=dark] .content-item .english-translation,.dark .content-item .english-translation{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .content-item .favorite-button,[data-theme=dark] .content-item .info-button,.dark .content-item .favorite-button,.dark .content-item .info-button{color:var(--border-color-default, #3D352E)}[data-theme=dark] .content-item .favorite-button:hover,.dark .content-item .favorite-button:hover{color:var(--color-warning, #F59E0B)}[data-theme=dark] .content-item .info-button:hover,.dark .content-item .info-button:hover{color:var(--color-primary, #818CF8)}[data-theme=dark] .content-item .image-container,[data-theme=dark] .content-item .content-image,.dark .content-item .image-container,.dark .content-item .content-image{background-color:var(--color-bg-muted, #352E28)}@media (max-width: 768px){.content-item{padding:12px}.content-item .language-word{font-size:1.35rem}.content-item .english-translation{font-size:.85rem}.content-item .audio-button{padding:10px;font-size:.9rem}}@media (max-width: 480px){.content-item{padding:10px}.content-item .language-word{font-size:1.2rem}.content-item .content-image{border-radius:var(--radius-lg, .75rem)}.content-item .audio-button{padding:10px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.content-item,.content-item .favorite-button,.content-item .info-button,.content-item .audio-button{transition:none}.content-item .favorite-button.processing .star-icon{animation:none}}.content-item .favorite-button:focus-visible,.content-item .info-button:focus-visible,.content-item .audio-button:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}.phonogram-item{border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-3xl, 1.5rem);padding:20px;background-color:var(--color-bg-card, #FFFFFF);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.phonogram-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 8px 25px -5px rgba(45, 42, 38, .12));border-color:var(--color-sand-500, #D4CBC2)}.phonogram-item .card-top-buttons{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:4px}.phonogram-item>.favorite-button{position:absolute;top:10px;left:10px}.phonogram-item>.info-button{position:absolute;top:10px;right:10px}.phonogram-item .card-top-buttons .favorite-button,.phonogram-item .card-top-buttons .info-button{position:static}.phonogram-item .favorite-button,.phonogram-item .info-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-sand-300, #E8E0D8);transition:color .3s ease,transform .2s ease;padding:4px;border-radius:var(--radius-md, .5rem);z-index:10}.phonogram-item .favorite-button:hover{color:var(--color-warning, #F59E0B);transform:scale(1.1)}.phonogram-item .info-button:hover{color:var(--color-primary, #6366F1);transform:scale(1.1)}.phonogram-item .phonogram-text{margin-top:8px;margin-bottom:12px;font-size:4.5rem;font-weight:800;color:var(--color-text-primary, #2D2A26);width:100%;text-align:center;letter-spacing:-.05em;font-family:var(--font-family-heading, "Poppins", sans-serif);text-transform:none;line-height:1;transition:color .3s ease}.phonogram-item .phonogram-text.phonogram-j-display{font-family:var(--font-family-heading, "Poppins", sans-serif);font-style:normal}.phonogram-item .phonogram-type{display:inline-flex;align-items:center;gap:8px;margin:0 auto 20px;padding:6px 16px;border-radius:9999px;background-color:var(--color-primary-light, #EEF2FF);border:1px solid var(--color-primary-border, #C7D2FE);color:var(--color-primary, #6366F1);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-style:normal;width:auto;text-align:center;transition:all .3s ease}.phonogram-item .phonogram-type.vowel-type{background-color:var(--color-violet-light, #F5F3FF);border-color:var(--color-violet-border, #DDD6FE);color:var(--color-violet, #7C3AED)}.phonogram-item .phonogram-type.consonant-type{background-color:var(--color-rose-light, #FFF1F2);border-color:var(--color-rose-border, #FECDD3);color:var(--color-rose, #E11D48)}.phonogram-item .type-separator{width:4px;height:4px;border-radius:50%;background-color:currentColor;opacity:.4}.phonogram-item .focal-badge{color:var(--color-accent-orange, #E67E22);font-weight:var(--font-weight-medium, 500)}.phonogram-item .example-words-container{width:100%;margin:0 0 20px;padding:16px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-2xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);transition:background-color .3s ease,border-color .3s ease}.phonogram-item .example-word{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;cursor:pointer;transition:all .2s ease}.phonogram-item .example-word:hover{background-color:#00000008;border-radius:var(--radius-lg, .75rem)}.phonogram-item .example-word-info{display:flex;flex-direction:column}.phonogram-item .word-text{font-weight:700;color:var(--color-text-primary, #2D2A26);font-size:1.125rem;line-height:1.3;transition:color .3s ease}.phonogram-item .word-translation{color:var(--color-text-secondary, #6B6560);font-size:.75rem;font-weight:500;margin-top:2px;font-style:normal;transition:color .3s ease}.phonogram-item .word-speaker-button{width:36px;height:36px;min-width:36px;border-radius:50%;background-color:var(--color-bg-card, #FFFFFF);border:1px solid var(--color-primary, #6366F1);box-shadow:0 1px 3px #6366f126;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #6366F1);cursor:pointer;transition:all .2s ease;flex-shrink:0}.phonogram-item .word-speaker-button svg{width:16px;height:16px;min-width:16px;min-height:16px;fill:currentColor;display:block}.phonogram-item .word-speaker-button svg path{fill:currentColor}.phonogram-item .word-speaker-button:hover{transform:scale(1.1);background-color:var(--color-primary, #6366F1);border-color:var(--color-primary, #6366F1);color:#fff;box-shadow:0 2px 8px #6366f14d}.phonogram-item .word-speaker-button:active{transform:scale(.95)}.phonogram-item .word-divider{height:1px;width:100%;background-color:var(--border-color-light, #E8E0D8);margin:8px 0}.phonogram-item .audio-container{width:100%;margin-top:0;display:flex;flex-direction:column;align-items:center}.phonogram-item .audio-button{width:100%;padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-violet, #7C3AED);color:#fff;border:none;border-radius:var(--radius-2xl, 1rem);cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;box-shadow:0 4px 14px -2px #7c3aed40;text-align:center}.phonogram-item .audio-button svg{flex-shrink:0}.phonogram-item .audio-button span{white-space:nowrap}.phonogram-item .audio-button:hover{background-color:var(--color-violet-dark, #6D28D9);transform:translateY(-2px);box-shadow:0 6px 20px -2px #7c3aed59}.phonogram-item .audio-button:active{transform:scale(.98);box-shadow:0 2px 8px -2px #7c3aed40}.phonogram-item .audio-progress{margin-top:8px;padding:8px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-md, .5rem);border:1px solid var(--border-color-light, #E8E0D8)}.phonogram-item .progress-text{font-size:.8em;color:var(--color-text-secondary, #6B6560);text-align:center;margin-bottom:6px;font-weight:var(--font-weight-medium, 500)}.phonogram-item .progress-bar{width:100%;height:4px;background-color:var(--color-sand-300, #E8E0D8);border-radius:2px;overflow:hidden}.phonogram-item .progress-fill{height:100%;background-color:var(--color-primary, #6366F1);transition:width .3s ease;border-radius:2px}.phonogram-item .favorite-button.processing{cursor:not-allowed;pointer-events:none}.phonogram-item .favorite-button.processing .star-icon{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.phonogram-item.focal-phonogram{border:2px solid var(--color-accent-orange, #E67E22);background:linear-gradient(135deg,#e67e220d,#e67e2205);box-shadow:0 4px 15px #e67e2226}.phonogram-item.focal-phonogram:hover{border-color:var(--color-accent-orange-dark, #D35400);box-shadow:0 6px 20px #e67e2240}.phonogram-item .focal-indicator{position:absolute;top:8px;right:40px;font-size:1.2em;z-index:5}[data-theme=dark] .phonogram-item,.dark .phonogram-item{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}[data-theme=dark] .phonogram-item:hover,.dark .phonogram-item:hover{border-color:var(--border-color-dark, #4A413A);box-shadow:var(--shadow-hover, 0 8px 25px -5px rgba(0, 0, 0, .4))}[data-theme=dark] .phonogram-item.focal-phonogram,.dark .phonogram-item.focal-phonogram{background:linear-gradient(135deg,#e67e221a,#e67e220d);border-color:var(--color-accent-orange, #E67E22)}[data-theme=dark] .phonogram-item .phonogram-text,.dark .phonogram-item .phonogram-text{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .phonogram-item .word-text,.dark .phonogram-item .word-text{color:var(--color-text-primary, #2D2A26)}[data-theme=dark] .phonogram-item .word-translation,.dark .phonogram-item .word-translation{color:var(--color-text-secondary, #6B6560)}[data-theme=dark] .phonogram-item .progress-text,.dark .phonogram-item .progress-text{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .phonogram-item .phonogram-type,.dark .phonogram-item .phonogram-type{background-color:#6366f126;border-color:#6366f14d;color:var(--color-primary-light, #A5B4FC)}[data-theme=dark] .phonogram-item .phonogram-type.vowel-type,.dark .phonogram-item .phonogram-type.vowel-type{background-color:#7c3aed33;border-color:#7c3aed4d;color:var(--color-violet-light, #C4B5FD)}[data-theme=dark] .phonogram-item .phonogram-type.consonant-type,.dark .phonogram-item .phonogram-type.consonant-type{background-color:#e11d4833;border-color:#e11d484d;color:var(--color-rose-light, #FDA4AF)}[data-theme=dark] .phonogram-item .example-words-container,.dark .phonogram-item .example-words-container{background-color:var(--color-bg-muted, #FAF5EF);border-color:var(--border-color-light, #E8E0D8)}[data-theme=dark] .phonogram-item .audio-progress,.dark .phonogram-item .audio-progress{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .phonogram-item .word-speaker-button,.dark .phonogram-item .word-speaker-button{background-color:#fff;border-color:var(--color-primary, #6366F1);color:var(--color-primary, #6366F1)}[data-theme=dark] .phonogram-item .word-speaker-button:hover,.dark .phonogram-item .word-speaker-button:hover{background-color:var(--color-primary, #6366F1);border-color:var(--color-primary, #6366F1);color:#fff}[data-theme=dark] .phonogram-item .word-divider,.dark .phonogram-item .word-divider{background-color:var(--border-color-light, #E8E0D8)}[data-theme=dark] .phonogram-item .progress-bar,.dark .phonogram-item .progress-bar{background-color:var(--border-color-default, #3D352E)}[data-theme=dark] .phonogram-item .favorite-button,[data-theme=dark] .phonogram-item .info-button,.dark .phonogram-item .favorite-button,.dark .phonogram-item .info-button{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .phonogram-item .favorite-button:hover,.dark .phonogram-item .favorite-button:hover{color:var(--color-warning, #F59E0B)}[data-theme=dark] .phonogram-item .info-button:hover,.dark .phonogram-item .info-button:hover{color:var(--color-primary, #818CF8)}@media (max-width: 768px){.phonogram-item{padding:16px;min-height:auto}.phonogram-item .phonogram-text{font-size:3.5rem}.phonogram-item .phonogram-type{font-size:.7rem;padding:5px 12px}.phonogram-item .example-words-container{padding:12px}.phonogram-item .word-text{font-size:1rem}.phonogram-item .word-translation{font-size:.7rem}.phonogram-item .word-speaker-button{width:32px;height:32px;min-width:32px}.phonogram-item .audio-button{padding:14px;font-size:.95rem}}@media (max-width: 480px){.phonogram-item{padding:12px}.phonogram-item .phonogram-text{font-size:3rem}.phonogram-item .phonogram-type{font-size:.65rem;padding:4px 10px;gap:6px}.phonogram-item .example-words-container{padding:10px;margin-bottom:16px}.phonogram-item .example-word{padding:6px 2px}.phonogram-item .word-text{font-size:.95rem}.phonogram-item .word-speaker-button{width:30px;height:30px;min-width:30px}.phonogram-item .audio-button{padding:12px;font-size:.9rem;gap:6px}.phonogram-item .progress-text{font-size:.75em}.phonogram-item .focal-indicator{top:6px;right:35px;font-size:1em}}@media (prefers-reduced-motion: reduce){.phonogram-item,.phonogram-item .favorite-button,.phonogram-item .info-button,.phonogram-item .audio-button,.phonogram-item .progress-fill{transition:none}.phonogram-item .favorite-button.processing .star-icon,.phonogram-item.focal-phonogram.highlighted{animation:none}}.phonogram-item .audio-button:focus-visible,.phonogram-item .favorite-button:focus-visible,.phonogram-item .info-button:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}@keyframes progressPulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.phonogram-item .audio-progress.playing{animation:progressPulse 2s infinite}@keyframes focalGlow{0%,to{box-shadow:0 4px 15px #e67e2226}50%{box-shadow:0 6px 25px #e67e224d}}.phonogram-item.focal-phonogram.highlighted{animation:focalGlow 2s ease-in-out infinite}@media print{.phonogram-item{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.phonogram-item.focal-phonogram{border:2px solid #000;background:none}.phonogram-item .focal-indicator{display:none}.phonogram-item.focal-phonogram:after{content:"(Focal)";font-size:.8em;position:absolute;right:8px;top:8px}}.alphabet-view{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:var(--font-family-body, "Poppins", sans-serif)}.alphabet-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px;padding:24px;background-color:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-3xl, 1.5rem);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));transition:background-color .3s ease,border-color .3s ease;position:relative;overflow:hidden}.alphabet-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:var(--color-primary-light, rgba(99, 102, 241, .05));border-radius:50%;filter:blur(40px);pointer-events:none;transition:background .5s ease}.alphabet-header:hover:before{background:var(--color-primary-light, rgba(99, 102, 241, .1))}.header-info{flex:1;position:relative;z-index:1}.alphabet-title{font-size:1.75rem;margin:0 0 4px;color:var(--color-text-primary, #2D2A26);font-weight:700;letter-spacing:-.02em;transition:color .3s ease}.alphabet-subtitle{margin:0 0 4px;color:var(--color-text-secondary, #6B6560);font-size:.9rem;font-weight:500;transition:color .3s ease}.focal-info{margin:4px 0 0;color:var(--color-accent-orange, #E67E22);font-size:.9em;font-style:italic;font-weight:var(--font-weight-medium, 500)}.alphabet-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:24px}.filter-control,.sort-control{display:flex;flex-direction:column;gap:6px}.filter-control label,.sort-control label{font-size:.7rem;color:var(--color-text-muted, #9C9590);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-left:4px;transition:color .3s ease}.filter-select,.sort-select{padding:12px 40px 12px 14px;border:1px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-xl, 1rem);background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-primary, #2D2A26);font-size:.9rem;font-weight:600;font-family:var(--font-family-body, "Poppins", sans-serif);transition:all .2s ease;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C9590' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;text-align:left}.filter-select option,.sort-select option{background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26)}.filter-select:hover,.sort-select:hover{border-color:var(--color-primary, #6366F1);background-color:var(--color-bg-card, #FFFFFF)}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, #EEF2FF);background-color:var(--color-bg-card, #FFFFFF)}.phonograms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0;transition:all .3s ease}.no-phonograms{text-align:center;padding:60px 20px;color:var(--color-text-secondary, #6B6560);background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);transition:background-color .3s ease,border-color .3s ease}.no-phonograms p{margin:0 0 12px;font-size:1.1em;line-height:1.5;color:var(--color-text-secondary, #6B6560)}.no-phonograms p:last-child{margin-bottom:0}.show-all-button{margin-top:16px;padding:12px 24px;background-color:var(--color-accent-orange, #E67E22);color:#fff;border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;font-size:.95em;font-weight:var(--font-weight-medium, 500);transition:all .2s ease;box-shadow:0 3px 0 var(--color-accent-orange-dark, #D35400)}.show-all-button:hover{background-color:var(--color-accent-orange-dark, #D35400)}.show-all-button:active{transform:translateY(3px);box-shadow:none}.loading-state,.error-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary, #6B6560)}.loading-state p,.error-state p{font-size:1.2em;margin-bottom:20px}.retry-button{padding:12px 24px;background-color:var(--color-cta-green, #58CC02);color:#fff;border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;font-size:1em;font-weight:var(--font-weight-medium, 500);transition:all .2s ease;box-shadow:0 3px 0 var(--color-cta-green-dark, #46A302)}.retry-button:hover{background-color:var(--color-cta-green-hover, #46A302)}.retry-button:active{transform:translateY(3px);box-shadow:none}.embedded-completion-controls{margin-bottom:20px;text-align:center}.complete-activity-btn{padding:12px 24px;background-color:var(--color-cta-green, #58CC02);color:#fff;border:none;border-radius:var(--radius-lg, .75rem);cursor:pointer;font-size:1em;font-weight:var(--font-weight-medium, 500);transition:all .2s ease;box-shadow:0 3px 0 var(--color-cta-green-dark, #46A302)}.complete-activity-btn:hover:not(:disabled){background-color:var(--color-cta-green-hover, #46A302)}.complete-activity-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.complete-activity-btn:disabled{background-color:var(--color-sand-400, #D4CBC2);box-shadow:none;cursor:not-allowed}[data-theme=dark] .alphabet-view,.dark .alphabet-view{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .alphabet-header,.dark .alphabet-header{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(0, 0, 0, .3))}[data-theme=dark] .alphabet-header:before,.dark .alphabet-header:before{background:#6366f11a}[data-theme=dark] .alphabet-header:hover:before,.dark .alphabet-header:hover:before{background:#6366f126}[data-theme=dark] .alphabet-title,.dark .alphabet-title{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .alphabet-subtitle,[data-theme=dark] .filter-control label,[data-theme=dark] .sort-control label,.dark .alphabet-subtitle,.dark .filter-control label,.dark .sort-control label{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .filter-select,[data-theme=dark] .sort-select,.dark .filter-select,.dark .sort-select{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #4A413A);color:var(--color-text-primary, #F5F0EB);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F0EB' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}[data-theme=dark] .filter-select option,[data-theme=dark] .sort-select option,.dark .filter-select option,.dark .sort-select option{background-color:var(--color-bg-card, #2A2420);color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .filter-select:hover,[data-theme=dark] .sort-select:hover,.dark .filter-select:hover,.dark .sort-select:hover{border-color:var(--color-primary, #818CF8);background-color:var(--color-bg-card, #2A2420);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A5B4FC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}[data-theme=dark] .filter-select:focus,[data-theme=dark] .sort-select:focus,.dark .filter-select:focus,.dark .sort-select:focus{border-color:var(--color-primary, #818CF8);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .2));background-color:var(--color-bg-card, #2A2420);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A5B4FC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}[data-theme=dark] .no-phonograms,.dark .no-phonograms{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .no-phonograms p,[data-theme=dark] .loading-state,[data-theme=dark] .error-state,.dark .no-phonograms p,.dark .loading-state,.dark .error-state{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .complete-activity-btn:disabled,.dark .complete-activity-btn:disabled{background-color:var(--border-color-default, #3D352E);color:var(--color-text-secondary, #B8B0A8)}@media (max-width: 768px){.alphabet-view{padding:16px}.alphabet-header{flex-direction:column;gap:0;padding:20px}.alphabet-header:before{display:none}.alphabet-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.alphabet-title{font-size:1.5rem}.alphabet-subtitle{font-size:.85rem}.focal-info{font-size:.85em}.phonograms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.filter-select,.sort-select{font-size:.85rem;padding:10px 36px 10px 12px}.no-phonograms{padding:40px 16px}.no-phonograms p{font-size:1em}}@media (max-width: 480px){.alphabet-view{padding:12px}.alphabet-header{padding:16px}.alphabet-controls{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.filter-control,.sort-control{width:100%}.filter-select,.sort-select{width:100%;min-width:auto;padding:10px 32px 10px 10px;font-size:.8rem;background-size:16px;background-position:right 8px center}.filter-control label,.sort-control label{font-size:.65rem}.alphabet-title{font-size:1.3rem}.alphabet-subtitle{font-size:.8rem}.focal-info{font-size:.75em}.phonograms-grid{grid-template-columns:1fr;gap:12px}.no-phonograms{padding:30px 12px}.no-phonograms p{font-size:.9em}.show-all-button,.retry-button,.complete-activity-btn{width:100%;padding:12px;font-size:.9em}}@media (prefers-reduced-motion: reduce){.phonograms-grid,.phonogram-item,.filter-select,.sort-select,.show-all-button,.retry-button,.complete-activity-btn{transition:none}}.filter-select:focus-visible,.sort-select:focus-visible,.show-all-button:focus-visible,.retry-button:focus-visible,.complete-activity-btn:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}@media print{.alphabet-header{background:none;border:1px solid #ccc;box-shadow:none}.alphabet-controls,.embedded-completion-controls{display:none}.phonograms-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.notes-container{width:100%;max-width:800px;margin:0 auto;padding:20px;font-family:var(--font-family-body, "Poppins", sans-serif)}.notes-header{text-align:center;margin-bottom:30px}.notes-header h2{font-size:1.8rem;color:var(--color-text-primary, #2D2A26);margin:0 0 10px;font-weight:var(--font-weight-bold, 700);transition:color .3s ease}.notes-subtitle{color:var(--color-text-secondary, #6B6560);margin:0;font-size:1rem;transition:color .3s ease}.notes-list{display:flex;flex-direction:column;gap:20px}.note-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06));transition:all .2s ease;overflow:hidden}.note-card:hover{box-shadow:var(--shadow-hover, 0 8px 25px -5px rgba(45, 42, 38, .12));border-color:var(--color-cta-green, #58CC02)}.note-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border-color-light, #E8E0D8);cursor:pointer;transition:border-color .3s ease}.note-word-info{flex:1}.note-language-word{font-size:1.4rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);margin:0 0 8px;word-break:break-word;transition:color .3s ease}.note-translation{font-size:1rem;color:var(--color-text-secondary, #6B6560);margin:0;font-style:italic;transition:color .3s ease}.note-expand-button{background:none;border:none;color:var(--color-text-secondary, #6B6560);cursor:pointer;padding:8px;border-radius:var(--radius-md, .5rem);transition:all .2s ease;flex-shrink:0;margin-left:10px}.note-expand-button:hover{background:var(--color-bg-hover, #F0EBE5);color:var(--color-cta-green, #58CC02)}.note-expanded-content{padding:0 20px 20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.note-image-container{position:relative;margin-bottom:20px;border-radius:var(--radius-xl, 1rem);overflow:hidden;box-shadow:var(--shadow-soft, 0 4px 12px rgba(45, 42, 38, .1));background:linear-gradient(135deg,var(--color-cta-green, #58CC02) 0%,var(--color-cta-green-hover, #46A302) 100%)}.image-clickable-area{position:relative;cursor:pointer;transition:transform .2s ease}.image-clickable-area:hover{transform:scale(1.02)}.image-clickable-area:focus{outline:3px solid var(--color-primary, #6366F1);outline-offset:2px}.note-word-image{width:100%;height:200px;object-fit:cover;display:block;transition:opacity .3s ease}.image-clickable-area:hover .note-word-image{opacity:.9}.image-zoom-indicator{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-clickable-area:hover .image-zoom-indicator{opacity:1}.note-word-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:20px;color:#fff;pointer-events:none}.overlay-word{display:block;font-size:1.8rem;font-weight:var(--font-weight-bold, 700);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:5px}.overlay-translation{display:block;font-size:1.1rem;font-style:italic;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px}.lightbox-close{position:absolute;top:-60px;right:0;background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.lightbox-content{display:flex;flex-direction:column;align-items:center;gap:15px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lightbox-image{max-width:85vw;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg, .75rem);box-shadow:0 8px 32px #00000080}.lightbox-caption{text-align:center;color:#fff;background:#0009;padding:15px 25px;border-radius:var(--radius-lg, .75rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-word{font-size:1.8rem;font-weight:var(--font-weight-bold, 700);margin:0 0 8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.lightbox-translation{font-size:1.1rem;margin:0;opacity:.9;font-style:italic}.lightbox-instructions{text-align:center;color:#ffffffb3;font-size:.9rem;margin-top:10px}.note-audio-controls{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color-light, #E8E0D8);transition:background-color .3s ease,border-color .3s ease}.audio-button{background:var(--color-cta-green, #58CC02);color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-lg, .75rem);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium, 500);transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 0 var(--color-cta-green-dark, #46A302)}.audio-button:hover{background:var(--color-cta-green-hover, #46A302)}.audio-button:active{transform:translateY(2px);box-shadow:none}.audio-button.word-audio{background:var(--color-primary, #6366F1);box-shadow:0 2px 0 var(--color-primary-dark, #4F46E5)}.audio-button.word-audio:hover{background:var(--color-primary-hover, #4F46E5)}.audio-button.sentence-audio{background:var(--color-accent-orange, #E67E22);box-shadow:0 2px 0 var(--color-accent-orange-dark, #D35400)}.audio-button.sentence-audio:hover{background:var(--color-accent-orange-dark, #D35400)}.note-content{margin-bottom:25px}.note-content h4{font-size:1.1rem;color:var(--color-text-primary, #2D2A26);margin:0 0 15px;font-weight:var(--font-weight-semibold, 600);border-bottom:2px solid var(--color-cta-green, #58CC02);padding-bottom:5px;display:inline-block;transition:color .3s ease}.note-text{font-size:1rem;line-height:1.6;color:var(--color-text-secondary, #6B6560);margin-bottom:20px;padding:15px;background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);border-left:4px solid var(--color-cta-green, #58CC02);transition:background-color .3s ease,color .3s ease}.note-sentences{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-lg, .75rem);padding:18px;margin-bottom:20px;transition:background-color .3s ease,border-color .3s ease}.note-sentences h4{font-size:1.1rem;color:var(--color-text-primary, #2D2A26);margin:0 0 15px;font-weight:var(--font-weight-semibold, 600);border-bottom:2px solid var(--color-primary, #6366F1);padding-bottom:5px;display:inline-block}.sentence-pair{display:flex;flex-direction:column;margin-bottom:12px}.sentence-pair:last-child{margin-bottom:0}.sentence-label{font-size:.9rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary, #6B6560);margin-bottom:4px}.sentence-text{font-size:1rem;color:var(--color-text-primary, #2D2A26);padding:10px 14px;background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-md, .5rem);border-left:3px solid var(--color-cta-green, #58CC02);transition:background-color .3s ease,color .3s ease}.search-enhancement-section{border-top:1px solid var(--border-color-light, #E8E0D8);padding-top:20px;margin-top:20px}.search-trigger-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--color-primary, #6366F1) 0%,var(--color-cta-green, #58CC02) 100%);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius-lg, .75rem);font-size:.95rem;font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f140;width:100%;justify-content:center}.search-trigger-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f159}.search-trigger-button:disabled{background:var(--color-sand-400, #D4CBC2);cursor:not-allowed;transform:none;box-shadow:none}.search-loading{display:flex;align-items:center;gap:10px;padding:15px;background:var(--color-primary-light, #EEF2FF);border:1px solid var(--color-primary, #6366F1);border-radius:var(--radius-lg, .75rem);color:var(--color-primary, #6366F1);font-weight:var(--font-weight-medium, 500)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-error{padding:15px;background:var(--color-error-light, #FEE2E2);border:1px solid var(--color-error, #EF4444);border-radius:var(--radius-lg, .75rem);color:var(--color-error, #EF4444)}.search-error p{margin:0 0 10px;font-size:.95rem}.search-retry-button{background:var(--color-error, #EF4444);color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-md, .5rem);cursor:pointer;font-size:.9rem;transition:all .2s ease}.search-retry-button:hover{background:var(--color-error-dark, #DC2626)}.search-results-container{background:var(--color-bg-muted, #FAF5EF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-lg, .75rem);padding:20px;transition:background-color .3s ease,border-color .3s ease}.search-results-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #2D2A26);margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--color-primary, #6366F1)}.search-results-list{display:flex;flex-direction:column;gap:15px}.search-result-item{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-lg, .75rem);padding:16px;transition:all .2s ease}.search-result-item:hover{border-color:var(--color-primary, #6366F1);box-shadow:0 2px 8px #6366f11a}.result-title{margin:0 0 8px;font-size:1rem;font-weight:var(--font-weight-semibold, 600)}.result-link{color:var(--color-primary, #6366F1);text-decoration:none;display:flex;align-items:center;gap:6px;line-height:1.3}.result-link:hover{text-decoration:underline;color:var(--color-primary-hover, #4F46E5)}.result-snippet{font-size:.9rem;color:var(--color-text-secondary, #6B6560);line-height:1.5;margin:8px 0}.result-source{font-size:.8rem;color:var(--color-text-muted, #9C9590);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.5px}.search-disclaimer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color-light, #E8E0D8);text-align:center}.search-disclaimer small{color:var(--color-text-secondary, #6B6560);font-size:.85rem;line-height:1.4;font-style:italic}.notes-loading,.notes-empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary, #6B6560)}.notes-empty h3{font-size:1.5rem;margin:0 0 15px;color:var(--color-text-primary, #2D2A26)}.notes-empty p{font-size:1rem;margin:0;line-height:1.5}[data-theme=dark] .notes-container,.dark .notes-container,[data-theme=dark] .notes-header h2,[data-theme=dark] .note-language-word,[data-theme=dark] .note-content h4,[data-theme=dark] .note-sentences h4,[data-theme=dark] .sentence-text,[data-theme=dark] .search-results-header,[data-theme=dark] .notes-empty h3,.dark .notes-header h2,.dark .note-language-word,.dark .note-content h4,.dark .note-sentences h4,.dark .sentence-text,.dark .search-results-header,.dark .notes-empty h3{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .notes-subtitle,[data-theme=dark] .note-translation,[data-theme=dark] .note-text,[data-theme=dark] .sentence-label,[data-theme=dark] .result-snippet,[data-theme=dark] .notes-empty p,[data-theme=dark] .search-disclaimer small,.dark .notes-subtitle,.dark .note-translation,.dark .note-text,.dark .sentence-label,.dark .result-snippet,.dark .notes-empty p,.dark .search-disclaimer small{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .note-card,[data-theme=dark] .note-sentences,[data-theme=dark] .search-result-item,.dark .note-card,.dark .note-sentences,.dark .search-result-item{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .note-header,[data-theme=dark] .search-enhancement-section,[data-theme=dark] .search-disclaimer,.dark .note-header,.dark .search-enhancement-section,.dark .search-disclaimer{border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .note-audio-controls,[data-theme=dark] .note-text,[data-theme=dark] .sentence-text,[data-theme=dark] .search-results-container,.dark .note-audio-controls,.dark .note-text,.dark .sentence-text,.dark .search-results-container{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .note-expand-button,.dark .note-expand-button{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .note-expand-button:hover,.dark .note-expand-button:hover{background:var(--color-bg-hover, #3D352E);color:var(--color-cta-green, #58CC02)}[data-theme=dark] .search-loading,.dark .search-loading{background-color:#6366f126;border-color:var(--color-primary, #6366F1);color:var(--color-primary, #818CF8)}[data-theme=dark] .search-trigger-button:disabled,.dark .search-trigger-button:disabled{background:var(--border-color-default, #3D352E);color:var(--color-text-secondary, #B8B0A8)}@media (max-width: 768px){.notes-container{padding:15px}.note-header{padding:15px;flex-direction:column;align-items:flex-start;gap:15px}.note-expand-button{align-self:flex-end;margin-left:0;margin-top:10px}.note-expanded-content{padding:0 15px 15px}.note-language-word{font-size:1.2rem}.note-audio-controls{flex-direction:column;gap:8px;align-items:stretch}.audio-button{justify-content:center;width:100%;text-align:center}.search-results-container{padding:15px}.sentence-pair{margin-bottom:15px}.lightbox-container{max-width:95vw;max-height:95vh}.lightbox-close{top:-50px;width:45px;height:45px}.lightbox-image{max-width:90vw;max-height:65vh}.lightbox-word{font-size:1.5rem}.lightbox-translation{font-size:1rem}.overlay-word{font-size:1.5rem}.overlay-translation{font-size:1rem}}@media (max-width: 480px){.notes-header h2{font-size:1.5rem}.note-language-word{font-size:1.1rem}.note-translation{font-size:.9rem}.search-trigger-button{padding:12px 18px;font-size:.9rem}.search-results-header{font-size:.95rem}.result-link{font-size:.9rem}.result-snippet{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.note-card,.note-expand-button,.audio-button,.search-trigger-button,.search-result-item,.note-expanded-content,.lightbox-overlay,.lightbox-content,.image-clickable-area{transition:none;animation:none}}.note-expand-button:focus-visible,.audio-button:focus-visible,.search-trigger-button:focus-visible,.search-retry-button:focus-visible,.lightbox-close:focus-visible,.result-link:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}.story-selector{width:100%;max-width:500px;margin:0 auto 20px;padding:0 20px;box-sizing:border-box}.story-selector-container{padding:20px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);margin:20px auto;width:100%;max-width:500px}.story-selector-container .story-selector{margin:0;padding:0}.story-select{display:block;width:400px;max-width:100%;margin:0 auto;padding:14px 44px 14px 16px;font-size:16px;font-family:var(--font-family-body, "Poppins", sans-serif);font-weight:var(--font-weight-medium, 500);border:2px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--color-bg-card, #FFFFFF);color:var(--color-text-primary, #2D2A26);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;text-align:left;text-overflow:ellipsis}.story-select:focus{border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, #EEF2FF)}.story-select:hover{border-color:var(--color-sand-500, #D4CBC2)}.story-select option{padding:12px;font-family:var(--font-family-body, "Poppins", sans-serif)}.story-select option:first-child{color:var(--color-text-tertiary, #9C958E)}.story-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--color-text-primary, #2D2A26)}.story-select::-ms-expand{display:none}[data-theme=dark] .story-selector-container,.dark .story-selector-container{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .story-select,.dark .story-select{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);color:var(--color-text-primary, #F5F0EB);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8B0A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=dark] .story-select:hover,.dark .story-select:hover{border-color:var(--border-color-dark, #4A413A)}[data-theme=dark] .story-select:focus,.dark .story-select:focus{border-color:var(--color-primary, #6366F1);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}[data-theme=dark] .story-select:-moz-focusring,.dark .story-select:-moz-focusring{text-shadow:0 0 0 var(--color-text-primary, #F5F0EB)}@media (max-width: 480px){.story-selector{max-width:100%;padding:0 10px}.story-select{max-width:100%;font-size:14px;padding:12px 40px 12px 14px;background-position:right 12px center;background-size:16px}}@media (prefers-reduced-motion: reduce){.story-select{transition:none}}.story-select:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}.video-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.video-lightbox-container{position:relative;width:100%;max-width:1024px;background:#000;border-radius:8px}.video-lightbox-content{position:relative;padding-top:56.25%}.video-lightbox-player{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.video-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:8px;z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.video-lightbox-close:hover{opacity:.8}@media (max-width: 768px){.video-lightbox-overlay{padding:10px}.video-lightbox-close{top:-36px}}.words-and-favorites-container{padding:20px;max-width:1200px;margin:0 auto;font-family:var(--font-family-body, "Poppins", sans-serif)}.progress-placeholder{text-align:center;padding:40px 20px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);margin:20px 0;transition:background-color .3s ease,border-color .3s ease}.progress-placeholder h2{color:var(--color-text-primary, #2D2A26);margin-bottom:16px;font-weight:var(--font-weight-bold, 700)}.progress-placeholder p{color:var(--color-text-secondary, #6B6560);font-size:1.1rem}.header-controls{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:0;flex-direction:column;gap:12px}.page-title{font-size:1.75rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);margin:0;text-align:center;transition:color .3s ease}.controls-wrapper{display:flex;align-items:center;gap:8px}.video-button{background-color:var(--color-cta-green, #58CC02);height:36px;width:36px;min-width:36px;padding:0;border:none;border-radius:var(--radius-md, .5rem);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--color-cta-green-dark, #46A302)}.video-button:hover{background-color:var(--color-cta-green-hover, #46A302)}.video-button:active{transform:translateY(2px);box-shadow:none}.view-selector{position:relative}.dropdown-trigger{height:36px;padding:0 16px;display:flex;align-items:center;gap:8px;background-color:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-md, .5rem);cursor:pointer;font-size:14px;color:var(--color-text-primary, #2D2A26);font-weight:var(--font-weight-medium, 500);transition:all .2s ease}.dropdown-trigger:hover{background-color:var(--color-bg-hover, #F0EBE5);border-color:var(--color-sand-500, #D4CBC2)}.dropdown-icon{transition:transform .2s ease;color:var(--color-text-secondary, #6B6560)}.dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background-color:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-default, #E8E0D8);border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-dropdown, 0 4px 12px rgba(45, 42, 38, .15));z-index:100;padding:4px 0}.dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px;color:var(--color-text-primary, #2D2A26);transition:all .2s ease}.dropdown-item:hover{background-color:var(--color-bg-hover, #F0EBE5)}.dropdown-item.active{color:var(--color-cta-green, #58CC02);background-color:var(--color-bg-muted, #FAF5EF);font-weight:var(--font-weight-medium, 500)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.content-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-xl, 1rem);padding:16px;transition:all .2s ease;box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.content-card:hover{box-shadow:var(--shadow-hover, 0 8px 25px -5px rgba(45, 42, 38, .12));border-color:var(--color-sand-500, #D4CBC2)}.content-grid-title{font-size:1.5rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2D2A26);text-align:center;margin-bottom:20px}.no-favorites{text-align:center;padding:40px 20px;background-color:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);margin:20px 0}.no-favorites p{margin:0;color:var(--color-text-secondary, #6B6560)}.no-favorites p:first-child{font-size:1.1rem;margin-bottom:8px;color:var(--color-text-primary, #2D2A26)}.guest-notice{background-color:var(--color-warning-light, #FEF3C7);border:1px solid var(--color-warning, #F59E0B);border-radius:var(--radius-lg, .75rem);padding:1rem;margin-bottom:1.5rem;color:var(--color-warning-dark, #92400E)}.favorites-container{width:100%}.loading-message,.error-message{text-align:center;padding:16px 24px;border-radius:var(--radius-lg, .75rem);margin:20px auto;max-width:600px}.loading-message{background-color:var(--color-bg-muted, #FAF5EF);color:var(--color-text-secondary, #6B6560);border:1px solid var(--border-color-light, #E8E0D8)}.error-message{background-color:var(--color-error-light, #FEE2E2);color:var(--color-error, #EF4444);border:1px solid var(--color-error, #EF4444)}.activity-container{padding:24px;max-width:800px;margin:0 auto}.recent-activities-section{margin-top:2rem;padding:1.5rem;background:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);border:1px solid var(--border-color-light, #E8E0D8);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.activities-title{font-size:1.5rem;color:var(--color-text-primary, #2D2A26);margin-bottom:1.5rem;text-align:center;font-weight:var(--font-weight-bold, 700)}.activities-subtitle{font-size:.9rem;color:var(--color-text-secondary, #6B6560);font-style:italic;text-align:center;margin-bottom:1.5rem}.activity-day-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--border-color-light, #E8E0D8);border-radius:var(--radius-lg, .75rem);padding:1.25rem;margin-bottom:1rem;transition:border-color .2s ease}.activity-day-card:hover{border-color:var(--color-sand-500, #D4CBC2)}.activity-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color-light, #E8E0D8)}.activity-day-header h3{margin:0;color:var(--color-text-primary, #2D2A26);font-size:1.2rem;font-weight:var(--font-weight-semibold, 600)}.copy-button{background:none;border:none;color:var(--color-text-secondary, #6B6560);cursor:pointer;padding:.5rem;border-radius:var(--radius-md, .5rem);transition:all .2s ease}.copy-button:hover{background:var(--color-bg-hover, #F0EBE5);color:var(--color-text-primary, #2D2A26)}.activity-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light, #E8E0D8)}.activity-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.activity-section h4{color:var(--color-text-secondary, #6B6560);font-size:1rem;margin-bottom:.5rem;font-weight:var(--font-weight-medium, 500)}.activity-item{display:flex;align-items:center;gap:.75rem;margin:.25rem 0;font-size:.9rem;color:var(--color-text-primary, #2D2A26)}.item-name{display:inline}.item-count{display:inline;margin-left:4px;color:var(--color-text-secondary, #6B6560)}.item-time{color:var(--color-text-secondary, #6B6560);font-size:.8rem;white-space:nowrap}.item-score{color:var(--color-cta-green, #58CC02);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.activity-item.inline{display:inline;line-height:1.5}.activity-item.inline .item-name,.activity-item.inline .item-count{display:inline}.activity-item.inline .item-separator{margin-right:.25rem;color:var(--color-text-secondary, #6B6560)}.item-separator{margin:0 4px}.no-activities-message{text-align:center;padding:2rem;color:var(--color-text-secondary, #6B6560);background:var(--color-bg-muted, #FAF5EF);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color-light, #E8E0D8)}.no-access-message{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:var(--color-warning-light, #FEF3C7);border:1px solid var(--color-warning, #F59E0B);border-radius:var(--radius-lg, .75rem);color:var(--color-warning-dark, #92400E);margin:1rem 0}.streak-card{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);padding:24px;text-align:center;border:1px solid var(--border-color-light, #E8E0D8);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.streak-header{font-size:1.2rem;color:var(--color-text-secondary, #6B6560);margin-bottom:12px}.streak-count{font-size:3.5rem;font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #6366F1);line-height:1;margin-bottom:8px}.streak-label{font-size:1.1rem;color:var(--color-text-secondary, #6B6560)}.calendar-heatmap{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);padding:24px;border:1px solid var(--border-color-light, #E8E0D8);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.calendar-title{font-size:1.2rem;color:var(--color-text-primary, #2D2A26);margin-bottom:32px;text-align:center;font-weight:var(--font-weight-bold, 700)}.calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%}.calendar-month-range{text-align:center;color:var(--color-text-secondary, #6B6560);font-size:1rem;margin:-8px 0 24px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px}.calendar-month-range button{background:var(--color-primary, #6366F1);border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border-radius:var(--radius-md, .5rem);transition:background-color .2s ease}.calendar-month-range button:hover{background:var(--color-primary-hover, #4F46E5)}.calendar-month-range button:disabled{background:var(--color-sand-400, #D4CBC2);cursor:not-allowed}.calendar-month-range .range-text{color:var(--color-text-secondary, #6B6560);font-size:1rem;min-width:180px}.calendar-mobile-nav{display:none}.calendar-navigation{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;top:50%;transform:translateY(-50%);pointer-events:none;padding:0 -16px;z-index:1}.calendar-navigation button{pointer-events:auto;background:none;border:none;width:32px;height:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #6366F1);cursor:pointer;border-radius:var(--radius-md, .5rem);margin:0 -16px;transition:color .2s ease}.calendar-navigation button:hover{color:var(--color-primary-hover, #4F46E5)}.calendar-navigation button:disabled{color:var(--color-sand-300, #E8E0D8);cursor:not-allowed}.month-container{width:100%;min-width:0}.month-header{font-size:1rem;color:var(--color-text-primary, #2D2A26);text-align:center;margin-bottom:16px;font-weight:var(--font-weight-medium, 500)}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-label{font-size:.75rem;color:var(--color-text-secondary, #6B6560);text-align:center}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-secondary, #6B6560);position:relative}.calendar-day.active{color:#fff;font-weight:var(--font-weight-medium, 500);background-color:var(--color-primary, #6366F1);border-radius:50%;height:24px;width:24px;margin:auto;display:flex;align-items:center;justify-content:center}.calendar-day.active:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-color:#6366f11a;border-radius:2px;z-index:-1}.month-navigation{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0 1.5rem;padding:0 8px}.month-navigation button{background:none;border:none;width:32px;height:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #6366F1);cursor:pointer;border-radius:var(--radius-md, .5rem);transition:color .2s ease}.month-navigation button:hover{color:var(--color-primary-hover, #4F46E5)}.month-navigation button:disabled{color:var(--color-sand-300, #E8E0D8);cursor:not-allowed}.nav-button{background:none;border:none;color:var(--color-text-secondary, #6B6560);padding:4px;width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;border-radius:var(--radius-md, .5rem)}.nav-button:hover{color:var(--color-primary, #6366F1)}.nav-button:disabled{color:var(--color-sand-300, #E8E0D8);cursor:not-allowed}.current-month{font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #2D2A26);font-size:1.1rem}.recent-activity{background-color:var(--color-bg-card, #FFFFFF);border-radius:var(--radius-xl, 1rem);padding:24px;border:1px solid var(--border-color-light, #E8E0D8);box-shadow:var(--shadow-soft, 0 4px 20px -2px rgba(45, 42, 38, .06))}.recent-activity-title{font-size:1.2rem;color:var(--color-text-primary, #2D2A26);margin-bottom:24px;text-align:center;font-weight:var(--font-weight-bold, 700)}.coming-soon{text-align:center;padding:32px;color:var(--color-text-secondary, #6B6560);font-size:1.1rem}.toggle-button{display:flex;align-items:center;gap:5px;padding:0 16px;height:36px;background-color:var(--color-error, #EF4444);border:none;border-radius:var(--radius-md, .5rem);cursor:pointer;font-size:14px;color:#fff;transition:background-color .2s ease}.toggle-button:hover{background-color:var(--color-error-dark, #DC2626)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-4{gap:1rem}.mt-6{margin-top:1.5rem}@keyframes copyFeedback{0%{background-color:var(--color-bg-hover, #F0EBE5)}50%{background-color:var(--color-sand-300, #E8E0D8)}to{background-color:var(--color-bg-hover, #F0EBE5)}}.copy-button.copied{animation:copyFeedback .3s ease}[data-theme=dark] .words-and-favorites-container,.dark .words-and-favorites-container{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .progress-placeholder,[data-theme=dark] .no-favorites,[data-theme=dark] .no-activities-message,.dark .progress-placeholder,.dark .no-favorites,.dark .no-activities-message{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .progress-placeholder h2,[data-theme=dark] .page-title,[data-theme=dark] .content-grid-title,[data-theme=dark] .activities-title,[data-theme=dark] .calendar-title,[data-theme=dark] .recent-activity-title,.dark .progress-placeholder h2,.dark .page-title,.dark .content-grid-title,.dark .activities-title,.dark .calendar-title,.dark .recent-activity-title{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .progress-placeholder p,[data-theme=dark] .no-favorites p,[data-theme=dark] .activities-subtitle,.dark .progress-placeholder p,.dark .no-favorites p,.dark .activities-subtitle{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .dropdown-trigger,[data-theme=dark] .dropdown-menu,.dark .dropdown-trigger,.dark .dropdown-menu{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E);color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .dropdown-trigger:hover,.dark .dropdown-trigger:hover{background-color:var(--color-bg-hover, #3D352E)}[data-theme=dark] .dropdown-item,.dark .dropdown-item{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .dropdown-item:hover,.dark .dropdown-item:hover{background-color:var(--color-bg-hover, #3D352E)}[data-theme=dark] .dropdown-item.active,.dark .dropdown-item.active{background-color:var(--color-bg-muted, #352E28)}[data-theme=dark] .content-card,[data-theme=dark] .activity-day-card,[data-theme=dark] .streak-card,[data-theme=dark] .calendar-heatmap,[data-theme=dark] .recent-activity,[data-theme=dark] .recent-activities-section,.dark .content-card,.dark .activity-day-card,.dark .streak-card,.dark .calendar-heatmap,.dark .recent-activity,.dark .recent-activities-section{background-color:var(--color-bg-card, #2A2420);border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .activity-day-header,[data-theme=dark] .activity-section,.dark .activity-day-header,.dark .activity-section{border-color:var(--border-color-default, #3D352E)}[data-theme=dark] .activity-day-header h3,[data-theme=dark] .month-header,[data-theme=dark] .current-month,[data-theme=dark] .activity-item,.dark .activity-day-header h3,.dark .month-header,.dark .current-month,.dark .activity-item{color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .activity-section h4,[data-theme=dark] .item-count,[data-theme=dark] .item-time,[data-theme=dark] .streak-header,[data-theme=dark] .streak-label,[data-theme=dark] .weekday-label,[data-theme=dark] .calendar-day,[data-theme=dark] .coming-soon,.dark .activity-section h4,.dark .item-count,.dark .item-time,.dark .streak-header,.dark .streak-label,.dark .weekday-label,.dark .calendar-day,.dark .coming-soon,[data-theme=dark] .copy-button,[data-theme=dark] .dropdown-icon,.dark .copy-button,.dark .dropdown-icon{color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .copy-button:hover,.dark .copy-button:hover{background:var(--color-bg-hover, #3D352E);color:var(--color-text-primary, #F5F0EB)}[data-theme=dark] .loading-message,.dark .loading-message{background-color:var(--color-bg-muted, #352E28);border-color:var(--border-color-default, #3D352E);color:var(--color-text-secondary, #B8B0A8)}[data-theme=dark] .guest-notice,[data-theme=dark] .no-access-message,.dark .guest-notice,.dark .no-access-message{background-color:#f59e0b26;border-color:var(--color-warning, #F59E0B);color:var(--color-warning, #F59E0B)}[data-theme=dark] .calendar-navigation button:disabled,[data-theme=dark] .month-navigation button:disabled,[data-theme=dark] .nav-button:disabled,[data-theme=dark] .calendar-month-range button:disabled,.dark .calendar-navigation button:disabled,.dark .month-navigation button:disabled,.dark .nav-button:disabled,.dark .calendar-month-range button:disabled{color:var(--border-color-default, #3D352E);background-color:transparent}@media (max-width: 768px){.header-controls{flex-direction:column;justify-content:center;align-items:center;gap:12px}.controls-wrapper{width:100%;justify-content:flex-end}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-heatmap{padding:16px}.calendar-desktop-nav{display:none}.calendar-mobile-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.calendar-grid{grid-template-columns:1fr}.calendar-navigation{position:static;transform:none;padding:0 8px;margin:.5rem 0 1.5rem}.calendar-navigation button{margin:0}.month-container{display:none;width:100%}.month-container:first-child{display:block}.month-container:not(:first-child){display:none}.recent-activity{padding:16px}.recent-activity-title{font-size:1.2rem;margin-bottom:16px}.activity-container{padding:16px}.recent-activities-section,.activity-day-card{padding:1rem}.activities-title{font-size:1.25rem}.activities-subtitle{font-size:.8rem}.activity-day-header h3{font-size:1.1rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-item{flex-direction:column;align-items:flex-start;gap:.25rem}.item-time{font-size:.75rem}}@media (max-width: 480px){.words-and-favorites-container{padding:16px}.page-title{font-size:1.5rem}.grid{grid-template-columns:1fr}.dropdown-menu{right:auto;left:0;width:100%;min-width:auto}.activity-container{padding:12px}.grid-cols-2{grid-template-columns:1fr}.md\:grid-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.streak-count{font-size:2.5rem}.activity-section h4{font-size:.9rem}.activity-item{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.dropdown-icon,.copy-button,.video-button,.dropdown-trigger,.dropdown-item,.content-card,.activity-day-card,.calendar-navigation button,.month-navigation button{transition:none}}.dropdown-trigger:focus-visible,.video-button:focus-visible,.toggle-button:focus-visible,.copy-button:focus-visible,.dropdown-item:focus-visible,.nav-button:focus-visible{outline:2px solid var(--color-primary, #6366F1);outline-offset:2px}.mp-container,.mp-container *{--fp-white: #FFFFFF;--fp-sand-lightest: #FDF6EC;--fp-sand-light: #F5E6CE;--fp-sand-mid: #D4A574;--fp-sand-dark: #8B6040;--fp-earth-deep: #3D2518;--fp-earth-brown: #5C3D2E;--fp-leaf-green: #5E8C61;--fp-leaf-soft: #8DB580;--fp-ochre-yellow: #D4A03C;--fp-ochre-red: #C65D3E;--fp-rule: #E8D5BB;box-sizing:border-box}.mp-container{font-family:var(--font-family-body, "Poppins", -apple-system, sans-serif);max-width:760px;margin:0 auto;padding:20px 16px 40px;color:var(--color-text-primary, #2D2A26)}.mp-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.mp-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--fp-white);color:var(--fp-earth-brown);border:1.5px solid var(--fp-rule);border-radius:999px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.mp-back-btn:hover{background:var(--fp-sand-lightest);border-color:var(--fp-sand-mid)}.mp-header-text{flex:1;min-width:0}.mp-title{font-size:24px;font-weight:700;color:var(--fp-earth-deep);margin:0 0 4px;line-height:1.2}.mp-subtitle{font-size:14px;color:var(--fp-sand-dark);margin:0}.mp-main{width:100%}.mp-card{background:var(--fp-white);border:1px solid var(--fp-rule);border-radius:16px;padding:24px 22px;box-shadow:0 4px 20px -4px #3d25180f}.mp-card+.mp-card{margin-top:18px}.mp-card h2{font-size:18px;font-weight:700;color:var(--fp-earth-deep);margin:0 0 6px}.mp-card h3{font-size:14px;font-weight:700;color:var(--fp-earth-brown);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.mp-card p{font-size:14px;line-height:1.55;color:var(--fp-earth-brown);margin:0 0 12px}.mp-muted{color:var(--fp-sand-dark)!important}.mp-upload-intro{margin-bottom:18px}.mp-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;border:2px dashed var(--fp-sand-mid);border-radius:14px;background:var(--fp-sand-lightest);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;outline:none}.mp-dropzone:hover:not(.is-busy){border-color:var(--fp-sand-dark);background:var(--fp-sand-light)}.mp-dropzone:focus-visible{border-color:var(--fp-leaf-green);box-shadow:0 0 0 3px #5e8c612e}.mp-dropzone.is-dragging{border-color:var(--fp-leaf-green);background:var(--fp-sand-light)}.mp-dropzone.is-busy{cursor:progress;opacity:.85}.mp-dropzone-icon{font-size:36px;color:var(--fp-sand-dark);margin-bottom:4px}.mp-dropzone-title{font-size:15px;font-weight:600;color:var(--fp-earth-deep);margin:0!important}.mp-dropzone-hint{font-size:12px;color:var(--fp-sand-dark);margin:0!important}.mp-file-input-hidden{display:none}.mp-tips{margin-top:22px;padding-top:18px;border-top:1px solid var(--fp-rule)}.mp-tips ul{margin:0;padding-left:20px;list-style:disc}.mp-tips li{font-size:13px;line-height:1.55;color:var(--fp-earth-brown);margin-bottom:6px}.mp-tips li:last-child{margin-bottom:0}.mp-error{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;background:#c65d3e14;border:1px solid rgba(198,93,62,.32);border-radius:12px;color:var(--fp-ochre-red)}.mp-error-icon{font-size:20px;flex-shrink:0;margin-top:1px}.mp-error strong{display:block;font-size:14px;margin-bottom:2px}.mp-error p{margin:0!important;font-size:13px;color:var(--fp-earth-brown)}.mp-error-block{background:var(--fp-white);border:1px solid var(--fp-rule);border-radius:16px;padding:32px 24px;text-align:center;margin-top:40px}.mp-error-block h2{color:var(--fp-ochre-red);margin:0 0 8px;font-size:20px}.mp-error-block p{color:var(--fp-earth-brown);margin:0 0 18px}.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s,transform .05s;white-space:nowrap}.mp-btn:active:not(:disabled){transform:translateY(1px)}.mp-btn:disabled{opacity:.5;cursor:not-allowed}.mp-btn-primary{background:var(--fp-leaf-green);color:var(--fp-white);border-color:var(--fp-leaf-green)}.mp-btn-primary:hover:not(:disabled){background:#4d7551;border-color:#4d7551}.mp-btn-secondary{background:var(--fp-white);color:var(--fp-earth-brown);border-color:var(--fp-rule)}.mp-btn-secondary:hover:not(:disabled){background:var(--fp-sand-lightest);border-color:var(--fp-sand-mid)}.mp-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--fp-rule)}.mp-meta-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:12px;border:1px solid var(--fp-rule);border-radius:10px;overflow:hidden}.mp-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--fp-sand-lightest);border-bottom:1px solid var(--fp-rule);font-size:13px}.mp-meta-row:nth-child(2n){background:var(--fp-white)}.mp-meta-row:last-child{border-bottom:none}.mp-meta-label{color:var(--fp-sand-dark);font-weight:500;flex-shrink:0}.mp-meta-value{color:var(--fp-earth-deep);font-weight:600;text-align:right;word-break:break-word}@media (max-width: 540px){.mp-container{padding:16px 12px 32px}.mp-card{padding:18px 16px}.mp-header{flex-direction:column;gap:10px}.mp-title{font-size:20px}.mp-dropzone{padding:32px 16px}}.mp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--fp-sand-dark);text-align:center}.mp-spinner{font-size:28px;color:var(--fp-sand-mid);animation:mp-spin .9s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-csv-header{padding:16px 20px!important}.mp-csv-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mp-csv-filename{font-size:15px!important;font-weight:600!important;color:var(--fp-earth-deep)!important;margin:2px 0 0!important;word-break:break-all}.mp-csv-stats{display:flex;gap:20px}.mp-csv-stats>div{text-align:right}.mp-stat{font-size:18px!important;font-weight:700!important;color:var(--fp-earth-deep)!important;margin:2px 0 0!important}.mp-tiny{font-size:11px!important;margin:0!important;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.mp-bucket{padding:0!important;overflow:hidden}.mp-bucket-header{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:transparent;border:none;border-radius:0;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s}.mp-bucket-header:hover{background:var(--fp-sand-lightest)}.mp-bucket-icon{font-size:22px;flex-shrink:0}.mp-bucket-leaf .mp-bucket-icon{color:var(--fp-leaf-green)}.mp-bucket-ochre .mp-bucket-icon{color:var(--fp-ochre-red)}.mp-bucket-muted .mp-bucket-icon{color:var(--fp-sand-dark)}.mp-bucket-leaf{border-left:4px solid var(--fp-leaf-green)}.mp-bucket-ochre{border-left:4px solid var(--fp-ochre-red)}.mp-bucket-muted{border-left:4px solid var(--fp-sand-mid)}.mp-bucket-title-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.mp-bucket-title{font-size:15px;font-weight:700;color:var(--fp-earth-deep)}.mp-bucket-subtitle{font-size:12px;color:var(--fp-sand-dark);margin-top:2px;line-height:1.4}.mp-bucket-toggle{color:var(--fp-sand-dark);font-size:14px;flex-shrink:0}.mp-bucket-body{padding:4px 20px 18px;border-top:1px solid var(--fp-rule)}.mp-row-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.mp-row-item{padding:10px 12px;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:8px}.mp-row-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.mp-row-word{font-weight:700;color:var(--fp-earth-deep)}.mp-row-english{color:var(--fp-earth-brown)}.mp-row-language{color:var(--fp-sand-dark);font-style:italic}.mp-row-sep{color:var(--fp-sand-mid)}.mp-row-pill{margin-left:auto;padding:2px 8px;background:var(--fp-sand-light);color:var(--fp-earth-brown);font-size:10px;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.mp-row-reason{margin:6px 0 0!important;font-size:12px!important;color:var(--fp-ochre-red)!important;font-style:italic}.mp-row-meta{margin:4px 0 0!important;font-size:11px!important;color:var(--fp-sand-dark)!important}.mp-row-meta code{font-family:var(--font-family-mono, "SF Mono", monospace);font-size:11px;background:#d4a5742e;padding:1px 5px;border-radius:4px}.mp-populate-action{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mp-btn-large{padding:14px 28px;font-size:15px}.mp-progress-wrap{margin:16px 0 8px}.mp-progress-bar{width:100%;height:8px;background:var(--fp-sand-light);border-radius:4px;overflow:hidden}.mp-progress-fill{height:100%;background:var(--fp-leaf-green);transition:width .2s ease-out}.mp-progress-text{margin:8px 0 0!important;font-size:13px!important;color:var(--fp-earth-brown)!important}.mp-leaf{color:var(--fp-leaf-green);font-weight:600}.mp-ochre{color:var(--fp-ochre-red);font-weight:600}.mp-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:12px;margin-bottom:18px}.mp-banner-success{background:#5e8c611a;border:1px solid rgba(94,140,97,.3)}.mp-banner-mixed{background:#d4a03c1f;border:1px solid rgba(212,160,60,.32)}.mp-banner-icon{font-size:20px;flex-shrink:0;margin-top:2px}.mp-banner-success .mp-banner-icon{color:var(--fp-leaf-green)}.mp-banner-mixed .mp-banner-icon{color:var(--fp-ochre-yellow)}.mp-banner-text{flex:1;min-width:0}.mp-banner-text strong{display:block;font-size:14px;color:var(--fp-earth-deep);margin-bottom:2px}.mp-link{background:none;border:none;padding:0;margin-top:4px;font-family:inherit;font-size:12px;color:var(--fp-sand-dark);text-decoration:underline;cursor:pointer}.mp-link:hover{color:var(--fp-earth-brown)}.mp-error-list{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--fp-earth-brown)}.mp-error-list li{margin-bottom:3px;line-height:1.4}.mp-error-list code{font-family:var(--font-family-mono, "SF Mono", monospace);font-weight:600;color:var(--fp-earth-deep)}.mp-footer-actions{display:flex!important;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding:14px 18px!important}.mp-slot{margin-top:16px;padding:14px;border:1px solid var(--fp-rule);border-radius:12px;background:var(--fp-white)}.mp-slot-loaded-state{border-color:var(--fp-leaf-soft);background:#5e8c610a}.mp-slot:first-of-type{margin-top:18px}.mp-slot-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mp-slot-label{font-size:13px;font-weight:700;color:var(--fp-earth-deep);text-transform:uppercase;letter-spacing:.04em}.mp-slot-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.mp-pill-required{background:var(--fp-ochre-red);color:var(--fp-white)}.mp-pill-optional{background:var(--fp-sand-light);color:var(--fp-earth-brown)}.mp-pill-leaf{background:#5e8c612e;color:var(--fp-leaf-green)}.mp-pill-ochre{background:#c65d3e24;color:var(--fp-ochre-red)}.mp-dropzone-compact{padding:24px 16px}.mp-dropzone-compact .mp-dropzone-icon{font-size:24px;margin-bottom:0}.mp-dropzone-compact .mp-dropzone-title{font-size:13px}.mp-dropzone-compact .mp-dropzone-hint{font-size:11px}.mp-slot-loaded{display:flex;align-items:center;gap:12px;padding:6px 4px}.mp-slot-loaded-icon{font-size:22px;color:var(--fp-leaf-green);flex-shrink:0}.mp-slot-loaded-text{flex:1;min-width:0}.mp-slot-filename{font-size:13px!important;font-weight:600!important;color:var(--fp-earth-deep)!important;margin:0 0 2px!important;word-break:break-all}.mp-slot-remove{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--fp-sand-dark);font-size:14px;flex-shrink:0;transition:background .12s,color .12s}.mp-slot-remove:hover{background:var(--fp-sand-lightest);color:var(--fp-ochre-red)}.mp-slot-error{margin-top:10px}.mp-upload-continue{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid var(--fp-rule)}.mp-upload-continue .mp-tiny{margin:0!important}.mp-csv-files{display:flex;gap:24px;flex-wrap:wrap;flex:1;min-width:0}.mp-csv-file{min-width:180px}.mp-csv-file p{margin:0!important;line-height:1.4!important}.mp-csv-file-skipped .mp-csv-filename{font-style:italic;font-weight:500!important}.mp-sentence-stats{padding:16px 20px!important}.mp-sentence-stats h3{font-size:13px;font-weight:700;color:var(--fp-earth-brown);margin:0 0 10px!important;text-transform:uppercase;letter-spacing:.04em}.mp-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--fp-rule);font-size:13px}.mp-stat-row:last-of-type{border-bottom:none}.mp-stat-label{color:var(--fp-earth-brown)}.mp-stat-value{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.mp-stats-footer{margin:12px 0 0!important;padding-top:10px;border-top:1px solid var(--fp-rule)}.mp-banner-sub{margin:4px 0 0!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}@media (max-width: 540px){.mp-csv-files{gap:14px}.mp-csv-file{min-width:0;flex:1 1 100%}.mp-slot{padding:12px}}.wpg-container,.wpg-container *{--fp-white: #FFFFFF;--fp-sand-lightest: #FDF6EC;--fp-sand-light: #F5E6CE;--fp-sand-mid: #D4A574;--fp-sand-dark: #8B6040;--fp-earth-deep: #3D2518;--fp-earth-brown: #5C3D2E;--fp-leaf-green: #5E8C61;--fp-leaf-soft: #8DB580;--fp-ochre-yellow: #D4A03C;--fp-ochre-red: #C65D3E;--fp-rule: #E8D5BB;box-sizing:border-box}.wpg-container{font-family:var(--font-family-body, "Poppins", -apple-system, sans-serif);max-width:760px;margin:0 auto;padding:20px 16px 40px;color:var(--color-text-primary, #2D2A26)}.wpg-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.wpg-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--fp-white);color:var(--fp-earth-brown);border:1.5px solid var(--fp-rule);border-radius:999px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.wpg-back-btn:hover{background:var(--fp-sand-lightest);border-color:var(--fp-sand-mid)}.wpg-header-text{flex:1;min-width:0}.wpg-title{font-size:24px;font-weight:700;color:var(--fp-earth-deep);margin:0 0 4px;line-height:1.2}.wpg-subtitle{font-size:14px;color:var(--fp-sand-dark);margin:0}.wpg-main{width:100%}.wpg-card{background:var(--fp-white);border:1px solid var(--fp-rule);border-radius:16px;padding:24px 22px;box-shadow:0 4px 20px -4px #3d25180f}.wpg-card h2{font-size:18px;font-weight:700;color:var(--fp-earth-deep);margin:0 0 6px}.wpg-card h3{font-size:14px;font-weight:700;color:var(--fp-earth-brown);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.wpg-card p{font-size:14px;line-height:1.55;color:var(--fp-earth-brown);margin:0 0 12px}.wpg-card code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:4px;padding:1px 5px;color:var(--fp-earth-brown)}.wpg-muted{color:var(--fp-sand-dark)!important}.wpg-tiny{font-size:12px!important;line-height:1.4!important}.wpg-upload-intro{margin-bottom:18px}.wpg-slot{margin-bottom:16px}.wpg-slot-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wpg-slot-label{font-size:13px;font-weight:700;color:var(--fp-earth-deep);text-transform:uppercase;letter-spacing:.04em}.wpg-slot-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.wpg-pill-required{background:#c65d3e1f;color:var(--fp-ochre-red)}.wpg-slot-loaded,.wpg-files-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:12px}.wpg-slot-loaded-icon{font-size:22px;color:var(--fp-leaf-green);flex-shrink:0}.wpg-slot-loaded-text{flex:1;min-width:0}.wpg-slot-filename{font-size:14px!important;font-weight:600!important;color:var(--fp-earth-deep)!important;margin:0 0 2px!important;word-break:break-all}.wpg-slot-remove{background:transparent;border:none;color:var(--fp-sand-dark);font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:background .12s,color .12s}.wpg-slot-remove:hover:not(:disabled){background:#c65d3e1f;color:var(--fp-ochre-red)}.wpg-slot-remove:disabled{opacity:.4;cursor:not-allowed}.wpg-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;border:2px dashed var(--fp-sand-mid);border-radius:14px;background:var(--fp-sand-lightest);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;outline:none}.wpg-dropzone:hover:not(.is-busy){border-color:var(--fp-sand-dark);background:var(--fp-sand-light)}.wpg-dropzone:focus-visible{border-color:var(--fp-leaf-green);box-shadow:0 0 0 3px #5e8c612e}.wpg-dropzone.is-dragging{border-color:var(--fp-leaf-green);background:var(--fp-sand-light)}.wpg-dropzone.is-busy{cursor:progress;opacity:.85}.wpg-dropzone-icon{font-size:36px;color:var(--fp-sand-dark);margin-bottom:4px}.wpg-dropzone-title{font-size:15px;font-weight:600;color:var(--fp-earth-deep);margin:0!important}.wpg-dropzone-hint{font-size:12px;color:var(--fp-sand-dark);margin:0!important}.wpg-file-input-hidden{display:none}.wpg-error{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px 16px;background:#c65d3e14;border:1px solid rgba(198,93,62,.32);border-radius:12px;color:var(--fp-ochre-red)}.wpg-error-icon{font-size:20px;flex-shrink:0;margin-top:1px}.wpg-error strong{display:block;font-size:14px;margin-bottom:2px}.wpg-error p{margin:0!important;font-size:13px;color:var(--fp-earth-brown)}.wpg-warning{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px 16px;background:#d4a03c1a;border:1px solid rgba(212,160,60,.4);border-radius:12px}.wpg-warning-icon{font-size:20px;color:var(--fp-ochre-yellow);flex-shrink:0;margin-top:1px}.wpg-warning strong{display:block;font-size:14px;margin-bottom:4px;color:var(--fp-earth-deep)}.wpg-warning ul{margin:0;padding-left:18px}.wpg-warning li{font-size:13px;line-height:1.5;color:var(--fp-earth-brown)}.wpg-warning-text{color:var(--fp-ochre-red)!important;margin-top:8px!important}.wpg-error-block{background:var(--fp-white);border:1px solid var(--fp-rule);border-radius:16px;padding:32px 24px;text-align:center;margin-top:40px}.wpg-error-block h2{color:var(--fp-ochre-red);margin:0 0 8px;font-size:20px}.wpg-error-block p{color:var(--fp-earth-brown);margin:0 0 18px}.wpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s,transform .05s;white-space:nowrap}.wpg-btn:active:not(:disabled){transform:translateY(1px)}.wpg-btn:disabled{opacity:.5;cursor:not-allowed}.wpg-btn-primary{background:var(--fp-leaf-green);color:var(--fp-white);border-color:var(--fp-leaf-green)}.wpg-btn-primary:hover:not(:disabled){background:#4f7752;border-color:#4f7752}.wpg-btn-secondary{background:var(--fp-white);color:var(--fp-earth-brown);border-color:var(--fp-rule)}.wpg-btn-secondary:hover:not(:disabled){background:var(--fp-sand-lightest);border-color:var(--fp-sand-mid)}.wpg-btn-large{padding:12px 22px;font-size:15px}.wpg-upload-continue{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.wpg-tips{margin-top:22px;padding-top:18px;border-top:1px solid var(--fp-rule)}.wpg-tips ul{margin:0;padding-left:20px;list-style:disc}.wpg-tips li{font-size:13px;line-height:1.55;color:var(--fp-earth-brown);margin-bottom:6px}.wpg-tips li:last-child{margin-bottom:0}.wpg-review-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--fp-rule)}.wpg-review-meta{flex:1;min-width:0;text-align:right}.wpg-review-meta p{margin:0!important}.wpg-section{margin-top:24px}.wpg-section:first-of-type{margin-top:0}.wpg-section+.wpg-section{padding-top:24px;border-top:1px solid var(--fp-rule)}.wpg-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.wpg-field-mt{margin-top:16px}.wpg-field label{font-size:12px;font-weight:700;color:var(--fp-earth-brown);text-transform:uppercase;letter-spacing:.04em}.wpg-input,.wpg-card select.wpg-input{padding:10px 14px;border:1.5px solid var(--fp-rule);border-radius:10px;background:var(--fp-white);font-family:inherit;font-size:15px;color:var(--fp-earth-deep);transition:border-color .12s,box-shadow .12s;outline:none}.wpg-input:focus,.wpg-card select.wpg-input:focus{border-color:var(--fp-leaf-green);box-shadow:0 0 0 3px #5e8c612e}.wpg-input:disabled,.wpg-card select.wpg-input:disabled{background:var(--fp-sand-lightest);color:var(--fp-sand-dark);cursor:not-allowed}.wpg-input-narrow{max-width:120px}.wpg-url-sample{display:inline-block;word-break:break-all;white-space:normal!important}.wpg-preview{margin:12px 0 0;padding:16px 18px;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:var(--fp-earth-deep);white-space:pre-wrap;word-break:break-word;max-height:420px;overflow-y:auto}.wpg-download-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}.wpg-mode-toggle{display:inline-flex;align-self:flex-start;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:999px;padding:4px;gap:2px}.wpg-mode-toggle button{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:7px 16px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--fp-earth-brown);cursor:pointer;transition:background .12s,color .12s}.wpg-mode-toggle button:hover:not(:disabled):not(.is-active){background:var(--fp-white)}.wpg-mode-toggle button.is-active{background:var(--fp-leaf-green);color:var(--fp-white)}.wpg-mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.wpg-mapping-preview{margin-top:18px;padding:14px 16px;background:var(--fp-sand-lightest);border:1px solid var(--fp-rule);border-radius:12px}.wpg-mapping-preview h3{margin-top:0}.wpg-mapping-table-wrap{margin-top:10px;overflow-x:auto;border:1px solid var(--fp-rule);border-radius:8px;background:var(--fp-white)}.wpg-mapping-table{width:100%;border-collapse:collapse;font-size:12px}.wpg-mapping-table th{background:var(--fp-sand-lightest);color:var(--fp-earth-brown);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;padding:8px 10px;text-align:left;border-bottom:1px solid var(--fp-rule);white-space:nowrap}.wpg-mapping-table td{padding:8px 10px;border-bottom:1px solid var(--fp-rule);color:var(--fp-earth-deep);vertical-align:top}.wpg-mapping-table tr:last-child td{border-bottom:none}.wpg-mapping-table em{color:var(--fp-sand-dark);font-style:italic}.wpg-mapping-row-skipped{background:#c65d3e0f}.wpg-mapping-row-skipped td{color:var(--fp-sand-dark)}.wpg-mapping-filename{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;word-break:break-all}.wpg-process-row{margin-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.wpg-progress{width:100%;display:flex;flex-direction:column;gap:6px}.wpg-progress-bar{width:100%;height:10px;background:var(--fp-sand-light);border-radius:999px;overflow:hidden}.wpg-progress-fill{height:100%;background:var(--fp-leaf-green);border-radius:999px;transition:width .15s ease-out}.wpg-outcome{margin-top:18px;padding:16px 18px;background:#5e8c6114;border:1px solid rgba(94,140,97,.32);border-radius:12px}.wpg-outcome h3{color:var(--fp-earth-deep);margin-top:0!important}.wpg-outcome p{margin:0 0 10px!important;color:var(--fp-earth-brown)}.wpg-outcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.wpg-failures{margin:4px 0 12px;font-size:12px;color:var(--fp-earth-brown)}.wpg-failures summary{cursor:pointer;font-weight:600;color:var(--fp-earth-brown);padding:4px 0}.wpg-failures summary:hover{color:var(--fp-earth-deep)}.wpg-failures ul{margin:6px 0 0;padding-left:18px;max-height:240px;overflow-y:auto}.wpg-failures li{font-size:12px;line-height:1.5;margin-bottom:3px}@media (max-width: 540px){.wpg-container{padding:16px 12px 32px}.wpg-card{padding:18px 16px}.wpg-title{font-size:20px}.wpg-review-header{flex-direction:column;align-items:flex-start}.wpg-review-meta{text-align:left}.wpg-preview,.wpg-mapping-table{font-size:11px}.wpg-mapping-table th,.wpg-mapping-table td{padding:6px 8px}.wpg-outcome-actions{flex-direction:column;align-items:stretch}.wpg-mode-toggle{width:100%}.wpg-mode-toggle button{flex:1;justify-content:center}}:root{--color-primary: #58CC02;--color-primary-dark: #46A302;--color-primary-light: rgba(88, 204, 2, .1);--color-primary-glow: rgba(88, 204, 2, .4);--color-accent: #E67E22;--color-accent-dark: #D35400;--color-accent-light: #FEF3E2;--color-indigo: #6366F1;--color-indigo-dark: #4F46E5;--color-indigo-light: #EEF2FF;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-bg-page: #FDF6F0;--color-bg-card: #FFFFFF;--color-bg-input: #F5F0EB;--color-bg-muted: #FAF5EF;--color-bg-hover: #F0EBE5;--color-text-primary: #2D2A26;--color-text-secondary: #6B6560;--color-text-tertiary: #9C958E;--color-text-inverse: #FFFFFF;--border-color: #E8E0D8;--border-color-light: #F0EBE4;--border-color-dark: #D4CBC2;--border-color-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(45, 42, 38, .04);--shadow-sm: 0 2px 4px rgba(45, 42, 38, .06);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 24px rgba(45, 42, 38, .12);--shadow-xl: 0 16px 32px rgba(45, 42, 38, .16);--shadow-soft: 0 4px 20px rgba(45, 42, 38, .06);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-button-3d: 0 4px 0 var(--color-primary-dark);--shadow-button-3d-accent: 0 4px 0 var(--color-accent-dark);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family);transition:background-color var(--transition-base),color var(--transition-base)}.app-container{min-height:100vh;background-color:var(--color-bg-page);position:relative}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-5)}.page-content{padding:var(--space-5);margin-top:var(--space-5);margin-bottom:var(--space-5);margin-left:80px;margin-right:80px}.main-content{padding-bottom:var(--space-5)}.content-grid-container,.favorites-container{padding:var(--space-5)}.content-grid-title{text-align:center;margin-bottom:var(--space-5);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary)}.no-favorites{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--space-5);padding:var(--space-5);background-color:var(--color-bg-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.loading-message{background-color:var(--color-bg-muted);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--space-3) auto;text-align:center;max-width:600px;display:block;color:var(--color-text-secondary)}.error-message{background-color:var(--color-error-light);padding:var(--space-3);border:1px solid #FECACA;border-radius:var(--radius-md);margin:var(--space-3) auto;text-align:center;max-width:600px;display:block;color:#991b1b}.games-menu{max-width:1200px;margin:0 auto;padding:var(--space-5)}.games-menu-title{text-align:center;color:var(--color-text-primary);margin-bottom:var(--space-8);font-size:var(--font-size-4xl);font-weight:700}.game-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-5)}.game-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-5);width:250px;text-decoration:none;color:var(--color-text-primary);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow);display:flex;flex-direction:column;align-items:center;text-align:center}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.game-icon{font-size:3rem;margin-bottom:var(--space-4);color:var(--color-accent)}.game-card h2{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.game-card p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--border-color);padding:var(--space-3) 0;display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -2px 8px #2d2a2614}.bottom-nav a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:color var(--transition-base)}.bottom-nav a:hover,.bottom-nav a.active{color:var(--color-primary)}.bottom-nav svg{margin-bottom:var(--space-1)}.notes-button{background:none;border:none;display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-base)}.notes-button:hover{color:var(--color-primary)}.notes-button svg{margin-bottom:var(--space-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.content-grid-title{font-size:var(--font-size-2xl)}.games-menu-title{font-size:var(--font-size-3xl)}.game-card{width:100%;max-width:300px}.page-content{margin-left:60px;margin-right:60px;margin-top:60px;padding:var(--space-4)}}@media (max-width: 480px){.page-content{margin-left:var(--space-4);margin-right:var(--space-4);margin-top:70px;padding:var(--space-3)}.content-grid-title{font-size:var(--font-size-xl)}.games-menu-title{font-size:var(--font-size-2xl)}}@media print{@page{margin:2cm;size:A4}.corner-button,.universal-header,.dashboard,.circular-navigation,.my-notes-panel,.language-info-panel,.floating-bulletin-button,.bottom-nav{display:none!important}.app-container{background:#fff!important;margin:0!important;padding:1cm!important}.page-content{margin:0!important;padding:0!important}.content-section,.word-card,.note-section{page-break-inside:avoid;margin-bottom:1cm}h1,h2,h3,h4,h5,h6{page-break-after:avoid;margin-top:1cm;margin-bottom:.5cm}p{orphans:3;widows:3;margin-bottom:.5cm}img{max-width:100%!important;page-break-inside:avoid}html,body{margin:0!important;padding:0!important;overflow:visible!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-page{background-color:var(--color-bg-page)}.bg-card{background-color:var(--color-bg-card)}.bg-muted{background-color:var(--color-bg-muted)}