:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172126;background:#f7f9fa}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 18px calc(24px + env(safe-area-inset-bottom));max-width:680px;margin:auto}header{padding:20px 0 12px}header p,#topic,.hero p{font-size:10px;font-weight:800;letter-spacing:.18em;color:#557b91;margin:0}header h1{margin:4px 0;font-size:27px}header span{color:#687981}.hero{background:#fff;border:1px solid #dfe6ea;border-radius:24px;padding:24px;margin:18px 0;box-shadow:0 6px 22px rgba(26,44,54,.05)}.hero h2{font-size:28px;line-height:1.08;margin:10px 0 24px}button{border:0;border-radius:14px;padding:14px 16px;font-weight:800;background:#1d526c;color:#fff;font-size:14px;margin:4px}.secondary{background:#eaf0f3;color:#36576a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.stats article{background:#fff;border:1px solid #dfe6ea;border-radius:17px;padding:14px}.stats strong{display:block;font-size:22px}.stats span{font-size:10px;color:#687981}.topic-row{margin:11px 0}.topic-row div{height:8px;background:#e5ebee;border-radius:99px;overflow:hidden}.topic-row i{display:block;height:100%;background:#1d526c}.topic-row span{font-size:12px}.answer{display:block;width:100%;text-align:left;background:#fff;color:#172126;border:1px solid #dfe6ea;margin:9px 0;padding:16px}.answer.correct{border-color:#47765f;background:#edf6f1}.answer.wrong{border-color:#9b5555;background:#f9eeee}#quiz{padding-top:24px}#question{font-size:25px;line-height:1.2;margin:14px 0 22px}#progress{color:#687981;font-size:12px}#feedback{background:#eef3f5;border-radius:16px;padding:16px;margin:16px 0;line-height:1.5}.teach-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#557b91}.teach-label+h3{margin-bottom:6px}#feedback button{margin:8px 0 0}#open-response{width:100%;resize:vertical;border:1px solid #d5dfe4;border-radius:16px;padding:15px;font:inherit;line-height:1.45;background:#fff;color:#172126;margin:4px 0 10px;min-height:150px}#open-response:focus{outline:2px solid #9cb7c5;outline-offset:1px}#feedback ul{padding-left:20px;line-height:1.5}.stage{display:grid;grid-template-columns:1fr auto;gap:5px 12px;background:#fff;border:1px solid #dfe6ea;border-radius:17px;padding:14px;margin:9px 0}.stage div{display:flex;gap:8px;align-items:baseline}.stage div span,.stage small{color:#687981;font-size:11px}.stage small{grid-column:1/-1}.stage strong{font-size:14px}.stage.locked{opacity:.48}.daily-status{display:flex;flex-direction:column;gap:3px;background:#eaf0f3;border-radius:15px;padding:13px 15px;margin:12px 0}.daily-status b{font-size:13px}.daily-status span{font-size:11px;color:#687981}.result-card{background:#fff;border:1px solid #dfe6ea;border-radius:24px;padding:24px;margin-top:30px}.result-card h2{font-size:38px;margin:8px 0}.source-card{background:#fff;border:1px solid #d5dfe4;border-radius:14px;padding:12px;margin:12px 0}.source-card b,.source-card span{display:block}.source-card span{font-size:10px;color:#687981;text-transform:capitalize}.source-card p{font-size:12px}.source-card a{font-size:12px;font-weight:800;color:#1d526c}
.source-card.source-review{border-style:dashed}.source-card.source-review strong{font-size:11px}.source-card a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.weak-panel{margin-top:22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-head h2{margin:0}.section-head>span{font-size:11px;color:#687981}.weak-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:8px 0;padding:12px;border:1px solid #d5dfe4;border-radius:14px;background:#fff}.weak-row span,.weak-row small{display:block}.weak-row small{margin-top:3px;color:#687981}.weak-row strong{margin-left:10px}.empty-state{font-size:12px;color:#687981}
.coach-panel{margin-top:22px;padding:16px;border:1px solid #d5dfe4;border-radius:16px;background:#fff}.coach-panel h2,.coach-panel h3{margin:3px 0 8px}.coach-panel p{font-size:13px}.coach-panel button{width:100%;margin-top:8px}
.data-panel{margin-top:22px;padding:16px;border:1px solid #d5dfe4;border-radius:16px}.data-panel h2{margin:3px 0 8px}.data-panel p{font-size:12px}.data-actions{display:flex;gap:8px}.data-actions button{flex:1}.data-message{min-height:16px;color:#52636b}
.audio-bar{display:flex;gap:8px;margin:12px 0 4px}.audio-bar button{flex:1}.audio-status{min-height:18px;margin:0 0 8px;font-size:12px;color:#52636b}
#audio-study{margin-top:8px}.audio-bar{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:3;background:rgba(247,249,250,.94);padding:8px;border-radius:14px;backdrop-filter:blur(8px)}
.evidence-panel{margin-top:22px;padding:16px;border:1px solid #d5dfe4;border-radius:16px}.evidence-health,#evidence-health{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.evidence-stat{padding:10px;border:1px solid #d5dfe4;border-radius:12px;background:#fff}.evidence-stat strong,.evidence-stat span{display:block}.evidence-stat span{font-size:11px;color:#687981}.evidence-stat.review_due{border-style:dashed}.evidence-note{grid-column:1/-1;font-size:11px;color:#687981;margin:4px 0 0}
.inline-validation{margin:8px 0;font-size:12px;font-weight:650}.answer:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}