:root{--bg:#eef3ff;--card:#fff;--text:#2b2350;--muted:#6b7280;--primary:#7c5cff;--primary-dark:#6647e8;--accent:#ffb703;--danger:#e05d5d;--green:#2ec27e;--gradient-fun:linear-gradient(135deg, #7c5cff, #4facfe);--radius:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#eef3ff 0%,#fdf2ff 100%) fixed;margin:0}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--gradient-fun);justify-content:space-between;align-items:center;padding:.7rem 1.2rem;display:flex;box-shadow:0 2px 10px #7c5cff59}.brand{color:#fff;font-size:1.2rem;font-weight:800;text-decoration:none}.topbar .muted{color:#ffffffd9}.topbar .btn{color:#fff;background:#ffffff2e}.topbar-right{align-items:center;gap:.7rem;display:flex}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:1.2rem}h1{margin:.2rem 0;font-size:1.5rem}h2{margin:0;font-size:1.15rem}.center{text-align:center;margin-top:2rem}.muted{color:var(--muted);margin:.2rem 0}.error{color:var(--danger);font-weight:600}.card{background:var(--card);border-radius:var(--radius);margin-bottom:1rem;padding:1.1rem;animation:.25s ease-out pop-in;box-shadow:0 6px 18px #2b235014}.course-card{transition:transform .15s}.course-card:hover{transform:translateY(-3px)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.btn{color:var(--text);cursor:pointer;text-align:center;background:#e7eaf3;border:none;border-radius:10px;padding:.6rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--gradient-fun);color:#fff;box-shadow:0 3px 10px #7c5cff59}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--danger);background:#fdecec}.btn.small{padding:.35rem .7rem;font-size:.85rem}.btn.disabled{opacity:.45;pointer-events:none}form label{flex-direction:column;gap:.25rem;margin-bottom:.8rem;font-size:.9rem;font-weight:600;display:flex}input,select{background:#fff;border:1px solid #d4d9e4;border-radius:10px;padding:.55rem .7rem;font-size:1rem}input:focus,select:focus{outline:2px solid var(--primary);border-color:#0000}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.form-row label{flex:1;min-width:160px;margin-bottom:0}.auth-card{max-width:380px;margin:8vh auto}.auth-card h1{text-align:center}.tabs{gap:.4rem;margin:1rem 0;display:flex}.tab{cursor:pointer;background:#e7eaf3;border:none;border-radius:10px;flex:1;padding:.5rem;font-weight:600}.tab.active{background:var(--primary);color:#fff}.auth-card form button.btn{width:100%;margin-top:.4rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.course-card{margin-bottom:0}.course-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.course-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.badge{background:#e7eaf3;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.badge.due{color:#b25e09;background:#ffe9d6}.badge.box-0{color:var(--muted);background:#e7eaf3}.badge.box-1,.badge.box-2{color:var(--danger);background:#fdecec}.badge.box-3,.badge.box-4{color:#9a7b0a;background:#fff5d9}.badge.box-5{color:var(--green);background:#e1f5ea}.vocab-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);width:100%;overflow:hidden;box-shadow:0 1px 4px #0000000f}.vocab-table th,.vocab-table td{text-align:left;border-bottom:1px solid #eef0f6;padding:.6rem .8rem}.vocab-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#f0f2f9;font-size:.85rem}.vocab-table input{width:100%}.row-actions{justify-content:flex-end;gap:.4rem;display:flex}.quiz-wrap{max-width:560px;margin:0 auto}.quiz-card{text-align:center;padding:1.6rem}.quiz-direction{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.quiz-prompt{margin:.8rem 0 1.2rem;font-size:2rem;font-weight:700}.quiz-input{text-align:center;width:100%;margin-bottom:.8rem;font-size:1.2rem}.quiz-submit{width:100%}.quiz-result{font-size:1.3rem;font-weight:700}.quiz-feedback{border-radius:var(--radius);padding:.8rem;animation:.2s ease-out pop-in}.quiz-feedback.ok{background:linear-gradient(135deg,#e3f9ee,#f0fdf6)}.quiz-feedback.wrong{background:linear-gradient(135deg,#fdecec,#fff5f5)}.quiz-feedback.ok .quiz-result{color:var(--green)}.quiz-feedback.wrong .quiz-result{color:var(--danger)}.mascot-wrap{justify-content:center;display:flex}.mascot-cheer{animation:.8s ease-in-out infinite bounce-soft}.quiz-solution{margin:.5rem 0 1rem;font-size:1.5rem;font-weight:700}.quiz-score{font-size:1.4rem;font-weight:700}.quiz-wrong-list{text-align:left;max-width:320px;margin:1rem auto}.mic-area{margin-bottom:1rem}.btn.mic{border:2px dashed var(--primary);width:100%;color:var(--primary);background:#eef1fb;padding:.9rem;font-size:1.1rem}.btn.mic.listening{background:var(--primary);color:#fff;border-style:solid;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #4f6df566}50%{box-shadow:0 0 0 12px #4f6df500}}.mic-interim{min-height:1.3em;font-style:italic}.speak-btn{cursor:pointer;vertical-align:middle;background:0 0;border:none;margin-left:.4rem;font-size:1.2rem}.quiz-hint{color:#b25e09;font-weight:600}.session-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin:1.2rem 0;display:grid}.session-btn{padding:1rem .5rem;font-size:1.05rem}.quiz-meta{justify-content:center;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.countdown-pill{background:var(--text);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:.2rem .8rem;font-weight:700}.quiz-stars{font-size:1.15rem;font-weight:700}.practice-pill{background:var(--accent);color:#5b4300;border-radius:999px;padding:.2rem .8rem;font-weight:700}.practice-hint{margin-bottom:.6rem;font-size:.85rem}.star-badge{color:#9a7b0a;background:#fff5d9;border-radius:999px;padding:.25rem .8rem;font-weight:700;text-decoration:none}.rewards-balance{align-items:center;gap:.8rem;display:flex}.streak-flame{color:#d9480f;font-weight:700}.reward-card{text-align:center}.reward-cost{margin:.5rem 0;font-size:1.3rem;font-weight:700}.success{color:var(--green);font-weight:700}.pending-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.kid-course{margin-top:.5rem}.kid-course-name{font-size:.85rem;font-weight:600}.box-bar{background:#eef0f6;border-radius:999px;height:12px;margin-top:.2rem;display:flex;overflow:hidden}.box-bar-segment{height:100%}.install-card{border:2px dashed var(--primary);margin-top:1.2rem}.template-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.assign-kids{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.assign-kid{align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.footer{justify-content:center;gap:.6rem;padding:1rem;font-size:.85rem;display:flex}.footer a{color:var(--muted)}.legal{background:var(--card);border-radius:var(--radius);max-width:720px;margin:0 auto;padding:1.5rem;box-shadow:0 6px 18px #2b235014}.legal h2{margin-top:1.2rem}.center-card{text-align:center}.dup-row input{opacity:.55}.dup-badge{color:#b25e09;background:#ffe9d6;margin-left:.3rem}.import-preview{border-radius:10px;max-width:100%;max-height:320px;margin-top:1rem}