.welcome-card{display:flex;align-items:center;gap:14px;margin-bottom:16px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.4rem;background:linear-gradient(135deg,#1f63ea,#6b45ed);box-shadow:0 10px 26px rgba(52,73,215,.26)}.welcome-card p{color:var(--muted);margin-top:3px}.continue-card{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.continue-card__icon{width:78px;min-width:78px;height:78px;border-radius:20px;display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(135deg,#eaf0ff,#f1eaff)}.continue-card__content{flex:1}.continue-card__content p{color:var(--muted);margin:4px 0 12px}.continue-card__content small{display:block;margin-top:8px}.action-grid{display:grid;gap:12px;margin-top:18px}.primary-action,.secondary-action{border:0;border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left}.primary-action{background:linear-gradient(135deg,#315dfb,#6646eb);color:#fff;box-shadow:0 16px 32px rgba(56,70,220,.24)}.secondary-action{background:#fff;border:1px solid #dce2f3;color:var(--text)}.primary-action>span,.secondary-action>span{font-size:1.8rem}.primary-action strong,.secondary-action strong{display:block;font-size:1rem}.primary-action small{color:#dfe4ff}.secondary-action small{display:block;margin-top:3px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-card{min-height:155px;border-radius:23px;padding:17px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(36,53,100,.07)}.category-card:nth-child(1){background:linear-gradient(145deg,#3767ff,#3257d8);color:#fff}.category-card:nth-child(2){background:linear-gradient(145deg,#53d5b1,#3caf9d);color:#fff}.category-card:nth-child(3){background:linear-gradient(145deg,#ffad3e,#f78325);color:#fff}.category-card small{color:inherit;opacity:.83}.category-card__emoji{display:block;font-size:2.4rem;margin-bottom:16px}.book-card{display:flex;gap:18px;align-items:center;background:#fff;padding:18px;border-radius:24px;box-shadow:var(--shadow)}.book-cover{width:94px;height:124px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 12px 25px rgba(31,69,177,.25)}.book-card__info h2{margin:9px 0 4px}.chapter-list{display:grid;gap:10px;margin-top:18px}.chapter-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px;border:1px solid var(--line)}.chapter-row__number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef1ff;color:var(--primary);font-weight:900}.chapter-row p{font-size:.82rem;color:var(--muted);margin:2px 0 8px}.chapter-row b{font-size:.82rem}.chapter-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#fff,#f0f3ff);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.hero-emoji{font-size:3.5rem}.chapter-hero h2{margin:10px 0 5px}.chapter-hero p{color:var(--muted)}.readiness-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin-top:16px}.readiness-card h2{font-size:2rem;margin:8px 0 4px}.readiness-card p{color:var(--muted);margin-bottom:14px}.word-list{display:grid;gap:9px}.word-row{display:grid;grid-template-columns:46px 1fr 42px;gap:11px;align-items:center;background:#fff;padding:12px;border-radius:17px;border:1px solid var(--line)}.word-row__emoji{font-size:1.65rem}.word-row p{font-size:.81rem;color:var(--muted);margin:2px 0 7px}.word-row b{font-size:.76rem;text-align:right}.lesson-screen{min-height:100vh;background:linear-gradient(180deg,#f8f9ff 0,#eef2ff 100%);padding-bottom:36px}.lesson-topbar{max-width:720px;margin:0 auto;display:grid;grid-template-columns:50px 1fr 70px;align-items:center;padding:18px}.lesson-topbar>div{text-align:center}.lesson-topbar span{display:block;color:var(--muted);font-size:.75rem}.lesson-topbar>b{text-align:right;color:#7050d9}.lesson-progress{height:7px;max-width:670px;margin:0 auto;background:#dde3f2;border-radius:99px;overflow:hidden}.lesson-progress span{display:block;height:100%;background:linear-gradient(90deg,#7747ee,#2bb5ef);border-radius:inherit}.lesson-main{max-width:560px;margin:18px auto 0;padding:0 18px}.question-card{position:relative;text-align:center;background:#fff;border-radius:25px;padding:22px 64px;box-shadow:0 16px 40px rgba(45,60,110,.09)}.question-card p{color:var(--muted);font-weight:700}.question-card h1{margin-top:8px;font-size:clamp(1.9rem,7vw,2.8rem)}.speaker-button{position:absolute;left:16px;top:17px;width:44px;height:44px;border:0;border-radius:50%;background:#eef2ff}.visual-card{min-height:205px;margin-top:14px;border-radius:25px;background:linear-gradient(145deg,#fff,#f2f3fb);display:grid;place-items:center;text-align:center;padding:18px;box-shadow:0 12px 32px rgba(45,60,110,.07)}.visual-card span{font-size:6rem;filter:drop-shadow(0 12px 15px rgba(45,60,110,.12))}.visual-card p{color:var(--muted);font-size:.82rem}.feedback-slot{min-height:80px;padding-top:10px}.feedback{display:flex;gap:12px;align-items:center;border-radius:18px;padding:13px 16px}.feedback>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900}.feedback--success{background:#eaf9ef;color:#167d40}.feedback--success>span{background:#2dbb62;color:#fff}.feedback--error{background:#fff0f0;color:#a53535}.feedback--error>span{background:#e95b5b;color:#fff}.hint-card{display:flex;gap:12px;background:#fff8e5;border:1px solid #ffe0a0;border-radius:18px;padding:13px;margin-bottom:12px}.hint-card>span{font-size:1.4rem}.hint-card p{color:#775e29;margin-top:3px}.choice-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.choice-row button{border:1px solid #e2c57b;background:#fff;border-radius:10px;padding:7px 10px}.mic-button{width:140px;height:140px;border-radius:50%;border:10px solid #e3e8ff;background:linear-gradient(145deg,#7046ef,#315dfb);color:#fff;display:grid;place-items:center;margin:2px auto 12px;box-shadow:0 18px 38px rgba(56,70,220,.28)}.mic-button span{font-size:3rem}.mic-button small{color:#fff;margin-top:-25px}.mic-button.is-listening{animation:pulse 1.1s infinite}.lesson-actions{display:flex;justify-content:center;gap:12px}.text-button{background:transparent;border:0;color:#59627a;font-weight:700;padding:10px}.type-answer{display:flex;gap:8px;margin-top:12px}.type-answer input{flex:1;border:2px solid #dce2f3;border-radius:14px;padding:13px;background:#fff}.type-answer button{border:0;border-radius:14px;padding:0 16px;background:var(--primary);color:#fff;font-weight:800}.results-screen{text-align:center}.confetti{color:#6951dd;font-size:1.4rem;letter-spacing:.3em}.results-screen>h1{font-size:3rem;color:#5b48df;margin:10px 0 2px}.result-score{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:24px;margin:22px 0 16px;box-shadow:var(--shadow);padding:20px 8px}.result-score>div+div{border-left:1px solid var(--line)}.result-score span,.result-score strong,.result-score small{display:block}.result-score span{font-size:1.4rem}.result-score strong{font-size:1.45rem;margin:4px 0}.review-list{display:grid;gap:9px;text-align:left}.review-list>div{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;background:#fff;border-radius:16px;padding:12px;border:1px solid var(--line)}.review-list p small{display:block}.review-list button{width:38px;height:38px;border:0;border-radius:50%;background:#eef2ff;color:var(--primary)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.chapter-progress-list{display:grid;gap:10px}.chapter-progress-list>a{display:grid;grid-template-columns:44px 1fr 46px;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:14px}.chapter-progress-list>a>span{font-size:1.7rem}.chapter-progress-list small{display:block;margin:3px 0 8px}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.achievement-grid>div{background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column}.achievement-grid span{font-size:2rem}.achievement-grid strong{margin:8px 0 3px}.parent-lock{font-size:1.4rem}.parent-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.parent-summary>div{background:#fff;border-radius:18px;padding:14px}.parent-summary span,.parent-summary strong{display:block}.parent-summary span{font-size:.68rem;color:var(--muted)}.parent-summary strong{font-size:1.45rem;margin-top:7px}.settings-card{background:#fff;border-radius:24px;padding:20px;margin-top:18px;box-shadow:var(--shadow)}.settings-card h2{margin-bottom:16px}.settings-card label{display:block;margin-bottom:15px}.settings-card label>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.settings-card input[type=text],.settings-card input:not([type]){width:100%;padding:12px;border:1px solid var(--line);border-radius:12px}.toggle-row{display:flex!important;justify-content:space-between;align-items:center;gap:15px}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row input{width:22px;height:22px}.parent-report{display:grid;gap:9px}.parent-report>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;background:#fff;border-radius:16px;padding:13px}.parent-report p small{display:block}.readiness-good{color:#159048}.readiness-mid{color:#b4760c}.readiness-low{color:#c94e4e}.danger-zone{margin-top:30px;background:#fff;border-radius:16px;padding:16px}.danger-zone p{color:var(--muted);margin:10px 0}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 18px rgba(77,80,230,.12)}}
.feedback--answer{background:#eef3ff;color:#294a9b}.feedback--answer>span{background:#4e68df;color:#fff}.feedback--answer p{font-size:1.15rem;font-weight:900;margin-top:2px}.text-button--unknown{color:#a05a13}.answer-reveal-actions{display:grid;gap:12px;margin-top:4px}.answer-audio-button,.next-question-button{min-height:54px;border-radius:17px;font-weight:850;font-size:1rem}.answer-audio-button{border:1px solid #cfd9fa;background:#fff;color:#3153b5}.next-question-button{border:0;background:linear-gradient(135deg,#315dfb,#6646eb);color:#fff;box-shadow:0 12px 28px rgba(56,70,220,.22)}
