@layer start-learning-core{:root{--brand-gold-soft:#f1d676;--brand-teal-bright:#5eead4;--brand-navy:#06101c;--brand-panel:#0a1826c2}@media (max-width:820px){.quiz-form-actions{justify-content:stretch}}.quiz-form-actions{margin-top:18px}.quiz-option-dot{flex:0 0 30px;justify-content:center;align-items:center}@media (max-width:820px){.quiz-form-actions button{flex:30%}}.interactive-shell{color:#f8fafc;justify-content:center;align-items:flex-start;min-height:calc(100vh - 84px);display:flex}.interactive-card.addictive-learning-card{background:linear-gradient(145deg,#06101cf0,#08262de0);border:1px solid #ffffff1a;border-radius:28px;width:min(760px,100%);padding:16px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.clean-learning-topline{color:#e0b84c;margin-bottom:12px;font-weight:900}.soft-mini-btn{color:#d1fae5;cursor:pointer;background:#2dd4bf1a;border:1px solid #2dd4bf38;padding:7px 12px;font-weight:800}.learning-focus-box{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;padding:14px}.compact-step-zone{text-align:center;gap:8px;display:grid}.compact-step-zone h1{margin:0;font-size:clamp(19px,5vw,27px);line-height:1.45}.step-hint{color:#cfe8ff;max-width:560px;margin:0 auto;font-size:13px;line-height:1.8}.drag-choices.compact-choices{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:0;display:flex}.drag-choice{color:#f8fafc;cursor:grab;min-width:112px;box-shadow:none;background:#7dd3fc14;border:1px solid #7dd3fc38;border-radius:14px;padding:10px 14px;font-weight:900;transition:all .16s}.drag-choice:hover,.drag-choice:focus-visible{background:#2dd4bf29;border-color:#2dd4bf8c;transform:translateY(-2px)}.addictive-board{background:#031822bd;border:1px solid #2dd4bf24;border-radius:20px;margin-top:12px;padding:14px}.board-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-title-row h2{color:#fff;margin:0;font-size:16px}.board-title-row span{color:#e0b84c;font-size:14px;font-weight:900}.board-progress{background:#ffffff17;border-radius:999px;height:8px;margin:10px 0;overflow:hidden}.board-progress span{border-radius:inherit;height:100%;transition:width .35s;display:block}.board-steps{flex-wrap:wrap;gap:8px;display:flex}.board-steps span{color:#dbeafe;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.feedback-pop{z-index:80;border-radius:999px;padding:12px 18px;font-weight:900;animation:.35s both rewardPop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000059}.feedback-pop.ok{color:#052018;background:linear-gradient(135deg,#34d399,#22d3ee)}.feedback-pop.bad{color:#172033;background:#fff7cc;border:1px solid #e0b84c73}.feedback-pop strong{margin-inline-end:6px;font-size:20px}@keyframes rewardPop{0%{opacity:0;transform:translate(-50%,18px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.addictive-result-card{text-align:center;padding:16px}.success-badge{color:#a7f3d0;background:#34d39926;border:1px solid #34d39940;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-weight:900;display:inline-flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}@media (max-width:520px){.interactive-card.addictive-learning-card{border-radius:20px;padding:10px}.learning-focus-box{border-radius:18px;padding:10px}.drag-choice{min-width:96px;padding:9px 11px;font-size:13px}.addictive-board{margin-top:10px;padding:12px}}:root{--brand-teal:#2f9e9e;--brand-gold:#e0b84c;--brand-night:#06101c}.exercise-badge{border:1px solid #e0b84c40}:root{--kh-bg:#06101c;--kh-teal:#2f9e9e;--kh-gold:#e0b84c}.exercise-hero-card:before{display:none}.exercise-badge{color:#e0b84c;background:#e0b84c24;border-color:#e0b84c47}.exercise-meta-inline{gap:8px;margin-top:10px}.exercise-meta-inline .pill:nth-child(2){display:none}.exercise-progress-panel{box-shadow:none;background:0 0;border:0;padding:10px 0 0}.exercise-progress-fill,.board-progress span{background:linear-gradient(90deg,#2f9e9e,#e0b84c)}.exercise-sentence{text-align:center}.exercise-answer-btn{transition:transform .15s,border-color .15s,background .15s}.exercise-answer-btn:hover{transform:translateY(-1px)}.exercise-result-text{text-align:center;background:#06101c75;border:1px solid #2f9e9e2e;border-radius:18px;padding:18px;font-weight:950}.exercise-bottom-nav{margin-top:14px}.exercise-complete-banner{background:#2f9e9e1f;border:1px solid #2f9e9e42;border-radius:18px}.exercise-complete-banner p{opacity:.9;margin:4px 0 0}.student-flow-gate{text-align:center;color:#fff;background:linear-gradient(#071523f0,#082b30bd);border:1px solid #2f9e9e38;border-radius:24px;max-width:620px;margin:44px auto;padding:26px}.student-flow-gate h1{margin:10px 0 16px;font-size:clamp(22px,3vw,32px)}.student-flow-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mini-kicker{color:#e0b84c;font-weight:900;display:inline-flex}.student-short-lock-text{font-size:17px}.student-compact-hero{text-align:center;padding:24px}.topic-branch-card{min-height:auto}.topic-branch-card h2{margin:0 0 12px;font-size:24px}.topic-branch-card p{display:none}.topic-branch-actions a{border-radius:15px;font-weight:900}@media (max-width:760px){.exercise-page-shell{padding-top:18px}}.smart-popover{direction:rtl}.smart-popover strong{margin-bottom:6px;font-size:1.05rem;display:block}.smart-popover ul{margin:0;padding-inline-start:18px}.smart-popover li{margin:2px 0}.smart-popover-close{cursor:pointer;border:1px solid #ffffff29;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:8px;left:10px}.exercise-panel,.exercise-hero-card{overflow:visible}.quiz-form-actions button:disabled,.exercise-bottom-nav button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:640px){html,body{overflow-x:hidden}.exercise-page-shell{width:100%;max-width:100%}.exercise-hero-card{border-radius:18px;margin-bottom:12px;padding:12px}.exercise-badge{margin-inline:auto;padding:6px 10px;font-size:13px}.exercise-progress-head{font-size:13px}.exercise-panel{border-radius:18px;margin-bottom:12px;padding:12px}.exercise-sentence{word-break:normal;font-size:28px;line-height:1.8}.exercise-target-word{border-radius:8px;padding:0 6px}.exercise-question-title{margin:8px 0 12px;font-size:22px;line-height:1.75}.exercise-answer-btn{min-height:50px;padding:12px;font-size:16px;line-height:1.7}.quiz-form-actions button{flex:30%;min-width:90px;padding:10px 8px;font-size:14px}.exercise-result-text{padding:14px 10px;font-size:20px;line-height:1.85}.smart-popover{border-radius:16px;width:auto;max-height:42vh;padding:14px;bottom:10px;left:10px;right:10px}.smart-popover strong{font-size:15px}.smart-popover li{font-size:13px;line-height:1.75}.quiz-form-option{align-items:flex-start}.quiz-option-dot{flex:0 0 26px;width:26px;height:26px}}.step-lead{font-weight:900}.compact-build-board{margin-top:10px;padding:12px}.compact-build-board .board-title-row h2{font-size:15px}.compact-build-board .muted{text-align:center;margin:8px 0 0;font-size:13px}@media (max-width:520px){.interactive-shell{padding:10px 8px 32px}.interactive-card.addictive-learning-card{width:100%}.compact-step-zone h1{font-size:clamp(18px,5.2vw,24px)}.step-hint{font-size:12.5px;line-height:1.65}}.exercise-hero-card{opacity:.96;max-width:760px;margin-inline:auto}.exercise-core-card{border-color:#2f9e9e3d;gap:12px;max-width:760px;margin:0 auto 12px;padding:18px;display:grid}.stage-locked-next{margin-top:10px}.stage-next-button{background:linear-gradient(135deg,#2f9e9e,#e0b84c);min-width:min(330px,100%)}.single-topic-action{grid-template-columns:1fr}.topic-branch-learn{text-align:center;width:100%}@media (max-width:640px){.exercise-hero-card{margin-bottom:10px;padding:10px 12px}.exercise-core-card{border-radius:20px;gap:10px;padding:12px}.stage-next-button{width:100%}}.exercise-hero-card{border-color:#0000}.exercise-badge{opacity:.85}.clean-thinking-card{gap:18px}.clean-question-block{gap:14px;display:grid}.clean-question-title{padding:0 4px}.exercise-answer-btn.clean-answer-btn{justify-content:center;align-items:center;margin:0;font-weight:900;display:flex}.thinking-bubble{animation:.22s ease-out both thinkingBubbleIn}@keyframes thinkingBubbleIn{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.clean-followup-box{margin-top:4px}.clean-followup-title{background:#ffffffeb;border:1px solid #10231f1f;border-radius:12px;margin-bottom:10px;padding:8px 10px}@media (max-width:640px){.exercise-page-shell{padding-inline:10px}.clean-thinking-card{gap:14px}}@media (max-width:390px){.clean-answer-grid{grid-template-columns:1fr}}.stage-learning-badge{border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:min(96vw,720px);font-weight:950;display:inline-flex}.clean-question-title{margin-top:2px}.clean-answer-grid{margin-top:6px}.thinking-bubble{font-weight:950}.thinking-bubble:before{background:inherit;border-top:inherit;border-left:inherit;border-radius:4px 0 0;width:22px;height:22px;position:absolute;top:-12px;right:50%;transform:translate(50%)rotate(45deg)}.thinking-bubble.celebrate{box-shadow:0 26px 70px #22d3ee3d}.exercise-hero-card.card.card-glow{text-align:center;max-width:min(760px,94vw);box-shadow:none;background:0 0;border:0;margin:0 auto 20px;padding:0;display:block}.exercise-hero-side,.exercise-meta-inline{display:none}.stage-learning-badge{margin:0 auto 12px}.thinking-layout.start-style-layout{direction:rtl;align-items:start}.clean-thinking-card{width:100%;margin:0}.clean-question-block{background:linear-gradient(#092133b8,#081d2c94);border:1px solid #7dd3fc2b;border-radius:30px;width:min(940px,100%);margin:0 auto;padding:26px 24px 28px}.thinking-bubble{color:#05231d;background:linear-gradient(135deg,#1db9aaf0,#34d399eb)}.thinking-bubble:after{opacity:.95;font-size:20px;position:absolute;bottom:12px;right:18px}@media (max-width:980px){.thinking-layout.start-style-layout{grid-template-columns:1fr}}@media (max-width:640px){.exercise-page-shell{max-width:100%}}.exercise-hero-card.card.card-glow{margin-bottom:18px}.stage-learning-badge{padding:10px 22px;font-size:clamp(15px,2vw,20px)}.exercise-target-word{text-shadow:none;filter:none}.clean-question-block{padding-top:22px}.clean-question-title{margin-bottom:16px}.thinking-bubble{border:none}@media (min-width:1100px){.thinking-layout.start-style-layout{grid-template-columns:minmax(0,1fr) 320px;max-width:min(1240px,96vw);margin-inline:auto}}@media (max-width:1099px){.thinking-layout.start-style-layout{grid-template-columns:1fr;max-width:min(980px,96vw);margin-inline:auto}}.start-coach-copy{text-align:right}.start-coach-copy span{color:inherit;opacity:.78;font-size:12px;font-weight:800}@media (max-width:700px){.start-coach-copy strong{font-size:12.5px}.start-coach-copy span{font-size:11px}}}