.photo-avatar{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.photo-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.photo-avatar__initial{color:#fff;font-weight:700;line-height:1}.photo-avatar--editable{cursor:pointer}.photo-avatar__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}.photo-avatar--editable:hover .photo-avatar__overlay{opacity:1}.photo-avatar__camera{font-size:1.4em;line-height:1}.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}.home-screen--young .home-hero p{font-size:17px;color:#636e72}.home-hero-young{font-size:34px!important;font-weight:900!important;background:linear-gradient(90deg,#e17055,#f9ca24,#00b894,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hs-rainbow-shift 4s linear infinite;background-size:200%}@keyframes hs-rainbow-shift{0%{background-position:0%}to{background-position:200%}}.home-screen--young .subject-card{padding:26px 18px;border-radius:24px;border-width:2.5px}.home-screen--young .subject-icon{width:66px;height:66px;font-size:32px}.home-screen--young .subject-name{font-size:17px;font-weight:900}.home-screen--young .subject-meta{font-size:13px}.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}.grade-btn--prek{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff;border-color:#e84393;font-weight:800}.grade-btn--prek:hover{opacity:.88;color:#fff;border-color:#e84393}.grade-btn--prek.active{background:linear-gradient(135deg,#e84393,#c0392b);border-color:#c0392b}.phonics-banner{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(135deg,#f9ca24,#f0932b);border:none;border-radius:20px;padding:16px 20px;margin-bottom:16px;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 22px #f9ca2459}.phonics-banner:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f9ca2480}.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:16px;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}.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}.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}@media (min-width: 1px){.app--young{font-size:17px}.app--young button{font-size:inherit}}.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)}.vps-say-prompt{text-align:center;font-size:15px;color:#e17055;background:#fff9f0;border:2px dashed #f0932b;border-radius:14px;padding:10px 16px;margin:0 4px;animation:vps-prompt-pulse 2.5s ease-in-out infinite}@keyframes vps-prompt-pulse{0%,to{opacity:1}50%{opacity:.65}}.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)}}.games-hub-card{position:relative}.games-hub-badge{position:absolute;top:8px;right:8px;background:#e84393;color:#fff;font-size:10px;font-weight:900;letter-spacing:.5px;border-radius:20px;padding:2px 7px}.wb-screen{min-height:100vh;background:linear-gradient(145deg,#fff9f0,#fff0fb,#f0f9ff);display:flex;flex-direction:column;align-items:center;padding:0 16px 32px;box-sizing:border-box;font-family:Nunito,Fredoka One,Comic Sans MS,cursive,sans-serif;position:relative}.wb-back{position:absolute;top:16px;left:16px;z-index:10}.wb-select-container{display:flex;flex-direction:column;align-items:center;padding-top:72px;width:100%;max-width:560px}.wb-logo{font-size:72px;line-height:1;margin-bottom:8px;animation:wb-float 3s ease-in-out infinite}@keyframes wb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wb-title{font-size:48px;font-weight:900;color:#f39c12;text-shadow:3px 3px 0 #e67e22,0 0 20px rgba(243,156,18,.3);margin:0 0 6px;letter-spacing:1px}.wb-subtitle{font-size:20px;color:#636e72;margin:0 0 4px;font-weight:700}.wb-grade-hint{font-size:15px;color:#6c5ce7;font-weight:700;margin:0 0 20px;background:#f0edff;padding:6px 16px;border-radius:20px}.wb-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;width:100%;margin-top:12px}.wb-level-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;border-radius:20px;padding:20px 12px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #0000001a;position:relative;min-height:120px}.wb-level-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.wb-level-btn:active{transform:translateY(-1px)}.wb-level-btn--1{background:linear-gradient(135deg,#81ecec,#00cec9)}.wb-level-btn--2{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.wb-level-btn--3{background:linear-gradient(135deg,#55efc4,#00b894)}.wb-level-btn--4{background:linear-gradient(135deg,#fdcb6e,#e17055)}.wb-level-btn--5{background:linear-gradient(135deg,#fd79a8,#e84393)}.wb-level-btn--suggested{box-shadow:0 0 0 3px #f39c12,0 6px 18px #f39c124d}.wb-level-num{font-size:36px;font-weight:900;color:#fff;text-shadow:1px 2px 0 rgba(0,0,0,.18);line-height:1}.wb-level-label{font-size:14px;font-weight:800;color:#fffffff2}.wb-level-desc{font-size:12px;font-weight:700;color:#fffc}.wb-level-star{position:absolute;top:-10px;right:-6px;background:#f39c12;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:12px;white-space:nowrap;box-shadow:0 2px 8px #00000026}.wb-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:640px;padding:16px 0 8px;gap:8px}.wb-back-small{position:static;flex-shrink:0}.wb-header-center{flex:1;text-align:center}.wb-header-title{font-size:22px;font-weight:900;color:#f39c12;text-shadow:1px 1px 0 #e67e22}.wb-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.wb-score-badge{background:#ffeaa7;color:#d68910;font-size:15px;font-weight:900;padding:5px 12px;border-radius:20px;border:2px solid #f9ca24}.wb-streak-badge{background:#ff7675;color:#fff;font-size:14px;font-weight:900;padding:5px 10px;border-radius:20px;animation:wb-pulse .6s ease-in-out infinite alternate}@keyframes wb-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.wb-progress{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:640px;margin-bottom:12px;padding:0 4px;gap:10px}.wb-progress-text{font-size:14px;font-weight:700;color:#636e72;white-space:nowrap}.wb-progress-dots{display:flex;gap:8px;align-items:center}.wb-progress-dot{width:12px;height:12px;border-radius:50%;background:#dfe6e9;display:inline-block;transition:background .2s,transform .2s}.wb-progress-dot--done{background:#00b894;transform:scale(1.1)}.wb-progress-dot--current{background:#f39c12;transform:scale(1.25);box-shadow:0 0 6px #f39c1280}.wb-level-badge{font-size:12px;font-weight:800;color:#6c5ce7;background:#f0edff;padding:4px 10px;border-radius:12px;white-space:nowrap}.wb-prompt-area{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:20px;width:100%;max-width:640px}.wb-emoji-hint{font-size:80px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));animation:wb-bounce-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes wb-bounce-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.wb-hear-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:50px;padding:14px 32px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 5px 16px #6c5ce766;transition:transform .12s,box-shadow .12s;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.wb-hear-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c5ce773}.wb-hear-btn:active{transform:translateY(1px)}.wb-answer-slots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px;padding:12px 16px;background:#fff9;border-radius:20px;box-shadow:inset 0 2px 8px #0000000f;width:100%;max-width:640px;box-sizing:border-box;transition:background .2s}.wb-answer--correct{animation:wb-flash-green .5s ease-in-out;background:#d4f1f4e6}.wb-answer--wrong{animation:wb-shake .5s ease-in-out;background:#fdedece6}@keyframes wb-flash-green{0%,to{background:#fff9}40%{background:#00b89433}}@keyframes wb-shake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}to{transform:translate(0)}}.wb-slot{width:56px;height:56px;border-radius:14px;border:2.5px dashed #b2bec3;background:#ffffff80;font-size:24px;font-weight:900;color:#2d3436;cursor:default;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .12s;box-sizing:border-box;font-family:inherit}.wb-slot--filled{border-style:solid;border-color:transparent;cursor:pointer;box-shadow:0 3px 10px #0000001f}.wb-slot--filled:hover{transform:scale(1.08);box-shadow:0 4px 14px #0000002e}.wb-feedback{min-height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.wb-feedback--correct{font-size:18px;font-weight:800;color:#00b894;animation:wb-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.wb-feedback--wrong{font-size:18px;font-weight:800;color:#e17055;animation:wb-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.wb-feedback--hint{font-size:13px;font-weight:600;color:#a0a0a0}@keyframes wb-pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.wb-tile-pool{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px;width:100%;max-width:640px;box-sizing:border-box;min-height:80px}.wb-pool-empty{font-size:15px;font-weight:700;color:#b2bec3;margin:auto}.wb-tile{width:56px;height:56px;border-radius:14px;border:none;font-size:24px;font-weight:900;color:#2d3436;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #00000021;transition:transform .12s,box-shadow .12s;font-family:inherit;animation:wb-tile-appear .25s cubic-bezier(.34,1.56,.64,1)}.wb-tile:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 7px 18px #0000002e}.wb-tile:active{transform:translateY(0) scale(.96)}@keyframes wb-tile-appear{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.wb-actions{display:flex;justify-content:center;gap:12px;margin-top:6px;width:100%;max-width:640px}.wb-btn{border:none;border-radius:50px;padding:13px 28px;font-size:17px;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s;font-family:inherit}.wb-btn:hover{transform:translateY(-2px)}.wb-btn:active{transform:translateY(1px)}.wb-btn--primary{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 4px 14px #00b89466}.wb-btn--secondary{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;box-shadow:0 4px 14px #6c5ce759}.wb-btn--ghost{background:#f5f5f5;color:#636e72;border:2px solid #dfe6e9;box-shadow:none}.wb-btn--ghost:hover{background:#ebebeb}.wb-clear-btn{font-size:15px;padding:10px 22px}.wb-complete-container{display:flex;flex-direction:column;align-items:center;padding-top:80px;gap:12px;width:100%;max-width:480px}.wb-complete-emoji{font-size:90px;animation:wb-float 3s ease-in-out infinite}.wb-complete-title{font-size:36px;font-weight:900;color:#f39c12;text-shadow:2px 2px 0 #e67e22;margin:0;text-align:center}.wb-complete-score,.wb-complete-streak{font-size:20px;font-weight:700;color:#636e72;margin:0}.wb-complete-score strong,.wb-complete-streak strong{color:#2d3436;font-size:24px}.wb-complete-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:14px}.wb-complete-actions .wb-btn{width:100%;font-size:18px;padding:16px;text-align:center}@media (max-width: 400px){.wb-tile,.wb-slot{width:48px;height:48px;font-size:20px}.wb-emoji-hint{font-size:60px}.wb-title{font-size:38px}.wb-level-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 320px){.wb-tile,.wb-slot{width:42px;height:42px;font-size:18px}}.cq-root{min-height:100vh;background:linear-gradient(160deg,#0f0c29,#302b63 60%,#24243e);color:#fff;display:flex;flex-direction:column;align-items:center;padding:0 16px 48px;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow-x:hidden}.cq-header{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;padding:20px 0 10px;position:relative}.cq-back-btn{position:absolute;left:0;top:22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap}.cq-back-btn:hover{background:#fff3}.cq-title{font-size:26px;font-weight:800;margin:0;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-.3px}.cq-subtitle{margin:5px 0 0;font-size:14px;opacity:.65}.cq-lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;width:100%;max-width:420px}.cq-lesson-card{background:#ffffff0f;border:2px solid #555;border-radius:16px;padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s;-webkit-user-select:none;user-select:none;min-height:110px;justify-content:center}.cq-lesson-card.cq-unlocked:hover{transform:translateY(-4px);background:#ffffff1f;box-shadow:0 8px 24px #0006}.cq-lesson-card.cq-locked{opacity:.4;cursor:not-allowed}.cq-lesson-card.cq-complete{background:#27ae601a}.cq-mini-card{grid-column:1 / -1;min-height:70px;flex-direction:row;justify-content:center;gap:12px}.cq-card-icon{font-size:34px;line-height:1}.cq-card-name{font-size:13px;font-weight:700;text-align:center}.cq-card-badge{font-size:11px;border-radius:20px;padding:2px 10px;font-weight:700}.cq-badge-done{background:#27ae60;color:#fff}.cq-badge-open{background:#ffffff26;color:#fff}.cq-badge-lock{background:#0003;color:#aaa}.cq-tier-list{display:flex;flex-direction:column;gap:14px;width:100%;max-width:420px;margin-top:24px}.cq-tier-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-left:5px solid #555;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.cq-tier-card.cq-unlocked:hover{transform:translate(4px);background:#ffffff1f;box-shadow:0 4px 18px #00000059}.cq-tier-card.cq-locked{opacity:.4;cursor:not-allowed}.cq-tier-card.cq-tier-done{background:#27ae6014}.cq-tier-left{display:flex;align-items:center;gap:14px}.cq-tier-emoji{font-size:30px;line-height:1}.cq-tier-label{font-size:16px;font-weight:700}.cq-tier-sub{font-size:12px;opacity:.6;margin-top:2px}.cq-tier-arrow{font-size:14px;font-weight:600;opacity:.7;white-space:nowrap}.cq-tier-badge{font-size:14px;font-weight:800}.cq-tier-badge-done{color:#27ae60}.cq-intro-card{background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 22px;max-width:400px;width:100%;text-align:center;margin-top:20px;position:relative}.cq-intro-piece{font-size:60px;line-height:1;margin-bottom:12px}.cq-intro-tier-badge{display:inline-block;border-radius:20px;padding:3px 14px;font-size:12px;font-weight:700;color:#fff;margin-bottom:14px}.cq-intro-tagline{font-size:17px;font-weight:700;margin:0 0 10px;line-height:1.35}.cq-intro-fact{font-size:14px;line-height:1.65;opacity:.85;margin:0 0 12px}.cq-intro-move-desc{font-size:13px;background:#ffffff14;border-radius:10px;padding:10px 14px;line-height:1.5;opacity:.85}.cq-primary-btn{margin-top:18px;padding:13px 34px;border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #00000059}.cq-primary-btn:hover{transform:translateY(-2px);box-shadow:0 7px 22px #00000073}.cq-primary-btn:active{transform:translateY(0)}.cq-secondary-btn{margin-top:10px;padding:11px 24px;border:2px solid rgba(255,255,255,.28);border-radius:12px;font-size:15px;font-weight:600;color:#fff;background:#ffffff14;cursor:pointer;transition:background .15s}.cq-secondary-btn:hover{background:#ffffff29}.cq-phase-label{margin-top:16px;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}.cq-explore-label{background:#2980b940;border:1px solid rgba(41,128,185,.5)}.cq-challenge-label{background:#e74c3c33;border:1px solid rgba(231,76,60,.45)}.cq-dots{display:flex;gap:6px;align-items:center}.cq-dot-ind{width:10px;height:10px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.28);display:inline-block;transition:background .2s}.cq-dot-ind.cq-dot-done{background:#27ae60;border-color:#27ae60}.cq-dot-ind.cq-dot-active{background:#f39c12;border-color:#f39c12}.cq-challenge-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;margin-top:10px;max-width:440px;width:100%;text-align:center}.cq-challenge-desc{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4}.cq-challenge-hint{margin:0;font-size:12px;opacity:.6;line-height:1.4}.cq-board-wrap{margin-top:16px;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #000000b3;border:4px solid #5d4037}.cq-board-outer{display:flex;align-items:flex-start;gap:0}.cq-row-labels{display:flex;flex-direction:column;justify-content:space-around;height:304px;padding:0 4px 0 0}.cq-board-col-wrap{display:flex;flex-direction:column;align-items:stretch}.cq-col-labels{display:flex;justify-content:space-around;width:304px;padding:4px 0 0}.cq-coord-label{font-size:11px;font-weight:700;opacity:.55;font-family:monospace;text-align:center;display:flex;align-items:center;justify-content:center;width:38px;height:38px}.cq-row-labels .cq-coord-label{width:16px;height:38px}.cq-board{display:grid;grid-template-columns:repeat(8,38px);grid-template-rows:repeat(8,38px);width:304px;height:304px}.cq-square{width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:filter .1s}.cq-square.cq-light{background:#f0d9b5}.cq-square.cq-dark{background:#b58863}.cq-square.cq-selected{background:#f6f669d9!important;box-shadow:inset 0 0 0 2px #e8a000}.cq-square.cq-target-sq{background:#ffc82861!important;box-shadow:inset 0 0 0 2px #ffb4008c}.cq-square:hover{filter:brightness(1.09)}.cqp{width:88%;height:88%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;z-index:2;transition:transform .15s,filter .15s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.cqp-main{filter:drop-shadow(0 0 5px rgba(249,202,36,.9)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cqp-selected{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(249,202,36,1)) drop-shadow(0 3px 6px rgba(0,0,0,.5))}.cqp:hover{transform:scale(1.1)}.cq-dot{width:38%;height:38%;background:#1ec83cb8;border-radius:50%;pointer-events:none;z-index:1}.cq-capture-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:3px solid rgba(30,200,60,.85);border-radius:50%;pointer-events:none;z-index:3}.cq-target-star{font-size:20px;pointer-events:none;z-index:1;animation:cq-pulse .9s ease-in-out infinite alternate}.cq-target-star--badge{position:absolute;top:-3px;right:-3px;font-size:13px;z-index:5;line-height:1;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}@keyframes cq-pulse{0%{transform:scale(.82);opacity:.75}to{transform:scale(1.12);opacity:1}}.cq-feedback{margin-top:12px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;max-width:400px;width:100%;flex-wrap:wrap}.cq-feedback.cq-success{background:#27ae6038;border:1px solid rgba(39,174,96,.5)}.cq-feedback.cq-wrong{background:#e74c3c33;border:1px solid rgba(231,76,60,.45)}.cq-inline-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.cq-inline-btn:hover{background:#ffffff4d}.cq-explore-actions{display:flex;flex-direction:column;align-items:center;margin-top:4px}.cq-explore-hint{margin:10px 0 0;font-size:13px;opacity:.62;text-align:center;max-width:320px;line-height:1.45}.cq-lesson-complete{display:flex;flex-direction:column;align-items:center;margin-top:16px;width:100%;max-width:420px}.cq-complete-banner{background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:16px;padding:16px 22px;font-size:16px;font-weight:700;text-align:center;box-shadow:0 4px 18px #f39c1273;width:100%;line-height:1.4}.cq-complete-actions{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:6px}.cq-celebration{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:9999}.cq-celebrate-confetti{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cq-confetti-piece{font-size:52px;display:inline-block;animation:cq-confetti-fly 2.8s ease-out forwards;animation-delay:calc(var(--i) * .12s);opacity:0}@keyframes cq-confetti-fly{0%{opacity:0;transform:translateY(60px) scale(.4) rotate(0)}20%{opacity:1;transform:translateY(-10px) scale(1.1) rotate(15deg)}60%{opacity:1;transform:translateY(-40px) scale(1) rotate(-10deg)}to{opacity:0;transform:translateY(-120px) scale(.8) rotate(20deg)}}.cq-celebrate-msg{margin-top:20px;font-size:22px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6);animation:cq-msg-pop 2.8s ease-out forwards}@keyframes cq-msg-pop{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05) translateY(-20px)}}@media (min-width: 768px){.cq-root{max-width:680px;margin:0 auto}.cq-title{font-size:28px}.cq-lesson-grid{grid-template-columns:repeat(3,1fr);max-width:500px}.cq-board{grid-template-columns:repeat(8,54px);grid-template-rows:repeat(8,54px);width:432px;height:432px}.cq-square{width:54px;height:54px}.cqp{font-size:1.6rem}.cq-target-star{font-size:26px}.cq-col-labels{width:432px}.cq-col-labels .cq-coord-label{width:54px;height:28px}.cq-row-labels{height:432px}.cq-row-labels .cq-coord-label{height:54px}.cq-dot{width:36%;height:36%}}@media (max-width: 360px){.cq-board{grid-template-columns:repeat(8,34px);grid-template-rows:repeat(8,34px);width:272px;height:272px}.cq-square{width:34px;height:34px}.cqp{font-size:1.1rem}.cq-col-labels{width:272px}.cq-col-labels .cq-coord-label{width:34px}.cq-row-labels{height:272px}.cq-row-labels .cq-coord-label{height:34px}.cq-lesson-card{min-height:90px;padding:12px 8px}.cq-card-icon{font-size:28px}.cq-target-star{font-size:17px}}.lu-root{min-height:100vh;background:linear-gradient(135deg,#0d1b6e,#1a237e,#283593);display:flex;flex-direction:column;align-items:center;padding:16px 12px 32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;box-sizing:border-box}.lu-back-btn{position:absolute;top:16px;left:16px;background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;border-radius:24px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s,transform .15s;z-index:10}.lu-back-btn:hover{background:#ffffff47;transform:scale(1.05)}.lu-difficulty-screen{display:flex;flex-direction:column;align-items:center;gap:28px;padding-top:56px;width:100%;max-width:520px}.lu-game-title{text-align:center}.lu-title-icon{font-size:52px;display:block;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(255,215,0,.6))}.lu-game-title h1{margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:900;letter-spacing:-1px;text-shadow:0 3px 12px rgba(0,0,0,.4)}.lu-subtitle{margin:6px 0 0;font-size:1.1rem;opacity:.85}.lu-session-score{display:flex;gap:12px;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:32px;padding:8px 24px;font-size:1.1rem;font-weight:700}.lu-score-sep{opacity:.4}.lu-diff-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%}.lu-diff-card{flex:1 1 140px;max-width:155px;background:#ffffff14;border:3px solid var(--diff-color, #4caf50);border-radius:20px;color:#fff;cursor:pointer;padding:24px 14px 20px;text-align:center;transition:transform .18s,background .18s,box-shadow .18s;display:flex;flex-direction:column;align-items:center;gap:8px}.lu-diff-card:hover{background:#ffffff2e;transform:translateY(-4px) scale(1.04);box-shadow:0 8px 28px #00000059}.lu-diff-stars{font-size:1.6rem;line-height:1}.lu-diff-label{font-size:1.25rem;font-weight:900;color:var(--diff-color, #4caf50)}.lu-diff-desc{font-size:.78rem;opacity:.8;line-height:1.3}.lu-header{display:flex;justify-content:center;align-items:center;width:100%;max-width:560px;position:relative;padding:0 0 4px;min-height:44px}.lu-score-bar{display:flex;gap:12px;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:32px;padding:7px 22px;font-size:1rem;font-weight:700}.lu-turn-bar{font-size:1.05rem;font-weight:700;min-height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;letter-spacing:.3px}.lu-thinking{opacity:.85}.lu-dots{display:inline-flex;gap:2px;margin-left:2px}.lu-dots span{animation:luDotBounce 1.2s infinite;display:inline-block}.lu-dots span:nth-child(1){animation-delay:0s}.lu-dots span:nth-child(2){animation-delay:.2s}.lu-dots span:nth-child(3){animation-delay:.4s}@keyframes luDotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.lu-board-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.lu-arrows{display:grid;grid-template-columns:repeat(7,56px);gap:4px}@media (max-width: 480px){.lu-arrows{grid-template-columns:repeat(7,44px)}}.lu-arrow-cell{width:56px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px 8px 0 0;transition:background .15s}@media (max-width: 480px){.lu-arrow-cell{width:44px}}.lu-arrow-cell.lu-arrow-disabled{cursor:default;opacity:.3}.lu-arrow-cell.lu-arrow-active{background:#ffffff26}.lu-arrow{font-size:1.3rem;animation:luArrowPulse .9s ease-in-out infinite;color:#ffe082;filter:drop-shadow(0 0 4px rgba(255,224,130,.7))}@keyframes luArrowPulse{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(4px);opacity:.75}}.lu-board{display:grid;grid-template-columns:repeat(7,56px);grid-template-rows:repeat(6,56px);gap:4px;background:#1a237e;padding:8px;border-radius:0 0 18px 18px;border:3px solid rgba(255,255,255,.18);border-top:none;box-shadow:0 8px 32px #00000073;position:relative}@media (max-width: 480px){.lu-board{grid-template-columns:repeat(7,44px);grid-template-rows:repeat(6,44px);gap:3px;padding:6px}}.lu-cell-hover{background:#ffffff14!important}.lu-cell{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background:#ffffff0a;transition:background .12s}@media (max-width: 480px){.lu-cell{width:44px;height:44px}}.lu-chip{width:46px;height:46px;border-radius:50%;transition:background .12s;position:relative}@media (max-width: 480px){.lu-chip{width:36px;height:36px}}.lu-chip-empty{background:#ffffffe0;box-shadow:inset 0 2px 6px #0000002e}.lu-chip-preview{background:#ff525259!important}.lu-chip-player{background:radial-gradient(circle at 38% 35%,#ff6b6b,#e53935);box-shadow:0 3px 10px #e5393599,inset 0 -2px 4px #0003}.lu-chip-cpu{background:radial-gradient(circle at 38% 35%,#fff176,#f9a825);box-shadow:0 3px 10px #f9a82599,inset 0 -2px 4px #0003}.lu-chip-falling{animation:luChipFall .3s cubic-bezier(.4,0,.8,1) forwards}@keyframes luChipFall{0%{transform:translateY(-280px);opacity:.7}70%{transform:translateY(6px)}85%{transform:translateY(-3px)}to{transform:translateY(0);opacity:1}}.lu-chip-win{animation:luWinPulse .7s ease-in-out infinite alternate;z-index:2}@keyframes luWinPulse{0%{box-shadow:0 0 6px 2px #00e676,0 0 20px 6px #00e67673;transform:scale(1)}to{box-shadow:0 0 14px 6px #00e676,0 0 36px 12px #00e676a6;transform:scale(1.12)}}.lu-col-labels{display:grid;grid-template-columns:repeat(7,56px);gap:4px;padding:4px 8px 0}@media (max-width: 480px){.lu-col-labels{grid-template-columns:repeat(7,44px)}}.lu-col-label{text-align:center;font-size:.72rem;opacity:.45;font-weight:600}.lu-result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:80vh;width:100%;max-width:400px;text-align:center;padding-top:20px}.lu-result-emoji{font-size:4.5rem;filter:drop-shadow(0 0 18px rgba(255,215,0,.55));animation:luResultPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes luResultPop{0%{transform:scale(0) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.lu-result-title{margin:0;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.3)}.lu-result-sub{margin:0;font-size:1rem;opacity:.82;line-height:1.45}.lu-result-score{display:flex;gap:14px;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:32px;padding:9px 26px;font-size:1.1rem;font-weight:700}.lu-result-btns{display:flex;flex-direction:column;gap:12px;width:100%}.lu-btn{border:none;border-radius:36px;cursor:pointer;font-size:1.05rem;font-weight:800;padding:14px 28px;transition:transform .15s,box-shadow .15s;width:100%}.lu-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.lu-btn:active{transform:translateY(0)}.lu-btn-primary{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#1a3a2a}.lu-btn-secondary{background:#ffffff2e;color:#fff;border:2px solid rgba(255,255,255,.35)}.lu-btn-ghost{background:transparent;color:#ffffffa6;border:2px solid rgba(255,255,255,.2);font-size:.95rem}.lu-btn-ghost:hover{background:#ffffff14;color:#fff}.wc-root{display:flex;flex-direction:column;height:100%;min-height:100vh;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.wc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0000004d;flex-shrink:0}.wc-back-btn{background:#ffffff26;border:none;color:#fff;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .2s}.wc-back-btn:hover{background:#ffffff47}.wc-title-small{font-size:1.1rem;font-weight:700;letter-spacing:1px}.wc-diff-badge{background:#ffffff26;padding:4px 10px;border-radius:12px;font-size:.78rem;font-weight:600}.wc-status{text-align:center;padding:8px 12px;font-size:.95rem;font-weight:600;background:#00000040;letter-spacing:.3px;flex-shrink:0;transition:background .3s}.wc-status-wildcard{background:linear-gradient(90deg,#e74c3c,#f1c40f,#2ecc71,#3498db);animation:wc-rainbow-bg 1s linear infinite;background-size:300% 100%}@keyframes wc-rainbow-bg{0%{background-position:0% 50%}to{background-position:100% 50%}}.wc-cpu-area{flex-shrink:0;padding:10px 16px 4px}.wc-player-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:6px;display:flex;align-items:center;gap:8px}.wc-cpu-hand{display:flex;align-items:center;min-height:70px;flex-wrap:nowrap;overflow:hidden;padding:4px 0}.wc-center{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}.wc-piles{display:flex;align-items:center;gap:24px}.wc-pile-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.wc-pile-count,.wc-pile-label{font-size:.7rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.wc-draw-pile{cursor:default;border-radius:10px;transition:transform .2s}.wc-draw-pile-active{cursor:pointer}.wc-draw-pile-active:hover{transform:scale(1.06) translateY(-4px);filter:drop-shadow(0 6px 12px rgba(255,255,255,.3))}.wc-discard-pile{border-radius:10px}.wc-pile-empty{width:70px;height:105px;border:2px dashed rgba(255,255,255,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff6}.wc-active-color{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 0 12px #fff6;flex-shrink:0;transition:background .4s}.wc-player-area{flex-shrink:0;padding:6px 16px 16px}.wc-player-hand-scroll{overflow-x:auto;overflow-y:visible;padding-bottom:8px;-webkit-overflow-scrolling:touch}.wc-player-hand-scroll::-webkit-scrollbar{height:4px}.wc-player-hand-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.wc-player-hand{display:flex;align-items:flex-end;padding:12px 4px 4px;min-width:max-content}.wc-card{width:70px;height:105px;border-radius:10px;position:relative;flex-shrink:0;box-shadow:2px 3px 8px #0006;transition:transform .18s,box-shadow .18s,filter .18s;overflow:hidden}.wc-card-small{width:46px;height:68px;border-radius:7px}.wc-card-back{background:linear-gradient(135deg,#4a0e6e,#2d0a45);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.wc-card-back-pattern{font-size:1.5rem;opacity:.25;pointer-events:none}.wc-card-small .wc-card-back-pattern{font-size:1rem}.wc-card-color-red{background:linear-gradient(160deg,#e74c3c 60%,#c0392b);border:2px solid rgba(255,255,255,.25)}.wc-card-color-yellow{background:linear-gradient(160deg,#f1c40f 60%,#d4ac0d);border:2px solid rgba(255,255,255,.25)}.wc-card-color-green{background:linear-gradient(160deg,#2ecc71 60%,#27ae60);border:2px solid rgba(255,255,255,.25)}.wc-card-color-blue{background:linear-gradient(160deg,#3498db 60%,#2980b9);border:2px solid rgba(255,255,255,.25)}.wc-card-wild{border:2px solid rgba(255,255,255,.3);background:#1a1a2e}.wc-wild-strips{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transform:rotate(-15deg) scale(1.4);pointer-events:none}.wc-wild-strip{flex:1}.wc-wild-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(15deg);font-size:1rem;pointer-events:none;z-index:2}.wc-card-center-oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);background:#ffffffeb;color:var(--card-color, #333);border-radius:50%;width:44px;height:66px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;box-shadow:inset 0 2px 4px #00000026;z-index:1;text-shadow:none}.wc-card-small .wc-card-center-oval{width:28px;height:42px;font-size:.85rem}.wc-card-corner{position:absolute;font-size:.65rem;font-weight:900;color:#fffffff2;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.4)}.wc-card-corner-tl{top:5px;left:6px}.wc-card-corner-br{bottom:5px;right:6px;transform:rotate(180deg)}.wc-card-clickable{cursor:pointer}.wc-card-playable{transform:translateY(-12px);box-shadow:0 0 14px 3px #2ecc71bf,2px 3px 8px #0006}.wc-card-playable:hover{transform:translateY(-20px) scale(1.06);box-shadow:0 0 20px 5px #2ecc71e6,2px 3px 8px #0006;z-index:10}.wc-card-clickable:not(.wc-card-playable){opacity:.6}.wc-wildcard-badge{background:linear-gradient(90deg,#e74c3c,#f1c40f,#2ecc71,#3498db);background-size:200% 100%;animation:wc-rainbow-bg .8s linear infinite;color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-left:6px}.wc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;animation:wc-fade-in .18s ease}@keyframes wc-fade-in{0%{opacity:0}to{opacity:1}}.wc-modal{background:#1a1a2e;border:2px solid rgba(255,255,255,.15);border-radius:18px;padding:28px 32px;text-align:center;box-shadow:0 20px 60px #0009;animation:wc-slide-up .2s ease}@keyframes wc-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wc-modal-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;letter-spacing:.5px}.wc-color-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wc-color-btn{padding:14px 20px;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #0000004d}.wc-color-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #0006}.wc-start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.wc-logo{font-size:3rem;font-weight:900;letter-spacing:4px;text-shadow:0 4px 12px rgba(0,0,0,.4)}.wc-logo-letter{display:inline-block;animation:wc-logo-bounce 1.4s ease-in-out infinite alternate}.wc-logo-letter:nth-child(2){animation-delay:.1s}.wc-logo-letter:nth-child(3){animation-delay:.2s}.wc-logo-letter:nth-child(4){animation-delay:.3s}.wc-logo-letter:nth-child(6){animation-delay:.4s}.wc-logo-letter:nth-child(7){animation-delay:.5s}.wc-logo-letter:nth-child(8){animation-delay:.6s}.wc-logo-letter:nth-child(9){animation-delay:.7s}.wc-logo-letter:nth-child(10){animation-delay:.8s}.wc-logo-space{display:inline-block;width:12px}@keyframes wc-logo-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.wc-start-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.wc-start-pick{font-size:1.05rem;font-weight:600;margin:8px 0 0}.wc-difficulty-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.wc-diff-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 28px;border:2px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff14;color:#fff;cursor:pointer;transition:background .2s,transform .2s,border-color .2s;min-width:140px}.wc-diff-btn:hover{background:#ffffff29;transform:translateY(-4px);border-color:#ffffff73}.wc-diff-easy:hover{border-color:#2ecc71;box-shadow:0 4px 16px #2ecc714d}.wc-diff-medium:hover{border-color:#f1c40f;box-shadow:0 4px 16px #f1c40f4d}.wc-diff-icon{font-size:2rem}.wc-diff-label{font-size:1.1rem;font-weight:700}.wc-diff-desc{font-size:.75rem;color:#fff9}.wc-endscreen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:20px}.wc-end-banner{font-size:2.2rem;font-weight:900;padding:20px 36px;border-radius:20px;text-align:center;animation:wc-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes wc-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.wc-end-win{background:linear-gradient(135deg,#f1c40f,#e74c3c);box-shadow:0 8px 30px #f1c40f66}.wc-end-lose{background:linear-gradient(135deg,#3498db,#2ecc71);box-shadow:0 8px 30px #3498db4d}.wc-end-sub{color:#fffc;font-size:1rem;margin:0}.wc-end-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px}.wc-btn{padding:13px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.wc-btn:hover{transform:translateY(-2px)}.wc-btn-primary{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 4px 14px #2ecc7166}.wc-btn-secondary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 14px #3498db4d}.wc-btn-ghost{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.wc-btn-ghost:hover{background:#ffffff2e}@media (max-height: 650px){.wc-card{width:58px;height:87px}.wc-card-small{width:38px;height:56px}.wc-card-center-oval{width:36px;height:54px;font-size:1.1rem}.wc-cpu-area{padding:6px 12px 2px}.wc-player-area{padding:4px 12px 10px}}@media (max-width: 380px){.wc-card{width:60px;height:90px}.wc-card-center-oval{width:38px;height:57px;font-size:1.1rem}}.pt-wrap{min-height:100vh;background:linear-gradient(145deg,#fff9c4,#e8f5e9,#e3f2fd);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative;overflow:hidden}.pt-wrap--urgency{background:linear-gradient(145deg,#ffe0b2,#ffccbc)}.pt-wrap--choice{background:linear-gradient(145deg,#e1f5fe,#f3e5f5)}.pt-wrap--steps{background:linear-gradient(145deg,#e8f5e9,#e3f2fd)}.pt-wrap--celebrate{background:linear-gradient(145deg,#fff9c4,#ffe0b2,#ffccbc)}.pt-card{background:#fff;border-radius:32px;padding:24px 20px 20px;box-shadow:0 12px 48px #00000021;width:100%;max-width:560px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.pt-card--choice{max-width:600px}.pt-card--step{gap:8px}.pt-card--celebrate{padding:32px 24px}.pt-back-btn{position:absolute;top:14px;left:16px;background:#6c5ce71a;border:none;border-radius:20px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:700;color:#6c5ce7;transition:background .2s}.pt-back-btn:hover{background:#6c5ce733}.pt-title{font-size:30px;font-weight:900;color:#2d3436;margin:0;line-height:1.2;text-align:center}.pt-title--intro{color:#6c5ce7;font-size:32px}.pt-title--urgency{color:#e17055;font-size:30px}.pt-title--wrong{color:#e17055}.pt-title--step{font-size:26px;color:#2d3436;margin-top:4px}.pt-title--celebrate{font-size:32px;color:transparent;background:linear-gradient(90deg,#e17055,#f9ca24,#00b894,#6c5ce7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;animation:pt-rainbow 3s linear infinite}@keyframes pt-rainbow{0%{background-position:0%}to{background-position:200%}}.pt-subtitle{font-size:16px;color:#636e72;margin:0;font-weight:600}.pt-tap-instruction{font-size:18px;font-weight:800;color:#00796b;background:#e8f5e9;border-radius:14px;padding:8px 18px;margin:0;border:2px dashed #81C784;display:flex;align-items:center;justify-content:center;gap:8px;animation:pt-prompt-pulse 2s ease-in-out infinite;width:100%;box-sizing:border-box}.pt-auto-msg{color:#9c27b0;background:#f3e5f5;border-color:#ce93d8;animation:none}.pt-tap-arrow{font-size:22px;animation:pt-bounce-down .8s ease-in-out infinite alternate;display:inline-block}@keyframes pt-bounce-down{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes pt-prompt-pulse{0%,to{box-shadow:0 0 #00c86459}50%{box-shadow:0 0 0 8px #00c86400}}.pt-tap-dots{display:flex;gap:10px;justify-content:center}.pt-tap-dot{width:18px;height:18px;border-radius:50%;background:#e0e0e0;border:2.5px solid #bdbdbd;transition:background .25s,transform .25s}.pt-tap-dot.filled{background:#00b894;border-color:#00b894;transform:scale(1.2);box-shadow:0 0 8px #00b89499}.pt-room-svg,.pt-step-svg{width:100%;height:auto;border-radius:20px;display:block;touch-action:manipulation}.pt-step-scene-wrap{position:relative;width:100%}.pt-svg-pulse{animation:pt-svg-glow .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes pt-svg-glow{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.pt-bounce-txt{animation:pt-hand-bounce .7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.pt-bounce-up-txt{animation:pt-hand-bounce-up .7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes pt-hand-bounce{0%{transform:translateY(0)}to{transform:translateY(6px)}}@keyframes pt-hand-bounce-up{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.pt-swirl{animation:pt-spin 1.2s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes pt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pt-float-note{animation:pt-float-up 2s ease-in-out infinite;opacity:0}@keyframes pt-float-up{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translateY(-55px);opacity:0}}.pt-soap-bubble{animation:pt-bubble-float 2.5s ease-in-out infinite;opacity:0}@keyframes pt-bubble-float{0%{transform:translateY(0) scale(.8);opacity:0}30%{opacity:.7}to{transform:translateY(-40px) scale(1.1);opacity:0}}.pt-water-drop{animation:pt-drip 1.2s ease-in infinite}@keyframes pt-drip{0%{transform:translateY(-8px);opacity:.8}to{transform:translateY(14px);opacity:0}}.pt-belly-squiggle{animation:pt-wiggle-belly .4s ease-in-out infinite alternate}@keyframes pt-wiggle-belly{0%{transform:translate(-3px)}to{transform:translate(3px)}}.pt-glow-btn{animation:pt-btn-glow .9s ease-in-out infinite alternate}@keyframes pt-btn-glow{0%{filter:drop-shadow(0 0 4px rgba(66,165,245,.7))}to{filter:drop-shadow(0 0 10px rgba(66,165,245,1))}}.pt-star-pop{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:56px;pointer-events:none;z-index:20;animation:pt-star-burst .65s ease-out forwards}@keyframes pt-star-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}60%{transform:translate(-50%,-65%) scale(1.4);opacity:1}to{transform:translate(-50%,-90%) scale(1);opacity:0}}.pt-pop-in{animation:pt-pop .45s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:center}@keyframes pt-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pt-step-bar{width:100%;height:8px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:2px}.pt-step-bar-fill{height:100%;background:linear-gradient(90deg,#00b894,#6c5ce7);border-radius:6px;transition:width .5s ease}.pt-step-counter{font-size:13px;font-weight:700;color:#888}.pt-choices{display:flex;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.pt-choice-btn{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px;flex:1;max-width:170px;border:none;border-radius:22px;padding:16px 10px;cursor:pointer;transition:transform .18s,box-shadow .18s;font-family:inherit}.pt-choice-btn:hover{transform:translateY(-4px)}.pt-choice-btn:active{transform:scale(.95)}.pt-choice-btn--good{background:linear-gradient(135deg,#00b894,#55efc4);box-shadow:0 8px 24px #00b89466;animation:pt-good-pulse 1.5s ease-in-out infinite}@keyframes pt-good-pulse{0%,to{box-shadow:0 8px 24px #00b89466}50%{box-shadow:0 8px 34px #00b894cc}}.pt-choice-btn--bad{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);box-shadow:0 4px 12px #00000014}.pt-choice-emoji{font-size:42px;line-height:1}.pt-choice-label{font-size:14px;font-weight:800;color:#2d3436;text-align:center}.pt-choice-btn--good .pt-choice-label{color:#fff}.pt-oops-emoji{font-size:64px;margin:4px 0}.pt-wrong-msg{font-size:18px;font-weight:700;color:#e17055;margin:0}.pt-wrong-hint{font-size:16px;color:#636e72;margin:4px 0 0}.pt-btn-row{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.pt-btn-row--celebrate{margin-top:8px}.pt-start-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:28px;padding:14px 28px;font-size:18px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px #6c5ce766;transition:transform .18s,box-shadow .18s}.pt-start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #6c5ce780}.pt-start-btn:active{transform:scale(.96)}.pt-read-btn{background:#6c5ce71a;border:2px solid rgba(108,92,231,.25);color:#6c5ce7;border-radius:28px;padding:10px 20px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.pt-read-btn:hover{background:#6c5ce72e}.pt-read-center{align-self:center;margin-top:4px}.pt-back-full-btn{background:#00000012;border:none;border-radius:28px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;color:#636e72;transition:background .2s}.pt-back-full-btn:hover{background:#0000001f}.pt-celebrate-stars{font-size:36px;letter-spacing:6px;animation:pt-stars-shine 1.5s ease-in-out infinite alternate}@keyframes pt-stars-shine{0%{filter:drop-shadow(0 0 4px rgba(255,200,0,.6))}to{filter:drop-shadow(0 0 14px rgba(255,200,0,1))}}.pt-trophy{font-size:80px;animation:pt-trophy-bounce .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes pt-trophy-bounce{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pt-celebrate-sub{font-size:17px;color:#555;margin:0;line-height:1.5}.pt-confetti-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.pt-confetti-piece{position:absolute;top:-20px;animation:pt-confetti-fall linear both}@keyframes pt-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.3}}.pt-anim-pop{animation:pt-card-pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes pt-card-pop{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.pt-anim-wiggle{animation:pt-wiggle .5s ease-in-out}@keyframes pt-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@media (max-width: 480px){.pt-title{font-size:24px}.pt-title--step{font-size:21px}.pt-start-btn{font-size:16px;padding:12px 22px}.pt-choice-btn{min-width:90px;padding:12px 8px}.pt-choice-emoji{font-size:34px}.pt-choice-label{font-size:12px}.pt-card{padding:20px 14px 16px;border-radius:24px}.pt-tap-instruction{font-size:14px;padding:7px 12px}.pt-star-pop{font-size:44px}}@media (max-width: 360px){.pt-choices{gap:6px}.pt-choice-btn{min-width:80px}}.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}@keyframes ps-bounce{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes ps-praise{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes ps-pulse{0%,to{box-shadow:0 0 #e74c3c80}50%{box-shadow:0 0 0 16px #e74c3c00}}@keyframes ps-pulse-green{0%,to{box-shadow:0 0 #00b89480}50%{box-shadow:0 0 0 14px #00b89400}}@keyframes ps-slide-in-right{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ps-slide-in-left{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ps-blink{0%,to{opacity:1}50%{opacity:.4}}.ps-screen{max-width:860px;margin:0 auto;padding:0 0 48px;min-height:100vh;font-family:Nunito,Nunito Sans,sans-serif}.ps-header{display:flex;align-items:center;gap:12px;padding:18px 20px 12px;border-bottom:2px solid rgba(108,92,231,.1);background:#fff;position:sticky;top:0;z-index:10}.ps-back-btn{background:none;border:2px solid rgba(108,92,231,.25);border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700;color:#6c5ce7;cursor:pointer;transition:all .18s;white-space:nowrap}.ps-back-btn:hover{background:#f0eeff;border-color:#6c5ce7}.ps-header-title{flex:1;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#2d3436}.ps-header-emoji{font-size:26px}.ps-grade-badge{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap}.ps-tab-bar{display:flex;gap:8px;padding:14px 20px;background:#f8f7ff;border-bottom:2px solid rgba(108,92,231,.08);justify-content:center;flex-wrap:wrap}.ps-tab-pill{padding:10px 22px;border-radius:999px;border:2px solid rgba(108,92,231,.2);background:#fff;font-size:16px;font-weight:700;color:#636e72;cursor:pointer;transition:all .2s}.ps-tab-pill:hover{border-color:#6c5ce7;color:#6c5ce7}.ps-tab-active{background:#6c5ce7;color:#fff;border-color:#6c5ce7;box-shadow:0 4px 14px #6c5ce759}.ps-content{padding:20px 16px}.ps-letter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}@media (min-width: 640px){.ps-letter-grid{grid-template-columns:repeat(5,1fr)}}.ps-letter-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:20px;border:3px solid transparent;background:#fff;box-shadow:0 3px 12px #00000014;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.ps-letter-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000021}.ps-letter-card.ps-selected{border-color:var(--card-color, #6C5CE7);background:#6c5ce70a;box-shadow:0 6px 20px #00000024}.ps-letter-card.ps-bounce{animation:ps-bounce .55s ease}.ps-letter-upper{font-size:36px;font-weight:900;line-height:1}@media (min-width: 480px){.ps-letter-upper{font-size:44px}}.ps-letter-lower{font-size:18px;font-weight:700;color:#636e72}.ps-letter-emoji{font-size:24px}.ps-letter-word{font-size:11px;font-weight:700;color:#636e72;text-align:center}@media (min-width: 480px){.ps-letter-word{font-size:12px}}.ps-letter-detail{background:#fff;border-radius:24px;box-shadow:0 6px 28px #6c5ce71f;padding:24px 20px;margin-top:4px;animation:ps-fade-in .3s ease}.ps-letter-detail-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.ps-detail-emoji{font-size:56px}.ps-detail-text{font-size:20px;text-align:center;color:#2d3436}.ps-sight-tab{display:flex;flex-direction:column;align-items:center;gap:20px}.ps-stars-bar{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.ps-stars-label{color:#636e72}.ps-stars-count{font-size:20px;letter-spacing:2px}.ps-word-card-wrap{width:100%;max-width:420px;transition:opacity .18s,transform .22s}.ps-word-card-wrap.ps-visible{opacity:1;transform:translate(0);animation:ps-slide-in-right .25s ease}.ps-word-card-wrap.ps-hidden{opacity:0;transform:translate(40px)}.ps-word-card{background:#fff;border-radius:28px;box-shadow:0 8px 32px #6c5ce721;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:18px}.ps-big-word{font-size:72px;font-weight:900;line-height:1;text-align:center;letter-spacing:-2px}@media (max-width: 400px){.ps-big-word{font-size:56px}}.ps-say-prompt{font-size:19px;font-weight:700;color:#6c5ce7;animation:ps-blink 2.2s ease-in-out infinite}.ps-progress{font-size:17px;font-weight:700;color:#636e72}.ps-nav-row{display:flex;align-items:center;gap:16px}.ps-nav-btn{width:60px;height:60px;border-radius:50%;border:3px solid #6C5CE7;background:#fff;font-size:28px;font-weight:900;color:#6c5ce7;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center}.ps-nav-btn:hover{background:#6c5ce7;color:#fff;transform:scale(1.08)}.ps-tts-fallback{display:flex;flex-direction:column;align-items:center;gap:8px}.ps-tts-btn{padding:12px 28px;border-radius:999px;border:none;background:#22a6b3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .18s}.ps-tts-btn:hover{transform:scale(1.06);background:#0984e3}.ps-families-tab{display:flex;flex-direction:column;align-items:center;gap:20px}.ps-families-title{font-size:28px;font-weight:900;color:#2d3436;text-align:center}.ps-family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:560px}@media (min-width: 520px){.ps-family-grid{grid-template-columns:repeat(4,1fr)}}.ps-family-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border-radius:20px;border:3px solid var(--card-color, #6C5CE7);background:#fff;box-shadow:0 4px 14px #00000014;cursor:pointer;transition:transform .18s,box-shadow .18s}.ps-family-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000024}.ps-family-emoji{font-size:38px}.ps-family-pattern{font-size:22px;font-weight:900}.ps-family-count{font-size:13px;font-weight:600;color:#636e72}.ps-family-header{display:flex;align-items:center;gap:14px;width:100%;flex-wrap:wrap}.ps-back-family{background:none;border:2px solid rgba(108,92,231,.25);border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700;color:#6c5ce7;cursor:pointer;transition:all .18s}.ps-back-family:hover{background:#f0eeff}.ps-rhyme-label{font-size:20px;font-weight:800;color:#2d3436;display:flex;align-items:center;gap:8px}.ps-pattern-badge{background:#6c5ce7;color:#fff;padding:4px 14px;border-radius:999px;font-size:17px}.ps-family-emoji-big{font-size:64px}.ps-family-words-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:520px}@media (min-width: 480px){.ps-family-words-grid{grid-template-columns:repeat(3,1fr)}}.ps-family-word-card{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 12px;border-radius:18px;border:3px solid #dfe6e9;background:#fff;box-shadow:0 3px 10px #00000012;transition:box-shadow .18s}.ps-family-word-card.ps-bounce{animation:ps-bounce .55s ease}.ps-family-word-card.ps-fb-success{background:#d4edda;border-color:#00b894}.ps-family-word-card.ps-fb-try{background:#fff9e6;border-color:#f9ca24}.ps-family-word-text{background:none;border:none;font-size:26px;font-weight:900;cursor:pointer;padding:0;flex:1;text-align:left;transition:transform .15s}.ps-family-word-text:hover{transform:scale(1.06)}.ps-word-ending{color:#e17055;text-decoration:underline;text-underline-offset:3px}.ps-word-mic{background:#00b894;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;flex-shrink:0}.ps-word-mic:hover{transform:scale(1.15)}.ps-word-mic.ps-listening{background:#d63031;animation:ps-pulse 1s ease-in-out infinite}.ps-mic-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:0 32px;border-radius:999px;border:none;background:#00b894;color:#fff;font-size:20px;font-weight:800;cursor:pointer;transition:transform .18s,background .18s;animation:ps-pulse-green 2s ease-in-out infinite}.ps-mic-btn:hover{transform:scale(1.06)}.ps-mic-btn.ps-listening{background:#d63031;animation:ps-pulse 1s ease-in-out infinite}.ps-mic-large{font-size:24px;min-height:72px;padding:0 40px}.ps-no-sr{font-size:15px;color:#b2bec3;text-align:center;margin:6px 0}.ps-feedback{border-radius:14px;padding:12px 22px;font-size:18px;font-weight:700;text-align:center;animation:ps-fade-in .25s ease;max-width:380px}.ps-feedback-success{background:#d4edda;color:#155724;border:2px solid #00b894}.ps-feedback-try{background:#fff9e6;color:#856404;border:2px solid #F9CA24}.ps-praise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:none}.ps-praise-popup{font-size:48px;font-weight:900;text-align:center;padding:28px 44px;border-radius:28px;background:#fffffff7;box-shadow:0 16px 60px #0000002e;animation:ps-praise .45s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}@media (max-width: 400px){.ps-praise-popup{font-size:36px;padding:20px 28px}}.pr-container{display:flex;flex-direction:column;min-height:100vh;background:#f4f6fb;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pr-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;box-shadow:0 2px 12px #00000014}.pr-back{background:none;border:1.5px solid #e0e0e0;border-radius:10px;padding:7px 14px;font-size:14px;font-weight:700;color:#636e72;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.pr-back:hover{background:#f4f6fb;color:#2d3436}.pr-title{display:flex;align-items:center;gap:10px;flex:1}.pr-title-icon{font-size:28px;flex-shrink:0}.pr-title-h1{margin:0;font-size:20px;font-weight:900;color:#2d3436;line-height:1.1}.pr-title-sub{margin:0;font-size:13px;color:#636e72;font-weight:600}.pr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px 0}.pr-stat{background:#fff;border-radius:16px;padding:14px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 10px #0000000f;border:1.5px solid #f0f0f0}.pr-stat-icon{font-size:28px;flex-shrink:0}.pr-stat-info{display:flex;flex-direction:column;gap:1px}.pr-stat-info strong{font-size:18px;font-weight:900;color:#2d3436;line-height:1}.pr-stat-info span{font-size:11px;color:#636e72;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.pr-tabs{display:flex;gap:0;padding:16px 20px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:transparent}.pr-tabs::-webkit-scrollbar{display:none}.pr-tab{background:#fff;border:none;border-bottom:3px solid transparent;padding:10px 14px;font-size:13px;font-weight:700;color:#b2bec3;cursor:pointer;white-space:nowrap;transition:color .15s,border-bottom-color .15s,background .15s;border-radius:12px 12px 0 0;flex-shrink:0}.pr-tab:hover{color:#2d3436;background:#f4f6fb}.pr-tab.active{color:#2d3436;font-weight:900;background:#fff;border-bottom-width:3px}.pr-content{padding:16px 20px 40px;flex:1}.pr-tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000f}.pr-tab-empty-icon{font-size:56px;margin-bottom:14px;animation:pr-bounce 1.6s ease-in-out infinite}@keyframes pr-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pr-tab-empty-text{font-size:16px;font-weight:700;color:#636e72;line-height:1.5;max-width:280px}.mastery-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;cursor:default;transition:transform .1s;white-space:nowrap}.mastery-chip:hover{transform:scale(1.04)}.mastery-chip.mastered{background:#00b894;color:#fff}.mastery-chip.progress{background:#fdcb6e;color:#6b4a00}.mastery-chip.new{background:#f0f0f0;color:#999}.mastery-chip--sm{font-size:11px;padding:4px 9px}.mastery-pill{font-size:12px;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.math-tab{display:flex;flex-direction:column;gap:16px}.math-skill-card{background:#fff;border-radius:18px;border-left:5px solid #6C5CE7;box-shadow:0 2px 12px #6c5ce714;overflow:hidden;padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px}.math-skill-header{display:flex;flex-direction:column;gap:8px}.math-skill-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.math-skill-name{font-size:16px;font-weight:900;color:#2d3436}.math-level-badge{background:#f0eeff;color:#6c5ce7;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}.math-skill-score-row{display:flex;align-items:center;gap:10px}.math-score-bar{flex:1;height:10px;background:#ede9ff;border-radius:6px;overflow:hidden}.math-score-fill{height:100%;border-radius:6px;transition:width .6s ease}.math-score-pct{font-size:16px;font-weight:900;min-width:42px;text-align:right}.math-focus-box{background:#fffde7;border:1.5px solid #f9ca24;border-radius:12px;padding:10px 14px}.math-focus-title{font-size:12px;font-weight:900;color:#b8860b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.math-focus-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.math-focus-item{font-size:13px;font-weight:600;color:#5a3e00}.math-expand-btn{background:none;border:1.5px solid #e0e0e0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;color:#636e72;cursor:pointer;align-self:flex-start;transition:background .15s}.math-expand-btn:hover{background:#f4f6fb}.math-levels{display:flex;flex-direction:column;gap:10px;margin-top:4px}.math-level-row{border-radius:12px;padding:12px 14px;background:#f8f7ff;border:1.5px solid #ede9ff}.math-level-row.locked{background:#fafafa;border-color:#e0e0e0;opacity:.7}.math-level-row.current{border-color:#6c5ce7;background:#f0eeff}.math-level-row-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.math-level-row-badge{font-size:18px}.math-level-row-label{font-size:13px;font-weight:800;color:#2d3436;flex:1}.math-level-current-tag{font-size:11px;font-weight:800;background:#6c5ce7;color:#fff;padding:2px 8px;border-radius:20px}.math-level-locked-tag{font-size:11px;font-weight:700;color:#b2bec3}.math-concepts-grid{display:flex;flex-wrap:wrap;gap:6px}.math-concept-item{font-size:12px;font-weight:600;padding:5px 10px;border-radius:20px;white-space:nowrap}.math-concept-item.mastered{background:#e8f5e9;color:#00b894}.math-concept-item.inprogress{background:#fff3e0;color:#e17055}.math-concept-item.locked{background:#f0f0f0;color:#b2bec3}.math-level-locked-msg{font-size:12px;color:#b2bec3;font-weight:600;font-style:italic;margin-top:6px}.vocab-tab{display:flex;flex-direction:column;gap:16px}.vocab-grade-selector{display:flex;flex-wrap:wrap;gap:6px}.vocab-grade-btn{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;color:#636e72;background:#fff;border:1.5px solid #e0e0e0;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.vocab-grade-btn:hover{background:#f4f6fb}.vocab-grade-btn.active{font-weight:900}.vocab-summary{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:8px}.vocab-summary-text{font-size:15px;font-weight:700}.vocab-summary-count{font-size:24px;font-weight:900}.vocab-summary-denom{color:#636e72}.vocab-summary-bar-track{height:10px;background:#e8f5e9;border-radius:6px;overflow:hidden}.vocab-summary-bar-fill{height:100%;border-radius:6px;transition:width .6s ease}.vocab-word-grid{display:flex;flex-wrap:wrap;gap:6px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px #0000000a}.vocab-practice-section{background:#fff9ed;border:1.5px solid #FDCB6E;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.vocab-practice-title{font-size:14px;font-weight:900;color:#b8860b}.geo-tab{display:flex;flex-direction:column;gap:14px}.geo-section-title{font-size:15px;font-weight:900;color:#2d3436;margin-bottom:2px}.geo-continents-row{display:flex;flex-wrap:wrap;gap:8px}.geo-continent-bubble{flex:1;min-width:100px;max-width:160px;border:2.5px solid;border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;transition:transform .15s,box-shadow .15s}.geo-continent-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.geo-continent-status{font-size:20px}.geo-continent-name{font-size:12px;font-weight:800;text-align:center;line-height:1.3}.geo-focus-box{background:#fffde7;border:1.5px solid #f9ca24;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.geo-focus-label{font-weight:900;color:#b8860b}.geo-focus-region{font-weight:800;color:#2d3436}.geo-focus-detail{color:#636e72;font-weight:600}.geo-region-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.geo-region-header{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:none;border:none;border-left:5px solid;cursor:pointer;text-align:left;transition:background .15s}.geo-region-header:hover{background:#f4f6fb}.geo-region-name{font-size:14px;font-weight:900;flex:1}.geo-region-chevron{font-size:11px;color:#b2bec3;flex-shrink:0}.geo-countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:10px 14px 14px;background:#fafafa}.geo-country-card{background:#fff;border-radius:12px;border:1.5px solid #e0e0e0;border-top-width:4px;padding:10px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .12s,box-shadow .12s}.geo-country-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.geo-country-card.mastered{border-color:#00b894}.geo-country-card.progress{border-color:#fdcb6e}.geo-country-flag{font-size:26px}.geo-country-name{font-size:12px;font-weight:800;color:#2d3436;text-align:center;line-height:1.3}.geo-country-status{font-size:14px}.geo-country-capital{font-size:11px;font-weight:600;text-align:center;line-height:1.3}.phon-tab{display:flex;flex-direction:column;gap:16px}.phon-category{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:10px}.phon-category-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phon-category-name{font-size:15px;font-weight:900;color:#2d3436;flex:1}.phon-items-grid{display:flex;flex-wrap:wrap;gap:6px}.sci-tab{display:flex;flex-direction:column;gap:18px}.sci-category{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:12px}.sci-category-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sci-cat-emoji{font-size:22px;flex-shrink:0}.sci-category-name{font-size:16px;font-weight:900;color:#2d3436;flex:1}.sci-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sci-col{display:flex;flex-direction:column;gap:5px}.sci-col-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.sci-col-empty{font-size:12px;color:#b2bec3;font-style:italic;padding:6px 0}.sci-item-row{display:flex;align-items:flex-start;gap:6px;padding:5px 8px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4}.sci-item-row.mastered{background:#e8f5e9}.sci-item-row.progress{background:#fff9ed}.sci-item-row.new{background:#f8f8f8}.sci-item-icon{font-size:13px;flex-shrink:0;margin-top:1px}.sci-item-label{color:#2d3436}.pr-wrap{display:flex;flex-direction:column;gap:14px}.pr-empty{text-align:center;padding:32px 20px}.pr-empty-icon{font-size:56px;margin-bottom:12px}.pr-empty-title{font-size:17px;font-weight:800;color:#2d3436;margin-bottom:6px}.pr-empty-sub{font-size:14px;color:#636e72;line-height:1.5}.pr-grade-banner{display:flex;align-items:center;gap:16px;border:2.5px solid;border-radius:20px;padding:16px 18px}.pr-grade-emoji{font-size:44px;flex-shrink:0}.pr-grade-info{flex:1;display:flex;flex-direction:column;gap:3px}.pr-grade-label{font-size:22px;font-weight:900;line-height:1}.pr-grade-desc{font-size:13px;color:#636e72;font-weight:600}.pr-grade-summary{font-size:13px;color:#2d3436;font-weight:700;margin-top:4px;background:#fff9;border-radius:8px;padding:5px 8px}.pr-grade-ring{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.pr-grade-ring-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pr-stats-row{display:flex;gap:8px;flex-wrap:wrap}.pr-stat-val{font-size:15px;font-weight:900;color:#2d3436}.pr-stat-lbl{font-size:10px;color:#636e72;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.pr-xp-row{display:flex;flex-direction:column;gap:5px}.pr-xp-label{font-size:12px;color:#636e72;font-weight:700}.pr-xp-track{height:8px;background:#e0d9ff;border-radius:6px;overflow:hidden}.pr-xp-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:6px;transition:width .5s}.pr-grade-scale{background:#fafafa;border:1.5px solid #f0f0f0;border-radius:16px;padding:12px 14px}.pr-grade-scale-title{font-size:13px;font-weight:900;color:#2d3436;margin-bottom:10px}.pr-grade-scale-row{display:flex;gap:6px;flex-wrap:wrap}.pr-grade-pip{flex:1;min-width:80px;border:2px solid;border-radius:12px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s}.pr-grade-pip.active{transform:scale(1.06);box-shadow:0 4px 14px #0000001f}.pr-grade-pip-emoji{font-size:20px}.pr-grade-pip-label{font-size:11px;font-weight:900}.pr-grade-pip-range{font-size:10px;font-weight:700;opacity:.8}.pr-summary-grid{display:flex;gap:10px;flex-wrap:wrap}.pr-summary-card{flex:1;min-width:130px;border:2px solid;border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;gap:5px}.pr-summary-icon{font-size:28px}.pr-summary-title{font-size:13px;font-weight:900}.pr-summary-count{font-size:11px;color:#636e72;font-weight:700}.pr-summary-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.pr-pill{font-size:11px;font-weight:700;color:#fff;border-radius:20px;padding:3px 8px;white-space:nowrap}.pr-recs{background:#fffde7;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pr-recs-title{font-size:14px;font-weight:900;color:#2d3436;margin-bottom:2px}.pr-rec{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:600;color:#444;line-height:1.5;background:#ffffffb3;border-radius:12px;padding:10px 12px}.pr-rec-focus{border-left:4px solid #e17055}.pr-rec-great{border-left:4px solid #00b894}.pr-rec-progress{border-left:4px solid #0984e3}.pr-rec-explore{border-left:4px solid #6C5CE7}.pr-subjects{display:flex;flex-direction:column;gap:8px}.pr-subjects-title{font-size:15px;font-weight:900;color:#2d3436;margin-bottom:2px}.pr-subj-block{background:#fff;border-radius:16px;border:1.5px solid #f0f0f0;overflow:hidden}.pr-subj-header{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.pr-subj-header:hover{background:#fafafa}.pr-subj-icon{font-size:20px;flex-shrink:0}.pr-subj-name{font-size:13px;font-weight:900;flex-shrink:0;min-width:70px}.pr-subj-grade-badge{font-size:11px;font-weight:800;border:1.5px solid;border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.pr-subj-avg-bar{flex:1;display:flex;align-items:center;gap:6px;min-width:80px}.pr-subj-avg-pct{font-size:13px;font-weight:900;min-width:36px;text-align:right}.pr-subj-chevron{font-size:11px;color:#b2bec3;flex-shrink:0}.pr-mini-bar-track{flex:1;height:7px;background:#f0f0f0;border-radius:4px;overflow:hidden}.pr-mini-bar-fill{height:100%;border-radius:4px;transition:width .5s}.pr-skills-list{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.pr-skill-row{display:flex;align-items:center;gap:10px;background:#fafafa;border-radius:12px;padding:10px 12px}.pr-skill-left{flex:1;display:flex;flex-direction:column;gap:5px}.pr-skill-name{font-size:13px;font-weight:800;color:#2d3436}.pr-skill-meta{display:flex;gap:5px;flex-wrap:wrap}.pr-skill-lvl-badge,.pr-skill-cat-badge,.pr-skill-grade-badge{font-size:11px;font-weight:700;border-radius:20px;padding:2px 7px}.pr-skill-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:76px}.pr-skill-score{font-size:16px;font-weight:900}.pr-skill-bar-track{width:76px;height:6px;background:#e0e0e0;border-radius:4px;overflow:hidden}.pr-skill-bar-fill{height:100%;border-radius:4px;transition:width .5s}@media (max-width: 600px){.pr-stats{grid-template-columns:repeat(2,1fr)}.pr-stat-icon{font-size:22px}.pr-stat-info strong{font-size:15px}.pr-tabs{padding:12px 12px 0}.pr-tab{font-size:12px;padding:8px 10px}.pr-content{padding:12px 12px 32px}.pr-header{padding:10px 14px}.pr-title-h1{font-size:17px}.math-concepts-grid{gap:4px}.math-concept-item{font-size:11px;padding:4px 8px}.vocab-grade-selector{gap:4px}.vocab-grade-btn{font-size:12px;padding:5px 10px}.geo-continents-row{gap:6px}.geo-continent-bubble{min-width:80px;padding:10px 6px}.geo-continent-name{font-size:11px}.geo-countries-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.geo-country-flag{font-size:20px}.geo-country-name{font-size:11px}.sci-two-col{grid-template-columns:1fr}.pr-grade-banner{flex-direction:column;align-items:flex-start}.pr-grade-ring{align-self:flex-end}.pr-summary-grid{flex-direction:column}.pr-summary-card{min-width:unset}.pr-grade-scale-row{gap:4px}.pr-grade-pip{min-width:60px}.pr-grade-pip-label{font-size:10px}.pr-subj-grade-badge{display:none}}@media (max-width: 400px){.pr-stats{grid-template-columns:repeat(2,1fr);gap:6px}.math-skill-card{padding:12px 12px 10px}}@media (min-width: 900px){.pr-container{max-width:900px;margin:0 auto}.geo-countries-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.vocab-word-grid .mastery-chip{font-size:14px;padding:7px 14px}}.pr-summary-card{margin:16px 20px 0;background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 14px #00000012;border:1.5px solid #f0f0f0;display:flex;flex-direction:column;gap:14px}.pr-summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pr-summary-label{font-size:15px;font-weight:800;color:#2d3436}.pr-grade-badge{font-size:13px;font-weight:900;color:#fff;padding:5px 14px;border-radius:20px;letter-spacing:.3px;flex-shrink:0}.pr-bar-track{width:100%;height:16px;background:#f0f0f0;border-radius:99px;overflow:hidden}.pr-bar-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:4px}.pr-bar-caption{font-size:12px;color:#636e72;font-weight:600;text-align:right;margin-top:-6px}.pr-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pr-mini-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:#f8f9fa;border-radius:14px;padding:12px 8px}.pr-mini-icon{font-size:22px;margin-bottom:2px}.pr-mini-stat strong{font-size:20px;font-weight:900;color:#2d3436;line-height:1.1}.pr-mini-stat span{font-size:11px;color:#636e72;font-weight:600;line-height:1.3}.pr-no-data{text-align:center;font-size:13px;font-weight:600;color:#636e72;background:#f8f9fa;padding:10px 16px;border-radius:12px}@media (max-width: 480px){.pr-summary-card{margin:12px 12px 0;padding:16px}.pr-mini-stats{gap:6px}.pr-mini-stat{padding:10px 6px}.pr-mini-stat strong{font-size:17px}.pr-summary-label{font-size:13px}}.as-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a288c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:as-fade-in .2s ease}@keyframes as-fade-in{0%{opacity:0}to{opacity:1}}.as-panel{background:#fff;border-radius:28px;box-shadow:0 24px 80px #00000038;padding:36px 32px 28px;width:100%;max-width:420px;position:relative;animation:as-slide-up .25s cubic-bezier(.34,1.28,.64,1)}@keyframes as-slide-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}.as-welcome{text-align:center;padding-top:32px}.as-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:18px;color:#b2bec3;cursor:pointer;transition:color .15s;line-height:1}.as-close:hover{color:#636e72}.as-brand{display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px;font-weight:900;color:#6c5ce7;margin-bottom:10px}.as-brand-icon{font-size:20px}.as-brand-name{font-family:Nunito,sans-serif}.as-hero-emoji{font-size:72px;line-height:1;margin-bottom:10px}.as-hero-title{font-size:26px;font-weight:900;color:#2d3436;margin:0 0 8px;line-height:1.2}.as-hero-sub{font-size:14px;color:#636e72;max-width:320px;margin:0 auto 24px;line-height:1.5}.as-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.as-role-card{background:#f8f5ff;border:2.5px solid transparent;border-radius:20px;padding:20px 12px 16px;cursor:pointer;transition:all .18s;text-align:center}.as-role-card:hover{border-color:#a29bfe;transform:translateY(-3px);box-shadow:0 8px 24px #6c5ce71f}.as-role-card.selected{border-color:#6c5ce7;background:#f0eeff}.as-role-emoji{font-size:40px;margin-bottom:8px}.as-role-label{font-size:15px;font-weight:800;color:#2d3436}.as-role-desc{font-size:12px;color:#636e72;margin-top:3px}.as-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:#b2bec3;font-size:13px}.as-divider:before,.as-divider:after{content:"";flex:1;height:1px;background:#f0f0f0}.as-guest-btn{width:100%;padding:13px;background:none;border:2px solid #dfe6e9;border-radius:14px;font-size:15px;font-weight:700;color:#636e72;cursor:pointer;transition:all .18s}.as-guest-btn:hover{border-color:#6c5ce7;color:#6c5ce7;background:#f8f5ff}.as-back{background:none;border:none;font-size:14px;font-weight:700;color:#636e72;cursor:pointer;margin-bottom:20px;display:block;transition:color .15s}.as-back:hover{color:#6c5ce7}.as-tabs{display:flex;background:#f8f5ff;border-radius:14px;padding:4px;margin-bottom:18px}.as-tabs button{flex:1;padding:10px;border:none;border-radius:10px;font-size:14px;font-weight:800;color:#636e72;background:none;cursor:pointer;transition:all .18s}.as-tabs button.active{background:#fff;color:#6c5ce7;box-shadow:0 2px 10px #6c5ce724}.as-role-badge{display:flex;align-items:center;gap:7px;background:#f0eeff;border-radius:30px;padding:7px 14px;margin-bottom:20px;font-size:13px;font-weight:700;color:#6c5ce7}.as-role-switch{margin-left:auto;background:none;border:1.5px solid #6C5CE7;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:800;color:#6c5ce7;cursor:pointer;transition:all .15s}.as-role-switch:hover{background:#6c5ce7;color:#fff}.as-form{display:flex;flex-direction:column;gap:14px}.as-field{display:flex;flex-direction:column;gap:6px}.as-field label{font-size:11px;font-weight:800;color:#636e72;text-transform:uppercase;letter-spacing:.6px}.as-field input{width:100%;padding:13px 14px;border:2px solid #eee;border-radius:12px;font-size:15px;color:#2d3436;background:#fafafa;outline:none;transition:border-color .18s,background .18s;box-sizing:border-box}.as-field input:focus{border-color:#6c5ce7;background:#fff}.as-field-hint{font-size:12px;color:#636e72;margin-top:5px;line-height:1.4;padding:0 2px}.as-pwd-wrap{position:relative}.as-pwd-wrap input{padding-right:46px}.as-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b2bec3;width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s}.as-eye:hover{color:#6c5ce7}.as-eye svg{width:18px;height:18px}.as-error{background:#fff5f5;border:2px solid #fca5a5;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:8px}.as-submit{width:100%;padding:15px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #6c5ce74d;font-family:Nunito,sans-serif;margin-top:2px}.as-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6c5ce766}.as-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.as-switch-link{text-align:center;margin-top:16px;font-size:13px;color:#636e72}.as-switch-link button{background:none;border:none;color:#6c5ce7;font-weight:800;cursor:pointer;font-size:13px;text-decoration:underline}.as-overlay.as-fullpage{background:linear-gradient(160deg,#f0eeff,#fff8e7);-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 480px){.as-panel{padding:28px 20px 24px;border-radius:24px}.as-hero-title{font-size:22px}.as-hero-emoji{font-size:58px}}.parent-dash{max-width:740px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:16px}.pd-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:22px;padding:16px 22px;border:1.5px solid #f0f0f0;box-shadow:0 2px 12px #0000000f}.pd-title{display:flex;align-items:center;gap:14px}.pd-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-name{font-size:16px;font-weight:900;color:#2d3436}.pd-login{font-size:12px;color:#636e72;margin-top:2px}.pd-signout{background:none;border:1.5px solid #dfe6e9;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:700;color:#636e72;cursor:pointer;transition:all .15s;white-space:nowrap}.pd-signout:hover{border-color:#d63031;color:#d63031}.pd-section{background:#fff;border-radius:22px;padding:20px 22px;border:1.5px solid #f0f0f0;box-shadow:0 2px 12px #0000000d}.pd-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pd-section-title{font-size:16px;font-weight:900;color:#2d3436}.pd-add-btn{background:#6c5ce7;color:#fff;border:none;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .12s,background .15s}.pd-add-btn:hover{background:#5a4dd0;transform:scale(1.04)}.pd-add-form{display:flex;flex-direction:column;gap:14px}.pd-add-info{font-size:13px;color:#636e72;line-height:1.5;background:#f0eeff;border-radius:12px;padding:11px 14px;margin:0}.pd-add-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-field{display:flex;flex-direction:column;gap:5px}.pd-field label{font-size:11px;font-weight:800;color:#636e72;text-transform:uppercase;letter-spacing:.5px}.pd-field input{padding:11px 13px;border:2px solid #eee;border-radius:11px;font-size:14px;outline:none;transition:border-color .18s;background:#fafafa}.pd-field input:focus{border-color:#6c5ce7;background:#fff}.pd-select{padding:11px 13px;border:2px solid #eee;border-radius:11px;font-size:14px;outline:none;background:#fafafa;cursor:pointer;transition:border-color .18s;font-family:inherit;color:#2d3436}.pd-select:focus{border-color:#6c5ce7;background:#fff}.pcc-grade{font-size:11px;color:#6c5ce7;font-weight:700}.pd-pwd-wrap{position:relative}.pd-pwd-wrap input{padding-right:40px;width:100%;box-sizing:border-box}.pd-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b2bec3;padding:0;display:flex;align-items:center}.pd-eye:hover{color:#6c5ce7}.pd-msg{font-size:13px;font-weight:700;border-radius:11px;padding:10px 14px;line-height:1.4}.pd-msg.success{background:#e8f5e9;color:#00600f}.pd-msg.error{background:#fff5f5;color:#dc2626;border:1.5px solid #fca5a5}.pd-submit-btn{padding:13px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:13px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .12s;box-shadow:0 4px 16px #6c5ce74d}.pd-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.pd-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pd-empty{text-align:center;padding:28px 16px}.pd-empty-icon{font-size:48px;margin-bottom:10px}.pd-empty-text{font-size:16px;font-weight:800;color:#2d3436;margin-bottom:5px}.pd-empty-sub{font-size:13px;color:#636e72;line-height:1.5}.pd-children-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.pd-child-card{background:#fafafa;border:2.5px solid #f0f0f0;border-radius:18px;padding:16px 18px;text-align:center;cursor:pointer;transition:all .18s;min-width:130px;flex:1;max-width:180px;display:flex;flex-direction:column;align-items:center;gap:5px}.pd-child-card:hover{border-color:var(--card-color, #6C5CE7);transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.pd-child-card.active{border-color:var(--card-color, #6C5CE7);background:#f8f5ff;box-shadow:0 4px 16px #6c5ce726}.pcc-avatar{width:72px;height:72px;border-radius:50%;color:#fff;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.pcc-photo-hint{font-size:10px;color:#b2bec3;margin-top:2px;margin-bottom:2px}.pcc-name{font-size:15px;font-weight:900;color:#2d3436}.pcc-login{font-size:11px;color:#636e72}.pcc-badges{display:flex;gap:8px;font-size:13px;font-weight:700;color:#636e72;margin-top:3px}.pcc-start-btn{margin-top:8px;width:100%;color:#fff;border:none;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .12s,opacity .12s;font-family:inherit}.pcc-start-btn:hover{opacity:.88;transform:scale(1.04)}.pcc-view{font-size:12px;color:#a29bfe;font-weight:700;margin-top:2px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.pd-report-section{padding-top:16px}.pd-report-header{margin-bottom:18px}.pd-tip{font-size:13px;color:#636e72;line-height:1.5;background:#fffde7;border-radius:14px;padding:12px 16px;border-left:4px solid #f9ca24}@media (max-width: 520px){.pd-add-row{grid-template-columns:1fr}.pd-children-grid{gap:8px}.pd-child-card{max-width:none;min-width:0}}.la-root{display:flex;height:100vh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f2f5;font-size:14px;color:#1a1a2e}.la-sidebar{width:230px;flex-shrink:0;background:#1a1a2e;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;box-shadow:2px 0 12px #0003}.la-sidebar-logo{padding:24px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.la-sidebar-logo h2{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.la-sidebar-logo span{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:1px}.la-nav{flex:1;padding:12px 0;overflow-y:auto}.la-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;color:#ffffff8c;font-size:13.5px;font-weight:600;border-left:3px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none}.la-nav-icon{font-size:17px;flex-shrink:0}.la-nav-label{white-space:nowrap}.la-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.la-admin-badge{display:flex;align-items:center;gap:10px;margin-bottom:12px}.la-admin-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.la-admin-info{flex:1;min-width:0}.la-admin-name{font-size:13px;font-weight:700;color:#fff}.la-admin-role{font-size:11px;color:#fff6}.la-logout-btn{width:100%;padding:8px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.la-logout-btn:hover{background:#ffffff1f;color:#fff}.la-content{margin-left:230px;flex:1;overflow-y:auto;height:100vh;padding:28px 32px;box-sizing:border-box}.la-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.la-page-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:0}.la-page-sub{font-size:13px;color:#888;margin:3px 0 0}.la-topbar-actions{display:flex;gap:10px;align-items:center}.la-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.la-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f2f5}.la-panel-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0}.la-panel-body{padding:20px}.la-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.la-stat-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px #0000000f;border-left:4px solid transparent}.la-stat-card .la-stat-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.la-stat-card .la-stat-value{font-size:30px;font-weight:800;color:#1a1a2e;line-height:1}.la-stat-card .la-stat-sub{font-size:11px;color:#aaa;margin-top:5px}.la-stat-card--purple{border-left-color:#6c5ce7}.la-stat-card--green{border-left-color:#00b894}.la-stat-card--orange{border-left-color:#e17055}.la-stat-card--blue{border-left-color:#0984e3}.la-stat-card--pink{border-left-color:#e84393}.la-table-wrap{overflow-x:auto}.la-table{width:100%;border-collapse:collapse}.la-table th{background:#f8f9fa;padding:10px 14px;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;border-bottom:1px solid #eee}.la-table td{padding:12px 14px;border-bottom:1px solid #f5f5f5;font-size:13px;color:#333;vertical-align:middle}.la-table tr:last-child td{border-bottom:none}.la-table tr:hover td{background:#fafbfc}.la-table tr.la-row-expanded td{background:#f8f4ff}.la-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.la-badge--purple{background:#ede9fe;color:#6c5ce7}.la-badge--green{background:#d1fae5;color:#059669}.la-badge--orange{background:#fef3c7;color:#d97706}.la-badge--blue{background:#dbeafe;color:#2563eb}.la-badge--red{background:#fee2e2;color:#dc2626}.la-badge--gray{background:#f3f4f6;color:#6b7280}.la-badge--pink{background:#fce7f3;color:#e84393}.la-badge--teal{background:#ccfbf1;color:#0d9488}.la-btn-primary{background:#6c5ce7;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.la-btn-primary:hover{opacity:.88}.la-btn-secondary{background:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.la-btn-secondary:hover{background:#e5e7eb}.la-btn-danger{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.la-btn-danger:hover{background:#fca5a5}.la-btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.la-btn-icon{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:16px;transition:background .15s}.la-btn-icon:hover{background:#f0f2f5}.la-search{padding:8px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#333;outline:none;min-width:220px;background:#fff;transition:border-color .15s}.la-search:focus{border-color:#6c5ce7}.la-select{padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#333;outline:none;background:#fff;cursor:pointer;transition:border-color .15s}.la-select:focus{border-color:#6c5ce7}.la-input{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#333;outline:none;background:#fff;width:100%;box-sizing:border-box;transition:border-color .15s}.la-input:focus{border-color:#6c5ce7}.la-textarea{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#333;outline:none;background:#fff;width:100%;box-sizing:border-box;resize:vertical;min-height:72px;transition:border-color .15s}.la-textarea:focus{border-color:#6c5ce7}.la-label{font-size:12px;font-weight:600;color:#555;margin-bottom:4px;display:block}.la-form-row{margin-bottom:14px}.la-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.la-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.la-empty{text-align:center;padding:48px 24px;color:#aaa}.la-empty-icon{font-size:40px;margin-bottom:10px}.la-empty-text{font-size:14px}.la-section-title{font-size:13px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.7px;margin:20px 0 12px;padding-bottom:6px;border-bottom:1px solid #f0f2f5}.la-divider{border:none;border-top:1px solid #f0f2f5;margin:16px 0}.la-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.la-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.la-mb-6{margin-bottom:6px}.la-mb-12{margin-bottom:12px}.la-mb-20{margin-bottom:20px}.la-mb-24{margin-bottom:24px}.la-flex{display:flex}.la-flex-center{display:flex;align-items:center}.la-gap-8{gap:8px}.la-gap-10{gap:10px}.la-gap-12{gap:12px}.la-justify-between{justify-content:space-between}.la-flex-wrap{flex-wrap:wrap}.la-fw-700{font-weight:700}.la-text-sm{font-size:12px}.la-text-muted{color:#888}.la-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.la-bar-label{width:100px;font-size:12px;font-weight:600;color:#555;flex-shrink:0;text-align:right}.la-bar-track{flex:1;height:20px;background:#f0f2f5;border-radius:4px;overflow:hidden}.la-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;display:flex;align-items:center;padding-left:8px}.la-bar-count{font-size:11px;font-weight:700;color:#ffffffd9}.la-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.la-row-detail{background:#f8f4ff;padding:20px;border-bottom:1px solid #e9d5ff}.la-row-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.la-q-card{border:1.5px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;background:#fff;transition:border-color .15s}.la-q-card:hover{border-color:#a29bfe}.la-q-text{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.la-q-answer{display:flex;align-items:center;gap:8px;margin-bottom:8px}.la-q-opts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.la-q-opt{padding:3px 10px;border-radius:20px;font-size:12px;background:#f0f2f5;color:#555}.la-q-opt--correct{background:#d1fae5;color:#059669;font-weight:700}.la-q-hint{font-size:12px;color:#888;font-style:italic}.la-q-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.la-q-custom-tag{font-size:10px;font-weight:700;color:#6c5ce7;background:#ede9fe;padding:2px 6px;border-radius:4px;margin-left:6px}.la-q-sidebar{width:240px;flex-shrink:0;border-right:1px solid #f0f2f5;padding:20px 16px;overflow-y:auto}.la-q-main{flex:1;padding:20px;overflow-y:auto}.la-selector-label{font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.la-selector-wrap{margin-bottom:18px}.la-selector-btn{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s;background:transparent;color:#555;margin-bottom:3px}.la-selector-btn:hover{background:#f0f2f5}.la-selector-btn.active{color:#fff}.la-pill-group{display:flex;flex-wrap:wrap;gap:5px}.la-pill{padding:4px 10px;border-radius:14px;border:1.5px solid #e5e7eb;font-size:12px;font-weight:600;cursor:pointer;background:#fff;color:#555;transition:all .12s}.la-pill:hover{border-color:#6c5ce7;color:#6c5ce7}.la-pill.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.la-plan-card{border:2px solid #e5e7eb;border-radius:14px;padding:20px;text-align:center;position:relative}.la-plan-card--highlighted{border-color:#6c5ce7}.la-plan-price{font-size:28px;font-weight:800;color:#1a1a2e}.la-plan-period{font-size:13px;color:#888}.la-plan-link{font-size:11px;color:#6c5ce7;word-break:break-all;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin-top:10px;display:block;font-family:monospace}.la-xp-bar-track{width:80px;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:6px}.la-xp-bar-fill{height:100%;background:#6c5ce7;border-radius:3px}.la-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.la-modal{background:#fff;border-radius:16px;padding:28px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.la-modal-title{font-size:17px;font-weight:800;margin:0 0 16px}.la-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.la-modal pre{background:#1a1a2e;color:#a29bfe;padding:16px;border-radius:8px;font-size:12px;overflow-x:auto;max-height:300px;overflow-y:auto;font-family:Courier New,monospace}.la-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#302b63 60%,#24243e)}.la-login-card{background:#fff;border-radius:20px;padding:40px 36px;width:340px;box-shadow:0 20px 60px #0006}.la-login-logo{text-align:center;margin-bottom:28px}.la-login-logo h1{font-size:24px;font-weight:800;margin:0 0 4px;color:#1a1a2e}.la-login-logo p{font-size:13px;color:#888;margin:0}.la-login-card .la-btn-primary{width:100%;justify-content:center;padding:12px;font-size:15px;border-radius:10px}.la-login-err{background:#fee2e2;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px;text-align:center}.la-toast{position:fixed;bottom:24px;right:24px;background:#1a1a2e;color:#fff;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;z-index:999;animation:la-slide-in .3s ease;box-shadow:0 8px 24px #0000004d}.la-toast--success{background:#065f46}.la-toast--error{background:#991b1b}@keyframes la-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.la-sidebar-brand{padding:24px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.la-sidebar-brand-icon{font-size:26px;flex-shrink:0}.la-sidebar-brand-text{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px;white-space:nowrap}.la-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.la-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;color:#ffffff8c;font-size:13.5px;font-weight:600;border:none;background:none;width:100%;text-align:left;border-left:3px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none;font-family:inherit}.la-nav-item:hover{color:#fff;background:#ffffff0d}.la-nav-item.active{color:#fff;background:#6c5ce733;border-left-color:#6c5ce7}.la-nav-item--danger:hover{color:#fca5a5;background:#dc26261a}.la-sidebar-footer{padding:12px 0 8px;border-top:1px solid rgba(255,255,255,.08)}.la-sidebar-back{padding:0 0 4px}.la-login-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:10px 0 4px}.la-login-sub{font-size:13px;color:#888}.la-login-form{margin-top:4px}.la-topbar-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:0}.la-topbar-sub{font-size:13px;color:#888;margin:3px 0 0}.la-stat-card--gray{border-left-color:#6b7280}@media (max-width: 900px){.la-sidebar{width:60px}.la-nav-label,.la-sidebar-logo h2,.la-sidebar-logo span,.la-admin-info,.la-logout-btn{display:none}.la-content{margin-left:60px;padding:16px}.la-nav-item{padding:12px;justify-content:center}.la-form-grid,.la-form-grid-3{grid-template-columns:1fr}}@media (max-width: 600px){.la-stat-grid{grid-template-columns:1fr 1fr}.la-grid-2,.la-grid-3{grid-template-columns:1fr}.la-table th:nth-child(n+5),.la-table td:nth-child(n+5){display:none}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main-content{flex:1}.parent-return-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;padding:10px 20px;font-size:13px;font-weight:700;gap:12px;flex-wrap:wrap}.parent-return-btn{background:#ffffff38;border:1.5px solid rgba(255,255,255,.5);color:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.parent-return-btn:hover{background:#ffffff61}*,*: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}