:root{--color-bg:#fcfdfd;--color-surface:#fdfefe;--color-btn-bg:#f3f6f6;--color-text:#212d30;--color-text-muted:#607276;--color-accent:#435060;--color-accent-hover:#2b3646;--color-brand-wordmark:#207079;--color-brand-tagline:#2c968c;--color-border:#dee7e6;--color-active:#eff2f6;--color-a-vowel:#fef9c3;--color-e-vowel:#ffedd5;--color-i-vowel:#f3e8ff;--color-o-vowel:#fee2e2;--color-u-vowel:#dbeafe;--color-y-vowel:#ecfccb;--font-family:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-base:16px;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--header-height:60px;--nav-height:68px;--button-size:48px;--grid-gap:8px;--border-radius:6px;--transition-fast:.15s ease;--transition-normal:.25s ease;--home-blob-teal:#21caa8;--home-blob-aqua:#1bc5b4;--home-blob-splash:#25b5ef;--home-accent-a:#149077;--home-accent-b:#149fa3;--home-accent-c:#f78708;--home-card-soundboard:#e4f6f3;--home-card-soundboard-border:#9ad6ca;--home-card-dialogues:#fdede2;--home-card-dialogues-border:#ddb69d;--home-card-verbs:#dff1f6;--home-card-verbs-border:#9acad6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;line-height:1.5}button{cursor:pointer;font-family:inherit}.feature-exercise-note{width:min(900px,100% - 32px);color:var(--color-text);background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--home-card-dialogues) 72%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--home-card-soundboard) 64%, var(--color-surface)), var(--color-surface));border:1px solid color-mix(in srgb, var(--home-card-soundboard-border) 58%, var(--color-border));box-shadow:0 14px 34px color-mix(in srgb, var(--home-blob-aqua) 10%, transparent);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:clamp(.9rem,3vw,1.35rem);margin:clamp(2rem,6vw,4.5rem) auto clamp(1.5rem,5vw,3rem);padding:clamp(1.1rem,3vw,1.75rem);display:grid}.feature-exercise-note__marker{background:color-mix(in srgb, var(--color-surface) 84%, var(--home-card-verbs));border:1px solid color-mix(in srgb, var(--home-card-verbs-border) 62%, var(--color-border));width:3rem;height:3rem;box-shadow:inset 0 -8px 18px color-mix(in srgb, var(--home-blob-splash) 8%, transparent);border-radius:16px;place-items:center;display:grid;position:relative}.feature-exercise-note__marker span{line-height:1}.feature-exercise-note__marker span:first-child{transform:translate(-5px,-3px)rotate(-8deg)}.feature-exercise-note__marker span:last-child{font-size:.9rem;position:absolute;bottom:7px;right:8px;transform:rotate(9deg)}.feature-exercise-note__eyebrow{color:var(--color-brand-wordmark);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:700}.feature-exercise-note__title{color:var(--color-text);margin:0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2}.feature-exercise-note__body{max-width:72ch;color:var(--color-text-muted);gap:.65rem;margin-top:.75rem;font-size:.98rem;line-height:1.65;display:grid}.feature-exercise-note__body p{margin:0}:root[data-theme=dark] .feature-exercise-note{background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--home-accent-c) 12%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 84%, #1f332f), var(--color-surface));border-color:color-mix(in srgb, var(--color-border) 82%, var(--home-accent-b));box-shadow:0 16px 38px #00000042}:root[data-theme=dark] .feature-exercise-note__marker{background:color-mix(in srgb, var(--color-surface) 78%, #23454d)}@media (max-width:560px){.feature-exercise-note{grid-template-columns:1fr}.feature-exercise-note__marker{width:3.25rem;height:3.25rem}}#app{max-width:900px;min-height:100vh;padding:var(--nav-height) var(--space-md) var(--space-md);flex-direction:column;margin:0 auto;display:flex;overflow:visible}.header{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;margin-bottom:var(--space-md);top:var(--nav-height);background:var(--color-bg);z-index:100;flex-direction:column;min-height:110px;padding-top:8px;padding-bottom:8px;display:flex;position:sticky}.header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:-.02em}.header__subtitle{color:var(--color-text-muted);font-size:.9rem;display:none}.dialect-selector--buttons{border-radius:var(--border-radius);border:1px solid var(--color-border);display:none;overflow:hidden}.dialect-selector--dropdown{padding:var(--space-xs) var(--space-sm);font-size:.9rem;font-family:var(--font-family);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:block}.dialect-selector--dropdown:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width:1200px){.dialect-selector--buttons{display:inline-flex}.dialect-selector--dropdown{display:none}.header__subtitle{display:block}}.dialect-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:none;border-right:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.8rem}.dialect-btn:last-child{border-right:none}.dialect-btn:hover{background:var(--color-active);color:var(--color-text)}.dialect-btn--active{background:var(--color-accent);color:#fff}.dialect-btn--active:hover{background:var(--color-accent-hover);color:#fff}.dialect-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dialect-btn--disabled:hover{background:var(--color-surface);color:var(--color-text-muted)}.info-panel{background:var(--color-bg);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);z-index:10;padding:8px 0;position:absolute;inset:0;overflow:hidden}.info-panel--visible{opacity:1;visibility:visible}.info-panel__actions{top:var(--space-xs);right:max(var(--space-xs), calc(56px - (100vw - 100%) / 2));z-index:1;gap:2px;display:flex;position:absolute}.info-panel__pin,.info-panel__close{color:var(--color-text-muted);opacity:.5;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1}.info-panel__pin:hover,.info-panel__close:hover{opacity:1}.info-panel__pin{filter:grayscale()}.info-panel__pin--active{opacity:1;filter:none}.info-panel__close{font-size:1.1rem}.info-panel__columns{grid-template-columns:1fr 1fr 1fr;width:100%;height:100%;display:grid}.info-panel__col{justify-content:center;align-items:center;display:flex}.info-panel__col--left,.info-panel__col--center,.info-panel__col--right{justify-content:center}.info-panel__letter{font-size:3rem;font-weight:var(--font-weight-medium);color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;min-width:4rem;height:4rem;line-height:1;display:flex}.info-panel__details{text-align:center;flex-direction:column;gap:4px;display:flex}.info-panel__row{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.info-panel__name{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text)}.info-panel__ipa{color:var(--color-text-muted);transition:color var(--transition-fast);font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:1rem;text-decoration:none}.info-panel__ipa--link{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.info-panel__ipa--link:hover{color:var(--color-accent-hover)}.info-panel__tone{color:var(--color-text-muted);min-height:1.2em;font-size:.8rem;line-height:1.2}.info-panel__hint{color:var(--color-text-muted);max-width:200px;min-height:1.2em;font-size:.75rem;font-style:italic;line-height:1.2}.info-panel__examples{text-align:center;flex-direction:column;gap:8px;display:flex}.example-word{flex-direction:row;align-items:baseline;gap:6px;display:flex}.example-word__speaker{color:var(--color-text-muted);cursor:pointer;opacity:.5;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6rem;line-height:1}.example-word__speaker:hover{opacity:1;color:var(--color-accent)}.example-word__viet{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer}.example-word__viet:hover{color:var(--color-accent)}.example-word__eng{color:var(--color-accent);text-underline-offset:2px;transition:color var(--transition-fast);font-size:.75rem;text-decoration:underline}.example-word__eng:hover{color:var(--color-accent-hover)}.soundboard{flex-direction:column;flex:1;display:flex}.soundboard__grid{gap:var(--grid-gap);grid-template-columns:repeat(5,1fr);justify-items:center;display:grid}.letter-btn{width:var(--button-size);height:var(--button-size);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-lg);color:var(--color-text);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.letter-btn:hover{border-color:var(--color-accent);background:var(--color-active)}.letter-btn:active{transform:scale(.95)}.letter-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.letter-btn--active:hover{background:var(--color-accent-hover)}.letter-btn--a-vowel{background:var(--color-a-vowel);border-color:#fde047}.letter-btn--a-vowel:hover{background:#fde68a;border-color:#facc15}.letter-btn--a-vowel.letter-btn--active{background:#ca8a04;border-color:#a16207}.letter-btn--e-vowel{background:var(--color-e-vowel);border-color:#fdba74}.letter-btn--e-vowel:hover{background:#fed7aa;border-color:#fb923c}.letter-btn--e-vowel.letter-btn--active{background:#ea580c;border-color:#c2410c}.letter-btn--i-vowel{background:var(--color-i-vowel);border-color:#d8b4fe}.letter-btn--i-vowel:hover{background:#e9d5ff;border-color:#c084fc}.letter-btn--i-vowel.letter-btn--active{background:#9333ea;border-color:#7e22ce}.letter-btn--o-vowel{background:var(--color-o-vowel);border-color:#fca5a5}.letter-btn--o-vowel:hover{background:#fecaca;border-color:#f87171}.letter-btn--o-vowel.letter-btn--active{background:#dc2626;border-color:#b91c1c}.letter-btn--u-vowel{background:var(--color-u-vowel);border-color:#93c5fd}.letter-btn--u-vowel:hover{background:#bfdbfe;border-color:#60a5fa}.letter-btn--u-vowel.letter-btn--active{background:#2563eb;border-color:#1d4ed8}.letter-btn--y-vowel{background:var(--color-y-vowel);border-color:#bef264}.letter-btn--y-vowel:hover{background:#d9f99d;border-color:#a3e635}.letter-btn--y-vowel.letter-btn--active{background:#65a30d;border-color:#4d7c0f}.drawer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;margin:var(--space-md) 0;opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);grid-column:1/-1;display:none;overflow:hidden;transform:translateY(-10px)}.drawer--open{opacity:1;display:block;transform:translateY(0)}.drawer__header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.drawer__letter{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.drawer__close{font-size:var(--font-size-xl);color:var(--color-text-muted);padding:var(--space-xs);transition:color var(--transition-fast);background:0 0;border:none;line-height:1}.drawer__close:hover{color:var(--color-text)}.drawer__variants{gap:var(--space-sm);padding:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.variant-btn{min-width:44px;height:44px;padding:var(--space-sm) var(--space-md);background:var(--color-btn-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-lg);color:var(--color-text);transition:all var(--transition-fast)}.variant-btn--a-vowel{background:#fefce8;border-color:#fef08a}.variant-btn--a-vowel:hover{background:var(--color-a-vowel);border-color:#fde047}.variant-btn--e-vowel{background:#fff7ed;border-color:#fed7aa}.variant-btn--e-vowel:hover{background:var(--color-e-vowel);border-color:#fdba74}.variant-btn--i-vowel{background:#faf5ff;border-color:#e9d5ff}.variant-btn--i-vowel:hover{background:var(--color-i-vowel);border-color:#d8b4fe}.variant-btn--o-vowel{background:#fef2f2;border-color:#fecaca}.variant-btn--o-vowel:hover{background:var(--color-o-vowel);border-color:#fca5a5}.variant-btn--u-vowel{background:#eff6ff;border-color:#bfdbfe}.variant-btn--u-vowel:hover{background:var(--color-u-vowel);border-color:#93c5fd}.variant-btn--y-vowel{background:#f7fee7;border-color:#d9f99d}.variant-btn--y-vowel:hover{background:var(--color-y-vowel);border-color:#bef264}.variant-btn:hover{background:var(--color-active);border-color:var(--color-accent)}.variant-btn:active,.variant-btn--playing{background:var(--color-accent);color:#fff;transform:scale(.95)}@media (min-width:480px){.soundboard__grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:600px){:root{--button-size:96px;--grid-gap:12px}.soundboard__grid{grid-template-columns:repeat(6,1fr)}.header{flex-direction:row;justify-content:space-between;align-items:center;min-height:120px}.letter-btn{font-size:2rem}.variant-btn{min-width:88px;height:88px;font-size:2rem}.drawer__variants{gap:var(--space-md);padding:var(--space-lg)}}@media (min-width:768px){:root{--button-size:96px}.soundboard__grid{grid-template-columns:repeat(8,1fr)}#app{max-width:1000px}}@media (min-width:1024px){:root{--button-size:96px}.soundboard__grid{grid-template-columns:repeat(10,1fr)}#app{max-width:1200px}}@media (max-height:700px){:root{--button-size:42px;--grid-gap:6px}.header{padding:var(--space-sm) 0;margin-bottom:var(--space-sm)}.drawer__variants{padding:var(--space-sm)}}.separator{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0 calc(var(--space-xl) * 1.5)}.soundboard_combinations{padding:var(--space-md) 0}.combinations__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center;margin-bottom:var(--space-xs)}.combinations__subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg);font-size:.9rem}.combo-group{margin-bottom:var(--space-lg)}.combo-group__label{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.combo-group__grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.combo-btn{padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);min-height:60px;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.combo-btn__text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.combo-btn__hint{color:var(--color-text-muted);margin-top:2px;font-size:.65rem}.combo-btn:hover{border-color:var(--color-accent);background:var(--color-active)}.combo-btn:active,.combo-btn--playing{background:var(--color-accent);border-color:var(--color-accent);transform:scale(.95)}.combo-btn:active .combo-btn__text,.combo-btn--playing .combo-btn__text,.combo-btn:active .combo-btn__hint,.combo-btn--playing .combo-btn__hint{color:#fff}.combo-btn--consonantClusters{background:#f0fdf4;border-color:#86efac}.combo-btn--consonantClusters:hover{background:#dcfce7;border-color:#4ade80}.combo-btn--consonantClusters:active,.combo-btn--consonantClusters.combo-btn--playing{background:#16a34a;border-color:#15803d}.combo-btn--diphthongs{background:#f0fdfa;border-color:#5eead4}.combo-btn--diphthongs:hover{background:#ccfbf1;border-color:#2dd4bf}.combo-btn--diphthongs:active,.combo-btn--diphthongs.combo-btn--playing{background:#0d9488;border-color:#0f766e}.combo-btn--triphthongs{background:#eef2ff;border-color:#a5b4fc}.combo-btn--triphthongs:hover{background:#e0e7ff;border-color:#818cf8}.combo-btn--triphthongs:active,.combo-btn--triphthongs.combo-btn--playing{background:#4f46e5;border-color:#4338ca}.soundboard_vocabulary{padding:var(--space-md) 0}.vocabulary__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center;margin-bottom:var(--space-xs)}.vocabulary__subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg);font-size:.9rem}.vocabulary__category{margin-bottom:var(--space-xl)}.vocabulary__category-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-border)}.vocabulary__grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.vocab-btn{padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);min-height:92px;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.vocab-btn__emoji{margin-bottom:var(--space-xs);font-size:2rem;line-height:1}.vocab-btn__primary{color:var(--color-text);text-align:center;font-size:.8rem;font-weight:500;line-height:1.2}.vocab-btn__translation{color:var(--color-text-muted);opacity:.75;text-align:center;margin-top:2px;font-size:.64rem;line-height:1.2}.vocab-btn:hover{border-color:var(--color-accent);background:var(--color-active);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.vocab-btn:active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(.95)}.vocab-btn:active .vocab-btn__primary,.vocab-btn:active .vocab-btn__translation{color:#fff;opacity:1}@media (min-width:600px){.vocabulary__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.vocab-btn{min-height:104px;padding:var(--space-md)}.vocab-btn__emoji{font-size:2.25rem}.vocab-btn__primary{font-size:.85rem}.vocab-btn__translation{font-size:.68rem}}@media (min-width:768px){.vocabulary__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (min-width:600px){.combo-group__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.combo-btn{min-height:72px;padding:var(--space-md)}.combo-btn__text{font-size:1.5rem}.combo-btn__hint{font-size:.75rem}}@media (min-width:768px){.combo-group__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.letter-btn:focus-visible,.variant-btn:focus-visible,.dialect-btn:focus-visible,.drawer__close:focus-visible,.combo-btn:focus-visible,.vocab-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tts-indicator{bottom:var(--space-md);right:var(--space-md);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:#fff;border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:1000;pointer-events:none;font-size:.75rem;display:flex;position:fixed;transform:translateY(10px)}.tts-indicator--visible{opacity:1;transform:translateY(0)}.tts-indicator__icon{font-size:1rem;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.back-link{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--border-radius);opacity:.7;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);z-index:200;-webkit-backdrop-filter:blur(4px);background:#ffffffd9;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:12px}.user-link{width:36px;height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);opacity:.7;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);z-index:200;-webkit-backdrop-filter:blur(4px);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:fixed;top:12px;right:12px}.user-link:hover,.user-link:focus-visible{opacity:1;color:var(--color-text);background:var(--color-surface);outline:none;transform:scale(1.04)}.user-link svg{width:20px;height:20px;display:block}.dark-mode-btn{width:36px;height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);opacity:.7;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(4px);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dark-mode-btn:hover,.dark-mode-btn:focus-visible{opacity:1;color:var(--color-text);background:var(--color-surface);outline:none;transform:scale(1.04)}.dark-mode-btn svg{width:17px;height:17px;display:block}:root[data-theme=dark] .dark-mode-btn{background:#1f1f1fd9}.home-body .dark-mode-btn{background:color-mix(in srgb, var(--home-canvas) 58%, var(--color-surface));border-color:color-mix(in srgb, var(--color-border) 75%, var(--home-blob-aqua))}:root[data-theme=dark] .home-body .dark-mode-btn{background:color-mix(in srgb, var(--home-canvas) 72%, #274249);border-color:color-mix(in srgb, var(--color-border) 80%, var(--home-accent-b))}.back-link:hover,.back-link:focus-visible{opacity:1;color:var(--color-text);background:var(--color-surface);outline:none}.back-link__arrow{flex:none;width:16px;height:16px;display:block}@media (max-width:767px){.back-link{border-radius:50%;justify-content:center;gap:0;width:36px;height:36px;padding:0}.back-link__text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.back-link__arrow{width:18px;height:18px}.header,.dialogues__intro{padding-left:56px;padding-right:56px}}.home-body{--home-ink:#122e36;--home-ink-muted:#4e6d74;--home-canvas:#f4faf9;min-height:100dvh;color:var(--home-ink);--color-text:var(--home-ink);--color-text-muted:var(--home-ink-muted);--color-border:#d2e5e1;--color-surface:#fcfdfde0;--color-brand-wordmark:#1e6971;--color-brand-tagline:#239586;--home-bg-gradient:radial-gradient(ellipse 120% 90% at 12% -5%, #d0f1ea8c 0%, transparent 52%), radial-gradient(ellipse 100% 80% at 92% 8%, #cbeaf680 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 48% 100%, #fae2c666 0%, transparent 55%);background:var(--home-bg-gradient), var(--home-canvas);overflow-x:hidden}:root[data-theme=dark] .home-body{--home-ink:#e9f1f0;--home-ink-muted:#91aca6;--home-canvas:#0e1c20;--color-text:var(--home-ink);--color-text-muted:var(--home-ink-muted);--color-border:#2e423e;--color-surface:#17282ceb;--color-brand-wordmark:#95dacc;--color-brand-tagline:#5cccc8;--home-bg-gradient:radial-gradient(ellipse 120% 90% at 10% -5%, #24605473 0%, transparent 52%), radial-gradient(ellipse 100% 80% at 95% 10%, #24576b66 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 50% 100%, #6b4f2e40 0%, transparent 55%)}.home-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-bg__blob{filter:blur(60px);opacity:.45;border-radius:50%;animation:14s ease-in-out infinite blobFloat;position:absolute}.home-bg__blob--1{background:var(--home-blob-teal);width:320px;height:320px;top:-80px;left:-80px}.home-bg__blob--2{background:var(--home-blob-splash);width:360px;height:360px;animation-delay:-5s;top:30%;right:-120px}.home-bg__blob--3{background:var(--home-blob-aqua);width:280px;height:280px;animation-delay:-9s;bottom:-100px;left:30%}:root[data-theme=dark] .home-bg__blob{opacity:.18}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-30px)scale(1.05)}66%{transform:translate(-15px,25px)scale(.96)}}.home{z-index:1;justify-content:center;align-items:center;gap:var(--space-xl);min-height:100vh;padding:80px var(--space-md) var(--space-xl);text-align:center;flex-direction:column;display:flex;position:relative}.home__hero{align-items:center;gap:var(--space-md);flex-direction:column;max-width:640px;animation:.6s both heroIn;display:flex}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home__badge{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:.85rem;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #0000000a}.home__badge-flag{font-size:1.05rem;line-height:1}.home__title{color:var(--color-text);letter-spacing:-.025em;font-size:clamp(2.25rem,7vw,4rem);font-weight:700;line-height:1.1}.home__title-accent{color:var(--home-accent-b);isolation:isolate;padding:.05em .18em;font-weight:700;display:inline-block;position:relative}.home__title-accent-circle{pointer-events:none;z-index:-1;width:calc(100% + .4em);height:calc(100% + .3em);color:var(--home-accent-b);opacity:.92;stroke-dasharray:520;stroke-dashoffset:520px;animation:1.1s cubic-bezier(.65,0,.35,1) .35s forwards funCircleDraw;position:absolute;top:-.18em;left:-.18em;overflow:visible}@keyframes funCircleDraw{to{stroke-dashoffset:0}}.home__subtitle{color:var(--color-text-muted);letter-spacing:-.01em;margin-top:-.25rem;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:500}.home__lede{color:var(--color-text-muted);max-width:36ch;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.55}.home__features{gap:var(--space-md);grid-template-columns:1fr;width:100%;max-width:720px;display:grid}@media (min-width:720px){.home__features{align-items:stretch;gap:var(--space-lg);grid-template-columns:1fr auto 1fr;max-width:1080px}}.feature-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);text-align:left;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:18px;flex-direction:row;text-decoration:none;animation:.6s both cardIn;display:flex;position:relative;overflow:hidden}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}@media (min-width:720px){.feature-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-xl);flex-direction:column}}.feature-card--soundboard{background:var(--home-card-soundboard);border-color:var(--home-card-soundboard-border)}.feature-card--dialogues{background:var(--home-card-dialogues);border-color:var(--home-card-dialogues-border)}.feature-card--verbs{background:var(--home-card-verbs);border-color:var(--home-card-verbs-border)}.feature-card:hover,.feature-card:focus-visible{outline:none;transform:translateY(-4px);box-shadow:0 12px 28px #0000001a}:root[data-theme=dark] .feature-card:hover,:root[data-theme=dark] .feature-card:focus-visible{box-shadow:0 12px 28px #00000080}.feature-card__icon{background:var(--color-surface);width:56px;height:56px;transition:transform var(--transition-normal);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:2.5rem;line-height:1;display:inline-flex;box-shadow:0 2px 8px #0000000f}.feature-card:hover .feature-card__icon:not(.feature-card__icon--pair),.feature-card:focus-visible .feature-card__icon:not(.feature-card__icon--pair){transform:scale(1.08)rotate(-6deg)}@media (min-width:720px){.feature-card__icon{width:64px;height:64px;font-size:2.75rem}}.feature-card__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.feature-card__level{border:1px solid color-mix(in srgb, currentColor 15%, transparent);background:color-mix(in srgb, var(--color-surface) 56%, transparent);max-width:100%;color:color-mix(in srgb, var(--color-text) 70%, var(--color-text-muted));white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:1px;padding:3px 8px;font-size:.66rem;font-weight:700;line-height:1.1;display:inline-flex}:root[data-theme=dark] .feature-card__level{background:color-mix(in srgb, var(--color-surface) 18%, transparent);border-color:color-mix(in srgb, currentColor 24%, transparent);color:color-mix(in srgb, var(--color-text) 80%, var(--color-text-muted))}@media (min-width:720px){.feature-card__level{top:var(--space-xl);right:var(--space-xl);max-width:calc(100% - 120px);margin-bottom:0;position:absolute}}.feature-card__title{color:var(--color-text);font-size:1.1rem;font-weight:600;line-height:1.25}@media (min-width:720px){.feature-card__title{font-size:1.2rem}}.feature-card__desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.feature-card__arrow{color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;font-size:1.4rem}.feature-card:hover .feature-card__arrow,.feature-card:focus-visible .feature-card__arrow{color:var(--color-text);transform:translate(4px)}@media (min-width:720px){.feature-card__arrow{margin-top:var(--space-sm);align-self:flex-end}}.feature-card__audience{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#145245;background:color-mix(in srgb, var(--home-card-soundboard) 55%, var(--color-surface));border:1px solid var(--home-card-soundboard-border);border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:4px;padding:3px 9px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.feature-card--dialogues .feature-card__audience{color:#6f3015;background:color-mix(in srgb, var(--home-card-dialogues) 55%, var(--color-surface));border-color:var(--home-card-dialogues-border)}:root[data-theme=dark] .feature-card__audience{background:color-mix(in srgb, var(--home-card-soundboard) 20%, transparent);color:#90dfcf}:root[data-theme=dark] .feature-card--dialogues .feature-card__audience{background:color-mix(in srgb, var(--home-card-dialogues) 20%, transparent);color:#eaae86}.feature-card__icon--pair{flex-direction:row;gap:3px;width:auto;min-width:72px;padding:0 12px;font-size:1.35rem}.feature-card__flag{line-height:1}.feature-card__flag--from{opacity:.5;filter:saturate(.75)}.feature-card__flag--to{opacity:1;transform-origin:60% 80%;transition:transform var(--transition-fast)}.feature-card:hover .feature-card__flag--to,.feature-card:focus-visible .feature-card__flag--to{animation:.7s cubic-bezier(.34,1.56,.64,1) both flagWiggle}@keyframes flagWiggle{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.18)rotate(-8deg)}60%{transform:scale(1.06)rotate(5deg)}80%{transform:scale(1.12)rotate(-2deg)}to{transform:scale(1.1)rotate(0)}}.feature-card__flag-sep{color:var(--color-text-muted);opacity:.65;transition:transform var(--transition-fast);margin:0 1px;font-size:.65rem;line-height:1}.feature-card:hover .feature-card__flag-sep,.feature-card:focus-visible .feature-card__flag-sep{transform:translate(2px)}.feature-card:hover .feature-card__flag--from,.feature-card:focus-visible .feature-card__flag--from{opacity:.8;filter:saturate();transition:opacity var(--transition-fast), filter var(--transition-fast)}.home__features-or{align-items:center;gap:var(--space-sm);width:100%;color:var(--color-text-muted);opacity:.65;letter-spacing:.07em;font-size:.78rem;display:flex}.home__features-or:before,.home__features-or:after{content:"";background:var(--color-border);flex:1;height:1px}@media (min-width:720px){.home__features-or{width:auto;height:auto;padding:var(--space-md) var(--space-xs);text-align:center;flex-direction:column;align-self:stretch}.home__features-or:before,.home__features-or:after{width:1px;height:auto}}.home__footnote{color:var(--color-text-muted);opacity:.75;align-items:center;gap:8px;font-size:.825rem;display:inline-flex}.home__footnote-dot{background:var(--home-accent-b);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--home-accent-b) 26%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.home-body .home-bg__blob{opacity:.52}:root[data-theme=dark] .home-body .home-bg__blob{opacity:.26}.home-body .home__badge{background:color-mix(in srgb, var(--color-surface) 88%, #f1f9f7);border-color:color-mix(in srgb, var(--color-border) 55%, var(--home-accent-b));box-shadow:0 4px 22px color-mix(in srgb, var(--home-blob-aqua) 12%, transparent), 0 1px 2px #0000000a}:root[data-theme=dark] .home-body .home__badge{background:color-mix(in srgb, var(--color-surface) 92%, #1c2c28);border-color:color-mix(in srgb, var(--color-border) 70%, var(--home-accent-b));box-shadow:0 4px 26px #0006}.home-body .feature-card:hover,.home-body .feature-card:focus-visible{box-shadow:0 18px 40px color-mix(in srgb, var(--home-blob-teal) 18%, transparent), 0 6px 16px #00000012;border-color:color-mix(in srgb, var(--home-blob-aqua) 40%, var(--color-border))}:root[data-theme=dark] .home-body .feature-card:hover,:root[data-theme=dark] .home-body .feature-card:focus-visible{box-shadow:0 18px 44px #0000008c, 0 0 0 1px color-mix(in srgb, var(--home-accent-b) 22%, transparent);border-color:color-mix(in srgb, var(--home-accent-b) 28%, var(--color-border))}.home-body .feature-card:hover .feature-card__arrow,.home-body .feature-card:focus-visible .feature-card__arrow{color:var(--home-accent-a)}.home-body .feature-card__icon{border:1px solid color-mix(in srgb, var(--color-border) 65%, var(--home-blob-aqua));background:color-mix(in srgb, var(--color-surface) 94%, #f8fbfb);box-shadow:0 3px 14px color-mix(in srgb, var(--home-blob-teal) 10%, transparent), 0 1px 3px #0000000d}:root[data-theme=dark] .home-body .feature-card__icon{background:color-mix(in srgb, var(--color-surface) 88%, #121e21);border-color:color-mix(in srgb, var(--color-border) 75%, var(--home-accent-b))}.home-body .lang-toggle{box-shadow:0 2px 8px color-mix(in srgb, var(--home-blob-teal) 8%, transparent);background:#e6f4f1d1}:root[data-theme=dark] .home-body .lang-toggle{box-shadow:none;background:#ffffff12}.home-body .user-link{background:color-mix(in srgb, var(--home-canvas) 58%, var(--color-surface));border-color:color-mix(in srgb, var(--color-border) 75%, var(--home-blob-aqua))}:root[data-theme=dark] .home-body .user-link{background:color-mix(in srgb, var(--home-canvas) 72%, #274249);border-color:color-mix(in srgb, var(--color-border) 80%, var(--home-accent-b))}.dialogues{padding-top:var(--space-xl)}.dialogues__intro{text-align:center;margin-bottom:var(--space-xl)}.dialogues__title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-sm);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:600}.dialogues__subtitle{color:var(--color-text-muted);font-size:1rem}.scenarios{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:800px;margin:0 auto;display:grid}.scenario-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:12px;flex-direction:column;animation:.4s both cardIn;display:flex}.scenario-card:hover,.scenario-card:focus-visible{border-color:var(--color-accent);outline:none;transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.scenario-card__emoji{font-size:2.25rem;line-height:1}.scenario-card__title{color:var(--color-text);font-size:1.05rem;font-weight:600}.scenario-card__description{color:var(--color-text-muted);font-size:.875rem;line-height:1.4}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scenario__topbar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-inline:calc(-1 * var(--space-md));margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);top:var(--nav-height);z-index:100;background:var(--color-bg);display:flex;position:sticky}.scenario__back{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:.875rem;display:inline-flex}.scenario__back:hover,.scenario__back:focus-visible{color:var(--color-text);background:var(--color-active);outline:none}.scenario__intro{text-align:center;margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-active);border-radius:12px}.scenario__emoji{margin-bottom:var(--space-xs);font-size:2.5rem;display:block}.scenario__title{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1.5rem;font-weight:600}.scenario__setting{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.95rem;font-style:italic}.scenario__npc{color:var(--color-text-muted);font-size:.875rem}.scenario__npc-name{color:var(--color-text);font-weight:500}.scenario__title-hint,.scenario__setting-hint,.scenario__npc-hint{color:var(--color-text-muted);font-size:.8rem;font-style:italic;line-height:1.4}.scenario__title-hint{margin-top:-2px;margin-bottom:var(--space-xs)}.scenario__setting-hint{margin-top:-4px;margin-bottom:var(--space-sm)}.scenario__npc-hint{margin-top:2px}.outcome__title-hint,.outcome__description-hint{color:var(--color-text-muted);font-size:.85rem;font-style:italic;line-height:1.4}.outcome__title:has(+.outcome__title-hint:not([hidden])){margin-bottom:2px}.outcome__title-hint{margin-bottom:var(--space-sm)}.outcome__description:has(+.outcome__description-hint:not([hidden])){margin-bottom:4px}.outcome__description-hint{margin-bottom:var(--space-xl)}.scenario__thread{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.bubble{gap:var(--space-sm);align-items:flex-start;animation:.35s both bubbleIn;display:flex}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble--npc{margin-right:12%}.bubble--user{margin-left:12%}.bubble__avatar{aspect-ratio:1;background:var(--color-active);border-radius:50%;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;min-width:38px;min-height:38px;max-height:82px;font-size:1.4rem;display:flex}.bubble__content{background:var(--color-active);border-radius:14px;flex:1;min-width:0;padding:10px 14px}.bubble--user .bubble__content{background:var(--color-accent);color:#fff}.bubble__name{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.7rem;font-weight:500}.bubble__text{color:inherit;font-size:1rem;line-height:1.4}.bubble__hint{color:var(--color-text-muted);margin-top:3px;font-size:.8rem;font-style:italic}.bubble--user .bubble__hint{color:#ffffffc7}.bubble__speak{border:1px solid var(--color-border);width:34px;height:34px;transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-size:.95rem;display:flex}.bubble__speak:hover,.bubble__speak:focus-visible{background:var(--color-active);border-color:var(--color-accent);outline:none;transform:scale(1.05)}.bubble__content--typing{flex:none;align-items:center;gap:5px;padding:14px 16px;display:inline-flex}.bubble__dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingDot}.bubble__dot:nth-child(2){animation-delay:.15s}.bubble__dot:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.bubble--reaction{color:var(--color-text-muted);text-align:center;max-width:80%;margin:0 auto;padding:2px 12px;font-size:.875rem;font-style:italic;animation:.4s .2s both bubbleIn}.vi-word{cursor:help;border-bottom:1px dotted color-mix(in srgb, currentColor 45%, transparent);transition:border-color var(--transition-fast);position:relative}.vi-word:focus-visible{border-bottom-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:3px;outline:none}.vi-word:after{content:attr(data-translation);color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#1f2937;border-radius:6px;padding:5px 9px;font-size:.78rem;font-style:normal;font-weight:500;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0000002e}.vi-word:before{content:"";pointer-events:none;opacity:0;z-index:100;border:5px solid #0000;border-top-color:#1f2937;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)translateY(4px)}@media (hover:hover){.vi-word:hover:after,.vi-word:hover:before,.vi-word:focus-visible:after,.vi-word:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)}}@media (hover:none){.vi-word:after{white-space:normal;text-align:center;border-radius:9px;max-width:min(82vw,320px);padding:9px 14px;font-size:.95rem;line-height:1.35}.vi-word--tapped:after{opacity:1;bottom:calc(100% + 18px);transform:translate(-50%)translateY(0)}.vi-word--tapped:before{opacity:1;border-width:6px;bottom:calc(100% + 12px);transform:translate(-50%)translateY(0)}}.bubble--user .vi-word:after{color:#1f2937;background:#fff;box-shadow:0 4px 12px #00000040}.bubble--user .vi-word:before{border-top-color:#fff}.scenario__choices{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1.5px solid var(--color-border);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);border-radius:10px;flex-direction:row;padding:12px 16px;animation:.35s both bubbleIn;display:flex}.choice:hover,.choice:focus-visible{border-color:var(--color-accent);background:var(--color-active);outline:none;transform:translate(2px)}.choice__emoji{background:var(--color-active);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;line-height:1;display:flex}.choice:hover .choice__emoji,.choice:focus-visible .choice__emoji{background:var(--color-surface)}.choice__body{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.choice__vi{color:var(--color-text);font-size:1rem;font-weight:500}.choice__en{color:var(--color-text-muted);font-size:.85rem}.outcome{text-align:center;padding:var(--space-xl) var(--space-md);max-width:480px;margin:0 auto}.outcome__emoji{margin-bottom:var(--space-md);filter:drop-shadow(0 6px 14px #0000001f);transform-origin:50% 70%;font-size:clamp(4.5rem,16vw,7rem);line-height:1;display:block}.outcome__emoji.outcome--animate{animation:.7s cubic-bezier(.34,1.56,.64,1) both outcomeEmojiPop,2.4s ease-in-out .7s infinite outcomeEmojiWiggle}.outcome__title{margin-bottom:var(--space-sm);color:var(--color-text);font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.outcome__title.outcome--animate{animation:.5s ease-out .25s both outcomeTextRise}.outcome__description{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.5}.outcome__description.outcome--animate{animation:.5s ease-out .38s both outcomeTextRise}.outcome__title-hint.outcome--animate{animation:.5s ease-out .32s both outcomeTextRise}.outcome__description-hint.outcome--animate{animation:.5s ease-out .46s both outcomeTextRise}@keyframes outcomeEmojiPop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}80%{transform:scale(.95)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes outcomeEmojiWiggle{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-3deg)translateY(-2px)}75%{transform:rotate(3deg)translateY(-2px)}}@keyframes outcomeTextRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.outcome__emoji.outcome--animate,.outcome__title.outcome--animate,.outcome__description.outcome--animate,.outcome__title-hint.outcome--animate,.outcome__description-hint.outcome--animate{animation:none}}.outcome__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.outcome__replay,.outcome__back{border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);padding:12px 24px;font-size:.95rem;font-weight:500}.outcome__replay{background:var(--color-accent);color:#fff;border:1.5px solid var(--color-accent)}.outcome__replay:hover,.outcome__replay:focus-visible{background:var(--color-accent-hover);border-color:var(--color-accent-hover);outline:none;transform:translateY(-1px)}.outcome__back{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.outcome__back:hover,.outcome__back:focus-visible{background:var(--color-active);border-color:var(--color-accent);outline:none}.account{z-index:1;box-sizing:border-box;max-width:560px;padding:calc(env(safe-area-inset-top,0px) + 80px) var(--space-md) calc(env(safe-area-inset-bottom,0px) + var(--space-xl));min-height:calc(100dvh - var(--nav-height,68px));margin:0 auto;position:relative}.account__title{letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-sm);color:var(--color-text);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:600}.account__lede{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.account__section{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-lg);margin-bottom:var(--space-md);border-radius:12px}.account__section-title{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1.05rem;font-weight:600}.account__section-description{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.9rem;line-height:1.5}.theme-toggle{background:var(--color-active);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.theme-toggle__option{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.theme-toggle__option:hover{color:var(--color-text)}.theme-toggle__option--active{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #00000014}.theme-toggle__icon{font-size:1rem;line-height:1}:root[data-theme=dark]{--color-bg:#14191a;--color-surface:#1f2729;--color-btn-bg:#262e31;--color-text:#e7eeed;--color-text-muted:#9dabaf;--color-accent:#d7dde5;--color-accent-hover:#ebeff4;--color-brand-wordmark:#89cbd2;--color-brand-tagline:#67c1b8;--color-border:#374143;--color-active:#293132;--color-a-vowel:#44402a;--color-e-vowel:#4a3a2a;--color-i-vowel:#3a2e4a;--color-o-vowel:#4a2e2e;--color-u-vowel:#2a3a4a;--color-y-vowel:#3a4a2e;--home-blob-teal:#30a68e;--home-blob-aqua:#3bb0a4;--home-blob-splash:#39a5d0;--home-accent-a:#59cfb7;--home-accent-b:#3ec7cc;--home-accent-c:#f6ae31;--home-card-soundboard:#1c3631;--home-card-soundboard-border:#3b685f;--home-card-dialogues:#34271d;--home-card-dialogues-border:#6d5240;--home-card-verbs:#1d3034;--home-card-verbs-border:#3c5e67}:root[data-theme=dark] .home__cta,:root[data-theme=dark] .outcome__replay,:root[data-theme=dark] .verb-stage__btn--primary,:root[data-theme=dark] .quiz__finale-btn,:root[data-theme=dark] .bubble--user .bubble__content{color:#161616}:root[data-theme=dark] .bubble--user .bubble__hint{color:#161616b8}:root[data-theme=dark] .back-link,:root[data-theme=dark] .user-link{background:#1f1f1fd9}:root[data-theme=dark] .theme-toggle__option--active{background:var(--color-surface);box-shadow:0 1px 3px #0006}:root[data-theme=dark] .scenario-card:hover,:root[data-theme=dark] .scenario-card:focus-visible{box-shadow:0 8px 24px #0006}:root[data-theme=dark] .vi-word:after{color:#161616;background:#ececec;box-shadow:0 4px 14px #0000008c}:root[data-theme=dark] .vi-word:before{border-top-color:#ececec}:root[data-theme=dark] .bubble--user .vi-word:after{color:#ececec;background:#1f1f1f}:root[data-theme=dark] .bubble--user .vi-word:before{border-top-color:#1f1f1f}:root[data-theme=dark] .dialect-btn--active,:root[data-theme=dark] .dialect-btn--active:hover,:root[data-theme=dark] .letter-btn--active,:root[data-theme=dark] .variant-btn:active,:root[data-theme=dark] .variant-btn--playing,:root[data-theme=dark] .tts-indicator,:root[data-theme=dark] .combo-btn:active .combo-btn__text,:root[data-theme=dark] .combo-btn--playing .combo-btn__text,:root[data-theme=dark] .combo-btn:active .combo-btn__hint,:root[data-theme=dark] .combo-btn--playing .combo-btn__hint,:root[data-theme=dark] .vocab-btn:active .vocab-btn__primary,:root[data-theme=dark] .vocab-btn:active .vocab-btn__translation{color:#161616;opacity:1}:root[data-theme=dark] .letter-btn--a-vowel.letter-btn--active,:root[data-theme=dark] .letter-btn--e-vowel.letter-btn--active,:root[data-theme=dark] .letter-btn--i-vowel.letter-btn--active,:root[data-theme=dark] .letter-btn--o-vowel.letter-btn--active,:root[data-theme=dark] .letter-btn--u-vowel.letter-btn--active,:root[data-theme=dark] .letter-btn--y-vowel.letter-btn--active,:root[data-theme=dark] .combo-btn--consonantClusters:active .combo-btn__text,:root[data-theme=dark] .combo-btn--consonantClusters.combo-btn--playing .combo-btn__text,:root[data-theme=dark] .combo-btn--consonantClusters:active .combo-btn__hint,:root[data-theme=dark] .combo-btn--consonantClusters.combo-btn--playing .combo-btn__hint,:root[data-theme=dark] .combo-btn--diphthongs:active .combo-btn__text,:root[data-theme=dark] .combo-btn--diphthongs.combo-btn--playing .combo-btn__text,:root[data-theme=dark] .combo-btn--diphthongs:active .combo-btn__hint,:root[data-theme=dark] .combo-btn--diphthongs.combo-btn--playing .combo-btn__hint,:root[data-theme=dark] .combo-btn--triphthongs:active .combo-btn__text,:root[data-theme=dark] .combo-btn--triphthongs.combo-btn--playing .combo-btn__text,:root[data-theme=dark] .combo-btn--triphthongs:active .combo-btn__hint,:root[data-theme=dark] .combo-btn--triphthongs.combo-btn--playing .combo-btn__hint{color:#fff}:root[data-theme=dark] .combo-btn--consonantClusters{background:#1f3a26;border-color:#2f5a36}:root[data-theme=dark] .combo-btn--consonantClusters:hover{background:#2a4a32;border-color:#3a6b42}:root[data-theme=dark] .combo-btn--diphthongs{background:#1a3a36;border-color:#2a5a52}:root[data-theme=dark] .combo-btn--diphthongs:hover{background:#234a44;border-color:#356b62}:root[data-theme=dark] .combo-btn--triphthongs{background:#232a4a;border-color:#353d6b}:root[data-theme=dark] .combo-btn--triphthongs:hover{background:#2e3a5e;border-color:#404d80}:root[data-theme=dark] .variant-btn--a-vowel{background:#2e2c1f;border-color:#3d3825}:root[data-theme=dark] .variant-btn--e-vowel{background:#322820;border-color:#423526}:root[data-theme=dark] .variant-btn--i-vowel{background:#292038;border-color:#352c45}:root[data-theme=dark] .variant-btn--o-vowel{background:#322020;border-color:#422a2a}:root[data-theme=dark] .variant-btn--u-vowel{background:#1f2a38;border-color:#25364a}:root[data-theme=dark] .variant-btn--y-vowel{background:#283820;border-color:#2c4225}:root[data-theme=dark] .letter-btn--a-vowel:hover{background:#5a5238;border-color:#6b6042}:root[data-theme=dark] .letter-btn--e-vowel:hover{background:#5e4a38;border-color:#6b5640}:root[data-theme=dark] .letter-btn--i-vowel:hover{background:#4a3c5e;border-color:#5a4a6b}:root[data-theme=dark] .letter-btn--o-vowel:hover{background:#5e3a3a;border-color:#6b4242}:root[data-theme=dark] .letter-btn--u-vowel:hover{background:#384a5e;border-color:#42566b}:root[data-theme=dark] .letter-btn--y-vowel:hover{background:#4a5e38;border-color:#566b42}.verbs{padding-top:var(--space-xl)}.verbs__intro{text-align:center;margin-bottom:var(--space-lg);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.verbs__badge{color:#b3261e;background:#ffe5e0;border:1px solid #ffc4ba;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:500;display:inline-flex}:root[data-theme=dark] .verbs__badge{color:#ff8c80;background:#3a1f1c;border-color:#6b332c}.verbs__badge-icon{font-size:.95rem}.verbs__title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.85rem,5vw,2.7rem);font-weight:700}.verbs__subtitle{color:var(--color-text-muted);max-width:40ch;font-size:1rem}.verbs__progress{margin-top:var(--space-xs);color:var(--color-text-muted);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.verbs__progress strong{color:var(--color-text);font-weight:600}.verbs__progress-emoji{transform-origin:70% 70%;animation:2.4s ease-in-out infinite verbWave;display:inline-block}@keyframes verbWave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}.verbs__panel{animation:.35s both cardIn}.verbs__panel--library{margin-top:calc(var(--space-xl) * 1.4);padding-top:var(--space-xl);border-top:1px dashed var(--color-border)}.verbs__section-head{text-align:center;margin:0 auto var(--space-lg);max-width:560px}.verbs__section-title{color:var(--color-text);align-items:center;gap:8px;margin:0 0 6px;font-size:1.4rem;font-weight:700;display:inline-flex}.verbs__section-desc{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.5}.verb-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-width:900px;margin:0 auto;display:grid}.verb-card{padding:var(--space-md) var(--space-sm);text-align:center;background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:.38s both cardIn;display:flex;position:relative}.verb-card:hover,.verb-card:focus-visible{border-color:var(--color-accent);outline:none;transform:translateY(-3px);box-shadow:0 10px 24px #00000014}:root[data-theme=dark] .verb-card:hover,:root[data-theme=dark] .verb-card:focus-visible{box-shadow:0 10px 24px #00000080}.verb-card__emoji{margin-bottom:4px;font-size:2.4rem;line-height:1;display:inline-block}.verb-card__vi{color:var(--color-text);font-size:1.05rem;font-weight:600}.verb-card__en{color:var(--color-text-muted);font-size:.78rem}.verb-card__met{color:#fff;background:#4cc9a0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;animation:.32s cubic-bezier(.18,1.4,.4,1) both verbPop;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #4cc9a073}@keyframes verbPop{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}.verb-card:nth-child(3n+1){animation-delay:40ms}.verb-card:nth-child(3n+2){animation-delay:80ms}.verb-card:nth-child(3n+3){animation-delay:.12s}.verb-emoji{transform-origin:50%;display:inline-block}.verb-emoji--xl{font-size:clamp(5rem,14vw,8.5rem)}.verb-emoji--chomp{animation:1.6s ease-in-out infinite verbChomp}.verb-emoji--sip{animation:2s ease-in-out infinite verbSip}.verb-emoji--snooze{transform-origin:bottom;animation:2.6s ease-in-out infinite verbSnooze}.verb-emoji--walk{animation:1.8s ease-in-out infinite verbWalk}.verb-emoji--run{animation:.7s ease-in-out infinite verbRun}.verb-emoji--talk{animation:1.2s ease-in-out infinite verbTalk}.verb-emoji--tilt{animation:2.2s ease-in-out infinite verbTilt}.verb-emoji--jiggle{animation:.6s ease-in-out infinite verbJiggle}.verb-emoji--rotate{animation:4s linear infinite verbRotate}.verb-emoji--wiggle{animation:.9s ease-in-out infinite verbWiggle}.verb-emoji--bounce{animation:1.4s ease-in-out infinite verbBounce}.verb-emoji--spin{animation:2.8s linear infinite verbSpin}.verb-emoji--pulse{animation:1s ease-in-out infinite verbPulse}.verb-emoji--shake{animation:.55s ease-in-out infinite verbShake}.verb-emoji--sob{animation:1.6s ease-in-out infinite verbSob}.verb-emoji--slide-right{animation:2s ease-in-out infinite verbSlideRight}.verb-emoji--slide-left{animation:2s ease-in-out infinite verbSlideLeft}.verb-emoji--shrink{animation:2.4s ease-in-out infinite verbShrink}.verb-emoji--steam{animation:1.8s ease-in-out infinite verbSteam}.verb-emoji--mic{animation:.8s ease-in-out infinite verbMic}.verb-emoji--jump{animation:1s ease-in-out infinite verbJump}.verb-emoji--fly{animation:3.2s ease-in-out infinite verbFly}.verb-emoji--squat{transform-origin:bottom;animation:2.4s ease-in-out infinite verbSquat}.verb-emoji--bubble{animation:1.6s ease-in-out infinite verbBubble}@keyframes verbChomp{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.18)rotate(-4deg)}55%{transform:scale(.92)rotate(5deg)}70%{transform:scale(1.12)rotate(-2deg)}}@keyframes verbSip{0%,to{transform:rotate(0)}40%{transform:rotate(-22deg)translateY(-4px)}55%{transform:rotate(-22deg)translateY(-4px)}}@keyframes verbSnooze{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.04,.95)translateY(2px)}}@keyframes verbWalk{0%,to{transform:translate(-8px)rotate(-3deg)}50%{transform:translate(8px)rotate(3deg)}}@keyframes verbRun{0%,to{transform:translate(-10px)skew(-6deg)}50%{transform:translate(10px)skew(6deg)}}@keyframes verbTalk{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.07)}}@keyframes verbTilt{0%,to{transform:rotate(0)}30%{transform:rotate(-18deg)}60%{transform:rotate(15deg)}}@keyframes verbJiggle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}}@keyframes verbRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes verbWiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes verbBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes verbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes verbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes verbShake{0%,to{transform:rotate(-6deg)translateY(0)}25%{transform:rotate(6deg)translateY(-2px)}50%{transform:rotate(-4deg)translateY(0)}75%{transform:rotate(8deg)translateY(-3px)}}@keyframes verbSob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(4px)scale(.96)}}@keyframes verbSlideRight{0%,to{transform:translate(-12px)}50%{transform:translate(12px)}}@keyframes verbSlideLeft{0%,to{transform:translate(12px)}50%{transform:translate(-12px)}}@keyframes verbShrink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.7)}}@keyframes verbSteam{0%,to{transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 -10px 6px #fff6);transform:translateY(-3px)scale(1.05)}}@keyframes verbMic{0%,to{transform:rotate(-12deg)scale(1)}50%{transform:rotate(12deg)scale(1.08)}}@keyframes verbJump{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(2px)scale(1.1,.9)}50%{transform:translateY(-22px)scale(.95,1.08)}80%{transform:translateY(2px)scale(1.1,.9)}}@keyframes verbFly{0%,to{transform:translate(-10px)rotate(-5deg)}25%{transform:translate(10px,-10px)rotate(5deg)}50%{transform:translate(15px,4px)rotate(-3deg)}75%{transform:translate(-5px,-8px)rotate(8deg)}}@keyframes verbSquat{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(.78)translateY(6px)}}@keyframes verbBubble{0%,to{transform:translateY(0)rotate(-3deg)}25%{transform:translateY(-3px)rotate(2deg)}50%{transform:translateY(2px)rotate(-4deg)}75%{transform:translateY(-2px)rotate(3deg)}}.verb-stage{z-index:200;padding:var(--space-md);-webkit-backdrop-filter:blur(6px);opacity:0;background:#0f0f128c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.verb-stage--visible{opacity:1}.verb-stage__close{cursor:pointer;color:#2d2d2d;width:40px;height:40px;transition:transform var(--transition-fast);background:#fffffff2;border:none;border-radius:50%;font-size:1.6rem;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #0003}.verb-stage__close:hover{transform:scale(1.08)}.verb-stage__inner{background:var(--color-surface);width:100%;max-width:540px;padding:var(--space-xl);text-align:center;align-items:center;gap:var(--space-md);border-radius:22px;flex-direction:column;animation:.32s cubic-bezier(.18,1.2,.3,1) both verbStageIn;display:flex;position:relative;box-shadow:0 30px 60px #00000059}@keyframes verbStageIn{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.verb-stage__spotlight{width:100%;padding:var(--space-lg) 0;background:radial-gradient(circle,#fff7d6 0%,#0000 60%);border-radius:14px;justify-content:center;align-items:center;display:flex}:root[data-theme=dark] .verb-stage__spotlight{background:radial-gradient(circle,#ffcd1c2e 0%,#0000 60%)}.verb-stage__word{flex-direction:column;align-items:center;gap:4px;display:flex}.verb-stage__vi{letter-spacing:-.02em;color:var(--color-text);font-size:2rem;font-weight:700}.verb-stage__en{color:var(--color-text-muted);font-size:1rem}.verb-stage__speak{background:var(--color-active);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:6px 14px;font-size:.85rem;display:inline-flex}.verb-stage__speak:hover{background:var(--color-btn-bg);transform:scale(1.04)}.verb-stage__example{background:var(--color-active);padding:var(--space-sm) var(--space-md);border-radius:12px;width:100%}.verb-stage__example-vi{color:var(--color-text);font-size:.95rem;font-weight:500;line-height:1.4}.verb-stage__example-en{color:var(--color-text-muted);margin-top:4px;font-size:.82rem;line-height:1.4}.verb-stage__joke{color:var(--color-text-muted);max-width:36ch;font-size:.85rem;font-style:italic;line-height:1.4}.verb-stage__actions{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.verb-stage__btn{cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:500;display:inline-flex}.verb-stage__btn--ghost{color:var(--color-text-muted);background:0 0}.verb-stage__btn--ghost:hover{background:var(--color-active);color:var(--color-text)}.verb-stage__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.verb-stage__btn--primary:hover{background:var(--color-accent-hover);transform:scale(1.04)}body.verbs--stage-open{overflow:hidden}.quiz{gap:var(--space-md);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.quiz__header{color:var(--color-text-muted);justify-content:space-between;font-size:.88rem;font-weight:500;display:flex}.quiz__bar{background:var(--color-active);border-radius:999px;width:100%;height:6px;overflow:hidden}.quiz__bar-fill{background:linear-gradient(90deg,#4cc9a0 0%,#5fa8ff 100%);width:0%;height:100%;transition:width .35s;display:block}.quiz__stage{text-align:center;padding:var(--space-xl) var(--space-md);background:radial-gradient(circle at 50% 50%, #fff7d6 0%, transparent 70%), var(--color-surface);border:1.5px solid var(--color-border);align-items:center;gap:var(--space-sm);border-radius:18px;flex-direction:column;justify-content:center;min-height:220px;display:flex}:root[data-theme=dark] .quiz__stage{background:radial-gradient(circle at 50% 50%, #ffcd1c1a 0%, transparent 70%), var(--color-surface)}.quiz__prompt{color:var(--color-text-muted);font-size:.95rem}.quiz__choices{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.quiz__choice{padding:var(--space-md);background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border-radius:14px;flex-direction:column;align-items:center;gap:2px;display:flex}.quiz__choice:hover{border-color:var(--color-accent);transform:translateY(-2px)}.quiz__choice-vi{color:var(--color-text);font-size:1.05rem;font-weight:600}.quiz__choice-en{color:var(--color-text-muted);font-size:.78rem}.quiz__choice--right{background:#e6f7f0;border-color:#4cc9a0;animation:.32s cubic-bezier(.18,1.4,.4,1) verbPop}.quiz__choice--wrong{background:#ffe5e0;border-color:#ff6b6b;animation:.4s ease-in-out 2 verbWiggle}:root[data-theme=dark] .quiz__choice--right{background:#1f3a30;border-color:#4cc9a0}:root[data-theme=dark] .quiz__choice--wrong{background:#3a1f1c;border-color:#ff6b6b}.quiz__feedback{text-align:center;min-height:1.5em;color:var(--color-text-muted);font-size:.95rem;transition:color .15s}.quiz__feedback--right{color:#2c8e6e;font-weight:600}.quiz__feedback--wrong{color:#c5453a;font-weight:600}:root[data-theme=dark] .quiz__feedback--right{color:#4cc9a0}:root[data-theme=dark] .quiz__feedback--wrong{color:#ff8c80}.quiz__finale{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--color-active);align-items:center;gap:var(--space-sm);border-radius:18px;flex-direction:column;animation:.4s cubic-bezier(.18,1.2,.3,1) verbStageIn;display:flex}.quiz__finale-emoji{font-size:4.5rem;line-height:1;animation:1.4s ease-in-out infinite verbBounce}.quiz__finale-title{letter-spacing:-.01em;color:var(--color-text);font-size:1.6rem;font-weight:700}.quiz__finale-desc{color:var(--color-text-muted);max-width:36ch;line-height:1.45}.quiz__finale-btn{margin-top:var(--space-sm);color:#fff;background:var(--color-accent);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);border:none;border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:600}.quiz__finale-btn:hover{background:var(--color-accent-hover);transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.verb-emoji,.verbs__progress-emoji,.quiz__finale-emoji,.verb-card{animation:none!important}}body.verbs--reduce-motion .verb-emoji,body.verbs--reduce-motion .verbs__progress-emoji,body.verbs--reduce-motion .quiz__finale-emoji{animation:none!important}@media (max-width:540px){.verb-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.verb-card__emoji{font-size:2.1rem}.verb-stage__inner{padding:var(--space-lg)}}.verb-rush{border:1.5px solid color-mix(in srgb, var(--color-border) 74%, #e68774);background:radial-gradient(circle at 16% 12%, #ffe4b4b3, transparent 28%), radial-gradient(circle at 88% 18%, #a1f3edb3, transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 88%, #fff4df), var(--color-surface));border-radius:18px;width:min(980px,100% - 2rem);margin:0 auto;padding:clamp(1rem,2.5vw,1.4rem);box-shadow:0 16px 38px #283a5014}@supports (color:lab(0% 0 0)){.verb-rush{border:1.5px solid color-mix(in srgb, var(--color-border) 74%, lab(66.4877% 35.7193 26.4452));background:radial-gradient(circle at 16% 12%, lab(92.0399% 4.52608 27.6556/.7), transparent 28%), radial-gradient(circle at 88% 18%, lab(90.4723% -26.8311 -5.44734/.7), transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 88%, lab(96.6217% 1.88205 13.4639)), var(--color-surface))}}:root[data-theme=dark] .verb-rush{border-color:color-mix(in srgb, var(--color-border) 70%, #00706b);background:radial-gradient(circle at 18% 10%, #4d360359, transparent 28%), radial-gradient(circle at 86% 14%, #00423f5c, transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 90%, #012523), var(--color-surface));box-shadow:none}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .verb-rush{border-color:color-mix(in srgb, var(--color-border) 70%, lab(41.9744% -33.963 -6.67186));background:radial-gradient(circle at 18% 10%, lab(24.6329% 6.69995 32.5341/.35), transparent 28%), radial-gradient(circle at 86% 14%, lab(24.3463% -27.2739 -5.31087/.36), transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 90%, lab(12.2945% -13.5268 -2.68546)), var(--color-surface))}}.verb-rush__topline,.verb-rush__stats{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.verb-rush__topline{margin-bottom:var(--space-md)}.verb-rush__eyebrow,.verb-rush__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0;margin:0;font-size:.75rem;font-weight:800}.verb-rush__name{color:var(--color-text);letter-spacing:0;margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;line-height:1.08}.verb-rush__start,.verb-rush__pause,.verb-rush__listen,.verb-list__sound{border:1px solid color-mix(in srgb, var(--color-border) 72%, #008e88);color:var(--color-text);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s;display:inline-flex}@supports (color:lab(0% 0 0)){.verb-rush__start,.verb-rush__pause,.verb-rush__listen,.verb-list__sound{border:1px solid color-mix(in srgb, var(--color-border) 72%, lab(52.6411% -40.7692 -8.00256))}}.verb-rush__start{color:#f4faf9;color:lab(97.7487% -1.99711 -.415242);background:#00615d;background:lab(36.1732% -34.0583 -6.64701);border-color:#00615d;border-color:lab(36.1732% -34.0583 -6.64701);border-radius:999px;min-height:44px;padding:9px 15px;font-weight:800}.verb-rush__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.verb-rush__pause{border-radius:999px;min-height:44px;padding:9px 13px;font-weight:800}.verb-rush__pause[aria-pressed=true]{background:color-mix(in srgb, var(--color-surface) 74%, #a1f3ed);border-color:#009b95;border-color:lab(57.3944% -44.1813 -8.66549)}@supports (color:lab(0% 0 0)){.verb-rush__pause[aria-pressed=true]{background:color-mix(in srgb, var(--color-surface) 74%, lab(90.4723% -26.8311 -5.44734))}}.verb-rush__pause:disabled{cursor:not-allowed;opacity:.5;transform:none}.verb-rush__start:hover,.verb-rush__pause:hover,.verb-rush__listen:hover,.verb-list__sound:hover,.verb-rush__option:hover{transform:translateY(-1px)}.verb-rush__pause:disabled:hover{transform:none}.verb-rush__start:focus-visible,.verb-rush__pause:focus-visible,.verb-rush__listen:focus-visible,.verb-rush__hint-button:focus-visible,.verb-rush__option:focus-visible,.verb-list__hint-button:focus-visible,.verb-list__sound:focus-visible{outline-offset:3px;outline:2px solid #009b95;outline:2px solid lab(57.3944% -44.1813 -8.66549)}.verb-rush__stats{color:var(--color-text-muted);flex-wrap:wrap;margin-bottom:.8rem;font-size:.82rem;font-weight:800}.verb-rush__stats span{border:1px solid color-mix(in srgb, var(--color-border) 80%, #dbc090);background:color-mix(in srgb, var(--color-surface) 72%, #fff4df);border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:5px 9px;display:inline-flex}@supports (color:lab(0% 0 0)){.verb-rush__stats span{border:1px solid color-mix(in srgb, var(--color-border) 80%, lab(79.269% 4.7164 27.8806));background:color-mix(in srgb, var(--color-surface) 72%, lab(96.6329% 2.2094 15.4356))}}:root[data-theme=dark] .verb-rush__stats span{background:color-mix(in srgb, var(--color-surface) 80%, #2b2009)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .verb-rush__stats span{background:color-mix(in srgb, var(--color-surface) 80%, lab(13.0411% 3.45419 15.666))}}.verb-rush__stats strong{color:var(--color-text);font-size:1rem}.verb-rush__timer{background:color-mix(in srgb, var(--color-active) 78%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-border) 74%, transparent);border-radius:999px;height:10px;overflow:hidden}.verb-rush__timer span{border-radius:inherit;background:linear-gradient(90deg,#4ab775,#e4ad3c,#e7624b);background:linear-gradient(90deg,lab(67.0135% -44.14 23.9198),lab(74.5854% 12.7379 62.8735),lab(59.0304% 51.5075 40.1886));height:100%;transition:width 80ms linear;display:block}.verb-rush__stage{min-height:230px;margin:var(--space-md) 0;border:1.5px solid color-mix(in srgb, var(--color-border) 78%, #deb870);background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 82%, #fff3d9), color-mix(in srgb, var(--color-surface) 88%, #c5fbf7));border-radius:16px;grid-template-columns:minmax(7rem,.7fr) minmax(0,1.4fr) auto;align-items:center;gap:clamp(.8rem,2.5vw,1.4rem);padding:clamp(1rem,3vw,1.45rem);display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.verb-rush__stage{border:1.5px solid color-mix(in srgb, var(--color-border) 78%, lab(76.9533% 7.77 41.3927));background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 82%, lab(96.6528% 2.90659 19.4218)), color-mix(in srgb, var(--color-surface) 88%, lab(94.8281% -18.393 -3.76667)))}}.verb-rush__stage:after{content:"";opacity:.7;pointer-events:none;background:repeating-linear-gradient(90deg,#6ccac4,#6ccac4 28px,#0000 28px 42px);background:repeating-linear-gradient(90deg,lab(75.5051% -30.2687 -6.09714),lab(75.5051% -30.2687 -6.09714) 28px,#0000 28px 42px);height:3px;animation:.9s linear infinite verbTrack;position:absolute;bottom:20px;left:0;right:0}@keyframes verbTrack{0%{transform:translate(0)}to{transform:translate(-42px)}}:root[data-theme=dark] .verb-rush__stage{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 86%, #2b2009), color-mix(in srgb, var(--color-surface) 88%, #002624))}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .verb-rush__stage{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 86%, lab(13.0411% 3.45419 15.666)), color-mix(in srgb, var(--color-surface) 88%, lab(12.4071% -16.9901 -3.33361)))}}.verb-rush__stage--revealing{animation:.26s cubic-bezier(.22,1,.36,1) verbRushReveal}.verb-rush__stage--paused:after{opacity:.35;animation-play-state:paused}@keyframes verbRushReveal{0%{transform:translateY(0)}45%{transform:translateY(-4px)}to{transform:translateY(0)}}.verb-rush__emoji{z-index:1;filter:drop-shadow(0 10px 18px #323e5029);place-items:center;min-width:clamp(5.8rem,14vw,8rem);font-size:clamp(4.2rem,11vw,6.7rem);line-height:1;display:grid;position:relative}.verb-rush__prompt{z-index:1;gap:.35rem;min-width:0;display:grid;position:relative}.verb-rush__prompt strong{color:var(--color-text);letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(2rem,7vw,4rem);font-weight:850;line-height:1.02}.verb-rush__variant-hint{color:var(--color-text-muted);font-size:clamp(.9rem,2vw,1.05rem);line-height:1.35}.verb-rush__meaning-hint,.verb-list__meaning-hint{border:1px solid color-mix(in srgb, var(--home-card-verbs-border) 54%, var(--color-border));background:color-mix(in srgb, var(--home-card-verbs) 42%, var(--color-surface));width:fit-content;max-width:100%;color:color-mix(in srgb, var(--color-text) 78%, var(--color-brand-wordmark));border-radius:999px;align-items:center;padding:.28rem .55rem;font-size:.86rem;font-weight:750;line-height:1.25;animation:.14s cubic-bezier(.22,1,.36,1) both verbHintIn;display:inline-flex}:root[data-theme=dark] .verb-rush__meaning-hint,:root[data-theme=dark] .verb-list__meaning-hint{background:color-mix(in srgb, var(--color-surface) 78%, #23454d);border-color:color-mix(in srgb, var(--color-border) 76%, var(--home-card-verbs-border));color:var(--color-text)}@keyframes verbHintIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.verb-rush__prompt-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:inline-flex;position:relative}.verb-rush__listen,.verb-rush__hint-button{z-index:1;border-radius:999px;min-height:42px;padding:8px 11px;font-weight:800;position:relative}.verb-rush__hint-button,.verb-list__hint-button{border:1px solid color-mix(in srgb, var(--color-border) 78%, var(--home-card-verbs-border));background:color-mix(in srgb, var(--color-surface) 86%, var(--home-card-verbs));color:var(--color-text-muted);justify-content:center;align-items:center;gap:.35rem;transition:transform .15s cubic-bezier(.22,1,.36,1),background .15s,border-color .15s,color .15s;display:inline-flex}.verb-rush__hint-button:hover,.verb-list__hint-button:hover,.verb-rush__hint-button--open,.verb-list__hint-button--open{border-color:color-mix(in srgb, var(--home-card-verbs-border) 72%, var(--color-accent));background:color-mix(in srgb, var(--home-card-verbs) 58%, var(--color-surface));color:var(--color-text);transform:translateY(-1px)}.verb-rush__hint-button span:first-child,.verb-list__hint-button span:first-child{background:color-mix(in srgb, var(--home-card-verbs-border) 34%, transparent);width:1.15rem;height:1.15rem;color:var(--color-brand-wordmark);border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:inline-grid}.verb-rush__listen:disabled,.verb-rush__hint-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.verb-rush__choose{margin:0 0 var(--space-sm);color:var(--color-text-muted);text-align:center;font-weight:800}.verb-rush__idle{place-items:center;min-height:104px;display:grid}.verb-rush__start--wide{width:min(100%,22rem);min-height:58px;font-size:1rem}.verb-rush__options{--verb-rush-option-width:8.75rem;grid-template-columns:repeat(4, minmax(min(100%, var(--verb-rush-option-width)), max-content));gap:var(--space-sm);justify-content:center;justify-items:stretch;display:grid}.verb-rush__option{min-width:var(--verb-rush-option-width);border:1.5px solid color-mix(in srgb, var(--color-border) 82%, #52b0ab);background:var(--color-surface);min-height:64px;color:var(--color-text);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;gap:.3rem;padding:8px 9px;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s;display:flex}@supports (color:lab(0% 0 0)){.verb-rush__option{border:1.5px solid color-mix(in srgb, var(--color-border) 82%, lab(66.2245% -30.3102 -6.08265))}}.verb-rush__option:disabled{cursor:default}.verb-rush__option-word{overflow-wrap:anywhere;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:850;line-height:1.12}.verb-rush__option-hint{color:var(--color-text-muted);font-size:.78rem;font-weight:700;line-height:1.25}.verb-rush__option--correct{background:#d0f7db;background:lab(93.7775% -16.9516 9.10491);border-color:#4caf73;border-color:lab(64.5675% -40.9202 22.1592);animation:.26s cubic-bezier(.22,1,.36,1) verbPop}.verb-rush__option--wrong{background:#ffe2db;background:lab(92.5741% 16.2492 10.8402);border-color:#e06351;border-color:lab(57.9256% 48.9743 35.0349);animation:.34s ease-in-out 2 verbWiggle}:root[data-theme=dark] .verb-rush__option--correct{background:#0c2e1a;background:lab(16.0318% -17.3528 9.40649)}:root[data-theme=dark] .verb-rush__option--wrong{background:#3d1b16;background:lab(14.8222% 16.721 11.6693)}.verb-rush__feedback{min-height:1.55rem;margin:var(--space-sm) 0 0;text-align:center;color:var(--color-text-muted);font-weight:800;line-height:1.4}.verb-rush__feedback--correct{color:#006736;color:lab(37.8494% -41.7487 22.8274)}.verb-rush__feedback--wrong,.verb-rush__feedback--timeout{color:#a13124;color:lab(38.2598% 46.3501 35.0959)}.verb-rush__finale{align-content:center;place-items:center;gap:var(--space-sm);text-align:center;min-height:430px;display:grid}.verb-rush__finale-emoji{font-size:clamp(4rem,12vw,7rem);line-height:1;animation:1.4s ease-in-out infinite verbBounce}.verb-rush__finale h2{color:var(--color-text);letter-spacing:0;margin:0;font-size:clamp(1.6rem,4vw,2.35rem);font-weight:850}.verb-rush__finale p{color:var(--color-text-muted);margin:0;font-weight:700}.verb-list{gap:.55rem;width:min(1040px,100% - 2rem);margin:0 auto;display:grid}.verb-list__item{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:3.4rem minmax(8rem,.8fr) minmax(8rem,.78fr) minmax(12rem,1.2fr) 4.8rem 2.7rem 1.4rem;min-height:78px;padding:10px 12px;display:grid}.verb-list__emoji{background:color-mix(in srgb, var(--color-active) 72%, #c5fbf7);border-radius:14px;place-items:center;width:3.15rem;height:3.15rem;font-size:2rem;display:inline-grid}@supports (color:lab(0% 0 0)){.verb-list__emoji{background:color-mix(in srgb, var(--color-active) 72%, lab(94.8281% -18.393 -3.76667))}}.verb-list__words,.verb-list__target,.verb-list__example{gap:.18rem;min-width:0;display:grid}.verb-list__source,.verb-list__target span{color:var(--color-text);overflow-wrap:anywhere;font-weight:850;line-height:1.2}.verb-list__source-hint,.verb-list__target small,.verb-list__example small,.verb-list__example span{color:var(--color-text-muted);font-size:.8rem;line-height:1.3}.verb-list__example span{color:var(--color-text)}.verb-list__sound{border-radius:50%;width:2.45rem;height:2.45rem}.verb-list__hint-button{border-radius:999px;min-height:2.35rem;padding:.42rem .68rem;font-size:.82rem;font-weight:850}.verb-list__met{color:#f5faf7;color:lab(97.7615% -1.83684 .984335);background:#4caf73;background:lab(64.5675% -40.9202 22.1592);border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:850;display:inline-grid}@media (max-width:840px){.verb-rush__stage{text-align:center;grid-template-columns:1fr}.verb-rush__prompt-actions{justify-content:center;justify-self:center}.verb-rush__options{--verb-rush-option-width:10rem;grid-template-columns:repeat(2, minmax(min(100%, var(--verb-rush-option-width)), max-content))}.verb-list__item{grid-template-columns:3.2rem minmax(0,1fr) 4.8rem 2.7rem 1.4rem}.verb-list__target,.verb-list__example{grid-column:2/-1}}@media (max-width:540px){.verb-rush{width:min(100% - 1rem,980px);padding:.8rem}.verb-rush__topline{flex-direction:column;align-items:stretch}.verb-rush__start,.verb-rush__actions{width:100%}.verb-rush__actions .verb-rush__start,.verb-rush__actions .verb-rush__pause{flex:9rem}.verb-rush__options{--verb-rush-option-width:min(100%, 13rem);grid-template-columns:minmax(min(100%, var(--verb-rush-option-width)), max-content)}.verb-rush__option{min-height:64px}.verb-list{width:min(100% - 1rem,1040px)}.verb-list__item{grid-template-columns:3.2rem minmax(0,1fr) auto auto}.verb-list__met{grid-column:1}}@media (prefers-reduced-motion:reduce){.verb-rush__stage:after,.verb-rush__stage--revealing,.verb-rush__meaning-hint,.verb-list__meaning-hint,.verb-rush__finale-emoji{animation:none!important}}body.verbs--reduce-motion .verb-rush__stage:after,body.verbs--reduce-motion .verb-rush__stage--revealing,body.verbs--reduce-motion .verb-rush__meaning-hint,body.verbs--reduce-motion .verb-list__meaning-hint,body.verbs--reduce-motion .verb-rush__finale-emoji{animation:none!important}.navbar{padding:var(--space-md,1rem) var(--space-lg,1.5rem);z-index:200;pointer-events:none;background:var(--color-bg);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.home-body .navbar{background:0 0}.navbar__left,.navbar__right{align-items:center;gap:var(--space-sm,.5rem);pointer-events:auto;display:flex}.navbar__brand{letter-spacing:.02em;align-items:baseline;gap:.4rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.navbar__brand:hover{opacity:.88}.navbar__brand-wordmark{color:var(--color-brand-wordmark);font-weight:700}.navbar__brand-tagline{letter-spacing:.04em;color:var(--color-brand-tagline);font-size:.82em;font-weight:600}.lang-toggle{background:var(--color-surface-soft,#0000000f);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-toggle__btn{letter-spacing:.04em;color:var(--color-text-muted,#666);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;transition:background .12s,color .12s}.lang-toggle__btn:hover{color:var(--color-text,#111)}.lang-toggle__btn--active{background:var(--color-surface,#fff);color:var(--color-text,#111);box-shadow:0 1px 2px #00000014}.lang-toggle__btn:disabled{opacity:.6;cursor:progress}[data-theme=dark] .lang-toggle{background:#ffffff0f}[data-theme=dark] .lang-toggle__btn--active{color:#fff;background:#ffffff29}.navbar .back-link,.navbar .user-link{position:static}.feature-card--opposites{background:#fcf7e3;border-color:#e9d2a5}:root[data-theme=dark] .feature-card--opposites{background:#383124;border-color:#6a5a39}.home__features--course{max-width:1120px}@media (min-width:720px){.home__features--course{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.home__features--course{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card--questions{background:#f6e2ff;background:lab(92.1929% 15.2568 -17.9078);border-color:#cba7e1;border-color:lab(73.2631% 21.4552 -24.5574)}:root[data-theme=dark] .feature-card--questions{background:#26192f;background:lab(11.1953% 10.9919 -12.1357);border-color:#523960;border-color:lab(28.2435% 17.0521 -18.899)}.feature-card--pronouns{background:#ffecc7;background:lab(94.3616% 4.49601 27.6219);border-color:#dab060;border-color:lab(74.6229% 8.98892 46.4309)}:root[data-theme=dark] .feature-card--pronouns{background:#261b05;background:lab(10.7132% 3.58698 14.0656);border-color:#573d00;border-color:lab(28.1062% 7.84664 38.451)}.opposites{max-width:920px;padding:var(--nav-height) var(--space-md) var(--space-xl);margin:0 auto}.question-quest{max-width:1120px;padding:var(--nav-height) var(--space-md) var(--space-xl);margin:0 auto}.question-quest__intro{padding-top:var(--space-lg);margin-bottom:var(--space-lg);text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.question-quest__badge{color:#572b6f;color:lab(26.1702% 30.6247 -31.9386);background:#f6e2ff;background:lab(92.1929% 15.2568 -17.9078);border:1px solid #cb9ae8;border:1px solid lab(70.4813% 29.0197 -32.5036);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}:root[data-theme=dark] .question-quest__badge{color:#dcbcf1;color:lab(80.3756% 18.9426 -21.9157);background:#26192f;background:lab(11.1953% 10.9919 -12.1357);border-color:#634376;border-color:lab(33.7326% 22.1111 -24.2166)}.question-quest__title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.9rem,5vw,3rem);font-weight:700;line-height:1.08}.question-quest__subtitle{max-width:58ch;color:var(--color-text-muted);line-height:1.55}.question-quest__stage{gap:var(--space-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:stretch;display:grid}.question-quest__spotlight{top:calc(var(--nav-height) + var(--space-md));justify-content:center;align-self:start;align-items:center;gap:var(--space-sm);min-height:430px;padding:var(--space-xl);background:radial-gradient(circle at 20% 15%,#7bffedbf,#0000 34%),radial-gradient(circle at 78% 12%,#f2daffa6,#0000 30%),linear-gradient(145deg,#f2fdfa,#fdefcf);background:radial-gradient(circle at 20% 15%,lab(92.1772% -41.3499 -3.47196/.75),#0000 34%),radial-gradient(circle at 78% 12%,lab(89.0779% 28.7522 -32.6531/.65),#0000 30%),linear-gradient(145deg,lab(98.4107% -4.07043 -.0385523),lab(94.9631% .961274 17.5709));border:1.5px solid #94d2c9;border:1.5px solid lab(79.9024% -22.1506 -2.32716);border-radius:22px;flex-direction:column;display:flex;position:sticky;overflow:hidden}:root[data-theme=dark] .question-quest__spotlight{background:radial-gradient(circle at 20% 15%,#004a4261,#0000 34%),radial-gradient(circle at 78% 12%,#50286657,#0000 30%),linear-gradient(145deg,#0d1b1a,#151107);background:radial-gradient(circle at 20% 15%,lab(27.0934% -39.3419 -3.07162/.38),#0000 34%),radial-gradient(circle at 78% 12%,lab(24.0241% 27.9737 -29.2991/.34),#0000 30%),linear-gradient(145deg,lab(8.588% -6.54616 -1.35997),lab(5.31454% .591189 4.94176));border-color:#124641;border-color:lab(26.4214% -18.9721 -1.9402)}.question-quest__spark{opacity:.9;font-size:1.4rem;animation:2.6s ease-in-out infinite questionSpark;position:absolute}.question-quest__spark--one{top:16%;left:18%}.question-quest__spark--two{animation-delay:.7s;bottom:18%;right:18%}.question-quest__emoji{background:var(--color-surface);border-radius:28px;place-items:center;width:112px;height:112px;font-size:4.3rem;animation:2.4s cubic-bezier(.16,1,.3,1) infinite questionBob;display:grid;box-shadow:0 12px 28px #437a7329;box-shadow:0 12px 28px lab(47.3619% -20.5509 -2.13419/.16)}.question-quest__source{margin-top:var(--space-md);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.82rem;font-weight:700}.question-quest__target{letter-spacing:0;color:#004c44;color:lab(28.3743% -43.126 -3.33899);font-size:clamp(2rem,6vw,3.4rem);font-weight:800;line-height:1}:root[data-theme=dark] .question-quest__target{color:#56cebf;color:lab(75.8156% -37.977 -3.17539)}.question-quest__hint{text-align:center;max-width:30ch;min-height:3rem;color:var(--color-text-muted);font-size:.95rem}.question-quest__listen{color:#003f37;color:lab(22.3321% -35.8285 -2.78871);min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#dcfdf8;background:lab(96.9454% -11.8726 -1.03421);border:1px solid #5bb7ab;border:1px solid lab(68.6129% -30.9822 -2.60701);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-weight:700;display:inline-flex}.question-quest__listen:hover,.question-quest__listen:focus-visible{background:#c3f8ef;background:lab(93.7084% -18.7225 -1.61688);outline:none;transform:translateY(-1px)scale(1.02);box-shadow:0 8px 18px #2b7e7429;box-shadow:0 8px 18px lab(47.6113% -27.6559 -2.30588/.16)}.question-quest__listen:active{transform:scale(.97)}.question-quest__tiles{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.question-tile{width:100%;min-height:128px;padding:var(--space-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:left;opacity:0;animation:.52s cubic-bezier(.16,1,.3,1) both questionTileIn;animation-delay:var(--tile-delay);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;display:flex;transform:translateY(8px)}.question-tile:hover,.question-tile:focus-visible,.question-tile--active{background:#fbf0ff;background:lab(96.0757% 8.12477 -9.72151);border-color:#c296dd;border-color:lab(68.3126% 26.5184 -29.8392);outline:none;transform:translateY(-2px);box-shadow:0 8px 18px #7e61911f;box-shadow:0 8px 18px lab(45.5296% 19.2829 -21.703/.12)}:root[data-theme=dark] .question-tile:hover,:root[data-theme=dark] .question-tile:focus-visible,:root[data-theme=dark] .question-tile--active{background:#251a2b;background:lab(11.3551% 8.42968 -9.49871);border-color:#6b4680;border-color:lab(35.8921% 24.6753 -26.8645)}.question-tile__emoji{font-size:1.85rem;line-height:1}.question-tile__source{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.question-tile__target{font-size:1.22rem;font-weight:800;line-height:1.12}.question-quest__examples{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.question-phrase{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;align-items:flex-start;display:flex}.question-phrase__emoji{font-size:1.3rem;line-height:1}.question-phrase__target{font-weight:700;line-height:1.3}.question-phrase__source{color:var(--color-text-muted);margin-top:2px;font-size:.86rem;line-height:1.35}.question-quest__challenge{margin-top:var(--space-lg);gap:var(--space-md);padding:var(--space-lg);background:#fff4d8;background:lab(96.7037% .952214 17.5627);border:1.5px solid #dac288;border:1.5px solid lab(79.3817% 2.79784 32.4583);border-radius:18px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;display:grid}:root[data-theme=dark] .question-quest__challenge{background:#211a06;background:lab(9.60235% 1.76749 11.8743);border-color:#514013;border-color:lab(28.2218% 3.46956 28.9487)}.question-quest__challenge h2{font-size:1.2rem;line-height:1.2}.question-quest__challenge p{color:var(--color-text-muted)}.question-quest__challenge-word{background:var(--color-surface);min-height:28px;color:var(--color-text);border:1px solid #dac288;border:1px solid lab(79.3817% 2.79784 32.4583);border-radius:999px;align-items:center;margin-left:3px;padding:2px 9px;font-weight:800;display:inline-flex}.question-quest__quiz{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.question-quest__option{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex}.question-quest__option:hover,.question-quest__option:focus-visible{border-color:#c296dd;border-color:lab(68.3126% 26.5184 -29.8392);outline:none;transform:translateY(-1px)}.question-quest__option--picked{background:#f6e8ff;background:lab(93.6236% 10.4856 -12.4628);border-color:#c296dd;border-color:lab(68.3126% 26.5184 -29.8392)}.question-quest__option--correct{background:#b1f6d8;background:lab(91.7895% -26.8386 7.16597);border-color:#2ab186;border-color:lab(64.6031% -44.7671 11.7649)}:root[data-theme=dark] .question-quest__option--picked{background:#2a1a33;background:lab(12.2763% 12.265 -13.4615);border-color:#704c86;border-color:lab(38.2228% 24.5995 -26.8944)}:root[data-theme=dark] .question-quest__option--correct{background:#003222;background:lab(17.2738% -20.7969 5.44345);border-color:#197b5b;border-color:lab(45.6454% -34.447 9.05104)}.question-quest__feedback{grid-column:2;min-height:1.5rem;font-weight:700}.question-quest__another{color:#572b6f;color:lab(26.1702% 30.6247 -31.9386);min-height:40px;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#fdf5ff;background:lab(97.3653% 5.78293 -6.96374);border:1px solid #c296dd;border:1px solid lab(68.3126% 26.5184 -29.8392);border-radius:999px;grid-column:2;justify-self:end;align-items:center;gap:7px;padding:7px 13px;font-weight:800;display:inline-flex}.question-quest__another:hover,.question-quest__another:focus-visible{background:#f6e8ff;background:lab(93.6236% 10.4856 -12.4628);outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #7e61911f;box-shadow:0 8px 18px lab(45.5296% 19.2829 -21.703/.12)}.question-quest__another:active{transform:scale(.97)}:root[data-theme=dark] .question-quest__challenge-word{border-color:#514013;border-color:lab(28.2218% 3.46956 28.9487)}:root[data-theme=dark] .question-quest__another{color:#dcbcf1;color:lab(80.3756% 18.9426 -21.9157);background:#291b31;background:lab(12.3592% 10.964 -12.1485);border-color:#704c86;border-color:lab(38.2228% 24.5995 -26.8944)}@keyframes questionBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes questionSpark{0%,to{opacity:.55;transform:translateY(0)scale(.9)}50%{opacity:1;transform:translateY(-10px)scale(1.08)}}@keyframes questionTileIn{to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.question-quest__stage{grid-template-columns:1fr}.question-quest__spotlight{min-height:340px;position:relative;top:auto}.question-quest__examples,.question-quest__challenge{grid-template-columns:1fr}.question-quest__quiz{justify-content:flex-start}.question-quest__feedback{grid-column:auto}.question-quest__another{grid-column:auto;justify-self:start}}@media (max-width:560px){.question-quest__tiles,.question-quest__examples{grid-template-columns:1fr}.question-tile{min-height:96px}}@media (prefers-reduced-motion:reduce){.question-quest__spark,.question-quest__emoji,.question-tile{animation:none}}.pronoun-passport{max-width:1120px;padding:var(--nav-height) var(--space-md) calc(var(--space-xl) * 1.35);color:var(--color-text);margin:0 auto}.pronoun-passport__intro{text-align:center;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:clamp(1.15rem,3vw,2rem);padding-top:clamp(1.25rem,3vw,2.25rem);display:flex}.pronoun-passport__badge{background:color-mix(in srgb, #ffe8be 82%, var(--color-surface));color:#4e3600;color:lab(24.5356% 11.3884 47.4385);border:1px solid #d4aa5a;border:1px solid lab(72.297% 9.08977 46.6615);border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 12px 4px 10px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000a}@supports (color:lab(0% 0 0)){.pronoun-passport__badge{background:color-mix(in srgb, lab(93.1947% 4.09454 25.5613) 82%, var(--color-surface))}}:root[data-theme=dark] .pronoun-passport__badge{color:#e5c68e;color:lab(81.5983% 5.59995 32.136);background:#2a1d03;background:lab(11.8689% 4.17823 16.4164);border-color:#63480d;border-color:lab(32.7681% 7.48295 36.7866)}.pronoun-passport__title{letter-spacing:0;color:var(--color-text);font-size:clamp(1.9rem,5vw,3rem);font-weight:800;line-height:1.08}.pronoun-passport__subtitle{max-width:62ch;color:var(--color-text-muted);margin:0;line-height:1.55}.pronoun-passport__shell{gap:clamp(.85rem,2vw,1.15rem);display:grid}.pronoun-passport__toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);border:1.5px solid color-mix(in srgb, var(--color-border) 86%, #7ac8bd);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 88%, #fff4df), var(--color-surface));border-radius:16px;padding:.55rem;display:flex}@supports (color:lab(0% 0 0)){.pronoun-passport__toolbar{border:1.5px solid color-mix(in srgb, var(--color-border) 86%, lab(75.4517% -27.432 -2.32874));background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 88%, lab(96.6217% 1.88205 13.4639)), var(--color-surface))}}.pronoun-passport__variant,.pronoun-passport__stats{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.pronoun-passport__variant{color:#4d3200;color:lab(23.3186% 13.3213 49.6718);background:#fff4df;background:lab(96.6329% 2.2094 15.4356);border:1px solid #d1a757;border:1px solid lab(71.1339% 9.14201 46.7852);border-radius:999px;min-height:42px;margin:0;padding:8px 13px;font-size:.86rem;font-weight:800;line-height:1.15}:root[data-theme=dark] .pronoun-passport__variant{color:#e5c68e;color:lab(81.5983% 5.59995 32.136);background:#2b2009;background:lab(13.0411% 3.45419 15.666);border-color:#684e15;border-color:lab(35.0976% 7.3224 36.0978)}.pronoun-passport__stats span{background:var(--color-surface);border:1px solid var(--color-border);min-height:42px;color:var(--color-text-muted);border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.pronoun-passport__stat-label{text-transform:uppercase;letter-spacing:.05em}.pronoun-passport__stats strong{background:color-mix(in srgb, var(--color-active) 72%, var(--color-surface));min-width:2ch;color:var(--color-text);border-radius:999px;place-items:center;padding:3px 7px;font-size:1rem;line-height:1;display:inline-grid}.pronoun-passport__game{gap:var(--space-md);grid-template-columns:minmax(19rem,.95fr) minmax(0,1.05fr);align-items:stretch;display:grid}.pronoun-passport__card,.pronoun-passport__choices,.pronoun-passport__regions{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:18px}.pronoun-passport__card{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 76%, #c3f8ef), var(--color-surface) 46%, color-mix(in srgb, var(--color-surface) 78%, #fff0d5));flex-direction:column;gap:.85rem;min-height:410px;padding:clamp(1.2rem,3vw,1.8rem);display:flex;box-shadow:0 12px 28px #0000000f}@supports (color:lab(0% 0 0)){.pronoun-passport__card{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 76%, lab(93.7084% -18.7225 -1.61688)), var(--color-surface) 46%, color-mix(in srgb, var(--color-surface) 78%, lab(95.4726% 2.21425 15.4397)))}}:root[data-theme=dark] .pronoun-passport__card{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 78%, #003933), var(--color-surface) 46%, color-mix(in srgb, var(--color-surface) 78%, #312409));box-shadow:none}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .pronoun-passport__card{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 78%, lab(20.6275% -19.1198 -1.57554)), var(--color-surface) 46%, color-mix(in srgb, var(--color-surface) 78%, lab(15.362% 3.95791 18.6058)))}}.pronoun-passport__round{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800;display:flex}.pronoun-passport__round-label{align-items:center;min-height:1.3rem;display:inline-flex}.pronoun-passport__round-emoji{border:1px solid color-mix(in srgb, var(--color-border) 70%, #d8b982);background:color-mix(in srgb, var(--color-surface) 58%, #fff0d3);border-radius:14px;place-items:center;width:3rem;height:3rem;font-size:2.3rem;line-height:1;display:grid}@supports (color:lab(0% 0 0)){.pronoun-passport__round-emoji{border:1px solid color-mix(in srgb, var(--color-border) 70%, lab(76.9525% 5.70023 32.2757));background:color-mix(in srgb, var(--color-surface) 58%, lab(95.5011% 3.28511 21.4467))}}.pronoun-passport__progress{background:color-mix(in srgb, var(--color-active) 76%, var(--color-surface));border-radius:999px;height:8px;overflow:hidden}.pronoun-passport__progress span{border-radius:inherit;background:linear-gradient(90deg,#00b0a1,#e1af4a);background:linear-gradient(90deg,lab(64.4576% -45.3155 -3.71337),lab(74.6012% 11.434 57.0174));height:100%;transition:width .22s cubic-bezier(.22,1,.36,1);display:block}.pronoun-passport__place{color:#004942;color:lab(27.2142% -43.2291 -3.33336);margin:0;font-size:.92rem;font-weight:800}:root[data-theme=dark] .pronoun-passport__place{color:#63ccbe;color:lab(75.6943% -34.4445 -2.89469)}.pronoun-passport__prompt{max-width:60ch;color:var(--color-text-muted);margin:0;line-height:1.55}.pronoun-passport__line{padding:var(--space-lg);background:color-mix(in srgb, var(--color-surface) 78%, #c6fbf3);color:var(--color-text);text-wrap:balance;border:1px solid #90d3c9;border:1px solid lab(79.9704% -23.9332 -2.04543);border-radius:16px;margin:auto 0 0;font-size:clamp(1.35rem,4vw,2rem);font-weight:800;line-height:1.18}@supports (color:lab(0% 0 0)){.pronoun-passport__line{background:color-mix(in srgb, var(--color-surface) 78%, lab(94.8684% -18.7207 -1.6171))}}:root[data-theme=dark] .pronoun-passport__line{background:color-mix(in srgb, var(--color-surface) 80%, #00312c);border-color:#114d46;border-color:lab(28.8084% -20.7798 -1.72583)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .pronoun-passport__line{background:color-mix(in srgb, var(--color-surface) 80%, lab(17.0869% -17.3855 -1.43197))}}.pronoun-passport__relationship{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.45}.pronoun-passport__relationship strong{color:var(--color-text)}.pronoun-passport__listen{color:#003f37;color:lab(22.3321% -35.8285 -2.78871);min-height:42px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#dcfdf8;background:lab(96.9454% -11.8726 -1.03421);border:1px solid #5bb7ab;border:1px solid lab(68.6129% -30.9822 -2.60701);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-weight:800;display:inline-flex}.pronoun-passport__listen:hover,.pronoun-passport__listen:focus-visible{background:#c3f8ef;background:lab(93.7084% -18.7225 -1.61688);outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #2b7e7429;box-shadow:0 8px 18px lab(47.6113% -27.6559 -2.30588/.16)}.pronoun-passport__choices{flex-direction:column;gap:.9rem;padding:clamp(1.2rem,3vw,1.8rem);display:flex}.pronoun-passport__choose{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:800}.pronoun-passport__options{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pronoun-passport__option{min-height:86px;padding:var(--space-md);border:1.5px solid var(--color-border);background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 72%, var(--color-active)));color:var(--color-text);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--color-border) 72%, transparent);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;font-size:clamp(1rem,2.4vw,1.18rem);font-weight:850;line-height:1.16;position:relative}.pronoun-passport__option:hover:not(:disabled),.pronoun-passport__option:focus-visible:not(:disabled){background:#fff4df;background:lab(96.6329% 2.2094 15.4356);border-color:#d1a757;border-color:lab(71.1339% 9.14201 46.7852);outline:none;transform:translateY(-2px);box-shadow:0 10px 20px #866a341f;box-shadow:0 10px 20px lab(46.7357% 6.67778 34.096/.12)}.pronoun-passport__option:disabled{cursor:default;opacity:.9}.pronoun-passport__option--picked{opacity:1}.pronoun-passport__option--missed{background:#ffecea;background:lab(94.8869% 15.4823 8.01383);border-color:#e18883;border-color:lab(66.4493% 34.4208 18.3123);box-shadow:inset 0 -3px #e1888342;box-shadow:inset 0 -3px lab(66.4493% 34.4208 18.3123/.26)}.pronoun-passport__option--correct{background:#bef8d5;background:lab(92.8868% -23.9699 10.5867);border-color:#46a876;border-color:lab(62.1417% -39.142 17.241);box-shadow:inset 0 -3px #1a865642;box-shadow:inset 0 -3px lab(49.3716% -39.4723 17.3693/.26)}.pronoun-passport__answer-arrows{color:#007142;color:lab(41.4905% -46.938 20.6135);filter:drop-shadow(0 2px 0 var(--color-surface));pointer-events:none;justify-content:center;gap:.2rem;font-size:1.05rem;line-height:1;display:flex;position:absolute;inset:-1.25rem 0 auto}.pronoun-passport__answer-arrows span{animation:.58s cubic-bezier(.16,1,.3,1) infinite pronoun-answer-arrow}.pronoun-passport__answer-arrows span:nth-child(2){animation-delay:80ms}.pronoun-passport__answer-arrows span:nth-child(3){animation-delay:.16s}:root[data-theme=dark] .pronoun-passport__option--missed{background:#301716;background:lab(11.4492% 12.5326 6.68679);border-color:#79403d;border-color:lab(34.2551% 25.0988 13.4963)}:root[data-theme=dark] .pronoun-passport__option--correct{background:#032917;background:lab(13.7201% -18.0994 7.96399);border-color:#286d4a;border-color:lab(40.8651% -29.3939 12.9452)}:root[data-theme=dark] .pronoun-passport__answer-arrows{color:#6ecf9a;color:lab(76.0696% -38.9058 17.1499);filter:drop-shadow(0 2px 0 var(--color-surface))}@keyframes pronoun-answer-arrow{0%{opacity:.35;transform:translateY(-.25rem)}65%{opacity:1;transform:translateY(.15rem)}to{opacity:.35;transform:translateY(.15rem)}}.pronoun-passport__feedback{min-height:5rem;color:var(--color-text-muted);transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:14px;padding:.75rem .85rem;line-height:1.45}.pronoun-passport__feedback p{margin:0}.pronoun-passport__feedback--filled{border-color:color-mix(in srgb, var(--color-border) 72%, #5bb7ab);background:color-mix(in srgb, var(--color-active) 48%, var(--color-surface))}@supports (color:lab(0% 0 0)){.pronoun-passport__feedback--filled{border-color:color-mix(in srgb, var(--color-border) 72%, lab(68.6129% -30.9822 -2.60701))}}.pronoun-passport__result{color:#972e2f;color:lab(35.9416% 44.3365 25.4364);margin-bottom:.3rem;font-weight:800}.pronoun-passport__result--correct{color:#005f34;color:lab(34.3961% -43.8089 19.2302)}:root[data-theme=dark] .pronoun-passport__result{color:#f4928c;color:lab(70.9903% 37.5677 20.0221)}:root[data-theme=dark] .pronoun-passport__result--correct{color:#70c696;color:lab(73.6195% -35.596 15.6948)}.pronoun-passport__stamps{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:.15rem;display:flex}.pronoun-passport__stamp{width:34px;height:34px;color:var(--color-text-muted);transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:#fff7e8;background:lab(97.7569% 1.26868 9.55842);border:1px dashed #c4a670;border:1px dashed lab(69.9827% 5.86945 32.5271);border-radius:999px;place-items:center;font-size:.95rem;display:grid}.pronoun-passport__stamp--earned{color:#004525;color:lab(24.976% -40.9827 17.9694);background:#b5f2cd;background:lab(90.6325% -25.6021 11.3054);border-style:solid;font-weight:900;transform:rotate(-5deg)}:root[data-theme=dark] .pronoun-passport__stamp{background:#251b08;background:lab(10.7198% 2.95598 12.6461);border-color:#60491b;border-color:lab(32.7853% 6.15677 30.7017)}:root[data-theme=dark] .pronoun-passport__stamp--earned{color:#8bd8ab;color:lab(80.4523% -32.2114 14.2111);background:#00301a;background:lab(16.2303% -23.2637 10.2255)}.pronoun-passport__next{color:#4d3200;color:lab(23.3186% 13.3213 49.6718);min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#fff0d3;background:lab(95.5011% 3.28511 21.4467);border:1px solid #cda454;border:1px solid lab(69.9708% 9.19557 46.915);border-radius:999px;align-self:flex-end;align-items:center;gap:8px;padding:9px 16px;font-weight:900;display:inline-flex}.pronoun-passport__next:hover,.pronoun-passport__next:focus-visible{background:#ffe4b3;background:lab(92.0451% 4.95821 29.7569);outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #866a3424;box-shadow:0 8px 18px lab(46.7357% 6.67778 34.096/.14)}:root[data-theme=dark] .pronoun-passport__next{color:#e5c68e;color:lab(81.5983% 5.59995 32.136);background:#2c1f05;background:lab(13.0336% 4.09974 17.3054);border-color:#684e15;border-color:lab(35.0976% 7.3224 36.0978)}.pronoun-passport__regions{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(.9rem,2vw,1.1rem);display:grid}.pronoun-passport__regions h2{grid-column:1/-1;margin:0 0 .15rem;font-size:1.05rem;line-height:1.2}.pronoun-region{padding:var(--space-md);background:color-mix(in srgb, var(--color-active) 58%, var(--color-surface));border:1px solid var(--color-border);border-radius:14px;gap:6px;display:grid}.pronoun-region--north{background:color-mix(in srgb, var(--color-active) 58%, #d9faf4)}@supports (color:lab(0% 0 0)){.pronoun-region--north{background:color-mix(in srgb, var(--color-active) 58%, lab(95.7854% -11.8733 -1.03412))}}.pronoun-region--central{background:color-mix(in srgb, var(--color-active) 58%, #fff4df)}@supports (color:lab(0% 0 0)){.pronoun-region--central{background:color-mix(in srgb, var(--color-active) 58%, lab(96.6329% 2.2094 15.4356))}}.pronoun-region--south{background:color-mix(in srgb, var(--color-active) 58%, #ddfbe8)}@supports (color:lab(0% 0 0)){.pronoun-region--south{background:color-mix(in srgb, var(--color-active) 58%, lab(95.9009% -12.6968 5.61342))}}.pronoun-region__label{color:#004942;color:lab(27.2142% -43.2291 -3.33336);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.pronoun-region p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.5}:root[data-theme=dark] .pronoun-region__label{color:#63ccbe;color:lab(75.6943% -34.4445 -2.89469)}:root[data-theme=dark] .pronoun-region--north,:root[data-theme=dark] .pronoun-region--central,:root[data-theme=dark] .pronoun-region--south{background:color-mix(in srgb, var(--color-active) 48%, var(--color-surface))}@media (prefers-reduced-motion:reduce){.pronoun-passport__progress span,.pronoun-passport__listen,.pronoun-passport__option,.pronoun-passport__answer-arrows span,.pronoun-passport__stamp,.pronoun-passport__next{transition:none;animation:none}.pronoun-passport__option:hover:not(:disabled),.pronoun-passport__option:focus-visible:not(:disabled),.pronoun-passport__listen:hover,.pronoun-passport__listen:focus-visible,.pronoun-passport__next:hover,.pronoun-passport__next:focus-visible{transform:none}}@media (max-width:900px){.pronoun-passport__toolbar,.pronoun-passport__game,.pronoun-passport__regions{grid-template-columns:1fr}.pronoun-passport__toolbar{flex-direction:column;align-items:flex-start}.pronoun-passport__variant,.pronoun-passport__stats{width:100%}.pronoun-passport__stats span{flex:9rem;justify-content:space-between}}@media (max-width:640px){.pronoun-passport{padding-inline:.85rem}.pronoun-passport__intro{text-align:left;align-items:flex-start}.pronoun-passport__card{min-height:auto}.pronoun-passport__line{padding:var(--space-md)}.pronoun-passport__options{grid-template-columns:1fr}.pronoun-passport__option{min-height:58px}.pronoun-passport__next{justify-content:center;align-self:stretch}}.opposites__intro{text-align:center;margin-bottom:var(--space-lg);align-items:center;gap:var(--space-xs);padding-top:var(--space-lg);flex-direction:column;display:flex}.opposites__badge{color:#794415;background:#fdf6d8;border:1px solid #e9d2a5;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:500;display:inline-flex}:root[data-theme=dark] .opposites__badge{color:#f5daa3;background:#3c3220;border-color:#675532}.opposites__badge-icon{font-size:.95rem}.opposites__title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.opposites__subtitle{color:var(--color-text-muted);max-width:50ch;font-size:1rem;line-height:1.5}.opposites__hint{margin-top:var(--space-xs);color:var(--color-text-muted);opacity:.85;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.opposites__kind-tabs{width:min(100%,360px);min-height:46px;margin-top:var(--space-sm);border:1px solid color-mix(in srgb, var(--color-border) 82%, #dfad6d);background:color-mix(in srgb, var(--color-surface) 82%, #ffeed7);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid;box-shadow:inset 0 1px 2px #b492681f}@supports (color:lab(0% 0 0)){.opposites__kind-tabs{border:1px solid color-mix(in srgb, var(--color-border) 82%, lab(74.4099% 13.465 39.8584));background:color-mix(in srgb, var(--color-surface) 82%, lab(95.3787% 5.76982 18.6801))}}.opposites__kind-tab{min-width:0;min-height:36px;color:var(--color-text-muted);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:.88rem;font-weight:700;line-height:1;display:inline-flex}.opposites__kind-tab span:first-child{letter-spacing:0;font-size:.82rem;font-weight:800}.opposites__kind-tab:hover,.opposites__kind-tab:focus-visible{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 76%, #ffeace);outline:none}@supports (color:lab(0% 0 0)){.opposites__kind-tab:hover,.opposites__kind-tab:focus-visible{background:color-mix(in srgb, var(--color-surface) 76%, lab(94.2128% 7.10022 22.5834))}}.opposites__kind-tab:active{transform:scale(.98)}.opposites__kind-tab--active{color:#794415;background:var(--color-surface);border-color:#e9d2a5;box-shadow:0 3px 10px #b4895224}:root[data-theme=dark] .opposites__kind-tabs{border-color:color-mix(in srgb, var(--color-border) 80%, #7f5b2b);background:color-mix(in srgb, var(--color-surface) 78%, #2d1e0a);box-shadow:inset 0 1px 2px #0000002e}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .opposites__kind-tabs{border-color:color-mix(in srgb, var(--color-border) 80%, lab(41.9098% 11.3628 33.2212));background:color-mix(in srgb, var(--color-surface) 78%, lab(12.9549% 5.68138 15.1399))}}:root[data-theme=dark] .opposites__kind-tab:hover,:root[data-theme=dark] .opposites__kind-tab:focus-visible{background:color-mix(in srgb, var(--color-surface) 82%, #402c11)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .opposites__kind-tab:hover,:root[data-theme=dark] .opposites__kind-tab:focus-visible{background:color-mix(in srgb, var(--color-surface) 82%, lab(19.9028% 7.11629 20.8016))}}:root[data-theme=dark] .opposites__kind-tab--active{color:#f5daa3;background:#2c261c;border-color:#675532}.opposites__reveal-toggle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;align-items:center;gap:10px;margin-top:2px;padding:6px 14px 6px 6px;font-size:.85rem;font-weight:500;display:inline-flex}.opposites__reveal-toggle:hover,.opposites__reveal-toggle:focus-visible{background:#fefaec;border-color:#e0c285;outline:none;box-shadow:0 4px 12px #0000000f}:root[data-theme=dark] .opposites__reveal-toggle:hover,:root[data-theme=dark] .opposites__reveal-toggle:focus-visible{background:#2c261c;border-color:#836c3f}.opposites__reveal-toggle-track{background:var(--color-border);width:34px;height:20px;transition:background var(--transition-fast);border-radius:999px;flex-shrink:0;position:relative}.opposites__reveal-toggle-thumb{background:var(--color-surface);width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.opposites__reveal-toggle--on .opposites__reveal-toggle-track{background:#e8ab30}.opposites__reveal-toggle--on .opposites__reveal-toggle-thumb{transform:translate(14px)}.opposites__sections{gap:clamp(1.75rem,5vw,2.75rem);display:grid}.opposites__section{scroll-margin-top:calc(var(--nav-height) + var(--space-md))}.opposites__section-heading{margin-bottom:var(--space-sm);justify-content:center;align-items:center;gap:10px;display:flex}.opposites__section-heading h2{color:var(--color-text);font-size:1.05rem;font-weight:800;line-height:1.15}.opposites__section-heading span{color:#794415;background:#fdf8e2;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:24px;padding:3px 9px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}:root[data-theme=dark] .opposites__section-heading span{color:#f5daa3;background:#3c3220}.opposites__board{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.opp-row{align-items:start;gap:var(--space-md);transition:background var(--transition-fast);border-radius:12px;grid-template-columns:1fr auto 1fr;padding:6px 4px;display:grid}.opp-row:hover{background:var(--color-active)}:root[data-theme=dark] .opp-row:hover{background:#ffffff0a}.opp-row__divider{background:linear-gradient(to bottom, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);border-radius:2px;align-self:stretch;width:2px}.opp-side{align-items:flex-start;min-width:0;display:flex}.opp-side--left{justify-content:flex-end}.opp-side--right{justify-content:flex-start}.opp-side__stack{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.opp-side--right .opp-side__stack{align-items:flex-start}.opp-side__alts{color:var(--color-text-muted);flex-wrap:wrap;gap:2px 6px;padding:0 6px;font-size:.78rem;line-height:1.2;display:flex}.opp-side--right .opp-side__alts{justify-content:flex-start}.opp-side__alts-group{align-items:center;gap:6px;display:inline-flex}.opp-side__alts-sep{opacity:.5}.opp-side__alt{font:inherit;color:inherit;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:3px;margin:0;padding:0;font-style:italic}.opp-side__alt:hover,.opp-side__alt:focus-visible{color:var(--color-text);text-underline-offset:2px;outline:none;text-decoration:underline}.opp-side__chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:8px 14px;font-size:1.05rem;font-weight:500;display:inline-flex;position:relative}.opp-side__chip:hover,.opp-side__chip:focus-visible{background:#fefaec;border-color:#e0c285;outline:none;transform:translateY(-1px)}:root[data-theme=dark] .opp-side__chip:hover,:root[data-theme=dark] .opp-side__chip:focus-visible{background:#2c261c;border-color:#836c3f}.opp-side--right .opp-side__chip{flex-direction:row-reverse}.opp-side__emoji{font-size:1.25rem;line-height:1}.opp-side__word{letter-spacing:-.01em}.opp-side__tip{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:5;border-radius:6px;padding:5px 10px;font-size:.82rem;font-weight:500;position:absolute;top:50%;box-shadow:0 4px 12px #0000002e}.opp-side__tip:after{content:"";border:5px solid #0000;position:absolute;top:50%}.opp-side--left .opp-side__tip{right:calc(100% + 10px);transform:translateY(-50%)translate(4px)}.opp-side--left .opp-side__tip:after{border-left-color:var(--color-text);left:100%;transform:translateY(-50%)}.opp-side--right .opp-side__tip{left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.opp-side--right .opp-side__tip:after{border-right-color:var(--color-text);right:100%;transform:translateY(-50%)}.opp-side__chip:hover .opp-side__tip,.opp-side__chip:focus-visible .opp-side__tip,.opp-side__chip:focus-within .opp-side__tip,.opposites__board--reveal-all .opp-side__tip{opacity:1;transform:translateY(-50%)translate(0)}@media (max-width:540px){.opp-row{gap:var(--space-sm)}.opp-side__chip{gap:6px;padding:6px 10px;font-size:.95rem}.opp-side__emoji{font-size:1.1rem}.opp-side__speak{width:32px;height:32px;font-size:.85rem}.opp-side__alts{padding:0 2px;font-size:.72rem}}