.header{background:#fff;border-bottom:1px solid rgba(108,92,231,.1);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #6c5ce70f}.logo{font-family:Nunito,sans-serif;font-size:22px;font-weight:800;color:#2d3436;display:flex;align-items:center;gap:6px}.logo-star{color:#e67e22;font-size:18px}.header-right{display:flex;align-items:center;gap:20px}.xp-bar{display:flex;align-items:center;gap:8px;font-size:13px;color:#636e72}.xp-label{font-weight:600;color:#6c5ce7}.xp-track{width:80px;height:7px;background:#f0eeff;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:4px;transition:width .5s ease}.level-badge{background:#f0eeff;color:#6c5ce7;font-size:12px;font-weight:700;padding:2px 8px;border-radius:20px}.star-count{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#636e72}.auth-info{display:flex;align-items:center;gap:8px}.auth-name{font-size:13px;font-weight:600;color:#636e72}.auth-btn{border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.auth-btn.signin{background:#6c5ce7;color:#fff}.auth-btn.signin:hover{background:#5a4dd0}.auth-btn.signout{background:#f0eeff;color:#6c5ce7}.auth-btn.signout:hover{background:#e0d8ff}.home-screen{max-width:860px;margin:0 auto;padding:32px 24px}.home-hero{text-align:center;margin-bottom:28px}.home-hero h1{font-size:28px;font-weight:800;color:#2d3436;margin-bottom:8px}.home-hero p{font-size:15px;color:#636e72}.grade-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}.grade-btn{padding:7px 16px;border-radius:999px;border:1.5px solid rgba(108,92,231,.2);background:#fff;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;transition:all .18s}.grade-btn:hover{border-color:#6c5ce7;color:#6c5ce7}.grade-btn.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.games-banner{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:20px;padding:16px 20px;margin-bottom:24px;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 22px #6c5ce74d}.games-banner:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6c5ce766}.games-banner-emoji{font-size:40px;flex-shrink:0}.games-banner-text{flex:1}.games-banner-title{font-size:17px;font-weight:800;color:#fff}.games-banner-sub{font-size:12px;color:#fffc;margin-top:3px}.games-banner-arrow{font-size:22px;color:#fffc;font-weight:700;flex-shrink:0}.stories-banner{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(135deg,#00b894,#55efc4);border:none;border-radius:20px;padding:16px 20px;margin-bottom:24px;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 22px #00b8944d}.stories-banner:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00b89466}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.subject-card{background:#fff;border:1.5px solid rgba(108,92,231,.1);border-radius:20px;padding:22px 18px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.subject-card:hover{border-color:#6c5ce7;transform:translateY(-4px);box-shadow:0 8px 28px #6c5ce71f}.subject-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}.subject-name{font-size:15px;font-weight:700;font-family:Nunito,sans-serif;color:#2d3436}.subject-meta{font-size:12px;color:#b2bec3}.subject-bar-track{width:100%;height:5px;background:#f1f2f6;border-radius:3px;overflow:hidden}.subject-bar-fill{height:100%;border-radius:3px;transition:width .5s}.subject-avg{font-size:11px;font-weight:700}.skill-screen{max-width:680px;margin:0 auto;padding:28px 24px}.back-btn{background:none;border:none;font-size:14px;color:#636e72;cursor:pointer;margin-bottom:20px;display:flex;align-items:center;gap:4px;font-weight:600;padding:0;transition:color .15s}.skill-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.skill-header-emoji{font-size:40px}.skill-header h2{font-size:22px;font-weight:800;color:#2d3436;margin-bottom:2px}.skill-header p{font-size:13px;color:#636e72}.skills-list{display:flex;flex-direction:column;gap:10px}.skill-row{background:#fff;border:1.5px solid rgba(108,92,231,.1);border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .18s;width:100%;text-align:left}.skill-row:hover{border-color:#6c5ce7;box-shadow:0 4px 16px #6c5ce71a;transform:translate(4px)}.skill-score{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.skill-info{flex:1}.skill-name{font-size:15px;font-weight:700;color:#2d3436;font-family:Nunito,sans-serif;margin-bottom:2px}.skill-desc{font-size:12px;color:#636e72}.skill-chevron{font-size:22px;color:#b2bec3;font-weight:300}.practice-screen{max-width:680px;margin:0 auto;padding:24px}.back-btn{background:none;border:none;font-size:14px;color:#636e72;cursor:pointer;font-weight:600;padding:0;transition:color .15s;margin-bottom:0}.back-btn:hover{color:#6c5ce7}.practice-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;background:#fff;border-radius:16px;padding:14px 18px;border:1.5px solid rgba(108,92,231,.1)}.practice-title-wrap{display:flex;align-items:center;gap:10px;flex:1}.practice-subject-emoji{font-size:28px}.practice-skill-name{font-size:15px;font-weight:700;color:#2d3436;font-family:Nunito,sans-serif}.practice-subject-name{font-size:12px;color:#636e72}.smart-score-pill{display:flex;align-items:center;gap:6px;background:#f0eeff;border-radius:999px;padding:6px 14px}.ss-label{font-size:11px;color:#6c5ce7;font-weight:600}.ss-val{font-size:18px;font-weight:800;color:#6c5ce7;font-family:Nunito,sans-serif}.ss-delta{font-size:12px;font-weight:700}.ss-delta.up{color:#00b894}.ss-delta.down{color:#d63031}.progress-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;background:#fff;border-radius:12px;border:1.5px solid rgba(108,92,231,.1)}.prog-ring{flex-shrink:0}.progress-text{font-size:13px;color:#636e72}.milestone-banner{background:linear-gradient(135deg,#f0eeff,#e8fff9);border:1.5px solid rgba(108,92,231,.2);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:14px;font-weight:700;color:#2d3436;text-align:center;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.q-card{background:#fff;border:1.5px solid rgba(108,92,231,.1);border-radius:20px;padding:24px;margin-bottom:16px}.q-num{font-size:11px;color:#b2bec3;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.q-text{font-size:19px;font-weight:700;color:#2d3436;font-family:Nunito,sans-serif;line-height:1.4;margin-bottom:10px}.q-hint{font-size:13px;color:#636e72;background:#fffbf0;border-radius:8px;padding:8px 12px;display:inline-block}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.ans-btn{background:#fff;border:1.5px solid rgba(108,92,231,.15);border-radius:14px;padding:16px 12px;font-size:15px;font-weight:600;color:#2d3436;cursor:pointer;transition:all .15s;font-family:Nunito Sans,sans-serif;line-height:1.3}.ans-btn:hover:not(:disabled){background:#f0eeff;border-color:#6c5ce7}.ans-btn.correct{background:#d4edda;border-color:#28a745;color:#155724}.ans-btn.wrong{background:#f8d7da;border-color:#dc3545;color:#721c24}.ans-btn.dimmed{opacity:.45}.ans-btn:disabled{cursor:default}.feedback-bar{border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;margin-bottom:14px;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-bar.correct{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback-bar.wrong{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-primary{background:#6c5ce7;color:#fff;border:none;border-radius:14px;padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;transition:all .18s;width:100%}.btn-primary:hover{background:#5a4dd0;transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce74d}.next-btn{margin-top:4px}.results-card{background:#fff;border-radius:24px;padding:40px 32px;text-align:center;border:1.5px solid rgba(108,92,231,.1);margin-top:24px}.results-icon{font-size:56px;margin-bottom:12px}.results-card h2{font-size:26px;font-weight:800;color:#2d3436;margin-bottom:8px}.results-msg{font-size:15px;color:#636e72;margin-bottom:28px}.results-score-row{display:flex;justify-content:center;gap:32px;margin-bottom:28px}.results-stat{text-align:center}.rs-val{font-size:28px;font-weight:800;font-family:Nunito,sans-serif;color:#2d3436}.rs-label{font-size:12px;color:#b2bec3;font-weight:600;margin-top:2px}.results-btns{display:flex;gap:12px;justify-content:center}.btn-secondary{background:#fff;color:#6c5ce7;border:1.5px solid #6C5CE7;border-radius:14px;padding:12px 22px;font-size:14px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;transition:all .18s}.btn-secondary:hover{background:#f0eeff}.results-btns .btn-primary{width:auto;padding:12px 22px}@media (max-width: 540px){.answers-grid{grid-template-columns:1fr}.practice-header{flex-wrap:wrap}}.level-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.level-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;letter-spacing:.3px;transition:all .3s}.level-pill.result-level{margin:0 auto}.streak-indicator{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.streak-dot{font-size:10px;transition:all .2s}.streak-dot.correct{color:#00b894}.streak-dot.wrong{color:#d63031}.streak-hint{font-size:11px;color:#636e72;margin-left:4px}.streak-hint.wrong{color:#d63031}.level-change-banner{border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;margin-bottom:12px;text-align:center;animation:pop .35s ease}.level-change-banner.up{background:linear-gradient(135deg,#e8fff9,#f0eeff);border:1.5px solid rgba(0,184,148,.3);color:#00b894}.level-change-banner.down{background:linear-gradient(135deg,#fff5f5,#fff8f0);border:1.5px solid rgba(214,48,49,.2);color:#d63031}.level-changes-log{background:#f8f9fa;border-radius:12px;padding:12px 16px;margin-bottom:16px;text-align:left}.lcl-title{font-size:11px;font-weight:700;color:#b2bec3;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.lc-item{font-size:13px;font-weight:600;padding:3px 0}.lc-item.up{color:#00b894}.lc-item.down{color:#d63031}.q-explanation{margin-top:8px;font-size:13px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06);font-weight:400;line-height:1.5}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.practice-screen.kid-mode{background:linear-gradient(160deg,#faf5ff,#f0fffe,#fffbf0);min-height:100vh}.q-card.q-card-kid{border-radius:24px;border:2.5px solid rgba(108,92,231,.15);background:#fff;box-shadow:0 8px 32px #6c5ce714;padding:28px 24px}.q-emoji-display{text-align:center;margin-bottom:16px;animation:floatIn .5s ease}.q-emoji-big{font-size:80px;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatIn{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.q-text.q-text-big{font-size:22px;font-weight:800;line-height:1.45;color:#2d3436;text-align:center;font-family:Nunito,sans-serif}.q-hint-kid{background:#fffde7;border:1.5px solid #ffe082;border-radius:12px;padding:10px 14px;font-size:14px;color:#795548;margin-top:12px;text-align:center;font-weight:600}.q-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.read-aloud-btn{display:flex;align-items:center;gap:5px;background:#f0eeff;border:1.5px solid rgba(108,92,231,.25);border-radius:999px;padding:5px 12px;font-size:16px;cursor:pointer;transition:all .18s;color:#6c5ce7;font-weight:600}.read-aloud-btn:hover{background:#e0d8ff;transform:scale(1.04)}.read-aloud-btn.read-aloud-big{padding:9px 18px;font-size:18px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;box-shadow:0 4px 14px #6c5ce74d}.read-aloud-btn.read-aloud-big:hover{transform:scale(1.06);box-shadow:0 6px 20px #6c5ce766}.read-aloud-btn.read-aloud-big .read-aloud-label{font-size:14px;font-weight:700;font-family:Nunito,sans-serif}.read-aloud-btn.speaking{animation:pulse-btn .6s ease infinite alternate}@keyframes pulse-btn{0%{box-shadow:0 4px 14px #6c5ce74d}to{box-shadow:0 4px 24px #6c5ce799}}.answers-grid.answers-grid-kid{grid-template-columns:1fr 1fr;gap:14px}.ans-btn.ans-btn-kid{padding:20px 14px;font-size:20px;font-weight:800;border-radius:20px;border:3px solid rgba(108,92,231,.15);background:#fff;transition:all .18s;font-family:Nunito,sans-serif;box-shadow:0 4px 12px #0000000f;letter-spacing:.5px}.answers-grid.answers-grid-kid .ans-btn.ans-btn-kid:nth-child(1):not(.correct):not(.wrong):not(.dimmed){background:linear-gradient(135deg,#ffeaa7,#fdcb6e20);border-color:#fdcb6e}.answers-grid.answers-grid-kid .ans-btn.ans-btn-kid:nth-child(2):not(.correct):not(.wrong):not(.dimmed){background:linear-gradient(135deg,#a29bfe20,#6c5ce720);border-color:#a29bfe}.answers-grid.answers-grid-kid .ans-btn.ans-btn-kid:nth-child(3):not(.correct):not(.wrong):not(.dimmed){background:linear-gradient(135deg,#55efc420,#00b89420);border-color:#00b894}.answers-grid.answers-grid-kid .ans-btn.ans-btn-kid:nth-child(4):not(.correct):not(.wrong):not(.dimmed){background:linear-gradient(135deg,#fd79a820,#e1705520);border-color:#e17055}.ans-btn.ans-btn-kid:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px #6c5ce72e}.ans-btn.ans-btn-kid.correct{background:linear-gradient(135deg,#00b894,#55efc4)!important;border-color:#00b894!important;color:#fff!important;transform:scale(1.05);box-shadow:0 8px 28px #00b89466!important;animation:correctPop .4s ease}.ans-btn.ans-btn-kid.wrong{background:linear-gradient(135deg,#d63031,#ff7675)!important;border-color:#d63031!important;color:#fff!important;animation:shake .4s ease}.ans-word-display{font-size:24px;font-weight:900;font-family:Nunito,sans-serif;letter-spacing:1px}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback-bar.feedback-kid{font-size:18px;padding:18px 20px;border-radius:18px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.feedback-msg{font-size:18px;font-weight:800;font-family:Nunito,sans-serif}.feedback-answer{font-size:15px;font-weight:600}.feedback-points{font-size:13px;opacity:.75}.next-btn.next-btn-kid{padding:18px;font-size:18px;border-radius:20px;margin-top:12px;box-shadow:0 6px 20px #6c5ce74d}.star-burst{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999}.burst-star{position:absolute;font-size:28px;animation:burst .8s ease-out forwards;animation-delay:calc(var(--i) * .07s);opacity:0}.burst-star:nth-child(1){--angle: 0deg}.burst-star:nth-child(2){--angle: 60deg}.burst-star:nth-child(3){--angle: 120deg}.burst-star:nth-child(4){--angle: 180deg}.burst-star:nth-child(5){--angle: 240deg}.burst-star:nth-child(6){--angle: 300deg}@keyframes burst{0%{opacity:1;transform:translate(0) scale(.5)}to{opacity:0;transform:translate(calc(cos(var(--angle))*100px),calc(sin(var(--angle))*100px)) scale(1.2)}}.results-card.kid-results{padding:48px 32px}.results-icon-bounce{animation:bounce .6s ease infinite alternate;display:block}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@media (max-width: 480px){.q-emoji-big{font-size:64px}.q-text.q-text-big{font-size:18px}.ans-btn.ans-btn-kid{font-size:17px;padding:16px 10px}.ans-word-display{font-size:20px}.answers-grid.answers-grid-kid{gap:10px}}.vq-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;padding:8px 0 4px}.vq-prompt{font-size:20px;font-weight:800;text-align:center;color:#2d3436;line-height:1.3;max-width:340px}.vq-opts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px}.vq-opt{font-size:26px;font-weight:900;color:#fff;border:none;border-radius:18px;padding:18px 10px;cursor:pointer;transition:transform .12s,opacity .2s,background .2s;box-shadow:0 4px #0000002e;letter-spacing:1px}.vq-opt:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #0000002e}.vq-opt:hover:not(:disabled){transform:scale(1.04)}.vq-opt.correct{background:#00b894!important;animation:vq-pop .35s ease}.vq-opt.wrong{background:#d63031!important;animation:vq-shake .4s ease}.vq-opt.dimmed{opacity:.35;cursor:default}.vq-opt:disabled{cursor:default}.vq-feedback{width:100%;max-width:360px;border-radius:14px;padding:12px 18px;font-size:17px;font-weight:700;text-align:center}.vq-feedback.correct{background:#d4f8e8;color:#00600f}.vq-feedback.wrong{background:#ffe0de;color:#b00020}@keyframes vq-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes vq-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ci-appear{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ni-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ms-arrive{0%{opacity:0;transform:translateY(-28px) scale(.5)}70%{transform:translateY(4px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mt-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes mt-match-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.ci-emoji-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:340px;min-height:64px}.ci-emoji{font-size:44px;opacity:0;transform:scale(0);transition:none;line-height:1;-webkit-user-select:none;user-select:none}.ci-emoji.appeared{animation:ci-appear .35s ease forwards;animation-delay:0s}.ni-emoji-wrap{background:#f8f5ff;border-radius:24px;padding:18px 28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #6c5ce71f}.ni-emoji{font-size:90px;line-height:1;animation:ni-float 2.4s ease-in-out infinite;display:block;-webkit-user-select:none;user-select:none}.ni-hint-btn{background:#fff3cd;border:2px solid #ffc107;color:#856404;border-radius:30px;padding:8px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.ni-hint-btn:hover{background:#ffe69c}.vq-opts-grid.ni-word-grid{gap:10px}.ni-word-opt{font-size:20px;font-weight:900;letter-spacing:2px;padding:20px 8px}.mn-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px}.mn-num-box{width:58px;height:58px;border-radius:14px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#2d3436;box-shadow:0 2px 6px #00000017;transition:background .3s,transform .2s;-webkit-user-select:none;user-select:none}.mn-num-box.blank{background:#6c5ce7;color:#fff;font-size:26px;box-shadow:0 4px 12px #6c5ce766;animation:ni-float 1.8s ease-in-out infinite}.mn-num-box.correct{background:#00b894;color:#fff;animation:vq-pop .35s ease}.mn-num-box.wrong{background:#d63031;color:#fff;animation:vq-shake .4s ease}.mn-pattern-hint{font-size:13px;color:#636e72;font-weight:600;background:#f8f8f8;border-radius:20px;padding:4px 14px}.mt-columns{display:flex;gap:16px;width:100%;max-width:360px;justify-content:center}.mt-left-col,.mt-right-col{display:flex;flex-direction:column;gap:10px;flex:1}.mt-emoji-btn,.mt-word-btn{border:3px solid #dfe6e9;border-radius:16px;background:#fff;cursor:pointer;transition:transform .12s,border-color .15s,background .15s;font-weight:700;width:100%}.mt-emoji-btn{font-size:40px;padding:10px 6px;line-height:1}.mt-word-btn{font-size:15px;padding:14px 6px;letter-spacing:1.5px;color:#2d3436}.mt-emoji-btn:hover:not(:disabled),.mt-word-btn:hover:not(:disabled){transform:scale(1.05);border-color:#a29bfe}.mt-selected{border-color:#6c5ce7!important;background:#f0eeff!important}.mt-matched{border-color:#00b894!important;background:#d4f8e8!important;animation:mt-match-pop .3s ease;cursor:default;opacity:.85}.mt-shake{animation:mt-shake .4s ease;border-color:#d63031!important}.mt-progress{display:flex;gap:8px;justify-content:center}.mt-dot{font-size:22px;color:#dfe6e9;transition:color .25s;line-height:1}.mt-dot.filled{color:#00b894}.ms-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:80px;max-width:340px;background:#fdf9ff;border-radius:20px;padding:14px 16px;box-shadow:inset 0 2px 8px #6c5ce712}.ms-item{font-size:40px;line-height:1;opacity:0;transform:translateY(-24px) scale(.6);transition:opacity .35s ease,transform .35s ease;-webkit-user-select:none;user-select:none}.ms-item.shown{opacity:1;transform:translateY(0) scale(1)}.ms-item.faded{opacity:.15;transform:scale(.7);filter:grayscale(1)}.ms-watch-label{font-size:14px;font-weight:700;color:#6c5ce7;background:#f0eeff;border-radius:20px;padding:6px 16px;text-align:center}.ti-canvas-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #6c5ce726;background:#fefefe;border:3px solid #e0d9ff;touch-action:none}.ti-canvas{display:block;cursor:crosshair}.ti-label{font-size:14px;font-weight:700;color:#6c5ce7;background:#f0eeff;border-radius:20px;padding:5px 14px;text-align:center}.ti-btn-row{display:flex;gap:12px}.ti-btn-clear{background:#fff;border:2px solid #b2bec3;color:#636e72;border-radius:30px;padding:10px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.ti-btn-clear:hover{background:#f5f5f5;border-color:#636e72}.ti-btn-done{background:#6c5ce7;border:none;color:#fff;border-radius:30px;padding:10px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .12s;box-shadow:0 4px 12px #6c5ce74d}.ti-btn-done:hover{background:#5a4bd1;transform:scale(1.03)}.vps{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(160deg,#fdf5ff,#eef0ff);padding-bottom:40px}.vps-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 10px;gap:10px}.vps-back{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:8px 16px;font-size:14px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s;white-space:nowrap}.vps-back:hover{background:#f5f5f5}.vps-title{font-size:15px;font-weight:800;color:#2d3436;text-align:center;line-height:1.2}.vps-subject{font-size:12px;color:#636e72;font-weight:600}.vps-score-pill{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;min-width:58px}.vps-score-label{font-size:10px;color:#636e72;font-weight:700;letter-spacing:.5px}.vps-score-val{font-size:20px;font-weight:900;color:#6c5ce7;line-height:1.1}.vps-progress-wrap{width:100%;max-width:480px;padding:0 16px 8px}.vps-progress-row{display:flex;align-items:center;gap:10px}.vps-progress-bar{flex:1;height:10px;background:#e0d9ff;border-radius:8px;overflow:hidden}.vps-progress-fill{height:100%;border-radius:8px;background:#6c5ce7;transition:width .5s ease}.vps-progress-text{font-size:13px;font-weight:700;color:#636e72;white-space:nowrap}.vps-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap;justify-content:center;padding:0 16px}.vps-type-badge{font-size:13px;font-weight:800;color:#fff;border-radius:20px;padding:5px 16px;letter-spacing:.5px}.vps-sound-icon{background:#fff;border:3px solid #6C5CE7;border-radius:50%;width:52px;height:52px;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background .15s;box-shadow:0 3px 12px #6c5ce733;flex-shrink:0}.vps-sound-icon:hover{transform:scale(1.1);background:#f3f0ff}.vps-sound-icon.speaking{background:#6c5ce7;color:#fff;animation:vps-pulse .8s ease infinite alternate}@keyframes vps-pulse{0%{box-shadow:0 0 #6c5ce766}to{box-shadow:0 0 0 10px #6c5ce700}}.vps--large .vq-prompt{font-size:26px}.vps--large .vq-opt{font-size:30px;padding:20px 12px}.vps--large .vq-feedback{font-size:20px}.vps--large .ni-emoji{font-size:110px}.vps--large .mn-num-box{font-size:30px;width:60px;height:60px}.vps--large .mn-pattern-hint{font-size:17px}.vps--large .ms-item{font-size:36px}.vps--large .ms-watch-label{font-size:22px}.vps--large .ci-count-label{font-size:26px}.vps--large .mt-emoji-btn{font-size:48px}.vps--large .mt-word-btn{font-size:20px;padding:16px 22px}.vps--large .ti-label{font-size:18px}.vps-card{background:#fff;border-radius:24px;box-shadow:0 6px 30px #6c5ce71f;padding:22px 20px 24px;width:100%;max-width:440px;margin:0 16px;position:relative;overflow:visible}.vps-next{margin-top:4px;padding:16px 36px;border:none;border-radius:30px;font-size:18px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 6px 20px #6c5ce759;transition:transform .12s,box-shadow .12s}.vps-next:hover{transform:scale(1.04);box-shadow:0 8px 24px #6c5ce773}.vps-next:active{transform:scale(.97)}.vps-star-burst{position:absolute;top:-10px;right:10px;pointer-events:none;z-index:10}.vps-burst-star{position:absolute;font-size:22px;animation:vps-burst .7s ease forwards;animation-delay:calc(var(--i) * .08s);opacity:0}@keyframes vps-burst{0%{opacity:0;transform:translate(0) scale(.3)}50%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 2.5) * 28px),calc(-40px - var(--i) * 8px)) scale(1.2)}}.vps-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:24px 20px;gap:16px}.vps-results-card{background:#fff;border-radius:28px;box-shadow:0 8px 40px #6c5ce724;padding:32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.vps-results-icon{font-size:72px;animation:vps-icon-bounce .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes vps-icon-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}}.vps-results-title{font-size:28px;font-weight:900;color:#2d3436;margin:0}.vps-results-msg{font-size:16px;color:#636e72;margin:0}.vps-results-stats{display:flex;gap:16px;justify-content:center;width:100%}.vps-results-stat{flex:1;background:#f8f5ff;border-radius:14px;padding:12px 8px}.vps-results-stat-val{font-size:26px;font-weight:900;color:#6c5ce7}.vps-results-stat-label{font-size:12px;color:#636e72;font-weight:700;margin-top:2px}.vps-results-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.vps-btn-secondary{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:12px 22px;font-size:15px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s}.vps-btn-secondary:hover{background:#f5f5f5}.vps-btn-primary{border:none;border-radius:30px;padding:12px 26px;font-size:15px;font-weight:800;color:#fff;cursor:pointer;transition:transform .12s;box-shadow:0 4px 16px #6c5ce74d}.vps-btn-primary:hover{transform:scale(1.04)}.game-back-btn{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.game-back-btn:hover{background:#f5f5f5}.game-reset-btn{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s;flex-shrink:0}.game-reset-btn:hover{background:#f5f5f5}.game-title{font-size:20px;font-weight:900;color:#2d3436;margin:0;text-align:center}.game-btn-primary{background:#6c5ce7;border:none;border-radius:30px;padding:12px 28px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 4px 14px #6c5ce759;transition:transform .12s,box-shadow .12s}.game-btn-primary:hover{transform:scale(1.04)}.game-btn-secondary{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:10px 22px;font-size:15px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s}.game-btn-secondary:hover{background:#f5f5f5}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .3s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.game-overlay-card{background:#fff;border-radius:28px;padding:36px 32px;max-width:360px;width:90%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:card-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes card-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.game-overlay-icon{font-size:72px}.game-overlay-card h2{font-size:26px;font-weight:900;color:#2d3436;margin:0}.game-stars{font-size:36px;letter-spacing:4px}.game-overlay-stats{display:flex;gap:20px;justify-content:center}.game-overlay-stat{display:flex;flex-direction:column;align-items:center}.game-overlay-val{font-size:28px;font-weight:900;color:#6c5ce7}.game-overlay-lbl{font-size:12px;color:#636e72;font-weight:700}.games-hub{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(160deg,#fdf5ff,#eef0ff);padding-bottom:40px}.games-hub-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;padding:18px 20px 10px}.games-hub-title h1{font-size:26px;font-weight:900;color:#2d3436;margin:0;text-align:center}.games-hub-title p{font-size:14px;color:#636e72;margin:4px 0 0;text-align:center}.games-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:820px;width:100%;padding:20px 20px 10px}.games-hub-card{border:none;border-radius:24px;padding:28px 22px 22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 28px #00000024}.games-hub-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #0003}.games-hub-card-emoji{font-size:56px;line-height:1}.games-hub-card-title{font-size:20px;font-weight:900;color:#fff}.games-hub-card-desc{font-size:13px;color:#ffffffe0;line-height:1.4}.games-hub-card-play{margin-top:6px;background:#ffffff40;border-radius:20px;padding:8px 24px;font-size:15px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.5);transition:background .15s}.games-hub-card:hover .games-hub-card-play{background:#fff6}.games-hub-footer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;font-size:13px;color:#636e72}.games-hub-footer-note{color:#a29bfe;font-weight:700}.pbn-wrap{display:flex;flex-direction:column;min-height:100vh;background:#fffde7}.pbn-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:2px solid #f0f0f0;flex-wrap:wrap}.pbn-scene-tabs{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:center}.pbn-tab{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;color:#636e72;cursor:pointer;transition:all .15s;white-space:nowrap}.pbn-tab.active{background:#6c5ce7;border-color:#6c5ce7;color:#fff}.pbn-tab:hover:not(.active){border-color:#6c5ce7;color:#6c5ce7}.pbn-progress-row{display:flex;align-items:center;gap:10px;padding:6px 16px;background:#fff8}.pbn-progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:6px;overflow:hidden}.pbn-progress-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:6px;transition:width .4s ease}.pbn-progress-txt{font-size:13px;font-weight:700;color:#636e72;white-space:nowrap}.pbn-main{display:flex;flex:1;gap:0;overflow:hidden}.pbn-palette{display:flex;flex-direction:column;gap:8px;padding:14px 10px;background:#fff;border-right:2px solid #f0f0f0;overflow-y:auto;min-width:80px}@media (max-width: 600px){.pbn-palette{display:none}}.pbn-tube{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:4px;border-radius:10px;transition:transform .12s,opacity .2s}.pbn-tube:hover{transform:scale(1.12)}.pbn-tube.done{opacity:.55}.pbn-tube.glow .pbn-tube-body{box-shadow:0 0 0 3px #6c5ce7,0 0 14px #6c5ce780}.pbn-tube-body{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#333;border:2.5px solid rgba(0,0,0,.25);transition:box-shadow .2s;box-shadow:0 3px 8px #00000026}.pbn-tube.done .pbn-tube-body{font-size:20px}.pbn-tube-label{font-size:10px;font-weight:700;color:#636e72;white-space:nowrap}.pbn-canvas-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.pbn-svg{width:100%;max-width:580px;height:auto;border:3px solid #333;border-radius:12px;background:#fff;box-shadow:0 6px 30px #00000026;cursor:crosshair}.pbn-complete{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;border-radius:12px;animation:overlay-in .3s ease}.pbn-complete-inner{background:#fff;border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:card-pop .4s cubic-bezier(.34,1.56,.64,1)}.pbn-complete-icon{font-size:64px}.pbn-complete-inner h2{font-size:24px;font-weight:900;margin:0;color:#2d3436}.pbn-complete-inner p{font-size:15px;color:#636e72;margin:0}.pbn-complete-stars{font-size:32px;letter-spacing:4px}.pbn-complete-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pbn-palette-mobile{display:none;gap:6px;padding:10px 14px;background:#fff;border-top:2px solid #f0f0f0;overflow-x:auto;flex-wrap:nowrap}@media (max-width: 600px){.pbn-palette-mobile{display:flex}}.pbn-tube-sm{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:2.5px solid rgba(0,0,0,.25);font-size:16px;font-weight:900;color:#333;cursor:pointer;box-shadow:0 3px 8px #00000026;transition:transform .12s;display:flex;align-items:center;justify-content:center}.pbn-tube-sm:hover{transform:scale(1.15)}.pbn-tube-sm.done{opacity:.5}.mm-wrap{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(160deg,#fdf5ff,#eef0ff);padding-bottom:30px;position:relative}.mm-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:520px;padding:14px 16px 8px;gap:12px}.mm-stats{display:flex;gap:14px}.mm-stat{display:flex;flex-direction:column;align-items:center}.mm-stat-val{font-size:20px;font-weight:900;color:#6c5ce7;line-height:1}.mm-stat-lbl{font-size:10px;color:#636e72;font-weight:700;letter-spacing:.5px}.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:460px;width:100%;padding:10px 14px}@media (max-width: 400px){.mm-grid{grid-template-columns:repeat(4,1fr);gap:7px}}.mm-card{aspect-ratio:1;perspective:700px;cursor:pointer}.mm-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s ease;border-radius:12px}.mm-card.up .mm-card-inner,.mm-card.matched .mm-card-inner{transform:rotateY(180deg)}.mm-card-back,.mm-card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,6vw,32px);box-shadow:0 3px 10px #0000001f}.mm-card-back{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff9;font-size:clamp(16px,4vw,22px)}.mm-card-front{background:#fff;transform:rotateY(180deg)}.mm-card.matched .mm-card-front{background:#d4f8e8;box-shadow:0 0 0 3px #00b894,0 3px 10px #0000001a;animation:mm-match-pop .3s ease}@keyframes mm-match-pop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.15)}to{transform:rotateY(180deg) scale(1)}}.mm-reset-btn{margin-top:14px}.bp-wrap{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden}.bp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;z-index:10}.bp-header .game-title{color:#fff}.bp-score-pill{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 14px;font-size:16px;font-weight:800;color:gold}.bp-question{text-align:center;padding:10px 20px 14px;z-index:10}.bp-question-text{font-size:22px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);margin-bottom:6px}.bp-question-sub{font-size:14px;color:#ffffffa6;font-weight:600}.bp-stage{flex:1;position:relative;overflow:hidden;min-height:400px}@keyframes bubble-rise{0%{bottom:-80px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:105%;opacity:0}}.bp-bubble{position:absolute;bottom:-80px;width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:bubble-rise linear infinite both;transform:translate(-50%);transition:transform .1s,opacity .2s;box-shadow:inset 0 -6px 12px #0003,inset 0 6px 12px #ffffff59}.bp-bubble:hover{transform:translate(-50%) scale(1.1)}.bp-bubble:active{transform:translate(-50%) scale(.95)}.bp-bubble.popped{animation:bubble-pop .35s ease forwards;pointer-events:none}@keyframes bubble-pop{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.4);background:#00b894!important}to{transform:translate(-50%) scale(0);opacity:0}}.bp-bubble.wrong{animation:bubble-rise linear infinite both,bp-wrong .4s ease}@keyframes bp-wrong{0%,to{filter:none}25%{filter:hue-rotate(180deg) saturate(3);transform:translate(calc(-50% - 8px))}75%{filter:hue-rotate(180deg) saturate(3);transform:translate(calc(-50% + 8px))}}.bp-bubble-num{font-size:24px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;user-select:none}.dd-wrap{min-height:100vh;background:linear-gradient(160deg,#fff9f0,#fce4ec);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.dd-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 8px;gap:10px}.dd-title{font-size:20px;font-weight:900;color:#2d3436;flex:1;text-align:center}.dd-score{font-size:16px;font-weight:800;color:#e84393;min-width:50px;text-align:right}.dd-question{font-size:20px;font-weight:800;color:#2d3436;text-align:center;max-width:420px;padding:0 16px;margin-bottom:4px}.dd-hint{font-size:14px;color:#636e72;text-align:center;margin-bottom:14px}.dd-pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:420px;padding:12px 16px;background:#ffffffb3;border-radius:18px;min-height:72px;width:100%;margin:0 16px 16px;border:2px dashed #e84393}.dd-pool-empty{font-size:14px;color:#b2bec3;align-self:center}.dd-ball{font-size:32px;background:none;border:3px solid transparent;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,border-color .12s}.dd-ball:hover{transform:scale(1.15)}.dd-ball-selected{border-color:#e84393;background:#fce4ec;transform:scale(1.2)}.dd-groups{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:440px;padding:0 16px;margin-bottom:16px}.dd-group{flex:1;min-width:90px;max-width:130px;border:3px dashed;border-radius:18px;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .12s;min-height:110px}.dd-group.dd-group-active{transform:scale(1.04)}.dd-group-label{font-size:12px;font-weight:800}.dd-group-balls{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.dd-placed-ball{font-size:24px;cursor:pointer;transition:transform .12s}.dd-placed-ball:hover{transform:scale(1.2)}.dd-group-count{font-size:22px;font-weight:900}.dd-answer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.dd-answer-label{font-size:18px;font-weight:700;color:#2d3436;display:flex;align-items:center;gap:8px}.dd-answer-input{width:64px;height:48px;font-size:24px;font-weight:900;text-align:center;border:3px solid #6C5CE7;border-radius:12px;outline:none;color:#6c5ce7}.dd-submit-btn{padding:12px 22px;border:none;border-radius:20px;background:#6c5ce7;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s}.dd-submit-btn:hover{transform:scale(1.05)}.dd-submit-btn:disabled{opacity:.4;cursor:not-allowed}.dd-feedback{font-size:17px;font-weight:700;border-radius:14px;padding:12px 20px;max-width:420px;text-align:center;margin:0 16px}.dd-feedback.correct{background:#d4f8e8;color:#00600f}.dd-feedback.wrong{background:#ffe0de;color:#b00020}.dd-next-btn{margin-top:14px;padding:14px 36px;border:none;border-radius:30px;background:#e84393;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 16px #e8439366;transition:transform .12s}.dd-next-btn:hover{transform:scale(1.05)}.cb-wrap{min-height:100vh;background:linear-gradient(160deg,#e8eaf6,#fff8e7);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.cb-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 8px;gap:10px}.cb-title{font-size:20px;font-weight:900;color:#2d3436;flex:1;text-align:center}.cb-score{font-size:16px;font-weight:800;color:#6c5ce7;min-width:50px;text-align:right}.cb-ref-details{width:100%;max-width:440px;margin:0 16px 8px;background:#fffc;border-radius:14px;padding:8px 14px}.cb-ref-toggle{font-size:14px;font-weight:700;cursor:pointer;color:#6c5ce7}.cb-ref-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.cb-ref-cell{display:flex;flex-direction:column;align-items:center;background:#f3f0ff;border-radius:6px;padding:3px 5px;min-width:26px}.cb-ref-letter{font-size:13px;font-weight:900;color:#6c5ce7}.cb-ref-num{font-size:11px;color:#636e72}.cb-encoded-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0;padding:0 16px}.cb-encoded-block{display:flex;flex-direction:column;align-items:center;gap:4px}.cb-encoded-num{background:#6c5ce7;color:#fff;border-radius:10px;padding:6px 10px;font-size:20px;font-weight:900;min-width:38px;text-align:center}.cb-encoded-answer{width:38px;height:40px;border-bottom:3px solid #6C5CE7;font-size:22px;font-weight:900;text-align:center;color:#2d3436;display:flex;align-items:center;justify-content:center}.cb-emoji-hint{font-size:56px;margin:6px 0 10px}.cb-keyboard{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:380px;padding:0 10px}.cb-key-row{display:flex;gap:5px;justify-content:center}.cb-key{width:32px;height:40px;border-radius:8px;border:none;background:#fff;box-shadow:0 2px #b2bec3;font-size:14px;font-weight:800;cursor:pointer;transition:transform .1s}.cb-key:hover:not(:disabled){transform:scale(1.08)}.cb-key:disabled{opacity:.35;cursor:not-allowed}.cb-key-del{background:#fce4ec;color:#e84393;width:44px}.cb-check-btn{margin-top:8px;padding:12px 32px;border:none;border-radius:20px;background:#6c5ce7;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s;box-shadow:0 4px 14px #6c5ce759}.cb-check-btn:disabled{opacity:.35;cursor:not-allowed}.cb-check-btn:hover:not(:disabled){transform:scale(1.05)}.cb-feedback{font-size:18px;font-weight:700;border-radius:14px;padding:12px 20px;max-width:400px;text-align:center;margin:10px 16px 0}.cb-feedback.correct{background:#d4f8e8;color:#00600f}.cb-feedback.wrong{background:#ffe0de;color:#b00020}.cb-next-btn{margin-top:14px;padding:14px 36px;border:none;border-radius:30px;background:#6c5ce7;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 16px #6c5ce766;transition:transform .12s}.cb-next-btn:hover{transform:scale(1.05)}.jp-wrap{min-height:100vh;background:linear-gradient(160deg,#e8f5e9,#fff8e7);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.jp-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 8px;gap:10px}.jp-title{font-size:20px;font-weight:900;color:#2d3436;flex:1;text-align:center}.jp-score{font-size:16px;font-weight:800;color:#00b894;min-width:50px;text-align:right}.jp-puzzle-name{font-size:20px;font-weight:900;color:#2d3436;margin-bottom:4px}.jp-hint{font-size:14px;color:#636e72;margin-bottom:12px;text-align:center;padding:0 16px}.jp-grid{display:grid;grid-template-columns:repeat(3,80px);gap:6px;margin-bottom:18px}.jp-slot{width:80px;height:80px;border-radius:14px;border:3px dashed #b2bec3;background:#f8f9fa;font-size:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .12s}.jp-slot-filled{border-style:solid;border-color:#6c5ce7;background:#fff}.jp-slot-correct{border-color:#00b894;background:#e8f5e9}.jp-slot-droppable{border-color:#e84393;background:#fce4ec}.jp-slot-empty:hover{border-color:#a29bfe}.jp-slot-num{font-size:16px;color:#b2bec3;font-weight:700}.jp-tray-label{font-size:14px;font-weight:700;color:#636e72;margin-bottom:6px}.jp-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:360px;padding:12px 16px;background:#fffc;border-radius:18px;min-height:72px;width:100%;margin:0 16px;border:2px dashed #b2bec3}.jp-tray-empty{font-size:14px;color:#b2bec3;align-self:center}.jp-piece{font-size:40px;background:#fff;border:3px solid #dfe6e9;border-radius:12px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,border-color .12s;box-shadow:0 2px 8px #00000014}.jp-piece:hover{transform:scale(1.1)}.jp-piece-selected{border-color:#e84393;background:#fce4ec;transform:scale(1.15)}.jp-complete{font-size:20px;font-weight:900;color:#00b894;background:#e8f5e9;border-radius:14px;padding:14px 24px;margin:8px 16px;text-align:center}.jp-next-btn{margin-top:14px;padding:14px 36px;border:none;border-radius:30px;background:#00b894;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 16px #00b89466;transition:transform .12s}.jp-next-btn:hover{transform:scale(1.05)}.cg-wrap{min-height:100vh;background:linear-gradient(160deg,#e8eaf6,#e0f7fa);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.cg-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 8px;gap:10px}.cg-title{font-size:20px;font-weight:900;color:#2d3436;flex:1;text-align:center}.cg-score{font-size:16px;font-weight:800;color:#0984e3;min-width:50px;text-align:right}.cg-level-name{font-size:16px;font-weight:800;color:#6c5ce7;margin-bottom:2px}.cg-subtext{font-size:14px;color:#636e72;margin-bottom:14px}.cg-grid{display:grid;grid-template-columns:repeat(5,56px);gap:4px;margin-bottom:16px}.cg-cell{width:56px;height:56px;border-radius:10px;background:#f8f9fa;border:2px solid #dfe6e9;display:flex;align-items:center;justify-content:center;font-size:28px}.cg-wall{background:#636e72;border-color:#636e72}.cg-goal{background:#fff3e0;border-color:#f9ca24}.cg-robot-cell{background:#e3f2fd;border-color:#0984e3;animation:cg-robot-pulse .4s ease}@keyframes cg-robot-pulse{0%{transform:scale(1.2)}to{transform:scale(1)}}.cg-seq-wrap{width:100%;max-width:380px;padding:0 16px;margin-bottom:12px}.cg-seq-label{font-size:13px;font-weight:700;color:#636e72;margin-bottom:6px}.cg-seq{display:flex;flex-wrap:wrap;gap:5px;background:#fffc;border-radius:12px;padding:8px 10px;min-height:44px;border:2px solid #dfe6e9}.cg-seq-step{background:#6c5ce7;color:#fff;border-radius:8px;padding:4px 10px;font-size:18px;font-weight:900}.cg-step-active{background:#e84393;transform:scale(1.15)}.cg-seq-empty{font-size:13px;color:#b2bec3;align-self:center}.cg-dirs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.cg-dir-btn{width:56px;height:56px;border-radius:14px;border:none;background:#6c5ce7;color:#fff;font-size:26px;font-weight:900;cursor:pointer;transition:transform .12s,opacity .15s;box-shadow:0 4px #6c5ce766}.cg-dir-btn:hover:not(:disabled){transform:scale(1.1)}.cg-dir-btn:disabled{opacity:.35;cursor:not-allowed}.cg-del-btn{background:#e84393;box-shadow:0 4px #e8439366}.cg-action-row{display:flex;gap:12px;margin-bottom:14px}.cg-reset-btn{padding:12px 24px;border:2px solid #636e72;border-radius:20px;background:#fff;color:#636e72;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.cg-reset-btn:hover{background:#f5f5f5}.cg-run-btn{padding:12px 32px;border:none;border-radius:20px;background:#00b894;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s;box-shadow:0 4px 14px #00b89466}.cg-run-btn:hover:not(:disabled){transform:scale(1.05)}.cg-run-btn:disabled{opacity:.4;cursor:not-allowed}.cg-result{font-size:17px;font-weight:700;border-radius:14px;padding:12px 20px;max-width:380px;text-align:center;margin:0 16px}.cg-result.win{background:#d4f8e8;color:#00600f}.cg-result.crash{background:#ffe0de;color:#b00020}.cg-result.miss{background:#fff3e0;color:#b45309}.cg-next-btn{margin-top:12px;padding:14px 36px;border:none;border-radius:30px;background:#0984e3;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 16px #0984e366;transition:transform .12s}.cg-next-btn:hover{transform:scale(1.05)}.cg-hint-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.cg-hint-btn{padding:10px 22px;border:2px solid #f9ca24;border-radius:20px;background:#fff9e0;color:#b45309;font-size:14px;font-weight:700;cursor:pointer}.cg-hint-text{font-size:14px;color:#636e72;font-style:italic;background:#fffc;border-radius:10px;padding:8px 14px}.cg-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200;overflow:hidden}.cg-confetti-piece{position:absolute;top:-20px;animation:cg-fall linear forwards}@keyframes cg-fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:0}}.cg-seq-full{color:#e17055;font-weight:600;font-size:12px}.cg-robot-win{animation:cg-robot-dance .4s ease infinite alternate}@keyframes cg-robot-dance{0%{transform:scale(1) rotate(-8deg)}to{transform:scale(1.15) rotate(8deg)}}.sr-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:32px;transition:background .5s ease}.sr-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:14px 16px 8px;gap:10px}.sr-back-btn{background:#ffffffd9;border:2px solid rgba(0,0,0,.12);border-radius:30px;padding:8px 16px;font-size:14px;font-weight:700;color:#555;cursor:pointer;white-space:nowrap}.sr-back-btn:hover{background:#fff}.sr-title{font-size:15px;font-weight:900;color:#2d3436;text-align:center;flex:1}.sr-page-badge{background:#ffffffd9;border:2px solid rgba(0,0,0,.12);border-radius:30px;padding:6px 12px;font-size:13px;font-weight:800;color:#555;white-space:nowrap}.sr-dots{display:flex;gap:6px;margin-bottom:8px}.sr-dot{width:10px;height:10px;border-radius:50%;background:#0000002e;transition:background .3s,transform .3s}.sr-dot.done{background:#00000061}.sr-dot.active{background:#6c5ce7;transform:scale(1.4)}.sr-stage{width:100%;max-width:440px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px 8px;gap:8px}.sr-scene{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sr-scene-emoji{font-size:38px;animation:sr-scene-in .5s ease both}@keyframes sr-scene-in{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}.sr-hero{display:flex;gap:6px;justify-content:center}.sr-hero-emoji{font-size:80px;animation:sr-hero-in .45s cubic-bezier(.34,1.56,.64,1) both;filter:drop-shadow(0 6px 14px rgba(0,0,0,.1))}@keyframes sr-hero-in{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:none}}.sr-text-card{background:#ffffffeb;border-radius:24px;box-shadow:0 4px 24px #0000001a;padding:20px 22px 16px;width:100%;max-width:440px;margin:0 16px}.sr-text-inner{font-size:22px;font-weight:700;line-height:1.6;color:#2d3436;text-align:center;letter-spacing:.01em}.sr-word{display:inline;cursor:pointer;border-radius:4px;padding:0 2px;transition:background .15s,color .15s}.sr-word:hover{background:#f0eeff}.sr-word-active{background:#6c5ce7;color:#fff;border-radius:5px;padding:0 3px}.sr-read-row{display:flex;justify-content:center;margin-top:14px}.sr-read-btn{background:#6c5ce7;color:#fff;border:none;border-radius:30px;padding:10px 24px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #6c5ce759}.sr-read-btn:hover{transform:scale(1.04)}.sr-read-btn.speaking{background:#e17055;animation:sr-pulse .9s ease infinite alternate}@keyframes sr-pulse{0%{box-shadow:0 4px 14px #e1705559}to{box-shadow:0 4px 22px #e17055a6}}.sr-nav{display:flex;gap:14px;margin-top:18px;width:100%;max-width:440px;padding:0 16px;justify-content:space-between}.sr-nav-btn{flex:1;padding:14px 18px;border-radius:20px;border:none;font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s,opacity .15s}.sr-nav-btn.prev{background:#ffffffd9;color:#555;border:2px solid rgba(0,0,0,.14)}.sr-nav-btn.next{background:#6c5ce7;color:#fff;box-shadow:0 4px 16px #6c5ce759}.sr-nav-btn:hover:not(:disabled){transform:scale(1.04)}.sr-nav-btn:disabled{opacity:.35;cursor:not-allowed}.sr-question-card{background:#fff;border-radius:28px;box-shadow:0 8px 40px #6c5ce724;padding:32px 24px;width:100%;max-width:420px;margin:24px 16px 0;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sr-q-cover{font-size:72px;animation:sr-hero-in .5s cubic-bezier(.34,1.56,.64,1) both}.sr-q-title{font-size:22px;font-weight:900;color:#2d3436;margin:0}.sr-q-text{font-size:18px;font-weight:700;color:#444;margin:0;line-height:1.5}.sr-q-opts{display:flex;flex-direction:column;gap:10px;width:100%}.sr-q-opt{padding:14px 18px;border:none;border-radius:16px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;transition:transform .12s,opacity .2s;text-align:left}.sr-q-opt:hover:not(:disabled){transform:scale(1.03)}.sr-q-opt.correct{background:#00b894!important}.sr-q-opt.wrong{background:#d63031!important}.sr-q-opt.dimmed{background:#b2bec3!important;opacity:.6}.sr-q-feedback{font-size:18px;font-weight:800;border-radius:14px;padding:12px 20px;width:100%}.sr-q-feedback.correct{background:#e8f5e9;color:#00b894}.sr-q-feedback.wrong{background:#fce4ec;color:#d63031}.sr-done-btn{background:#6c5ce7;color:#fff;border:none;border-radius:30px;padding:14px 28px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #6c5ce759;transition:transform .12s}.sr-done-btn:hover{transform:scale(1.04)}.ss-wrap{min-height:100vh;background:linear-gradient(160deg,#fff8e7,#e8f5e9);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.ss-header{display:flex;align-items:center;width:100%;max-width:520px;padding:14px 16px 6px;gap:14px}.ss-back-btn{background:#fff;border:2px solid #dfe6e9;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:700;color:#636e72;cursor:pointer}.ss-back-btn:hover{background:#f5f5f5}.ss-title{font-size:22px;font-weight:900;color:#2d3436}.ss-subtitle{font-size:16px;color:#636e72;font-weight:600;margin:4px 0 20px;text-align:center}.ss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-width:520px;padding:0 16px}.ss-card{background:#fff;border:none;border-radius:22px;box-shadow:0 4px 20px #00000014;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:center}.ss-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000021}.ss-card-emoji{font-size:56px;line-height:1}.ss-card-title{font-size:16px;font-weight:900;color:#2d3436;line-height:1.2}.ss-card-level{font-size:12px;font-weight:800;color:#fff;border-radius:20px;padding:4px 12px}.ss-card-pages{font-size:12px;color:#b2bec3;font-weight:600}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg)}.auth-back{position:fixed;top:20px;left:20px;background:none;border:none;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:color .15s}.auth-back:hover{color:var(--purple)}.auth-hero{text-align:center;margin-bottom:36px}.auth-logo{font-size:22px;font-weight:900;color:var(--purple);font-family:Nunito,sans-serif;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:6px}.auth-hero h1{font-size:30px;font-weight:900;color:var(--text);margin-bottom:10px;line-height:1.2}.auth-hero p{font-size:15px;color:var(--text-muted);max-width:360px}.auth-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:420px;margin-bottom:16px}.auth-role-card{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:24px 16px;cursor:pointer;text-align:center;transition:all .2s;box-shadow:var(--shadow-sm)}.auth-role-card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:var(--shadow)}.arc-icon{font-size:40px;margin-bottom:10px}.arc-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px}.arc-desc{font-size:12px;color:var(--text-muted)}.auth-guest-btn{background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;margin-top:8px}.auth-guest-btn:hover{color:var(--purple)}.auth-card{background:var(--surface);border-radius:24px;padding:36px 32px;width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center}.auth-card-icon{font-size:44px;margin-bottom:12px}.auth-card h2{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px}.auth-card-sub{font-size:14px;color:var(--text-muted);margin-bottom:20px}.auth-tabs{display:flex;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:24px}.auth-tabs button{flex:1;padding:9px 0;border:none;border-radius:9px;background:none;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .18s}.auth-tabs button.active{background:var(--surface);color:var(--purple);box-shadow:var(--shadow-sm)}.auth-form{text-align:left}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.auth-field input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);background:var(--bg);outline:none;transition:border-color .18s}.auth-field input:focus{border-color:var(--purple);background:#fff}.auth-role-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;color:var(--text-muted)}.auth-role-toggle button{padding:7px 14px;border:1.5px solid var(--border);border-radius:999px;background:none;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .18s}.auth-role-toggle button.active{background:var(--purple-pale);border-color:var(--purple);color:var(--purple)}.auth-error{background:#fff5f5;border:1.5px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:13px;color:#dc2626;font-weight:600;margin-bottom:14px}.auth-submit{width:100%;padding:14px;background:var(--purple);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:all .18s;font-family:Nunito,sans-serif;margin-top:4px}.auth-submit:hover:not(:disabled){background:#5a4dd0;transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce74d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}.auth-switch button{background:none;border:none;color:var(--purple);font-weight:700;cursor:pointer;font-size:13px;text-decoration:underline}@media (max-width: 480px){.auth-card{padding:28px 20px}.auth-role-grid{grid-template-columns:1fr 1fr}}.parent-dash{max-width:720px;margin:0 auto;padding:24px 20px 48px}.pd-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:20px;padding:18px 22px;margin-bottom:20px;border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.pd-title{display:flex;align-items:center;gap:12px;font-size:28px}.pd-name{font-size:17px;font-weight:800;color:var(--text)}.pd-email{font-size:12px;color:var(--text-muted)}.pd-signout{background:none;border:1.5px solid var(--border);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s}.pd-signout:hover{border-color:var(--red);color:var(--red)}.pd-section{background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.pd-section-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:14px}.pd-link-form{display:flex;gap:8px}.pd-link-form input{flex:1;padding:11px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:14px;outline:none;transition:border-color .18s}.pd-link-form input:focus{border-color:var(--purple)}.pd-link-form button{padding:11px 22px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.pd-link-form button:hover{background:#5a4dd0}.pd-link-msg{margin-top:10px;font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px}.pd-link-msg.success{background:var(--teal-pale);color:var(--teal)}.pd-link-msg.error{background:var(--red-pale);color:var(--red)}.pd-link-hint{margin-top:10px;font-size:12px;color:var(--text-muted)}.pd-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.pd-empty-icon{font-size:48px;margin-bottom:12px}.pd-empty div{font-size:14px;margin-bottom:6px}.pd-children-row{display:flex;flex-wrap:wrap;gap:10px}.pd-child-btn{background:var(--bg);border:2px solid var(--border);border-radius:16px;padding:14px 18px;text-align:center;cursor:pointer;min-width:120px;transition:all .18s}.pd-child-btn:hover,.pd-child-btn.active{border-color:var(--purple);background:var(--purple-pale)}.pcb-avatar{width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.pcb-name{font-size:14px;font-weight:800;color:var(--text);margin-bottom:4px}.pcb-stats{font-size:11px;color:var(--text-muted)}.pd-child-detail{background:#fff;border-radius:20px;padding:22px;margin-bottom:16px;border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.pcd-name{font-size:18px;font-weight:800;color:var(--text);margin-bottom:16px}.pcd-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.pcd-stat{background:var(--bg);border-radius:12px;padding:12px 8px;text-align:center}.pcd-stat-val{font-size:15px;font-weight:800;color:var(--text);margin-bottom:3px}.pcd-stat-lbl{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase}.pcd-xp-wrap{margin-bottom:20px}.pcd-xp-label{font-size:12px;color:var(--text-muted);font-weight:700;margin-bottom:6px}.pcd-xp-track{background:#f1f2f6;border-radius:999px;height:8px;overflow:hidden}.pcd-xp-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:999px;transition:width .6s}.pcd-subject-block{margin-bottom:18px}.pcd-subj-title{font-size:14px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px}.pcd-skill-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-radius:12px;margin-bottom:6px}.pcd-skill-name{font-size:13px;font-weight:700;color:var(--text)}.pcd-skill-level{font-size:11px;color:var(--text-muted);margin-top:2px}.pcd-skill-right{text-align:right;min-width:100px}.pcd-skill-score{font-size:14px;font-weight:800;margin-bottom:4px}.pcd-skill-bar-track{background:#e0e0e0;border-radius:999px;height:5px;overflow:hidden}.pcd-skill-bar-fill{height:100%;border-radius:999px;transition:width .5s}.pcd-no-activity{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.pcd-no-activity div{margin-bottom:6px}@media (max-width: 480px){.pcd-stats-row{grid-template-columns:repeat(2,1fr)}.pd-link-form{flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main-content{flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #6C5CE7;--purple-light: #a29bfe;--purple-pale: #f0eeff;--teal: #00b894;--teal-light: #55efc4;--teal-pale: #e8fff9;--coral: #e17055;--coral-pale: #fff3f0;--blue: #0984e3;--blue-pale: #eaf4ff;--amber: #fdcb6e;--amber-dark: #e67e22;--green: #00b894;--red: #d63031;--red-pale: #fff5f5;--text: #2d3436;--text-muted: #636e72;--text-light: #b2bec3;--bg: #f8f7ff;--surface: #ffffff;--border: rgba(108,92,231,.12);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow: 0 4px 24px rgba(108,92,231,.1);--shadow-sm: 0 2px 8px rgba(108,92,231,.08)}body{font-family:Nunito Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3,h4{font-family:Nunito,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}