:root{--paper:#f3ead8;--paper-deep:#e8dcc4;--ink:#1d1914;--ink-soft:#5c5348;--rule:#d7c4a3;--margin:#c45c4a;--teal:#0f5e56;--teal-deep:#0a3f3a;--saffron:#c97b1a;--sage:#3d6b4f;--rose:#9a3b32;--card:#fffaf1;--shadow:0 18px 40px #281c0c14;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:IBM Plex Sans,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(90deg, transparent 56px, var(--margin) 56px, var(--margin) 58px, transparent 58px), repeating-linear-gradient(var(--paper) 0 31px, #b48c5a17 31px 32px);background-attachment:fixed;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,.serif{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-weight:650}.app{max-width:920px;margin:0 auto;padding:28px 24px 80px 76px}.topbar{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.brand{color:var(--teal-deep);font-family:Fraunces,serif;font-size:1.15rem}.brand small{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-family:IBM Plex Sans,sans-serif;font-size:.75rem;font-weight:500;display:block}.nav-links{flex-wrap:wrap;gap:8px;display:flex}.nav-links button,.ghost{color:var(--ink-soft);background:0 0;border:0;padding:6px 8px}.nav-links button.active{color:var(--teal);font-weight:600}.hero,.card,.q-card,.lesson,.plan-item{background:var(--card);box-shadow:var(--shadow);border:1px solid #50321414;border-radius:18px}.hero{padding:36px 36px 32px}.hero h1{margin:0 0 12px;font-size:2.4rem;line-height:1.15}.hero p{color:var(--ink-soft);max-width:38rem;font-size:1.05rem}.kicker{color:var(--saffron);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mt{margin-top:22px}.primary,.secondary,.hint-btn,.opt{border:1px solid #0000;border-radius:999px;padding:11px 18px}.primary{background:var(--teal);color:#f7f3ea;border-color:var(--teal-deep)}.primary:hover{background:var(--teal-deep)}.secondary{border-color:var(--rule);color:var(--ink);background:#fff}.hint-btn{color:#7a4e10;background:#fff6e6;border-color:#e6c48a}.field{flex-direction:column;gap:6px;max-width:280px;display:flex}.field input,.answer-box input{border:1px solid var(--rule);background:#fff;border-radius:12px;padding:10px 12px}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.topic{background:var(--card);border:1px solid #50321414;border-radius:16px;padding:18px 18px 16px}.topic h3{margin:0 0 6px;font-size:1.2rem}.topic p{color:var(--ink-soft);margin:0;font-size:.95rem}.source{color:#7a6a52;margin-top:10px;font-size:.8rem}.stamp{letter-spacing:.06em;text-transform:uppercase;border:1.5px solid;border-radius:4px;margin-bottom:8px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-block}.stamp.teal{color:var(--teal)}.stamp.saffron{color:var(--saffron)}.stamp.rose{color:var(--rose)}.progress-line{background:var(--paper-deep);border-radius:99px;height:8px;margin:10px 0 18px;overflow:hidden}.progress-line>span{background:var(--teal);height:100%;display:block}.q-card,.lesson{padding:26px 26px 22px}.q-card h2,.lesson h2{margin:0 0 12px;font-size:1.45rem}.prompt{font-size:1.12rem}.options{gap:8px;margin-top:16px;display:grid}.opt{text-align:left;border:1px solid var(--rule);background:#fff;border-radius:14px}.opt:hover,.opt.picked{border-color:var(--teal);background:#eef6f4}.opt.good{border-color:var(--sage);background:#e8f4ea}.opt.bad{border-color:var(--rose);background:#f8ecea}.answer-box{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.answer-box input{min-width:180px}.banner{border-radius:12px;margin-top:16px;padding:12px 14px}.banner.ok{color:#245334;background:#e7f3ea}.banner.no{color:#7a2e28;background:#f8ecea}.hints,.unpack,.steps{background:#fff8ec;border:1px dashed #e0c48a;border-radius:12px;margin-top:16px;padding:14px 16px}.hints ol,.steps ol{margin:8px 0 0;padding-left:18px}.unpack h4{margin:10px 0 4px;font-size:.95rem}.unpack h4:first-child{margin-top:0}.plan-item{grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.plan-item.done{opacity:.55}.idx{background:var(--paper-deep);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.plan-item.up-next .idx{background:var(--teal);color:#fff}.muted{color:var(--ink-soft);font-size:.92rem}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.stat{background:var(--card);border:1px solid #50321414;border-radius:14px;padding:14px}.stat b{font-family:Fraunces,serif;font-size:1.4rem;display:block}.level-chip{color:var(--teal-deep);background:#eef6f4;border-radius:99px;padding:3px 8px;font-size:.75rem;font-weight:600}.urgency-badge{color:#fff;letter-spacing:.03em;border-radius:99px;justify-content:center;align-items:center;min-width:32px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.attention-row{background:#fff8ec;border:1px dashed #e0c48a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.chip-btn{border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.chip-btn:hover{background:var(--paper-deep)}.chip-score{background:var(--rose);color:#fff;border-radius:99px;padding:1px 5px;font-size:.7rem;font-weight:700}.settings-section{background:var(--card);border:1px solid #50321414;border-radius:16px;margin-top:28px;padding:20px 22px}.settings-section h3{margin:0 0 14px;font-size:1rem}.settings-section .field{margin-bottom:12px}.settings-section .field:last-child{margin-bottom:0}footer.note{color:var(--ink-soft);margin-top:40px;font-size:.82rem}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;display:grid}.subject-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #50321414;border-radius:18px;flex-direction:column;gap:14px;min-height:200px;padding:22px;display:flex}.subject-card-header{align-items:center;gap:12px;display:flex}.subject-emoji{flex-shrink:0;font-size:2rem;line-height:1}.subject-tag{color:var(--teal);background:#0f5e561a;border-radius:6px;margin-top:3px;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-block}.test-alert{color:var(--rose);background:#9a3b321a;border:1px solid #9a3b3240;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600}.q-type-badge{background:var(--teal);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;margin-bottom:12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.concept-spotlight{border-left:3px solid var(--saffron);background:#fff8ec;border-radius:0 10px 10px 0;margin-bottom:14px;padding:10px 14px;font-size:.92rem;line-height:1.55}.concept-list{margin:16px 0;padding:0;list-style:none}.concept-list li{background:#eef6f4;border-radius:12px;margin-bottom:8px;padding:12px 14px;font-size:.95rem;line-height:1.55}.concept-list li:before{content:"→ ";color:var(--teal);font-weight:700}.blank-slot{border-bottom:2px dashed var(--saffron);min-width:80px;color:var(--saffron);margin:0 4px;font-weight:600;display:inline-block}.long-answer-box{flex-direction:column;gap:10px;margin-top:16px;display:flex}.long-answer-box textarea{border:1px solid var(--rule);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:12px;min-height:120px;padding:12px 14px;line-height:1.55}.voice-textarea-wrap{flex-direction:column;gap:10px;width:100%;display:flex}.voice-textarea-wrap textarea{border:1px solid var(--rule);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:12px;min-height:120px;padding:12px 14px;line-height:1.55}.voice-textarea-wrap textarea:disabled{opacity:.75;background:#faf8f3}.voice-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;display:inline-flex}.voice-btn--start{border-color:var(--teal);color:var(--teal-deep);background:#eef6f4}.voice-btn--start:hover{background:#dff0ec}.voice-btn--stop{background:var(--rose);color:#fff;border-color:#7a2e28;position:relative}.voice-btn--stop:hover{background:#8a3329}.voice-btn--wait{background:var(--saffron);color:#fff;opacity:.9;border-color:#9a6010}.voice-icon{font-size:1.1rem;line-height:1}.voice-pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.voice-hint{flex:1;min-width:180px;font-size:.78rem}.voice-interim{background:#fff8ec;border:1px dashed #e0c48a;border-radius:10px;margin:0;padding:10px 12px;font-size:.88rem;line-height:1.5}.voice-error{color:var(--rose);margin:0;font-size:.85rem}.voice-fallback{margin:0;font-size:.82rem}.answer-box .voice-textarea-wrap{flex:1;min-width:200px}.voice-textarea-wrap--compact textarea{min-height:64px}.long-answer-box .voice-controls,.answer-box .voice-controls{width:100%}.model-answer{background:#fff9;border-radius:8px;padding:10px 12px;font-size:.9rem;line-height:1.55}.prompt-row{align-items:flex-start;gap:10px;margin:12px 0;display:flex}.prompt-row .prompt,.prompt-row .story-hook,.prompt-row .story-narrative{flex:1;margin:0}.speak-aloud-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.speak-aloud-btn:hover{border-color:var(--teal);background:#eef6f4}.speak-aloud-btn--compact{padding:6px 10px;font-size:1rem}.opt-with-speak{align-items:center;gap:8px;width:100%;display:flex}.opt-with-speak .opt{flex:1}.story-lesson .prompt-row .prompt{font-size:1rem;font-weight:600}.story-lesson .story-hook{color:var(--ink-soft);border-left:3px solid var(--teal);background:#eef6f4;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:1.05rem;font-style:italic}.story-narrative{margin:12px 0;font-size:1.08rem;line-height:1.65}.assessment-panel{flex-direction:column;gap:18px;display:flex}.assessment-section{background:var(--card);box-shadow:var(--shadow);border:1px solid #50321414;border-radius:18px;padding:20px 22px}.assessment-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.assessment-section-head h3{margin:0;font-size:1.05rem}.chapter-snap-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.chapter-snap{background:#fff;border:1px solid #5032141a;border-radius:14px;padding:16px}.chapter-snap--ready{border-left:4px solid var(--sage)}.chapter-snap--partial{border-left:4px solid var(--saffron)}.chapter-snap--not-started{border-left:4px solid var(--rose)}.chapter-snap-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chapter-snap h4{margin:0 0 4px;font-family:Fraunces,serif;font-size:1.05rem;line-height:1.3}.chapter-snap-status{margin:0 0 12px;font-size:.82rem}.snap-score-head{color:var(--ink-soft);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.topic-pills{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.topic-pill{color:var(--rose);background:#9a3b321a;border-radius:99px;padding:3px 8px;font-size:.72rem;font-weight:600}.maths-snap-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.maths-snap-card{background:#fff;border:1px solid #5032141a;border-radius:12px;padding:12px 14px}.maths-snap-top{justify-content:space-between;align-items:flex-start;gap:8px;font-size:.88rem;display:flex}.up-next-banner{background:#fff8ec;border:1px dashed #e0c48a;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:.88rem}.assessment-response{background:var(--card);box-shadow:var(--shadow);border:1px solid #50321414;border-radius:18px;padding:22px 24px}.assessment-response-head{border-bottom:1px solid var(--rule);margin-bottom:16px;padding-bottom:14px}.rich-answer{font-size:.95rem;line-height:1.65}.answer-verdict{border-left:4px solid var(--teal);background:linear-gradient(135deg,#eef6f4 0%,#e7f3ea 100%);border-radius:0 12px 12px 0;margin-bottom:18px;padding:14px 16px;font-size:1.02rem}.answer-heading{color:var(--teal-deep);margin:20px 0 10px;font-size:.95rem}.answer-heading--actions{color:var(--saffron)}.answer-list{margin:0 0 12px;padding-left:0;list-style:none}.answer-list li{background:#fff;border:1px solid #50321414;border-radius:10px;margin-bottom:6px;padding:10px 12px 10px 28px;font-size:.92rem;position:relative}.answer-list li:before{content:"•";color:var(--teal);font-weight:700;position:absolute;left:12px}.answer-list--numbered li{align-items:flex-start;gap:10px;padding-left:12px;display:flex}.answer-list--numbered li:before{content:none}.action-num{background:var(--saffron);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:grid}.answer-para{color:var(--ink-soft);margin:0 0 10px}.assessment-loading{background:var(--card);border:1px dashed var(--rule);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.assessment-loading-pulse{background:var(--teal);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.resume-banner{background:#fff8ec;border:1px dashed #e0c48a;border-radius:12px;padding:14px 16px}.plan-item.ready{opacity:1}.gamification-bar{background:var(--card);box-shadow:var(--shadow);border:1px solid #50321414;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:16px;padding:12px 16px;display:flex}.gamification-stat{flex-direction:column;gap:4px;min-width:100px;display:flex}.gamification-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.72rem;font-weight:600}.gamification-meta{color:var(--ink-soft);font-size:.82rem}.xp-track{background:var(--paper-deep);border-radius:999px;min-width:120px;height:8px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--teal), var(--sage));border-radius:999px;height:100%;display:block}.hearts-row{gap:2px;font-size:1.1rem;display:flex}.heart.on{color:var(--rose)}.heart.off{color:#d4ccc0}.streak-num{color:var(--saffron);font-size:1.1rem}.daily-home-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffaf1 0%,#eef6f4 100%);border:1px solid #0f5e5626;border-radius:18px;margin-bottom:24px;padding:16px 18px 18px}.daily-home-card .gamification-bar{box-shadow:none;background:#fff9;margin-bottom:14px}.daily-home-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.daily-plan-card{border:1px solid var(--rule);background:#fff;border-radius:12px;margin-top:16px;padding:14px 16px}.daily-steps-preview{color:var(--ink-soft);margin:10px 0 0;padding-left:1.2rem;font-size:.9rem}.daily-step-header{margin-bottom:12px}.daily-progress-label{color:var(--teal);margin-top:8px;font-size:.85rem;font-weight:600}.daily-reward .reward-box{text-align:center;background:linear-gradient(135deg,#fff6e6,#eef6f4);border-radius:14px;margin-top:16px;padding:20px}.reward-xp{color:var(--teal-deep);font-family:Fraunces,serif;font-size:2rem;font-weight:650}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.badge-card{border:1px solid var(--rule);text-align:center;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.badge-emoji{font-size:1.8rem}@media (width<=700px){body{background-image:repeating-linear-gradient(var(--paper) 0 31px, #b48c5a17 31px 32px)}.app{padding:20px 16px 64px}.hero{padding:24px}.hero h1{font-size:1.85rem}.plan-item{grid-template-columns:auto 1fr}}