:root{--bg-main: #f6f0e6;--bg-accent-soft: rgba(128, 218, 29, .16);--bg-accent-cool: rgba(255, 215, 0, .12);--surface: #fffaf3;--surface-muted: #f7f0e5;--surface-strong: #efe5d7;--surface-raised: #ffffff;--surface-tint: #fff8ee;--surface-tint-strong: #f6ecdc;--surface-overlay: rgba(255, 250, 243, .92);--nav-active-bg: #edf7df;--nav-active-border: rgba(88, 204, 2, .18);--nav-active-text: #24351f;--card-green-bg: #e2fce6;--card-blue-bg: #e1f3ff;--card-purple-bg: #edebff;--card-mint-bg: #dbf8ed;--card-endings-bg: #ffe1de;--card-gold-bg: #ffefc4;--card-red-bg: #ffe1de;--card-orange-bg: #ffe6cd;--card-pink-bg: #f9def2;--card-green-border: #9dd6a5;--card-blue-border: #9ecbed;--card-purple-border: #b8b3db;--card-mint-border: #95d9c0;--card-endings-border: #e08a84;--card-gold-border: #e6c87a;--card-red-border: #e08a84;--card-orange-border: #e6a775;--card-pink-border: #d4a2c5;--brand: #58cc02;--brand-strong: #80da1d;--brand-soft: #edf8df;--brand-ink: #2f677f;--primary-green: #58cc02;--primary-green-hover: #46a302;--success: #58cc02;--warning: #e8bd49;--danger: #d45752;--text-dark: #2f261d;--text-light: #6a6052;--text: #3a3026;--text-soft: #5c5245;--white: #ffffff;--shadow: 0 12px 28px rgba(92, 68, 34, .08);--shadow-soft: 0 22px 48px rgba(92, 68, 34, .1);--shadow-strong: 0 30px 68px rgba(92, 68, 34, .12);--border-radius-lg: 26px;--border-radius-md: 18px;--border-radius-sm: 12px;--color-success-bg: #d7ffb8;--color-success-text: #2b8a0b;--color-success-btn: #58cc02;--color-success-btn-shadow: #46a302;--color-success-row-border: var(--color-success-btn);--color-error-bg: #ffdfe0;--color-error-text: #d32b2b;--color-error-btn: #ff4b4b;--color-error-btn-shadow: #cc3c3c;--color-error-row-border: var(--color-error-btn);--feedback-icon-bg: var(--white);--color-highlight-yellow: #fff1c8;--color-highlight-yellow-text: #755a00;--color-border-light: #e4d8c7;--color-border-medium: #d8c9b6;--color-border-blue: #7bafd2;--border-subtle: rgba(88, 72, 50, .1);--border-strong: rgba(88, 72, 50, .16);--border-focus: rgba(88, 204, 2, .28);--row-selected-bg: #dff0ff;--row-selected-border: var(--color-border-blue);--header-streak-bg: #efe3d3;--header-streak-icon: #9a5b2c;--header-streak-active-bg: #ffd7bd;--header-streak-active-icon: #d95f1f;--header-streak-active-text: #b84d17;--hero-gradient: linear-gradient(180deg, #fffdfa 0%, #f9f2e8 100%);--hero-text: var(--text);--hero-border: #99553f;--hero-shadow: #e6d8c3;--hero-pill-bg: rgba(255, 255, 255, .82);--hero-pill-soft-bg: rgba(247, 240, 229, .96);--hero-pill-border: rgba(88, 72, 50, .12);--mode-card-bg: #f9f4ec;--mode-card-border: #d8cdba;--mode-card-shadow: #e0d5c4;--btn-3d-border: rgba(0, 0, 0, .08);--btn-3d-shadow: rgba(0, 0, 0, .12);--btn-sub-border: rgba(0, 0, 0, .12);--btn-sub-shadow: rgba(0, 0, 0, .18);--button-cta-shadow: #3e8a00;--button-cta-shadow-hover: #357500;--button-cta-shadow-active: #2d6300;--streak-card-bg: linear-gradient(180deg, #fffaf4 0%, #f4eadb 100%);--streak-card-text: var(--text);--streak-card-active-bg: linear-gradient(180deg, #ffd9c0 0%, #f2b38b 100%);--profile-hero-bg: linear-gradient(180deg, #fff8ef 0%, #f1e3cf 100%);--auth-bg-gradient: var(--bg-main);--auth-badge-bg: #f1e6d6;--section-bg: var(--surface-raised);--secondary-btn-bg: var(--surface);--secondary-btn-bg-hover: var(--surface-muted);--summary-card-bg: var(--surface-raised);--achievement-card-bg: var(--surface-raised);--profile-card-bg: var(--surface-raised);--profile-tabs-bg: var(--surface);--auth-card-bg: var(--surface-raised);--empty-state-bg: var(--surface);--training-header-bg: var(--bg-main);--training-container-bg: var(--bg-main);--progress-track: #e3d8c9;--progress-track-muted: rgba(58, 63, 49, .12);--progress-highlight: rgba(255, 255, 255, .62);--progress-confident: var(--primary-green);--progress-practicing: #e8bd49;--progress-struggling: #e06a62;--input-bg: var(--white);--input-focus-bg: var(--brand-soft);--input-disabled-bg: #f5eee4;--input-disabled-text: #9a8d7f;--skeleton-base: #f3eadf;--skeleton-mid: #e7dccd;--celebration-gradient: linear-gradient(135deg, #121314 0%, #0a0b0c 100%);--celebration-button-bg: var(--brand);--celebration-button-text: #ffffff;--celebration-button-border: #46a302;--celebration-button-shadow: #357501;--summary-card-glass-bg: rgba(0, 0, 0, .4);--summary-card-glass-border: rgba(255, 255, 255, .1);--summary-card-stat-label: rgba(255, 255, 255, .7);--summary-card-stat-value: var(--brand);--transition-overlay-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--transition-lottie-bg: var(--bg-main);--transition-text: var(--text-dark);--onboarding-overlay: rgba(26, 20, 15, .72);--onboarding-spotlight-border: rgba(255, 255, 255, .6);--onboarding-spotlight-inner: rgba(255, 255, 255, .3);--onboarding-card-bg: linear-gradient(180deg, rgba(255, 253, 248, .99) 0%, rgba(249, 241, 230, .98) 100%);--onboarding-card-border: rgba(255, 247, 236, .88);--onboarding-card-shadow: 0 18px 44px rgba(19, 14, 10, .28), 0 8px 0 rgba(109, 90, 66, .16);--onboarding-step-text: var(--text-soft);--onboarding-card-text: var(--text-dark);--onboarding-card-body: var(--text-soft);--onboarding-button-bg: linear-gradient(165deg, #ffbf57 0%, #ff9950 100%);--onboarding-button-text: #3c2410;--onboarding-button-shadow: #d86d29;--onboarding-button-shadow-hover: #c35d20;--onboarding-button-shadow-active: #a84f18;--transition-fast: .12s cubic-bezier(.3, 0, .5, 1);--transition-medium: .22s ease;--transition-smooth: .4s cubic-bezier(.19, 1, .22, 1)}[data-theme=dark]{--bg-main: #121314;--bg-accent-soft: rgba(88, 204, 2, .14);--bg-accent-cool: rgba(71, 115, 145, .14);--surface: #1e2022;--surface-muted: #18191a;--surface-strong: #2a2c2e;--surface-raised: #242628;--surface-tint: #282a2c;--surface-tint-strong: #323436;--surface-overlay: rgba(30, 32, 34, .94);--nav-active-bg: #2f3928;--nav-active-border: rgba(229, 224, 211, .08);--nav-active-text: #f5f1e8;--card-green-bg: #1c5225;--card-blue-bg: #113f63;--card-purple-bg: #3c1e63;--card-mint-bg: #0d4a39;--card-endings-bg: #5b201d;--card-gold-bg: #523f0c;--card-red-bg: #5b201d;--card-orange-bg: #633010;--card-pink-bg: #5c1845;--card-green-border: #49aa56;--card-blue-border: #3d8ecd;--card-purple-border: #8d5ad1;--card-mint-border: #2bad86;--card-endings-border: #c95b54;--card-gold-border: #b89531;--card-red-border: #c95b54;--card-orange-border: #cf6b27;--card-pink-border: #c7429b;--brand: #58cc02;--brand-strong: #80da1d;--brand-soft: #25341d;--brand-ink: #8dc1de;--primary-green: #5f9f4b;--primary-green-hover: #4d8740;--success: #58cc02;--warning: #e8bd49;--danger: #e06a62;--text-dark: #f5f1e8;--text-light: #929b8f;--text: #e6e0d3;--text-soft: #adb1a4;--white: #ffffff;--shadow: 0 12px 28px rgba(0, 0, 0, .3);--shadow-soft: 0 24px 54px rgba(0, 0, 0, .38);--shadow-strong: 0 34px 72px rgba(0, 0, 0, .46);--color-success-bg: #1a3013;--color-success-text: #9de362;--color-success-btn: #58cc02;--color-success-btn-shadow: #46a302;--color-success-row-border: #355e24;--color-error-bg: #3b1c1c;--color-error-text: #ff8c8c;--color-error-btn: #ff4b4b;--color-error-btn-shadow: #cc3c3c;--color-error-row-border: #752d2d;--feedback-icon-bg: rgba(0, 0, 0, .2);--color-highlight-yellow: #4a3a12;--color-highlight-yellow-text: #f1d47b;--color-border-light: #3a3d34;--color-border-medium: #474b40;--color-border-blue: #4e7ea3;--border-subtle: rgba(229, 224, 211, .08);--border-strong: rgba(229, 224, 211, .12);--border-focus: rgba(88, 204, 2, .26);--row-selected-bg: rgba(46, 143, 196, .18);--row-selected-border: #4e7ea3;--header-streak-bg: #262821;--header-streak-icon: #7b8375;--header-streak-active-bg: rgba(222, 123, 66, .16);--header-streak-active-icon: #ffb27f;--header-streak-active-text: #ffb78b;--hero-gradient: linear-gradient(180deg, #282a2c 0%, #1e2022 100%);--hero-text: var(--text);--hero-border: rgba(255, 255, 255, .12);--hero-shadow: rgba(255, 255, 255, .12);--hero-pill-bg: rgba(255, 255, 255, .05);--hero-pill-soft-bg: rgba(0, 0, 0, .2);--hero-pill-border: rgba(255, 255, 255, .12);--mode-card-bg: #212325;--mode-card-border: #383a3c;--mode-card-shadow: #383a3c;--btn-3d-border: rgba(255, 255, 255, .15);--btn-3d-shadow: rgba(255, 255, 255, .15);--btn-sub-border: rgba(255, 255, 255, .2);--btn-sub-shadow: rgba(255, 255, 255, .2);--button-cta-shadow: #386e15;--button-cta-shadow-hover: #2e5911;--button-cta-shadow-active: #24470d;--streak-card-bg: linear-gradient(180deg, #252821 0%, #20231d 100%);--streak-card-text: var(--text);--streak-card-active-bg: linear-gradient(180deg, #4a2d1f 0%, #603624 100%);--profile-hero-bg: linear-gradient(180deg, #2a2c2e 0%, #1e2022 100%);--auth-bg-gradient: var(--bg-main);--auth-badge-bg: #323436;--section-bg: var(--surface-raised);--secondary-btn-bg: var(--surface);--secondary-btn-bg-hover: var(--surface-muted);--summary-card-bg: var(--surface-raised);--achievement-card-bg: var(--surface-raised);--profile-card-bg: var(--surface-raised);--profile-tabs-bg: var(--surface);--auth-card-bg: var(--surface-raised);--empty-state-bg: var(--surface);--training-header-bg: var(--surface-raised);--training-container-bg: transparent;--progress-track: #151811;--progress-track-muted: rgba(0, 0, 0, .4);--progress-highlight: rgba(255, 255, 255, .12);--progress-confident: #6ab84b;--progress-practicing: #e0b647;--progress-struggling: #d66a63;--input-bg: var(--surface-strong);--input-focus-bg: #22303b;--input-disabled-bg: #2b2e28;--input-disabled-text: #7f8579;--skeleton-base: #2b2e28;--skeleton-mid: #353931;--celebration-gradient: linear-gradient(135deg, #121314 0%, #0a0b0c 100%);--celebration-button-bg: var(--brand);--celebration-button-text: #ffffff;--celebration-button-border: #46a302;--celebration-button-shadow: #357501;--summary-card-glass-bg: rgba(0, 0, 0, .4);--summary-card-glass-border: rgba(255, 255, 255, .1);--summary-card-stat-label: rgba(255, 255, 255, .7);--summary-card-stat-value: var(--brand);--transition-overlay-bg: linear-gradient(180deg, #1c1f24 0%, #121416 100%);--transition-lottie-bg: var(--bg-main);--transition-text: var(--text-dark);--onboarding-overlay: rgba(7, 9, 10, .78);--onboarding-spotlight-border: rgba(255, 201, 132, .52);--onboarding-spotlight-inner: rgba(255, 255, 255, .08);--onboarding-card-bg: linear-gradient(180deg, rgba(37, 39, 41, .99) 0%, rgba(28, 30, 32, .985) 100%);--onboarding-card-border: rgba(255, 201, 132, .2);--onboarding-card-shadow: 0 18px 44px rgba(0, 0, 0, .45), 0 8px 0 rgba(255, 201, 132, .08);--onboarding-step-text: #c8c0b1;--onboarding-card-text: var(--text-dark);--onboarding-card-body: #d3cec4;--onboarding-button-bg: linear-gradient(165deg, #ffbe4d 0%, #ff8b45 100%);--onboarding-button-text: #2b1608;--onboarding-button-shadow: #b6541f;--onboarding-button-shadow-hover: #9f4818;--onboarding-button-shadow-active: #863a12}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,sans-serif;background-color:var(--bg-main);color:var(--text-dark);line-height:1.5;overflow-x:hidden;width:100%;position:relative}@media(min-width:1440px){html{font-size:18px}}@media(min-width:1920px){html{font-size:20px}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideOutLeft{to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes transitionBounceIn{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes transitionIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slide-out{animation:slideOutLeft .3s forwards}.slide-in{animation:slideInRight .3s forwards}.app-container{display:flex;min-height:100vh}.main-content{flex-grow:1;padding:30px 40px;max-width:1200px;margin:0 auto}.section-header h3{margin-bottom:15px;font-size:1.3rem}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:start}@media(max-width:900px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards-container{grid-template-columns:1fr}}.section-card{border-radius:var(--border-radius-md);padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-bottom-width var(--transition-fast);cursor:pointer;border:2px solid transparent;border-bottom:6px solid transparent;box-sizing:border-box;background-clip:padding-box}.section-card:active{transform:translateY(4px)!important;border-bottom-width:2px!important}@media(hover:hover)and (pointer:fine){.section-card:hover{transform:translateY(-5px)}.section-card.no-hover:hover{transform:none}}.touch-device .section-card:hover{transform:none}.section-card h4{font-weight:800;margin-bottom:15px}.card-icon{font-size:2.5rem;margin-bottom:15px}.green-card{background-color:var(--card-green-bg);border-color:var(--card-green-border)}.blue-card{background-color:var(--card-blue-bg);border-color:var(--card-blue-border)}.purple-card{background-color:var(--card-purple-bg);border-color:var(--card-purple-border)}.mint-card{background-color:var(--card-mint-bg);border-color:var(--card-mint-border)}.endings-card{background-color:var(--card-endings-bg);border-color:var(--card-endings-border)}.gold-card{background-color:var(--card-gold-bg);border-color:var(--card-gold-border)}.orange-card{background-color:var(--card-orange-bg);border-color:var(--card-orange-border)}.pink-card{background-color:var(--card-pink-bg);border-color:var(--card-pink-border)}.has-submenu{display:flex;flex-direction:column;padding-bottom:20px;height:auto}@media(hover:hover)and (pointer:fine){.section-card.has-submenu:hover{transform:none}}.sub-tasks-menu{display:none;flex-direction:column;gap:8px;width:100%;margin-top:15px;animation:fadeIn .3s ease}@media(hover:hover)and (pointer:fine){.section-card.has-submenu:hover .sub-tasks-menu{display:flex}}.section-card.has-submenu.active .sub-tasks-menu{display:flex}.progress-bar{height:18px;background-color:var(--progress-track);border-radius:9px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000014;border:1px solid rgba(0,0,0,.05)}.progress-bar .fill{height:100%;background-color:var(--progress-confident);border-radius:8px;width:0%;transition:width var(--transition-smooth)}.progress-highlight{position:absolute;top:3px;left:10px;right:10px;height:4px;background:var(--progress-highlight);border-radius:4px}.progress-bar .fill.confident{background-color:var(--progress-confident)}.progress-bar .fill.practicing{background-color:var(--progress-practicing)}.progress-bar .fill.struggling{background-color:var(--progress-struggling)}.blue-card .fill{background-color:var(--color-border-blue)}.card-progress{width:100%;text-align:left;font-size:.8rem;font-weight:700;color:var(--text-light)}.card-progress .progress-bar{width:100%;height:8px;background-color:var(--progress-track-muted);border-radius:4px;margin-top:6px;overflow:hidden;display:flex;box-shadow:inset 0 1px 2px #0000000f}.card-progress .progress-bar .fill{height:100%;background-color:var(--progress-confident);border-radius:0;transition:width .3s ease}.card-progress .progress-bar .fill.confident{background-color:var(--progress-confident)}.card-progress .progress-bar .fill.practicing{background-color:var(--progress-practicing)}.card-progress .progress-bar .fill.struggling{background-color:var(--progress-struggling)}.action-btn,.choice-option-btn,.matching-option-btn,.tf-btn{font-family:inherit;font-size:1.1rem;font-weight:700;border:3px solid var(--color-border-light);border-bottom:6px solid var(--color-border-light);border-radius:16px;padding:14px 20px;cursor:pointer;transition:transform var(--transition-fast),border-bottom var(--transition-fast),background-color var(--transition-medium);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--surface-raised);color:var(--text-dark);box-sizing:border-box;word-break:break-word;width:100%;flex-shrink:0;min-height:54px}.app-warm-cta{background:var(--onboarding-button-bg);color:var(--onboarding-button-text);box-shadow:0 10px 0 var(--onboarding-button-shadow),0 16px 34px #ff99503d,inset 0 1px #ffffff47}.app-warm-cta:hover{color:var(--onboarding-button-text);box-shadow:0 12px 0 var(--onboarding-button-shadow-hover),0 19px 36px #ff995047,inset 0 1px #ffffff4d}.app-warm-cta:active{color:var(--onboarding-button-text);box-shadow:0 4px 0 var(--onboarding-button-shadow-active),0 8px 20px #ff99502e,inset 0 1px #ffffff38}.app-warm-cta:focus-visible{color:var(--onboarding-button-text)}[data-theme=dark] .app-warm-cta,[data-theme=dark] .app-warm-cta:hover,[data-theme=dark] .app-warm-cta:active,[data-theme=dark] .app-warm-cta:focus-visible{color:var(--onboarding-button-text)}[data-theme=dark] .app-warm-cta{box-shadow:none!important;transform:none!important}[data-theme=dark] .app-warm-cta:hover{box-shadow:none!important;transform:translateY(-2px)!important}[data-theme=dark] .app-warm-cta:active{box-shadow:none!important;transform:translateY(2px) scale(.99)!important}.action-btn:active,.choice-option-btn:active,.tf-btn:active:not(:disabled){border-bottom-width:3px;transform:translateY(3px)}.action-btn:disabled:not(.correct):not(.wrong),.choice-option-btn:disabled:not(.correct):not(.wrong),.matching-option-btn:disabled:not(.correct):not(.wrong),.tf-btn:disabled:not(.selected-correct):not(.selected-wrong){opacity:.5;cursor:not-allowed}.action-btn.correct,.vowel-btn.correct,.choice-option-btn.correct,.matching-option-btn.correct{background-color:var(--primary-green)!important;color:#fff!important;border-color:var(--primary-green-hover)!important;animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}.action-btn.wrong,.vowel-btn.wrong,.choice-option-btn.wrong,.matching-option-btn.wrong{background-color:var(--color-error-btn)!important;color:#fff!important;border-color:var(--color-error-btn-shadow)!important;animation:shake .4s ease-in-out}.action-btn.loading,.vowel-btn.loading,.choice-option-btn.loading,.matching-option-btn.loading,.tf-btn.loading,.type-submit-btn.loading{background-color:var(--input-disabled-bg)!important;color:transparent!important;border-color:var(--color-border-medium)!important;border-bottom-color:var(--color-border-medium)!important;position:relative;pointer-events:none;animation:pulse 1s ease-in-out infinite}.action-btn.loading:after,.vowel-btn.loading:after,.choice-option-btn.loading:after,.matching-option-btn.loading:after,.tf-btn.loading:after,.type-submit-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid var(--input-disabled-text);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.vowel-btn.loading:after,.matching-option-btn.loading:after{width:16px;height:16px;border-width:2px}.action-btn{text-align:center}.choice-option-btn{text-align:left;white-space:normal;max-width:480px}.matching-option-btn{font-size:1rem;border:2px solid var(--color-border-medium);border-radius:12px;padding:10px 18px;text-align:center;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:0;width:auto;min-height:auto}.matching-option-btn:active{border-bottom-width:2px;transform:translateY(3px)}.matching-option-btn.selected{border-color:var(--brand);background:var(--brand-soft)}@media(max-width:480px){.matching-option-btn{font-size:.9rem;padding:10px 8px}}.tf-btn{font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;flex:1 1 0;min-width:0;min-height:60px;padding-inline:16px;line-height:1.18;white-space:normal;overflow-wrap:anywhere;text-align:center;transition:transform var(--transition-fast),border-bottom var(--transition-fast),background-color var(--transition-medium),opacity var(--transition-medium);max-width:252px}@media(max-width:480px){.tf-btn{flex-basis:auto;max-width:100%}}.tf-true{color:var(--color-success-btn)}.tf-false{color:var(--color-error-btn)}@media(hover:hover)and (pointer:fine){.tf-true:hover:not(:disabled),.tf-false:hover:not(:disabled){background-color:var(--surface-muted);border-color:var(--color-border-medium);border-bottom-color:var(--color-border-medium)}}.touch-device .tf-true:hover:not(:disabled),.touch-device .tf-false:hover:not(:disabled){background-color:var(--surface-raised);border-color:var(--color-border-light);border-bottom-color:var(--color-border-light)}.tf-true.selected-correct,.tf-false.selected-correct{background:var(--primary-green)!important;color:#fff!important;border-color:var(--primary-green-hover)!important;border-bottom-color:var(--primary-green-hover)!important;animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}.tf-true.selected-wrong,.tf-false.selected-wrong{background:var(--color-error-btn)!important;color:#fff!important;border-color:var(--color-error-btn-shadow)!important;border-bottom-color:var(--color-error-btn-shadow)!important;animation:shake .4s ease-in-out}.vowel-btn{background-color:var(--card-blue-bg);color:var(--text-dark);font-size:3rem;font-weight:900;border:2px solid var(--vowel-btn-border, var(--color-border-medium));border-bottom:6px solid var(--vowel-btn-border, var(--color-border-medium));border-radius:12px;padding:2px 10px 4px;cursor:pointer;transition:transform var(--transition-fast),border-bottom var(--transition-fast),background-color var(--transition-medium);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.vowel-btn:active{border-bottom-width:2px;transform:translateY(4px);background-color:var(--vowel-btn-active, #f5ecd5)}[data-theme=dark] .vowel-btn{--vowel-btn-border: var(--color-border-blue);background-color:var(--input-focus-bg)}[data-theme=dark] .vowel-btn:active{--vowel-btn-active: var(--surface-strong)}.type-submit-btn{background:var(--primary-green);color:#fff;font-family:inherit;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;border:none;border-bottom:5px solid var(--primary-green-hover);border-radius:16px;padding:16px 24px;cursor:pointer;transition:filter .1s ease,transform .1s ease,border-bottom .1s ease;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;max-width:480px;flex-shrink:0;min-height:56px;margin:0 auto;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.type-submit-btn:hover:not(:disabled){filter:brightness(1.08)}}.type-submit-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px);filter:brightness(.96)}.type-submit-btn:disabled{opacity:.45;cursor:not-allowed}.continue-btn{width:100%;color:#fff;border:none;border-radius:16px;padding:16px;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;-webkit-tap-highlight-color:transparent}.continue-btn:active{transform:translateY(4px);box-shadow:none!important}.sub-task-btn{background:#ffffffb3;border:2px solid var(--btn-sub-border);border-bottom:5px solid var(--btn-sub-shadow);border-radius:var(--border-radius-sm);padding:10px 14px;font-weight:800;color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.94rem;display:inline-flex;align-items:center;justify-content:center}.sub-task-btn:active{transform:translateY(2px);border-bottom-width:2px}@media(hover:hover)and (pointer:fine){.sub-task-btn:hover{background:#fff;transform:translateY(-2px)}}.touch-device .sub-task-btn:hover{background:#fff9;transform:none}.touch-device .sub-task-btn.default-sub:hover{background:#fff}.sub-task-btn.default-sub{background:#fff;border:2px solid var(--primary-green);border-bottom:5px solid var(--primary-green-hover);color:var(--primary-green)}.green-card .sub-task-btn.default-sub{border-color:var(--card-green-border);color:var(--color-success-text)}.blue-card .sub-task-btn.default-sub{border-color:var(--color-border-blue);color:var(--color-border-blue)}.purple-card .sub-task-btn.default-sub{border-color:var(--card-purple-border);color:var(--card-purple-border)}.mint-card .sub-task-btn.default-sub{border-color:var(--card-mint-border);color:var(--card-mint-border)}.endings-card .sub-task-btn.default-sub{border-color:var(--card-endings-border);color:var(--card-endings-border)}.gold-card .sub-task-btn.default-sub{border-color:var(--card-gold-border);color:var(--card-gold-border)}.orange-card .sub-task-btn.default-sub{border-color:var(--card-orange-border);color:var(--card-orange-border)}.pink-card .sub-task-btn.default-sub{border-color:var(--card-pink-border);color:var(--card-pink-border)}[data-theme=dark] .sub-task-btn{background:#00000059;color:var(--text-dark);border-color:#ffffff26}@media(hover:hover)and (pointer:fine){[data-theme=dark] .sub-task-btn:hover{background:#00000080}}.touch-device [data-theme=dark] .sub-task-btn:hover{background:#00000059}[data-theme=dark] .sub-task-btn.default-sub{background:#ffffff26;border-color:#ffffff59;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(hover:hover)and (pointer:fine){[data-theme=dark] .sub-task-btn.default-sub:hover{background:#ffffff40}}.touch-device [data-theme=dark] .sub-task-btn.default-sub:hover{background:#ffffff26}[data-theme=dark] .blue-card .sub-task-btn.default-sub{border-color:#ffffff59;color:#fff}