@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{color:#21304d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fc;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f6f8fc;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #476bff59}:root{--primary:#6851e8;--primary-dark:#523bc7;--primary-light:#f0edff;--green:#2fbd68;--green-dark:#20984f;--text:#21304d;--muted:#70809d;--line:#e3e8f2;--surface:#fff;--shadow:0 12px 30px #28365814}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed}.app-shell{grid-template:82px 1fr/230px 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.brand{text-align:left;background:0 0;align-items:center;gap:10px;display:flex}.brand-mascot{background:#fff1c7;border-radius:16px;place-items:center;width:48px;height:48px;font-size:34px;display:grid;box-shadow:inset 0 -3px #0000000f}.brand strong{color:#275082;font-size:24px;font-weight:900;line-height:1;display:block}.brand small{color:#45698f;margin-top:5px;font-size:13px;font-weight:700;display:block}.top-stats{align-items:center;gap:10px;display:flex}.level-card,.stat{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:9px;min-height:52px;padding:8px 14px;display:flex;box-shadow:0 5px 15px #2d3d5f0a}.level-card>span,.stat>span{font-size:24px}.level-card b{font-size:14px}.mini-progress{background:#e9edf4;border-radius:20px;width:118px;height:7px;margin-top:5px;overflow:hidden}.mini-progress i{border-radius:inherit;background:linear-gradient(90deg,#7ee56c,#39bf64);height:100%;display:block}.stat{gap:5px}.stat b{font-size:18px}.stat small{color:var(--muted);font-weight:700}.avatar-button{background:#eae7ff;border:2px solid #d2cbff;border-radius:50%;width:48px;height:48px;font-size:26px}.profile-menu{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;gap:6px;min-width:210px;padding:16px;display:flex;position:absolute;top:72px;right:24px}.profile-menu span{color:var(--muted);font-size:13px}.profile-menu button{color:#c44545;background:#fff2f2;border-radius:10px;margin-top:8px;padding:9px 12px;font-weight:800}.profile-menu button.dev-toggle{color:#4338ca;background:#eef2ff}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;height:calc(100vh - 82px);padding:24px 16px;display:flex;position:sticky;top:82px}.sidebar nav{gap:8px;display:grid}.nav-button{color:#51617e;background:0 0;border-radius:14px;align-items:center;gap:14px;min-height:52px;padding:0 15px;display:flex}.nav-button span{font-size:22px}.nav-button b{font-size:15px}.nav-button.active{color:#5b42d8;background:#eeeaff}.coach-card{background:linear-gradient(#faf9ff,#f2efff);border:1px solid #cfc7ff;border-radius:18px;padding:15px;position:relative}.coach{margin-top:-46px;margin-bottom:4px;font-size:58px}.coach-card b,.coach-card span{display:block}.coach-card span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.45}.main-content{min-width:0;padding:28px}.journey-hero{color:#fff;background:linear-gradient(125deg,#7553e8,#5f41d1);border-radius:24px;justify-content:space-between;align-items:center;min-height:164px;margin-bottom:24px;padding:28px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #5d42d23d}.journey-hero:after{content:"";background:#ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;right:-60px}.journey-hero h1{margin:0;font-size:clamp(27px,4vw,38px);font-weight:900}.journey-hero p{opacity:.9;margin:8px 0 0;font-size:17px}.treasure{text-align:center;z-index:1}.treasure>span{filter:drop-shadow(0 8px 10px #0003);font-size:74px;display:block}.treasure b{background:#331b858c;border-radius:30px;min-width:96px;margin-top:-6px;padding:7px 15px;display:inline-block}.daily-strip{background:#fff;border:1px solid #dce4f3;border-radius:18px;justify-content:space-between;align-items:center;margin:20px 0;padding:15px 18px;display:flex}.daily-strip>div:first-child{align-items:center;gap:13px;display:flex}.daily-strip span{font-size:28px}.daily-strip p,.daily-strip b,.daily-strip small{margin:0;display:block}.daily-strip small{color:var(--muted);margin-top:2px}.daily-score{text-align:center;color:#8a6300;background:#fff7da;border-radius:14px;padding:8px 18px}.daily-score b{font-size:21px}.lesson-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;display:grid}.lesson-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;min-height:220px;padding:20px 14px 15px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 7px 18px #222f4e0f}.lesson-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px 28px #222f4e1f}.lesson-number{color:#fff;background:#62be54;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:900;display:grid;position:absolute;top:12px;left:12px}.lesson-icon{margin:11px 0 8px;font-size:54px}.lesson-card strong{min-height:38px;font-size:15px;line-height:1.25}.lesson-card small{color:var(--muted);margin-top:6px}.stars{color:#f6b51a;gap:3px;margin-top:auto;font-size:19px;display:flex}.lock{font-size:16px;position:absolute;bottom:12px;right:12px}.check{color:#fff;background:#2fbd68;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.lesson-card.completed{border-color:#9adbb5}.lesson-card.locked{filter:grayscale(.8);opacity:.58;box-shadow:none}.lesson-card.blue .lesson-number{background:#4587e8}.lesson-card.purple .lesson-number{background:#8065e8}.lesson-card.orange .lesson-number{background:#f39a41}.lesson-card.pink .lesson-number{background:#ec69a2}.lesson-card.violet .lesson-number{background:#8a65d6}.lesson-card.yellow .lesson-number{background:#e5a61a}.lesson-card.teal .lesson-number{background:#24a99d}.lesson-card.indigo .lesson-number{background:#576bcf}.lesson-card.emerald .lesson-number{background:#1da678}.lesson-page{max-width:1260px;margin:0 auto}.lesson-toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:13px;width:43px;height:43px;font-size:22px}.lesson-progress{background:#e6eaf2;border-radius:20px;flex:1;height:13px;overflow:hidden}.lesson-progress span{border-radius:inherit;background:linear-gradient(90deg,#6bd86c,#30b968);height:100%;transition:width .3s;display:block}.hint-button{background:#fff;border:1px solid #b9c3d5;border-radius:12px;padding:10px 14px;font-weight:800}.hearts{color:#d84f59;white-space:nowrap;background:#fff0f0;border:1px solid #ffcaca;border-radius:12px;padding:9px 13px;font-weight:900}.lesson-layout{grid-template-columns:235px minmax(0,1fr);gap:18px;display:grid}.steps-list{border:1px solid var(--line);background:#fff;border-radius:18px;height:max-content;margin:0;padding:8px;list-style:none;position:sticky;top:106px}.steps-list li{color:#8090a9;border-radius:12px;grid-template-columns:29px 27px 1fr;align-items:center;gap:7px;min-height:54px;padding:6px 8px;display:grid}.steps-list li>span{color:#fff;background:#dfe5ef;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:900;display:grid}.steps-list li i{font-style:normal}.steps-list li b{font-size:13px}.steps-list li.active{color:#24884b;background:#eefbf3;border:1px solid #96e1b3}.steps-list li.active>span,.steps-list li.done>span{background:#42c675}.steps-list li.done{color:#496379}.exercise-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;min-height:640px;padding:18px;display:flex}.story-box{background:linear-gradient(100deg,#fff7db,#fff9e9);border:1px solid #f2d473;border-radius:16px;grid-template-columns:46px 1fr 64px;align-items:center;gap:12px;padding:16px;display:grid}.sound-button{background:#fff;border:1px solid #dce2eb;border-radius:50%;width:42px;height:42px;font-size:20px}.story-box p{margin:0;font-size:19px;font-weight:800;line-height:1.45}.story-emoji{text-align:center;font-size:50px}.hint-panel{background:#eef6ff;border:1px solid #bcd8f8;border-radius:14px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 14px;display:flex}.hint-panel p{margin:0;line-height:1.45}.question-area{flex:1;padding:24px 8px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.section-heading>span{color:#25a458;background:#e9f8ee;border-radius:50%;place-items:center;min-width:34px;height:34px;font-weight:900;display:grid}.section-heading h2{margin:0;font-size:23px}.section-heading p{color:var(--muted);margin:4px 0 0}.visual-story{background:#f7f9fc;border-radius:18px;grid-template-columns:1fr 42px 1fr 42px 86px;align-items:center;gap:8px;padding:22px;display:grid}.visual-group{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:158px;padding:14px;display:flex}.visual-group.accent{background:#f6fbff;border:2px dashed #5e9df3}.visual-group b{font-size:13px;line-height:1.25}.visual-group small{color:var(--muted);margin-top:4px;font-weight:800;display:block}.emoji-row{flex-wrap:wrap;justify-content:center;gap:2px 3px;max-width:100%;font-size:22px;line-height:1.1;display:flex}.emoji-row.tight{gap:1px;font-size:16px}.emoji-row-empty{min-height:28px}.emoji-item.crossed{opacity:.45;position:relative}.emoji-item.crossed:after{content:"✕";color:#e45757;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;inset:0}.count-more{color:var(--muted);margin-left:4px;font-size:12px;font-weight:800}.count-badge{color:#3d5a80;font-size:28px;font-weight:900}.big-number-hint{color:#4587e8;font-size:32px;font-weight:900;line-height:1.1}.groups-visual{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mini-group{background:#f0f6ff;border:1px dashed #9bb8e8;border-radius:10px;padding:6px 8px}.mini-group small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:800;display:block}.compare-bar{background:linear-gradient(90deg,#62be54,#4587e8);border-radius:99px;min-width:16px;max-width:100%;height:10px;margin-top:6px}.compare-bar.short{background:linear-gradient(90deg,#f39a41,#ec69a2)}.unknown-box{color:#c47b00;background:linear-gradient(160deg,#fff7e6,#ffe8b8);border:2px dashed #e5a61a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:158px;font-size:36px;font-weight:900;display:flex}.unknown-box small{color:#a86a00;text-align:center;padding:0 4px;font-size:11px;font-weight:800;line-height:1.2}.distractor-chip{color:#b54a3a;background:#fff3f0;border:1px dashed #f0a090;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.model-emoji{margin-bottom:6px;font-size:28px;display:block}.story-arrow{color:#3d8eed;text-align:center;font-size:30px;font-weight:900}.think-prompt,.scratch-row{color:#57477e;background:#f5f1ff;border-radius:14px;margin-top:16px;padding:13px 15px;font-weight:600}.option-list{gap:12px;display:grid}.option{text-align:left;border:2px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:13px;transition:all .15s;display:grid}.option:hover:not(:disabled),.option.selected{background:#f5f2ff;border-color:#6d59e8}.option>span{background:#edf0f6;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.option.selected>span{color:#fff;background:#6d59e8}.option p{margin:0;font-weight:700}.facts-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fact-card{border:1px solid var(--line);background:#fafbfe;border-radius:16px;padding:16px}.fact-card p{min-height:52px;margin:0 0 12px;font-weight:800}.fact-card>div{gap:7px;display:grid}.fact-card>div>button{background:#fff;border:1px solid #dbe1eb;border-radius:10px;padding:9px;font-weight:800}.fact-card>div>button.selected{color:#22864b;background:#e9f8ee;border-color:#4bc47b}.model-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.model-card{border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:145px;padding:15px;display:flex}.model-card>span{letter-spacing:4px;color:#56708e;font-size:30px}.model-card.selected{background:#f0fbf4;border-color:#36bb69;box-shadow:inset 0 0 0 2px #b7eac9}.mini-title{color:#596b86;margin:18px 0 10px;font-size:14px}.operation-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.operation-grid button{border:2px solid var(--line);background:#fff;border-radius:14px;min-height:62px;font-size:20px;font-weight:900}.operation-grid button.selected{color:#5239ca;background:#f2efff;border-color:#6b55e4}.reason-list{gap:9px;display:grid}.reason-list button{text-align:left;border:2px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:11px;font-weight:700;display:flex}.reason-list button span{background:#edf0f6;border-radius:50%;place-items:center;min-width:27px;height:27px;display:grid}.reason-list button.selected{background:#f5f2ff;border-color:#6b55e4}.calculation-box{border:1px solid var(--line);background:#f8f9fc;border-radius:20px;justify-content:center;align-items:center;gap:16px;min-height:180px;display:flex}.calculation-box>span,.calculation-box>b{font-size:34px;font-weight:900}.calculation-box input{text-align:center;color:#263f61;background:#fff;border:3px solid #679ff1;border-radius:16px;width:105px;height:76px;font-size:34px;font-weight:900}.calculation-box small{color:var(--muted);align-self:flex-end;margin-bottom:50px;font-weight:800}.scratch-row{align-items:center;gap:10px;display:flex}.scratch-row p{margin:0}.feedback{border-radius:15px;align-items:center;gap:12px;margin-top:5px;padding:13px 15px;display:flex}.feedback>span{font-size:28px}.feedback p{margin:0}.feedback b{display:block}.feedback.correct{color:#247d46;background:#e9f9ef;border:1px solid #8bd8a8}.feedback.wrong{color:#9a5d1a;background:#fff4e8;border:1px solid #f1c58f}.lesson-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:15px;display:flex}.primary-button,.secondary-button{border-radius:13px;min-height:48px;padding:0 24px;font-weight:900}.primary-button{color:#fff;background:linear-gradient(#39c46d,#29a95a);box-shadow:inset 0 -4px #0000001f}.primary-button:hover:not(:disabled){background:linear-gradient(#31b963,#229e50)}.primary-button:disabled{color:#8c9cb5;box-shadow:none;cursor:not-allowed;background:#ccd4e0}.secondary-button{color:#52627d;background:#fff;border:1px solid #cbd3e0}.complete-screen{text-align:center;border:1px solid var(--line);max-width:850px;box-shadow:var(--shadow);background:#fff;border-radius:28px;margin:30px auto;padding:38px}.celebration{font-size:74px}.complete-screen h1{margin:8px 0;font-size:38px}.complete-screen>p{color:var(--muted);font-size:17px}.big-stars{justify-content:center;gap:10px;margin:26px 0;font-size:55px;display:flex}.big-stars span{filter:grayscale();opacity:.25;transform:scale(.85)}.big-stars span.earned{filter:none;opacity:1;transform:scale(1)}.result-card{background:#f7f9fc;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.result-card>div{background:#fff;border-radius:15px;padding:16px}.result-card span,.result-card b,.result-card small{display:block}.result-card span{font-size:29px}.result-card b{margin-top:5px}.result-card small{color:var(--muted);margin-top:3px}.complete-actions{justify-content:center;gap:12px;margin-top:25px;display:flex}.simple-page{max-width:1000px;margin:0 auto}.page-title{align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-title>span{font-size:48px}.page-title h1{margin:0;font-size:34px}.page-title p{color:var(--muted);margin:4px 0 0}.achievement-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.achievement{border:1px solid var(--line);text-align:center;filter:grayscale();opacity:.55;background:#fff;border-radius:20px;padding:24px}.achievement.unlocked{filter:none;opacity:1;background:linear-gradient(#fffefa,#fff8da);border-color:#f1d47a}.achievement span,.achievement b,.achievement small{display:block}.achievement span{font-size:50px}.achievement b{margin-top:10px}.achievement small{color:var(--muted);margin-top:5px}.progress-list{gap:10px;display:grid}.progress-row{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.progress-row>span{font-size:29px}.progress-row b,.progress-row small{display:block}.progress-row small{color:var(--muted)}.row-stars{color:#da9a00;font-weight:800}.mobile-nav{display:none}@media (width<=1180px){.lesson-grid{grid-template-columns:repeat(3,1fr)}.top-stats .stat small{display:none}}@media (width<=880px){.app-shell{grid-template:70px 1fr 70px/1fr}.topbar{grid-column:1;padding:0 15px}.brand strong{font-size:20px}.brand-mascot{width:42px;height:42px;font-size:29px}.brand small{display:none}.top-stats{gap:6px}.level-card{display:none}.stat{min-height:43px;padding:6px 9px}.stat>span{font-size:19px}.stat b{font-size:15px}.avatar-button{width:42px;height:42px}.sidebar{display:none}.main-content{padding:16px 14px 90px}.mobile-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(4,1fr);height:70px;padding:5px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-button{border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:58px;padding:4px;display:flex}.mobile-nav .nav-button span{font-size:21px}.mobile-nav .nav-button b{font-size:10px}.journey-hero{min-height:145px;margin-bottom:16px;padding:22px}.treasure>span{font-size:58px}.journey-hero p{font-size:14px}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:11px}.lesson-card{min-height:192px;padding:16px 8px 12px}.lesson-icon{font-size:45px}.lesson-card strong{font-size:14px}.lesson-layout{grid-template-columns:1fr}.steps-list{scrollbar-width:none;gap:5px;padding:6px;display:flex;position:static;overflow-x:auto}.steps-list li{grid-template-columns:1fr;justify-items:center;min-width:44px;min-height:42px;padding:4px}.steps-list li i,.steps-list li b{display:none}.steps-list li>span{width:30px;height:30px}.exercise-card{flex:1;height:auto;min-height:0;padding:12px}.story-box{grid-template-columns:40px 1fr;padding:12px}.story-box p{font-size:16px}.story-emoji{display:none}.question-area{flex:none;justify-content:flex-start;min-height:auto;padding:20px 3px}.visual-story{grid-template-columns:1fr 22px 1fr 22px 64px;gap:4px;padding:11px}.visual-group{min-height:100px;padding:8px}.emoji-row{font-size:17px}.unknown-box{min-height:100px;font-size:28px}.unknown-box small{font-size:10px}.distractor-chip{padding:6px 10px;font-size:12px}.facts-grid{grid-template-columns:1fr}.fact-card p{min-height:0}.model-grid,.operation-grid{grid-template-columns:repeat(2,1fr)}.calculation-box{flex-wrap:wrap;padding:24px 10px}.calculation-box>span,.calculation-box>b{font-size:25px}.calculation-box input{width:90px;height:65px;font-size:29px}.calculation-box small{text-align:center;align-self:auto;width:100%;margin:0}.lesson-toolbar{gap:8px}.hint-button{padding:9px 10px;font-size:0}.hint-button:first-letter{font-size:18px}.hearts{padding:8px 10px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.result-card{grid-template-columns:1fr}.complete-screen{padding:25px 16px}.complete-screen h1{font-size:29px}.big-stars{font-size:43px}}@media (width<=430px){.top-stats .stat:nth-child(2){display:none}.journey-hero{border-radius:20px}.journey-hero h1{font-size:24px}.treasure{display:none}.daily-strip small{font-size:11px}.daily-score{padding:7px 11px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{min-height:186px}.lesson-card small{font-size:11px}.section-heading h2{font-size:20px}.section-heading p{font-size:13px}.story-box p{font-size:15px}.option p{font-size:14px}.lesson-actions{background:#fff;padding:12px 0 2px;position:static}.primary-button,.secondary-button{min-height:45px;padding:0 16px}.achievement-grid{grid-template-columns:1fr}.progress-row{grid-template-columns:38px 1fr}.row-stars{grid-column:2}}.audio-settings-wrapper{align-items:center;display:flex;position:relative}.audio-settings-toggle{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;transition:transform .15s,background-color .15s;display:grid;box-shadow:0 5px 15px #2d3d5f0a}.audio-settings-toggle:hover{background:#f8f9fd;transform:scale(1.05)}.audio-settings-panel{border:1px solid var(--line);min-width:250px;box-shadow:var(--shadow);z-index:100;background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;top:60px;right:0}.audio-settings-panel b{color:#275082;border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px;font-size:15px}.settings-row{color:var(--text);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.settings-row input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.speed-control{flex-direction:column;align-items:flex-start;gap:8px}.speed-buttons{background:#f2f5fa;border-radius:12px;gap:4px;width:100%;padding:4px;display:flex}.speed-buttons button{color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:800;transition:all .15s}.speed-buttons button.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #0000000f}.audio-settings-panel .mute-btn{color:#d84f59;background:#fff0f0;border:1px solid #ffcaca;border-radius:12px;margin-top:6px;padding:10px;font-size:13px;font-weight:800;transition:background-color .15s}.audio-settings-panel .mute-btn:hover{background:#ffe3e3}.option-row,.reason-row{align-items:center;gap:10px;display:flex}.option-row .option,.reason-row button:first-child{flex:1;margin:0}.speech-option-btn,.speech-mini-btn{border:1px solid var(--line);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;transition:all .15s;display:grid;box-shadow:0 3px 8px #00000008}.speech-option-btn:hover,.speech-mini-btn:hover{background:#f0edff;border-color:#6d59e8;transform:scale(1.05)}.fact-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.fact-header p{flex:1}.model-wrapper{flex-direction:column;display:flex;position:relative}.model-wrapper .model-speech{position:absolute;top:8px;right:8px}.feedback p,.hint-panel p{flex:1}.section-heading{align-items:center}.heading-speech{margin-left:auto}.onboarding-shell{display:block!important}.onboarding-shell .main-content.full-width{width:100%;margin:0;padding:0}.onboarding-screen{background:linear-gradient(135deg,#f0f4ff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;font-family:inherit;display:flex}.onboarding-card{text-align:center;background:#fff;border:1px solid #eef2ff;border-radius:28px;width:100%;max-width:620px;padding:40px;transition:box-shadow .3s;box-shadow:0 20px 40px #6366f114,0 1px 3px #6366f105}.onboarding-header-emoji{margin-bottom:12px;font-size:52px;animation:3s ease-in-out infinite floatEmoji;display:inline-block}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-card h1{color:#1e1b4b;letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800}.onboarding-card p{color:#475569;margin-bottom:32px;font-size:17px;line-height:1.6}.onboarding-input-group{text-align:left;margin-bottom:32px}.onboarding-input-group label{color:#312e81;margin-bottom:10px;font-size:15px;font-weight:800;display:block}.onboarding-input-wrapper{width:100%;position:relative}.onboarding-input-wrapper .input-icon{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:22px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.onboarding-input-group input{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:18px;outline:none;width:100%;padding:16px 20px 16px 54px;font-size:18px;font-weight:700;transition:all .25s}.onboarding-input-group input:focus{background:#fff;border-color:#6851e8;box-shadow:0 0 0 4px #6851e826}.mascot-selection-title{text-align:left;color:#312e81;margin-bottom:14px;font-size:15px;font-weight:800}.grade-select-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:32px;display:grid}.grade-select-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:12px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.grade-select-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.grade-select-btn .emoji{margin-bottom:4px;font-size:22px;transition:transform .2s;display:block}.grade-select-btn:hover .emoji{transform:scale(1.15)}.grade-select-btn span:not(.emoji){color:#475569;font-size:13px;font-weight:800}.grade-btn-grade-1.selected{background:#fef3c7;border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b26}.grade-btn-grade-1.selected span:not(.emoji){color:#b45309}.grade-btn-grade-2.selected{background:#fee2e2;border-color:#ef4444;box-shadow:0 8px 20px #ef444426}.grade-btn-grade-2.selected span:not(.emoji){color:#b91c1c}.grade-btn-grade-3.selected{background:#ffedd5;border-color:#f97316;box-shadow:0 8px 20px #f9731626}.grade-btn-grade-3.selected span:not(.emoji){color:#c2410c}.grade-btn-grade-4.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f626}.grade-btn-grade-4.selected span:not(.emoji){color:#1d4ed8}.grade-btn-grade-5.selected{background:#f3e8ff;border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf626}.grade-btn-grade-5.selected span:not(.emoji){color:#6d28d9}.mascot-select-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;margin-bottom:36px;display:grid}.mascot-select-card{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:20px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mascot-select-card:hover{background:#f1f5f9;transform:translateY(-4px);box-shadow:0 8px 16px #0000000a}.mascot-select-card .emoji{filter:drop-shadow(0 4px 6px #0000000f);margin-bottom:8px;font-size:44px;transition:transform .25s;display:block}.mascot-select-card:hover .emoji{transform:scale(1.1)}.mascot-select-card b{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:800;display:block}.mascot-select-card small{color:#64748b;margin-top:auto;font-size:12px;font-weight:500;line-height:1.4;display:block}.mascot-select-card.selected-owl{background:#eff6ff;border-color:#6366f1;box-shadow:0 8px 24px #6366f126}.mascot-select-card.selected-owl b{color:#4f46e5}.mascot-select-card.selected-robot{background:#ecfeff;border-color:#06b6d4;box-shadow:0 8px 24px #06b6d426}.mascot-select-card.selected-robot b{color:#0891b2}.mascot-select-card.selected-turtle{background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 24px #10b98126}.mascot-select-card.selected-turtle b{color:#059669}.mascot-select-card.selected-shark{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 8px 24px #0ea5e926}.mascot-select-card.selected-shark b{color:#0284c7}.mascot-select-card.selected-poli{background:#eff6ff;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.mascot-select-card.selected-poli b{color:#2563eb}.mascot-select-card.selected-steve{background:#fafaf9;border-color:#78716c;box-shadow:0 8px 24px #78716c26}.mascot-select-card.selected-steve b{color:#57534e}.mascot-select-card.selected-elsa{background:#f0fdfa;border-color:#14b8a6;box-shadow:0 8px 24px #14b8a626}.mascot-select-card.selected-elsa b{color:#0d9488}.mascot-select-card.selected-pinkfong{background:#fdf2f8;border-color:#ec4899;box-shadow:0 8px 24px #ec489926}.mascot-select-card.selected-pinkfong b{color:#db2777}.mascot-select-card.selected-peppa{background:#fff1f2;border-color:#f43f5e;box-shadow:0 8px 24px #f43f5e26}.mascot-select-card.selected-peppa b{color:#e11d48}.mascot-select-card.selected:after{content:"✓";color:#fff;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) bounceCheck;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0000001f}.mascot-select-card.selected-owl:after{background:#6366f1}.mascot-select-card.selected-robot:after{background:#06b6d4}.mascot-select-card.selected-turtle:after{background:#10b981}.mascot-select-card.selected-shark:after{background:#0ea5e9}.mascot-select-card.selected-poli:after{background:#3b82f6}.mascot-select-card.selected-steve:after{background:#78716c}.mascot-select-card.selected-elsa:after{background:#14b8a6}.mascot-select-card.selected-pinkfong:after{background:#ec4899}.mascot-select-card.selected-peppa:after{background:#f43f5e}@keyframes bounceCheck{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.onboarding-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6851e8,#523bc7);border:none;border-radius:18px;width:100%;padding:16px;font-size:18px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #6851e840}.onboarding-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #6851e859}.onboarding-btn:active:not(:disabled){transform:scale(.98)}.onboarding-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.onboarding-btn-skip{color:#64748b;cursor:pointer;background:0 0;border:2px dashed #cbd5e1;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:14px;padding:14px;font-size:15px;font-weight:800;transition:all .25s;display:flex}.onboarding-btn-skip:hover{color:#475569;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.onboarding-btn-skip:active{transform:scale(.99)}@media (width<=600px){.onboarding-card{border-radius:20px;padding:24px 16px}.onboarding-card h1{font-size:24px}.onboarding-card p{margin-bottom:24px;font-size:15px}.grade-select-grid{gap:6px;margin-bottom:24px}.grade-select-btn{padding:10px 4px}.grade-select-btn .emoji{font-size:18px}.grade-select-btn span:not(.emoji){font-size:12px}.mascot-select-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.mascot-select-card{padding:16px 8px}.mascot-select-card .emoji{font-size:38px}.mascot-select-card b{font-size:14px}.mascot-select-card small{font-size:11px}}.buddy-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.buddy-avatar{background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:36px;display:grid;box-shadow:0 4px 10px #0000000d}.buddy-chat{color:#1e3a8a;flex:1;font-size:14px;line-height:1.4}.buddy-chat b{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;margin-bottom:4px;font-size:12px;display:block}@keyframes helper-glow{0%{border-color:#6366f1;box-shadow:0 0 #6366f1b3}70%{border-color:#6366f1;box-shadow:0 0 0 10px #6366f100}to{border-color:#e2e8f0;box-shadow:0 0 #6366f100}}.guide-highlight{z-index:10;animation:1.5s infinite helper-glow;position:relative;border-width:2px!important}.guide-disabled{opacity:.4!important;cursor:not-allowed!important;pointer-events:none!important}.congrats-badge{margin:16px 0;font-size:72px;animation:1.5s infinite bounce}.congrats-card{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:18px;font-weight:800;display:flex}.pwa-install-drawer{z-index:99;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;bottom:84px;left:20px;right:20px;box-shadow:0 -8px 24px #00000014,0 8px 16px #0000000a}@media (width>=769px){.pwa-install-drawer{bottom:24px;left:250px;right:40px}}.pwa-install-text{color:#334155;flex:1;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.pwa-install-text span{font-size:24px}.pwa-install-actions{gap:8px;display:flex}.pwa-install-actions button{border-radius:10px;padding:8px 16px;font-size:13px;font-weight:800}.pwa-install-actions .install-confirm{color:#fff;background:#4f46e5}.pwa-install-actions .install-dismiss{color:#64748b;background:#f1f5f9}.ios-instructions-modal{z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.ios-instructions-panel{text-align:center;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;padding:24px 20px}.ios-instructions-panel h3{color:#1e293b;margin-bottom:12px;font-size:18px;font-weight:800}.ios-steps{text-align:left;color:#475569;flex-direction:column;gap:12px;margin:16px 0;font-size:14px;display:flex}.ios-step-row{align-items:center;gap:12px;display:flex}.ios-step-row span{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.ios-instructions-panel button{color:#475569;background:#f1f5f9;border-radius:12px;width:100%;padding:12px;font-weight:800}.settings-section{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;padding:20px}.settings-section h2{color:#1e293b;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.settings-group{flex-direction:column;gap:16px;display:flex}.settings-option{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-option span b{color:#334155;font-size:14px;display:block}.settings-option span p{color:#64748b;margin-top:2px;font-size:12px}.settings-option select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;font-weight:700}.calendar-btn-link{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.calendar-btn-link:hover{background:#e0e7ff;transform:translateY(-1px)}.lesson-page{box-sizing:border-box;z-index:50;background:#f8fafc;flex-direction:column;max-width:100%;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.lesson-toolbar{border-bottom:1px solid var(--line);box-sizing:border-box;background:#fff;align-items:center;gap:16px;height:60px;min-height:60px;margin-bottom:0;padding:0 24px;display:flex}.close-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-family:system-ui,-apple-system,sans-serif;font-size:24px;font-weight:700;transition:background-color .15s,color .15s;display:grid}.close-button:hover{color:var(--text);background:#f1f5f9}.lesson-layout{box-sizing:border-box;flex:1;grid-template-columns:240px 1fr;gap:20px;min-height:0;padding:20px 24px;display:grid;overflow:hidden}@media (width<=880px){.lesson-layout{flex-direction:column;grid-template-columns:1fr;gap:12px;min-height:0;padding:12px 16px;display:flex}.steps-list{display:none!important}}.steps-list{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:20px;height:100%;padding:12px;position:static;overflow-y:auto}.exercise-card{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;height:100%;min-height:0;padding:24px;display:flex;overflow-y:auto;box-shadow:0 8px 24px #222f4e0a}@media (width<=600px){.exercise-card{padding:16px 12px}}.story-box-wrapper{flex-shrink:0;margin-bottom:12px}.story-box{background:#fffbef;border:1px solid #fceca7;border-radius:14px;grid-template-columns:40px 1fr;gap:10px;padding:10px 14px}.story-box p{color:#4b3800;font-size:15px;font-weight:700;line-height:1.4}.story-emoji{display:none}.hint-panel{border-radius:12px;margin-top:8px;padding:8px 12px;font-size:13px}.buddy-panel{flex-shrink:0;gap:12px;margin:12px 24px 0;padding:8px 14px}.buddy-avatar{width:40px;height:40px;font-size:24px}.buddy-chat{font-size:13px}.question-area{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:8px 0;display:flex}.question-area>div{width:100%}.option-list{gap:8px;max-height:100%;overflow-y:auto}.option{border-radius:12px;min-height:44px;padding:10px 14px}.option p{font-size:14px;line-height:1.35}.option>span{border-radius:8px;width:30px;height:30px}.facts-grid{gap:10px}.fact-card{background:#fafbfe;border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;display:flex}.fact-card p{min-height:auto;margin:0;font-size:14px;line-height:1.35}.fact-card>div{gap:6px}.fact-card>div>button{border-radius:8px;min-height:44px;padding:8px;font-size:13px}.model-grid{gap:8px}.model-card{border-radius:12px;gap:8px;min-height:90px;padding:10px}.model-card>span{letter-spacing:2px;font-size:22px}.model-card b{font-size:12px}.operation-grid{gap:8px;margin-bottom:12px!important}.operation-grid button{border-radius:12px;min-height:48px;font-size:16px}.reason-list{gap:6px}.reason-list button{border-radius:10px;min-height:44px;padding:8px 12px;font-size:13px}.reason-list button span{min-width:24px;height:24px;font-size:12px}.calculation-box{border-radius:16px;gap:12px;min-height:100px}.calculation-box>span,.calculation-box>b{font-size:26px}.calculation-box input{border-radius:12px;width:90px;height:60px;font-size:26px}.calculation-box small{margin-bottom:24px;font-size:13px}.lesson-footer{border-top:2px solid var(--line);box-sizing:border-box;z-index:100;background:#fff;flex-shrink:0;min-height:90px;padding:16px 24px;transition:all .2s;position:relative}.footer-content{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;max-width:800px;margin:0 auto;display:flex}.footer-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.footer-actions button{border-radius:14px;min-height:48px;padding:0 28px;font-size:15px;font-weight:800}.footer-back{color:var(--muted);border:2px solid var(--line);background:0 0}.footer-back:hover{background:#f1f5f9;border-color:#cbd5e1}.footer-submit{color:#fff;background:#6851e8;border:none;box-shadow:0 4px #4f3ab6}.footer-submit:hover:not(:disabled){background:#523bc7}.footer-submit:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.footer-next{color:#fff;background:#2fbd68;border:none;animation:.8s infinite alternate bounce-small;box-shadow:0 4px #20984f}.footer-next:hover{background:#20984f}@keyframes bounce-small{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.footer-correct{background:#e6f9ed;border-top-color:#a7ebb9}.footer-correct .feedback-banner{color:#1e753e}.footer-correct .footer-next{background:#2fbd68;box-shadow:0 4px #20984f}.footer-wrong{background:#ffeff0;border-top-color:#ffb8b9}.footer-wrong .feedback-banner{color:#c5383a}.footer-wrong .footer-next{background:#ea4335;box-shadow:0 4px #b32a21}.feedback-banner{flex:1;align-items:center;gap:14px;display:flex}.feedback-icon{font-size:28px;animation:.25s cubic-bezier(.175,.885,.32,1.275) pop-in}.feedback-text b{margin-bottom:2px;font-size:16px;display:block}.feedback-text p{margin:0;font-size:13px;font-weight:600;line-height:1.4}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.lesson-footer{padding:12px 16px}.footer-content{flex-direction:column;align-items:stretch;gap:12px}.feedback-banner{gap:10px}.feedback-icon{font-size:24px}.feedback-text b{font-size:14px}.feedback-text p{font-size:12px}.footer-actions{width:100%;margin-left:0}.footer-actions button{border-radius:12px;flex:1;min-height:44px;padding:0 16px;font-size:14px}}.dev-toggle-direct{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:4px;height:42px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.dev-toggle-direct.dev-active{color:#1e750e;background:#e2ffd9;border-color:#bbf7ad}.dev-toggle-direct:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000a}@media (width<=880px){.dev-toggle-direct{display:none!important}}.challenge-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff4e50,#f9d423);border-radius:99px;align-items:center;gap:3px;margin-right:8px;padding:4px 8px;font-size:11px;font-weight:800;animation:1.5s infinite alternate pulse-small;display:inline-flex;box-shadow:0 2px 5px #ea43354d}@keyframes pulse-small{0%{opacity:.95;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.confirm-modal{text-align:center;background:#fff;border:3px solid #eef2ff;border-radius:20px;width:90%;max-width:400px;padding:24px;animation:.25s cubic-bezier(.175,.885,.32,1.275) scale-up;box-shadow:0 10px 25px #00000026}.confirm-modal h3{color:#1e293b;justify-content:center;align-items:center;gap:8px;margin-top:0;margin-bottom:12px;font-size:20px;display:flex}.confirm-modal p{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-modal .warning-text{color:#ef4444;background:#fef2f2;border-radius:10px;margin-top:12px;padding:8px 12px;font-weight:700}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800}.btn-confirm{color:#fff;background:#ef4444;box-shadow:0 4px #b91c1c}.btn-confirm:hover{background:#dc2626}.btn-cancel{color:#475569;background:#f1f5f9;border:2px solid #cbd5e1!important}.btn-cancel:hover{background:#e2e8f0}.gameover-overlay{z-index:10000;color:#fff;background:linear-gradient(135deg,#1e1b4b,#31102f);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.gameover-content{text-align:center;width:90%;max-width:440px;padding:32px}.gameover-icon{margin-bottom:20px;font-size:80px;line-height:1;animation:1.5s ease-in-out infinite alternate heart-broken;display:block}@keyframes heart-broken{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(.95)}}.gameover-content h2{color:#f87171;text-shadow:0 2px 4px #0000004d;margin-top:0;margin-bottom:12px;font-size:28px}.gameover-content p{color:#cbd5e1;margin-bottom:30px;font-size:15px;line-height:1.6}.btn-retry-lesson{color:#fff;cursor:pointer;background:#2fbd68;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:800;transition:all .15s;animation:.8s infinite alternate bounce-small;box-shadow:0 6px #1e753e}.btn-retry-lesson:hover{background:#20984f;transform:translateY(2px);box-shadow:0 4px #1e753e}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hearts-pulsing{color:#ef4444;font-weight:700;animation:.6s infinite alternate heartbeat-fast}@keyframes heartbeat-fast{0%{transform:scale(1)}to{transform:scale(1.25)}}.loading-shell{background:#f0f4f8;justify-content:center;align-items:center;height:100vh;display:flex}.loading-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:320px;padding:40px;box-shadow:0 10px 25px #0000000d}.loading-mascot{margin-bottom:16px;font-size:72px;animation:2s ease-in-out infinite float;display:block}.loading-spinner{border:5px solid #eee;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin:24px auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.class-selector-section{border:1px solid var(--line);background:#fff;border-radius:20px;margin-bottom:24px;padding:16px;box-shadow:0 4px 12px #00000005}.grade-selector-container{border-bottom:1px solid var(--line);gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.grade-tab-btn{color:#64748b;background:#f1f5f9;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.grade-tab-btn.active{background:var(--primary);color:#fff}.grade-tab-btn.disabled-tab{opacity:.5;cursor:not-allowed}.subject-selector-container{gap:12px;display:flex}.subject-tab-btn{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.subject-tab-btn.active{color:var(--primary);background:#eeeaff;border-color:#beb0fc}.subject-tab-btn.disabled-sub{opacity:.5;cursor:not-allowed}.quest-board-section{margin-bottom:28px}.quest-board-header h2{margin:0 0 4px;font-size:20px;font-weight:900}.quest-board-header p{color:var(--muted);margin:0 0 16px;font-size:14px}.quest-board-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.quest-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:24px;flex-direction:column;padding:24px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 20px #00000005}.quest-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.card-badge{color:#64748b;background:#f1f5f9;border-radius:30px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:16px;right:16px}.card-badge.highlight{color:#b45309;background:#fffbeb}.card-badge.special{color:#db2777;background:#fdf2f8}.card-visual{margin-bottom:12px;font-size:40px}.quest-card h3{margin:0 0 6px;font-size:17px;font-weight:800}.quest-card p{color:var(--muted);flex:1;margin:0 0 16px;font-size:13px;line-height:1.4}.card-stats{color:#475569;margin-bottom:16px;font-size:13px;font-weight:700}.btn-card-action{color:#1e293b;background:#f1f5f9;border-radius:12px;width:100%;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.quest-card:hover .btn-card-action{background:var(--primary);color:#fff}.quest-card:hover .btn-arena-action{color:#fff;background:#f97316}.quest-card:hover .btn-buddy-action{color:#fff;background:#db2777}.arena-page,.buddy-page{max-width:720px;margin:0 auto;padding:20px 0}.arena-header,.buddy-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.back-btn{background:#f1f5f9;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:800}.arena-stats{gap:12px;display:flex}.arena-timer,.arena-score{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 16px;font-size:14px}.arena-timer{color:#ea580c;background:#fff7ed;border-color:#ffedd5}.arena-mascot-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.arena-mascot{font-size:48px}.arena-bubble{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px;font-size:14px;position:relative;box-shadow:0 4px 12px #00000005}.arena-bubble:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:14px;height:14px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.arena-question-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:28px}.arena-question-card h3{color:var(--primary);margin:0 0 12px;font-size:18px}.arena-story{margin-bottom:24px;font-size:16px;font-weight:700;line-height:1.5}.arena-math-display{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:28px;font-weight:800;display:flex}.arena-math-display input{border:3px solid var(--line);text-align:center;width:90px;color:var(--primary);border-radius:16px;padding:8px;font-size:32px;font-weight:900}.arena-math-display input:focus{border-color:var(--primary);outline:none}.arena-submit-btn{background:var(--primary);color:#fff;border-radius:16px;width:100%;max-width:200px;margin:0 auto;padding:12px;font-size:16px;font-weight:800;display:block}.arena-feedback{border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px;font-size:14px;font-weight:800;display:flex}.arena-feedback.correct{color:#166534;background:#eefdf4}.arena-feedback.wrong{color:#c53030;background:#fff5f5}.arena-summary-card{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:40px}.summary-icon{margin-bottom:16px;font-size:64px;display:block}.arena-summary-card h2{margin:0 0 12px;font-size:24px;font-weight:900}.summary-stats{background:#f8fafc;border-radius:16px;max-width:320px;margin:24px auto;padding:16px}.summary-stat-row{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.summary-stat-row:last-child{border:none}.summary-stat-row.highlight-xp{color:#e59a00;font-weight:800}.summary-actions{margin-top:24px}.buddy-title-badge{color:#db2777;background:#fdf2f8;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800}.buddy-mascot-chat{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.buddy-mascot-large{font-size:72px}.buddy-speech-bubble{border:1px solid var(--line);background:#fff;border-radius:24px;flex:1;padding:20px;position:relative;box-shadow:0 8px 24px #00000005}.buddy-speech-bubble:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:18px;height:18px;position:absolute;top:36px;left:-10px;transform:rotate(45deg)}.buddy-speech-bubble p{color:#1e293b;margin:8px 0;font-size:16px;font-weight:800;line-height:1.5}.buddy-speech-bubble small{color:var(--muted);font-weight:700}.buddy-context-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:28px}.buddy-context-card h3{color:var(--muted);margin:0 0 8px;font-size:17px}.buddy-story-desc{margin-bottom:24px;font-size:16px;font-weight:700;line-height:1.5}.buddy-decision-buttons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.buddy-dec-btn{border:2px solid var(--line);background:#f8fafc;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .2s;display:flex}.buddy-dec-btn span{font-size:32px}.buddy-dec-btn b{font-size:14px}.buddy-dec-btn.btn-yes:hover{color:#166534;background:#eefdf4;border-color:#86efac}.buddy-dec-btn.btn-no:hover{color:#991b1b;background:#fff5f5;border-color:#fca5a5}.buddy-feedback-banner{border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;font-size:15px;font-weight:800;display:flex}.buddy-feedback-banner.correct{color:#166534;background:#eefdf4}.buddy-feedback-banner.wrong{color:#991b1b;background:#fff5f5}.buddy-result-actions{justify-content:center;gap:12px;display:flex}.custom-widget{background:#fafafc;border:2px dashed #cfd9e8;border-radius:20px;margin-top:12px;padding:24px;position:relative}.widget-controls{justify-content:center;gap:12px;margin-top:20px;display:flex}.average-columns-container{border-bottom:2px solid var(--line);justify-content:center;align-items:flex-end;gap:40px;height:120px;padding-bottom:12px;display:flex}.average-col{flex-direction:column;align-items:center;width:60px;display:flex}.avg-bar-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800}.avg-bar-visual-wrap{background:#f1f5f9;border-radius:8px;align-items:flex-end;width:100%;height:90px;display:flex;overflow:hidden}.avg-bar-fill{justify-content:center;align-items:center;width:100%;transition:height .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.col-hung{background:#60a5fa}.col-dung{background:#34d399}.col-sang{background:#f87171}.avg-number{color:#fff;font-size:14px;font-weight:900}.bar-model-container{flex-direction:column;gap:16px;max-width:400px;margin:0 auto;display:flex}.model-row{align-items:center;gap:12px;display:flex}.row-label{width:80px;color:var(--muted);font-size:13px;font-weight:800}.model-bar-wrap{flex:1;align-items:center;display:flex}.model-bar{color:#fff;background:#3b82f6;border-radius:8px;align-items:center;height:36px;padding:0 12px;font-size:13px;font-weight:800;transition:all .3s;display:flex}.bar-big{width:70%}.bar-big.contracted{background:#2563eb;width:49%}.bar-small{background:#10b981;width:49%}.bar-small.expanded{background:#059669;width:70%}.model-barbar-diff{color:#a16207;background:#fef08a;border:2px dashed #eab308;border-radius:8px;justify-content:center;align-items:center;width:21%;height:36px;margin-left:4px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.model-barbar-diff.added{color:#14532d;background:#86efac;border-style:solid;border-color:#22c55e}.lego-line{gap:4px;display:flex}.lego-brick{color:#fff;background:#ec4899;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:800}.outline-brick{color:#db2777;background:#fbcfe8;border:2px dashed #db2777}.highlight-brick{transform:scale(1.05);box-shadow:0 0 0 3px #f59e0b}.total-bracket-label{text-align:center;margin-top:16px;font-size:14px;font-weight:800}.factory-display{flex-direction:column;gap:12px;display:flex}.factory-shelf{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.factory-shelf.accent-shelf{background:#eef2ff;border-color:#c7d2fe}.factory-shelf.result-shelf{background:#f0fdf4;border-color:#bbf7d0}.factory-items{gap:6px;font-size:24px;display:flex}.factory-item{transition:all .3s}.highlight-item{transform:scale(1.3)}.chocolate-bar{background:#78350f;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;max-width:240px;margin:0 auto 16px;padding:8px;display:grid}.chocolate-segment{opacity:.3;background:#d97706;border-radius:6px;place-items:center;height:50px;font-size:20px;transition:all .3s;display:grid}.chocolate-segment.segment-active{opacity:1;background:#f59e0b}.fraction-label{text-align:center;margin-bottom:12px;font-size:13px}.fraction-slider-control{justify-content:center;display:flex}.fraction-slider-control input{width:100%;max-width:200px}.grid-visual-matrix{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:inline-flex}.grid-visual-row{gap:4px;display:flex}.grid-visual-cell{opacity:.15;background:#f1f5f9;border-radius:4px;place-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:grid}.grid-visual-cell.filled{opacity:1;background:#bae6fd}.receipt-paper{background:#fff;border-radius:8px;max-width:240px;margin:0 auto;padding:16px;font-family:monospace;font-size:12px;box-shadow:0 4px 10px #0000000d}.receipt-header{text-align:center;color:var(--primary);margin:0 0 12px;font-size:13px}.receipt-line{justify-content:space-between;margin-bottom:6px;display:flex}.receipt-divider{border-top:1px dashed var(--line);margin:8px 0}.text-green{color:#166534;font-weight:700}.receipt-footer{text-align:center;color:var(--muted);margin-top:12px}.multistep-ladder{flex-direction:column;gap:10px;max-width:300px;margin:0 auto;display:flex}.ladder-step{border:2px solid var(--line);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.ladder-step.active{border-color:var(--primary);color:var(--primary);background:#f5f3ff}.think-box{background:#fdfaf2;border:1px solid #faecc1;border-radius:14px;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.think-icon{font-size:24px}.think-text{font-size:13px}.think-text b{color:#854d0e;margin-bottom:2px;display:block}.think-text p{color:#713f12;margin:0;line-height:1.4}.test-exercise-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px!important;padding:32px!important;box-shadow:0 10px 25px #6366f114!important}.test-story-box{background:#eff6ff!important;border-color:#bfdbfe!important}.test-options-area .option{color:#1f2937;background:#fff;border:2px solid #e2e8f0;font-weight:600;transition:all .2s}.assessment-card{border:1px solid #e0e7ff!important;max-width:580px!important;padding:32px!important;box-shadow:0 20px 40px #6366f126!important}.planting-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:160px;margin-bottom:12px;padding:16px;display:flex}.planting-road{align-items:center;width:90%;height:80px;display:flex;position:relative}.road-line{background:#94a3b8;border-radius:3px;width:100%;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.trees-container{align-items:center;width:100%;height:100%;display:flex;position:absolute}.planted-tree-wrapper{opacity:0;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.planted-tree-wrapper.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.tree-emoji{filter:drop-shadow(0 2px 4px #0000001a);font-size:32px;line-height:1}.tree-index{color:#fff;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-top:4px;font-size:10px;font-weight:700;display:flex}.intervals-container{width:100%;height:40px;display:flex;position:absolute;bottom:-20px;left:0}.interval-measure-cung{flex-direction:column;align-items:center;height:100%;display:flex;position:absolute}.interval-line-arc{opacity:.6;border:2px solid #ef4444;border-top:none;border-radius:0 0 100px 100px;width:100%;height:12px}.interval-text{color:#ef4444;margin-top:2px;font-size:10px;font-weight:800}.planting-pond-container{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.pond-shape{color:#0369a1;background:#38bdf8;border:4px solid #0284c7;justify-content:center;align-items:center;width:100px;height:100px;font-weight:900;display:flex;position:absolute;box-shadow:inset 0 4px 8px #0000000d}.pond-shape.square{border-radius:16px}.pond-shape.circle{border-radius:50%}.pond-water{letter-spacing:1px;font-size:14px;font-weight:700}.pond-trees{width:140px;height:140px;position:absolute}.planted-tree-wrapper.circular{position:absolute}.sequence-step-card{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sequence-step-card.pair-red{transform:translateY(-4px);box-shadow:0 4px 10px #ef444426;background:#fee2e2!important;border-color:#ef4444!important}.sequence-step-card.pair-green{transform:translateY(-4px);box-shadow:0 4px 10px #10b98126;background:#dcfce7!important;border-color:#10b981!important}.sequence-step-card.pair-blue{transform:translateY(-4px);box-shadow:0 4px 10px #3b82f626;background:#dbeafe!important;border-color:#3b82f6!important}.sequence-step-card.pair-orange{transform:translateY(-4px);box-shadow:0 4px 10px #f9731626;background:#ffedd5!important;border-color:#f97316!important}.sequence-step-card.pair-purple{transform:translateY(-4px);box-shadow:0 4px 10px #a855f726;background:#f3e8ff!important;border-color:#a855f7!important}.geometry-tabs button{outline:none;font-family:inherit}.geometry-tabs button.active{color:#1e293b!important;background:#eab308!important;border-color:#ca8a04!important}.grid-piece-cell{transition:all .2s}.grid-piece-cell.highlighted{transform:scale(1.04);box-shadow:0 0 0 3px #eab308}.logic-grid-table td{transition:all .2s}.logic-grid-table .cell-x{color:#ef4444;font-weight:700}.logic-grid-table .cell-v{color:#10b981;font-weight:700}.onboarding-test-page{background:linear-gradient(135deg,#f0f4ff 0%,#f8fafc 100%);min-height:100vh}.test-progress-text{color:#4b5563}.test-buddy-panel{max-width:600px;margin:16px auto!important}.test-layout{flex:1;min-height:0;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:16px 24px 120px!important;display:flex!important;overflow-y:auto!important}.test-exercise-card{box-sizing:border-box;background:#fff;width:100%;border:1px solid #eef2ff!important;border-radius:24px!important;max-width:600px!important;height:auto!important;min-height:auto!important;padding:32px!important;box-shadow:0 12px 32px #6366f114!important}.test-story-box{border-radius:16px;flex-direction:row;align-items:center;gap:16px;margin-bottom:24px;background:#eff6ff!important;border:1px solid #bfdbfe!important;padding:20px!important;display:flex!important}.test-story-box .sound-button{flex-shrink:0}.test-story-box p{color:#1e3a8a;flex:1;margin:0;font-weight:600;line-height:1.6;font-size:18px!important}.test-story-box .story-emoji{margin-left:8px;font-size:36px;line-height:1}.test-options-area .option{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;width:100%;margin-bottom:12px;padding:16px;font-weight:600;transition:all .2s;display:flex}.test-options-area .option:hover:not(:disabled){background:#f5f3ff;border-color:#6366f1;transform:translateY(-2px)}.test-options-area .option.selected{background:#eff6ff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51f}.test-options-area .option:disabled{cursor:not-allowed}.assessment-screen{background:linear-gradient(135deg,#f5f7ff 0%,#eef2ff 100%)!important;padding:40px 24px!important}.assessment-card{background:#fff;border-radius:24px;width:100%;border:1px solid #e0e7ff!important;max-width:580px!important;padding:32px!important;box-shadow:0 20px 40px #6366f126!important}.certificate-box{transition:transform .3s;box-shadow:inset 0 2px 4px #00000005}.certificate-box:hover{transform:scale(1.01)}.skill-bar-fill{transition:width 1.2s cubic-bezier(.4,0,.2,1)!important}.starting-rec-box{box-shadow:0 4px 10px #16a34a0d}.personalized-schedule-section{background:#fff;border:1px solid #eef2ff;border-radius:24px;padding:28px;box-shadow:0 10px 30px #6366f10a}.personalized-schedule-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}@media (width<=900px){.personalized-schedule-grid{grid-template-columns:1fr;gap:16px}}.schedule-card{text-align:center;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:24px;transition:all .2s;display:flex;position:relative}.schedule-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #0000000d}.schedule-card.highlighted{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 8px 24px #6366f114}.schedule-card.highlighted:hover{border-color:#60a5fa;box-shadow:0 12px 32px #6366f11f}.schedule-card-badge{letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:16px;left:16px}.next-badge{color:#fff;background:#2563eb}.recent-badge{color:#fff;background:#10b981}.review-badge{color:#fff;background:#f59e0b}.schedule-card-visual{filter:drop-shadow(0 4px 6px #0000000f);margin-top:16px;margin-bottom:12px;font-size:48px;line-height:1}.schedule-card h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.3}.schedule-skill-tag{color:#4f46e5;background:#f5f3ff;border-radius:8px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700}.schedule-card.highlighted .schedule-skill-tag{color:#2563eb;background:#dbeafe}.schedule-blurb{color:#64748b;flex:1;margin:0 0 20px;font-size:14px;line-height:1.5}.btn-schedule-action{cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:800;transition:background-color .2s;box-shadow:0 2px 6px #0000000a}.btn-next-action{color:#fff;background:#2563eb}.btn-next-action:hover{background:#1d4ed8}.btn-recent-action{color:#fff;background:#10b981}.btn-recent-action:hover{background:#059669}.btn-review-action{color:#fff;background:#f59e0b}.btn-review-action:hover{background:#d97706}.schedule-card.empty-card{cursor:default;border-style:dashed}.schedule-card.empty-card:hover{box-shadow:none;border-color:#e2e8f0;transform:none}@keyframes mascot-float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes cta-pulse{0%{box-shadow:0 0 #6851e866}70%{box-shadow:0 0 0 10px #6851e800}to{box-shadow:0 0 #6851e800}}@keyframes cta-pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes cta-pulse-orange{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes cta-pulse-cyan{0%{box-shadow:0 0 #0891b266}70%{box-shadow:0 0 0 10px #0891b200}to{box-shadow:0 0 #0891b200}}@keyframes cta-pulse-blue{0%{box-shadow:0 0 #1d4ed866}70%{box-shadow:0 0 0 10px #1d4ed800}to{box-shadow:0 0 #1d4ed800}}@keyframes cta-pulse-pink{0%{box-shadow:0 0 #db277766}70%{box-shadow:0 0 0 10px #db277700}to{box-shadow:0 0 #db277700}}.home-hero-container{margin-bottom:32px}.home-hero-card{border:2px solid #e2e8f0;border-radius:32px;align-items:center;gap:32px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000008}.home-hero-card.theme-owl{background:linear-gradient(135deg,#f5f3ff 0%,#edd8ff 100%);border-color:#d8b4fe}.home-hero-card.theme-robot{background:linear-gradient(135deg,#f0f9ff 0%,#d0e7ff 100%);border-color:#bae6fd}.home-hero-card.theme-turtle{background:linear-gradient(135deg,#f0fdf4 0%,#cef5db 100%);border-color:#a7f3d0}.home-hero-card.theme-babyshark{background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%);border-color:#67e8f9}.home-hero-card.theme-poli{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.home-hero-card.theme-steve{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.home-hero-card.theme-elsa{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#7dd3fc}.home-hero-card.theme-pinkfong{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-color:#fbcfe8}.home-hero-card.theme-peppa{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border-color:#fecdd3}.home-hero-card:before{content:"";pointer-events:none;background:#ffffff26;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.mascot-hero-wrapper{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.mascot-hero-avatar{background:#fff;border-radius:28px;place-items:center;width:96px;height:96px;transition:transform .2s;animation:3s ease-in-out infinite mascot-float;display:grid;box-shadow:0 8px 16px #0000000a,inset 0 -4px #0000000d}.mascot-hero-wrapper:hover .mascot-hero-avatar{transform:scale(1.05)}.mascot-emoji-large{font-size:56px;line-height:1}.mascot-name-tag{color:#334155;letter-spacing:.5px;background:#0000000d;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800}.speech-bubble-container{cursor:pointer;flex:1;transition:transform .2s;position:relative}.speech-bubble-container:hover{transform:translateY(-2px)}.speech-bubble{background:#fff;border:1px solid #00000008;border-radius:24px;padding:20px 24px;position:relative;box-shadow:0 10px 25px #00000008}.speech-bubble:after{content:"";border:8px solid #0000;border-left-width:0;border-right:12px solid #fff;width:0;display:block;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.speech-bubble p{color:#1e293b;margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.5}.speech-bubble-speaker-hint{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.hero-cta-box{background:#fff;border:1px solid #00000008;border-radius:24px;flex-direction:column;flex-shrink:0;width:260px;padding:24px;display:flex;box-shadow:0 10px 25px #00000008}.hero-cta-info{flex-direction:column;flex:1;display:flex}.hero-cta-badge{letter-spacing:.5px;border-radius:20px;align-self:flex-start;margin-bottom:12px;padding:3px 8px;font-size:10px;font-weight:800}.theme-owl .hero-cta-badge{color:#7c3aed;background:#faf5ff}.theme-robot .hero-cta-badge{color:#0284c7;background:#f0f9ff}.theme-turtle .hero-cta-badge{color:#059669;background:#f0fdf4}.theme-babyshark .hero-cta-badge{color:#0891b2;background:#ecfeff}.theme-poli .hero-cta-badge{color:#1e40af;background:#eff6ff}.theme-steve .hero-cta-badge{color:#166534;background:#f0fdf4}.theme-elsa .hero-cta-badge{color:#0369a1;background:#f0f9ff}.theme-pinkfong .hero-cta-badge{color:#be185d;background:#fdf2f8}.theme-peppa .hero-cta-badge{color:#e11d48;background:#fff1f2}.hero-cta-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:18px;font-weight:900;display:flex}.hero-cta-icon{font-size:24px}.hero-skill-tag{border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:2px 8px;font-size:11px;font-weight:800}.theme-owl .hero-skill-tag{color:#6b21a8;background:#f3e8ff}.theme-robot .hero-skill-tag{color:#0369a1;background:#e0f2fe}.theme-turtle .hero-skill-tag{color:#15803d;background:#dcfce7}.theme-babyshark .hero-skill-tag{color:#0e7490;background:#cffafe}.theme-poli .hero-skill-tag{color:#1d4ed8;background:#dbeafe}.theme-steve .hero-skill-tag{color:#15803d;background:#dcfce7}.theme-elsa .hero-skill-tag{color:#0284c7;background:#e0f2fe}.theme-pinkfong .hero-skill-tag{color:#db2777;background:#fce7f3}.theme-peppa .hero-skill-tag{color:#f43f5e;background:#ffe4e6}.hero-blurb{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.4}.hero-primary-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.theme-owl .hero-primary-btn{background:#6851e8;animation:2s infinite cta-pulse}.theme-owl .hero-primary-btn:hover{background:#523bc7}.theme-robot .hero-primary-btn{background:#0284c7;animation:2s infinite cta-pulse}.theme-robot .hero-primary-btn:hover{background:#0369a1}.theme-turtle .hero-primary-btn{background:#10b981;animation:2s infinite cta-pulse-green}.theme-turtle .hero-primary-btn:hover{background:#059669}.theme-babyshark .hero-primary-btn{background:#0891b2;animation:2s infinite cta-pulse-cyan}.theme-babyshark .hero-primary-btn:hover{background:#0e7490}.theme-poli .hero-primary-btn{background:#1d4ed8;animation:2s infinite cta-pulse-blue}.theme-poli .hero-primary-btn:hover{background:#1e40af}.theme-steve .hero-primary-btn{background:#15803d;animation:2s infinite cta-pulse-green}.theme-steve .hero-primary-btn:hover{background:#166534}.theme-elsa .hero-primary-btn{background:#0284c7;animation:2s infinite cta-pulse-cyan}.theme-elsa .hero-primary-btn:hover{background:#0369a1}.theme-pinkfong .hero-primary-btn{background:#db2777;animation:2s infinite cta-pulse-pink}.theme-pinkfong .hero-primary-btn:hover{background:#be185d}.theme-peppa .hero-primary-btn{background:#f43f5e;animation:2s infinite cta-pulse-pink}.theme-peppa .hero-primary-btn:hover{background:#e11d48}.secondary-quests-section{margin-top:32px;margin-bottom:32px}.section-title-cute{color:#1e293b;margin:0 0 16px;font-size:20px;font-weight:900}.secondary-quests-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.secondary-quest-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;min-height:200px;padding:24px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 20px #00000003}.secondary-quest-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #0000000a}.secondary-quest-card .badge{border-radius:30px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:16px;right:16px}.secondary-quest-card .badge.reflex{color:#ea580c;background:#fff7ed}.secondary-quest-card .badge.fix{color:#db2777;background:#fdf2f8}.secondary-quest-card .badge.map{color:#16a34a;background:#f0fdf4}.secondary-quest-card .icon{margin-bottom:12px;font-size:40px;line-height:1}.secondary-quest-card h3{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:800}.secondary-quest-card p{color:#64748b;flex:1;margin:0 0 16px;font-size:13px;line-height:1.4}.secondary-quest-card .bonus-xp{color:#475569;margin-bottom:16px;font-size:12px;font-weight:800}.secondary-quest-card .btn-action{color:#1e293b;cursor:pointer;text-align:center;background:#f1f5f9;border:none;border-radius:12px;width:100%;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.secondary-quest-card.card-arena:hover .btn-action{color:#fff;background:#f97316}.secondary-quest-card.card-buddy:hover .btn-action{color:#fff;background:#db2777}.secondary-quest-card.card-map:hover .btn-action{color:#fff;background:#6851e8}.personalized-progress-section{margin-top:32px}.personalized-progress-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.progress-history-card{cursor:pointer;background:#fff;border:1px solid #eef2ff;border-radius:24px;flex-direction:column;padding:24px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 24px #6366f105}.progress-history-card:hover{border-color:#dbeafe;transform:translateY(-4px);box-shadow:0 12px 30px #6366f10d}.progress-history-card.celebratory{cursor:default;text-align:center;background:#f0fdf4;border-color:#bbf7d0;justify-content:center;align-items:center;display:flex}.progress-history-card.celebratory:hover{border-color:#bbf7d0;transform:none;box-shadow:0 8px 24px #6366f105}.progress-history-card .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-history-card .badge{letter-spacing:.5px;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800}.progress-history-card .badge.history{color:#065f46;background:#d1fae5}.progress-history-card .badge.review{color:#92400e;background:#fef3c7}.progress-history-card .icon{font-size:32px;line-height:1}.progress-history-card.celebratory .icon{margin-bottom:12px;font-size:48px}.progress-history-card h3{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:800}.progress-history-card .skill-tag{color:#475569;background:#f1f5f9;border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:2px 8px;font-size:11px;font-weight:700}.progress-history-card .blurb{color:#64748b;flex:1;margin:0 0 16px;font-size:13px;line-height:1.4}.progress-history-card .btn-action-outline{color:#475569;cursor:pointer;text-align:center;background:0 0;border:2px solid #cbd5e1;border-radius:12px;width:100%;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.progress-history-card:hover .btn-action-outline{color:#fff;background:#10b981;border-color:#10b981}.progress-history-card.review:hover .btn-action-outline{color:#fff;background:#f59e0b;border-color:#f59e0b}.progress-history-card .celebrate-badge{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800}@media (width<=900px){.home-hero-card{flex-direction:column;gap:20px;padding:24px}.speech-bubble:after{border-width:8px 12px 8px 0;top:-8px;left:50%;transform:translate(-50%)rotate(90deg)}.hero-cta-box{width:100%}.secondary-quests-grid,.personalized-progress-grid{grid-template-columns:1fr;gap:16px}}.level-card,.stat,.dev-toggle-direct,.audio-settings-toggle,.avatar-button{cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s}.level-card:hover,.stat:hover,.dev-toggle-direct:hover,.audio-settings-toggle:hover,.avatar-button:hover{border-color:#a5b4fc;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 16px #6851e814}.level-card:active,.stat:active,.dev-toggle-direct:active,.audio-settings-toggle:active,.avatar-button:active{transform:translateY(0)scale(.97)}.guide-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out guide-fade-in;display:flex;position:fixed;top:0;left:0}.guide-modal-card{text-align:center;background:#fff;border:3px solid #e2e8f0;border-radius:24px;width:90%;max-width:450px;padding:28px;animation:.3s cubic-bezier(.175,.885,.32,1.15) guide-bounce-up;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a1f}.guide-modal-card:before{content:"";background:linear-gradient(90deg,#6851e8,#39bf64);height:6px;position:absolute;top:0;left:0;right:0}.guide-close-btn{color:#64748b;z-index:10;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.guide-close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.guide-title-wrapper{margin-bottom:20px;padding-top:10px}.guide-title-wrapper h3{color:#1e293b;justify-content:center;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;display:flex}.guide-mascot-section{text-align:left;background:#fcfcff;border:1px dashed #e2e8f0;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.guide-mascot-avatar{background:#f1f0ff;border:2px solid #e0dbff;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 4px 10px #6851e80f}.guide-mascot-emoji{font-size:36px;line-height:1}.guide-mascot-name{color:#6851e8;white-space:nowrap;background:#eae7ff;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;bottom:-8px}.guide-speech-bubble{flex:1;position:relative}.guide-speech-text{color:#334155;margin:0;font-size:14px;font-weight:700;line-height:1.5}.guide-details-list{text-align:left;flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.guide-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;gap:12px;padding:12px;transition:transform .2s;display:flex}.guide-detail-item:hover{background:#f1f5f9;transform:translate(4px)}.guide-detail-icon{flex-shrink:0;align-items:center;font-size:20px;display:flex}.guide-detail-content{flex-direction:column;gap:2px;display:flex}.guide-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.guide-detail-text{color:#1e293b;font-size:13.5px;font-weight:600;line-height:1.4}.guide-speak-btn{color:#6851e8;cursor:pointer;background:#eae7ff;border:1px solid #d2cbff;border-radius:12px;align-self:center;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.guide-speak-btn:hover{color:#fff;background:#6851e8;border-color:#6851e8}.guide-action-btn{color:#fff;cursor:pointer;background:#39bf64;border-radius:16px;width:100%;padding:14px;font-size:16px;font-weight:900;transition:all .15s;box-shadow:0 4px #28954c}.guide-action-btn:hover{background:#31ad57;transform:translateY(-1px)}.guide-action-btn:active{box-shadow:none;transform:translateY(2px)}.guide-modal-card.theme-robot:before{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.guide-modal-card.theme-robot .guide-mascot-name{color:#0ea5e9;background:#e0f2fe}.guide-modal-card.theme-robot .guide-speak-btn{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.guide-modal-card.theme-robot .guide-speak-btn:hover{color:#fff;background:#0ea5e9}.guide-modal-card.theme-turtle:before{background:linear-gradient(90deg,#10b981,#059669)}.guide-modal-card.theme-turtle .guide-mascot-name{color:#059669;background:#d1fae5}.guide-modal-card.theme-turtle .guide-speak-btn{color:#047857;background:#d1fae5;border-color:#a7f3d0}.guide-modal-card.theme-turtle .guide-speak-btn:hover{color:#fff;background:#10b981}.guide-modal-card.theme-babyshark:before{background:linear-gradient(90deg,#22d3ee,#06b6d4)}.guide-modal-card.theme-babyshark .guide-mascot-name{color:#06b6d4;background:#ecfeff}.guide-modal-card.theme-babyshark .guide-speak-btn{color:#0891b2;background:#ecfeff;border-color:#cffafe}.guide-modal-card.theme-babyshark .guide-speak-btn:hover{color:#fff;background:#06b6d4}.guide-modal-card.theme-poli:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.guide-modal-card.theme-poli .guide-mascot-name{color:#1d4ed8;background:#eff6ff}.guide-modal-card.theme-poli .guide-speak-btn{color:#1e40af;background:#eff6ff;border-color:#dbeafe}.guide-modal-card.theme-poli .guide-speak-btn:hover{color:#fff;background:#1d4ed8}.guide-modal-card.theme-steve:before{background:linear-gradient(90deg,#22c55e,#15803d)}.guide-modal-card.theme-steve .guide-mascot-name{color:#15803d;background:#f0fdf4}.guide-modal-card.theme-steve .guide-speak-btn{color:#166534;background:#f0fdf4;border-color:#dcfce7}.guide-modal-card.theme-steve .guide-speak-btn:hover{color:#fff;background:#15803d}.guide-modal-card.theme-elsa:before{background:linear-gradient(90deg,#38bdf8,#0284c7)}.guide-modal-card.theme-elsa .guide-mascot-name{color:#0284c7;background:#f0f9ff}.guide-modal-card.theme-elsa .guide-speak-btn{color:#0369a1;background:#f0f9ff;border-color:#e0f2fe}.guide-modal-card.theme-elsa .guide-speak-btn:hover{color:#fff;background:#0284c7}.guide-modal-card.theme-pinkfong:before{background:linear-gradient(90deg,#f472b6,#db2777)}.guide-modal-card.theme-pinkfong .guide-mascot-name{color:#db2777;background:#fdf2f8}.guide-modal-card.theme-pinkfong .guide-speak-btn{color:#be185d;background:#fdf2f8;border-color:#fce7f3}.guide-modal-card.theme-pinkfong .guide-speak-btn:hover{color:#fff;background:#db2777}.guide-modal-card.theme-peppa:before{background:linear-gradient(90deg,#fb7185,#f43f5e)}.guide-modal-card.theme-peppa .guide-mascot-name{color:#f43f5e;background:#fff1f2}.guide-modal-card.theme-peppa .guide-speak-btn{color:#e11d48;background:#fff1f2;border-color:#ffe4e6}.guide-modal-card.theme-peppa .guide-speak-btn:hover{color:#fff;background:#f43f5e}@keyframes guide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes guide-bounce-up{0%{opacity:0;transform:scale(.9)translateY(20px)}70%{transform:scale(1.03)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.guide-tabs{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;margin-bottom:24px;padding-top:18px;display:flex}.guide-tab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.guide-tab-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.guide-tab-btn.active{color:#6851e8;background:#eae7ff;border-color:#6851e8;transform:scale(1.05);box-shadow:0 4px 10px #6851e814}.guide-modal-card.theme-robot .guide-tab-btn.active{color:#0284c7;background:#e0f2fe;border-color:#0ea5e9;box-shadow:0 4px 10px #0ea5e914}.guide-modal-card.theme-turtle .guide-tab-btn.active{color:#047857;background:#d1fae5;border-color:#10b981;box-shadow:0 4px 10px #10b98114}.guide-modal-card.theme-babyshark .guide-tab-btn.active{color:#0891b2;background:#ecfeff;border-color:#06b6d4;box-shadow:0 4px 10px #06b6d414}.guide-modal-card.theme-poli .guide-tab-btn.active{color:#1e40af;background:#eff6ff;border-color:#1d4ed8;box-shadow:0 4px 10px #1d4ed814}.guide-modal-card.theme-steve .guide-tab-btn.active{color:#166534;background:#f0fdf4;border-color:#15803d;box-shadow:0 4px 10px #15803d14}.guide-modal-card.theme-elsa .guide-tab-btn.active{color:#0369a1;background:#f0f9ff;border-color:#0284c7;box-shadow:0 4px 10px #0284c714}.guide-modal-card.theme-pinkfong .guide-tab-btn.active{color:#be185d;background:#fdf2f8;border-color:#db2777;box-shadow:0 4px 10px #db277714}.guide-modal-card.theme-peppa .guide-tab-btn.active{color:#e11d48;background:#fff1f2;border-color:#f43f5e;box-shadow:0 4px 10px #f43f5e14}.achievement{transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 4px #0000000a}.achievement:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.achievement.unlocked:hover{border-color:#f59e0b;box-shadow:0 10px 20px #f1d47a40}.achievement-icon{font-size:50px;display:block}.status-text{font-weight:600}.unlocked-status-text{color:#10b981}.locked-status-text{color:var(--muted)}.achievement-progress-mini{width:100%;margin:12px 0 8px}.progress-bar-bg{background:#f1f5f9;border-radius:10px;width:100%;height:8px;position:relative;overflow:hidden}.achievement-progress-mini .progress-bar-fill{background:linear-gradient(90deg,#6366f1,#3b82f6);border-radius:10px;height:100%;transition:width .4s}.progress-label{color:var(--muted);margin-top:4px;font-size:11px;font-weight:500;display:block}.achievement-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.achievement-modal-card{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative;box-shadow:0 20px 40px #00000026}.achievement-modal-card .close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.achievement-modal-card .close-btn:hover{color:#0f172a;background:#e2e8f0}.achievement-modal-card .modal-icon{margin-bottom:12px;font-size:72px}.achievement-modal-card h2{color:#0f172a;margin:0 0 10px;font-size:24px}.achievement-modal-card .desc{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.5}.modal-progress{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:20px;padding:16px}.progress-label-row{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.progress-label-row span{color:#64748b}.progress-label-row b{color:#0f172a}.progress-bar-container{background:#e2e8f0;border-radius:10px;width:100%;height:12px;overflow:hidden}.progress-bar-container .progress-bar-fill{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:10px;height:100%}.unlock-status{border-radius:12px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:600}.unlock-status.success{color:#047857;background:#ecfdf5;border:1px dashed #a7f3d0}.unlock-status.locked{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.mascot-advice{text-align:left;background:#f5f3ff;border:1px solid #edd1ff;border-radius:16px;align-items:flex-start;gap:12px;padding:16px;display:flex}.mascot-avatar{flex-shrink:0;font-size:32px}.mascot-advice b{color:#6d28d9;margin-bottom:4px;font-size:13px;display:block}.mascot-advice p{color:#4c1d95;margin:0;font-size:13px;line-height:1.45}.achievement-celebration-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;cursor:pointer;background:#0f172abf;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.achievement-celebration-card{text-align:center;cursor:default;background:radial-gradient(circle at top,#fff9e6 0%,#fff 70%);border:3px solid #fbbf24;border-radius:32px;width:90%;max-width:440px;padding:40px 32px;animation:.5s cubic-bezier(.34,1.76,.64,1) celebratePop;position:relative;box-shadow:0 25px 50px -12px #fbbf2459}.achievement-celebration-card .sparkles{letter-spacing:6px;font-size:24px;animation:1.5s infinite alternate heartbeat}.celebration-badge{margin:16px 0;font-size:96px;animation:3s ease-in-out infinite floatMascot;display:inline-block}.achievement-celebration-card h1{color:#d97706;letter-spacing:1px;margin:0 0 8px;font-size:28px;font-weight:900}.achievement-celebration-card h3{color:#0f172a;margin:0 0 12px;font-size:22px;font-weight:800}.achievement-celebration-card .description{color:#64748b;margin:0 0 24px;font-size:15px;line-height:1.5}.mascot-praise{text-align:left;background:#fff8eb;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:14px;margin-bottom:28px;padding:16px;display:flex}.mascot-emoji-big{flex-shrink:0;font-size:40px;animation:2s ease-in-out infinite wiggle}.mascot-praise b{color:#b45309;margin-bottom:2px;font-size:13px;display:block}.mascot-praise p{color:#78350f;margin:0;font-size:13.5px;font-style:italic;line-height:1.45}.celebration-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:16px;width:100%;padding:14px 28px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 6px 20px #f59e0b59}.celebration-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b73}.celebration-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes celebratePop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.insights-page{animation:.4s ease-out fadeIn}.insights-grid{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}@media (width>=768px){.insights-grid{grid-template-columns:280px 1fr}}.insights-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:24px}.hero-card-large{text-align:center;background:linear-gradient(185deg,#fff 0%,#f5f8ff 100%);flex-direction:column;align-items:center;display:flex}.hero-avatar-wrapper{border:4px solid var(--primary-light);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:16px;display:flex;position:relative;box-shadow:0 8px 20px #0000000a}.hero-mascot{font-size:60px;animation:3s ease-in-out infinite floatMascot}.hero-sparkles{font-size:20px;animation:2s ease-in-out infinite wiggle;position:absolute;top:-6px;right:-6px}.hero-card-large h2{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:900}.hero-level{background:var(--primary);color:#fff;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:800}.hero-xp-bar{background:#eef2f6;border-radius:10px;width:100%;height:18px;margin-bottom:20px;position:relative;overflow:hidden}.hero-xp-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:10px;height:100%;transition:width .5s ease-out}.xp-text{color:#1e293b;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-quick-stats{border-top:1px solid var(--line);gap:16px;width:100%;margin-bottom:20px;padding-top:16px;display:flex}.quick-stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.quick-stat-item span{margin-bottom:4px;font-size:22px}.quick-stat-item b{font-size:14px;font-weight:800}.quick-stat-item small{color:var(--muted);font-size:11px;font-weight:700}.hero-quote{color:#475569;border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;padding:12px;font-size:13px;font-style:italic;line-height:1.5}.attributes-card h3{align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:900;display:flex}.attributes-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=600px){.attributes-grid{grid-template-columns:1fr 1fr}}.attr-item{border:1px solid var(--line);background:#f8fafc;border-radius:16px;flex-direction:column;padding:16px;display:flex}.attr-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.attr-header span{color:var(--text);font-size:14px;font-weight:800}.attr-header b{color:var(--primary);font-size:14px;font-weight:900}.attr-progress{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.attr-progress-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.bg-logic{background:#3b82f6}.bg-speed{background:#f59e0b}.bg-accuracy{background:#10b981}.bg-stamina{background:#8b5cf6}.attr-item small{color:var(--muted);font-size:11px;font-weight:700}.monster-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.monster-header h3{margin:0;font-size:18px;font-weight:900}.monster-badge{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;animation:1s infinite alternate heartbeat}.monster-body{flex-direction:column;align-items:center;gap:20px;display:flex}@media (width>=600px){.monster-body{flex-direction:row;align-items:flex-start}}.monster-emoji{font-size:80px;display:block}.monster-info{flex:1}.monster-info h4{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:900}.monster-info h4 small{color:#db2777;font-size:13px;font-weight:700}.monster-desc{color:#475569;margin:0 0 16px;font-size:14px;line-height:1.5}.monster-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;transition:transform .2s;display:flex}.monster-tip:hover{transform:scale(1.01)}.monster-tip span{font-size:18px}.monster-tip p{color:#1e3a8a;margin:0;font-size:13px;font-weight:700;line-height:1.4}.challenge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:16px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #e11d4840}.challenge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e11d4859}.quests-card h3{margin:0 0 16px;font-size:18px;font-weight:900}.quests-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.quest-item{border:1px solid var(--line);background:#f8fafc;border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.quest-badge{text-transform:uppercase;border-radius:10px;margin-bottom:12px;padding:2px 8px;font-size:10px;font-weight:800}.q-recovery{color:#e11d48;background:#ffe4e6}.q-speed{color:#ea580c;background:#ffedd5}.q-double{color:#9333ea;background:#f3e8ff}.quest-item h4{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:800}.quest-item p{color:#475569;flex:1;margin:0 0 16px;font-size:12px;line-height:1.4}.quest-empty{color:var(--muted);font-style:italic}.quest-item button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:8px 12px;font-size:12px;font-weight:800;transition:all .2s}.quest-item:hover button{background:var(--primary);color:#fff;border-color:var(--primary)}.skill-map-card h3{margin:0 0 16px;font-size:18px;font-weight:900}.skill-map-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.skill-map-grid{grid-template-columns:1fr 1fr}}.skill-card-item{border:2px solid var(--line);background:#f8fafc;border-radius:20px;flex-direction:column;padding:16px;display:flex}.skill-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.skill-card-header b{font-size:15px;font-weight:800}.status-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.stat-mastered{color:#065f46;background:#d1fae5}.stat-improving{color:#1e40af;background:#dbeafe}.stat-todo{color:#374151;background:#f3f4f6}.skill-card-item.skill-mastered{background:#f6fdfa;border-color:#a7f3d0}.skill-card-item.skill-improving{background:#f5f9ff;border-color:#bfdbfe}.skill-mini-bar{background:#e2e8f0;border-radius:3px;height:6px;margin:8px 0 12px;overflow:hidden}.skill-mini-bar-fill{border-radius:3px;height:100%;transition:width .4s}.fill-mastered{background:#10b981}.fill-improving{background:#3b82f6}.fill-todo{background:#94a3b8}.skill-lessons-chips{flex-wrap:wrap;gap:8px;display:flex}.lesson-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.lesson-chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000000a}.lesson-chip.completed{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.lesson-chip.completed:hover{border-color:#86efac}.adaptive-nudge-box{text-align:left;background:linear-gradient(135deg,#f5f3ff 0%,#edd8ff 100%);border:2px dashed #c084fc;border-radius:24px;align-items:center;gap:20px;max-width:600px;margin:24px auto;padding:24px;animation:2s ease-in-out infinite alternate bounceNudge;display:flex;box-shadow:0 10px 25px #a855f71a}@keyframes bounceNudge{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.nudge-avatar{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:54px;line-height:1;display:flex;box-shadow:0 4px 12px #a855f726}.nudge-content{flex:1}.nudge-content h4{color:#6b21a8;margin:0 0 6px;font-size:16px;font-weight:900}.nudge-content p{color:#581c87;margin:0 0 16px;font-size:14px;font-weight:700;line-height:1.5}.nudge-actions{gap:12px;display:flex}.nudge-btn-accept{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:14px;padding:10px 18px;font-size:13px;font-weight:900;transition:all .2s;box-shadow:0 4px 12px #a855f74d}.nudge-btn-accept:hover{background:#9333ea;transform:translateY(-2px)}.nudge-btn-decline{color:#6b21a8;cursor:pointer;background:#fffc;border:1px solid #d8b4fe;border-radius:14px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.nudge-btn-decline:hover{background:#fff;border-color:#a855f7;transform:translateY(-2px)}.profile-sheet-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:12000;background:#0f172a73;width:100vw;height:100vh;animation:.2s ease-out forwards fade-in;position:fixed;top:0;left:0}.profile-sheet-panel{z-index:12001;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-height:92vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0f172a26}.profile-sheet-drag-handle{background:#e2e8f0;border-radius:10px;flex-shrink:0;width:44px;height:5px;margin:10px auto 4px}.profile-sheet-header{border-bottom:1px solid #eef2ff;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.profile-sheet-header h3{color:#1e1b4b;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.profile-sheet-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.profile-sheet-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.profile-sheet-close-btn:active{transform:scale(.95)}.profile-sheet-body{flex:1;padding:20px 24px 40px;overflow-y:auto}.profile-sheet-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:18px;margin-bottom:16px;padding:16px;box-shadow:0 2px 6px #0f172a05}.profile-sheet-card h4{color:#312e81;align-items:center;gap:6px;margin:0 0 12px;font-size:15px;font-weight:750;display:flex}.profile-name-edit-container{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-display-name{color:#1e1b4b;font-size:18px;font-weight:800}.profile-edit-name-btn{color:#4f46e5;cursor:pointer;background:#e0e7ff;border:none;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.profile-edit-name-btn:hover{background:#c7d2fe}.profile-name-input{border:2px solid #e0e7ff;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:14px;font-weight:600}.profile-name-input:focus{border-color:#6366f1}.profile-name-save-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.profile-name-save-btn:hover{background:#16a34a}.profile-name-cancel-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.profile-name-cancel-btn:hover{background:#cbd5e1}.mascot-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.mascot-select-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.mascot-select-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.mascot-select-card.selected{background:#f5f3ff;border-color:#6366f1;box-shadow:0 4px 12px #6366f11f}.mascot-select-card .mascot-emoji{font-size:32px}.mascot-select-card .mascot-label{color:#475569;font-size:13px;font-weight:700}.mascot-select-card.selected .mascot-label{color:#4f46e5}.pills-grid{flex-wrap:wrap;gap:8px;display:flex}.pill-button{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.pill-button:hover{border-color:#cbd5e1}.pill-button.selected{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 10px #4f46e526}.pill-button:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.custom-switch-row{justify-content:space-between;align-items:center;display:flex}.switch-label-desc{flex-direction:column;gap:2px;display:flex}.switch-label-desc span{color:#334155;font-size:13px;font-weight:650}.switch-label-desc small{color:#64748b;max-width:80%;font-size:11px;line-height:1.4}.custom-switch{flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.custom-switch input{opacity:0;width:0;height:0}.custom-slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.custom-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.custom-switch input:checked+.custom-slider{background-color:#22c55e}.custom-switch input:checked+.custom-slider:before{transform:translate(24px)}.custom-select-styled{color:#334155;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:6px 10px;font-size:13px;font-weight:700;transition:border-color .2s}.custom-select-styled:focus{border-color:#6366f1}.profile-sheet-footer-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.profile-sheet-footer-actions button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.btn-styled-dev{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe!important}.btn-styled-dev:hover{background:#e0e7ff}.btn-styled-reset{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2!important}.btn-styled-reset:hover{background:#fed7d7}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=769px){.profile-sheet-panel{border-radius:24px;width:520px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards zoom-in;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.profile-sheet-drag-handle{display:none}@keyframes zoom-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}