:root{color:#172033;font-synthesis:none;background:#061a33;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#061a33;min-width:320px;margin:0}button,textarea{font:inherit}.page-shell{background:#061a33;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{background:#fff;border:5px solid #0b2447;border-radius:24px;width:min(100%,720px);padding:clamp(28px,6vw,52px);box-shadow:0 18px #1a5f7a,0 32px 68px #00000057}.card .eyebrow{color:#1a5f7a}.card h1{color:#0b2447;font-family:Georgia,Times New Roman,serif;font-weight:800}.card textarea{background:#f7fafc;border:2px solid #b5cbe0;outline-color:#1a5f7a}.card>button:not(.retry-button){color:#f2c14e;background:#0b2447}.card>button:not(.retry-button):hover:not(:disabled){background:#1a5f7a}.eyebrow{color:#6255d8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}.brand-label{text-transform:none}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,2.8rem)}.intro{color:#5b667a;margin:14px 0 30px;line-height:1.55}label{margin-bottom:9px;font-size:.95rem;font-weight:700;display:block}textarea{resize:vertical;color:#172033;background:#fbfcfe;border:1px solid #cbd3e1;border-radius:10px;outline-color:#6255d8;width:100%;padding:14px;line-height:1.5}textarea::placeholder{color:#8993a5}button{color:#fff;cursor:pointer;background:#6255d8;border:0;border-radius:9px;margin-top:18px;padding:12px 18px;font-weight:700;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#4f43bd;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.52}.error{color:#b42318;margin:16px 0 0;line-height:1.45}.request-loading{color:#5b667a;align-items:center;gap:9px;margin:12px 0 0;line-height:1.45;display:flex}.loading-spinner{border:2px solid #b9c9dc;border-top-color:#d49b27;border-radius:50%;flex:none;width:16px;height:16px;animation:.75s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.results{border-top:1px solid #e4e8f0;margin-top:36px;padding-top:26px}h2{margin:0 0 14px;font-size:1.1rem}ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}li{background:#f6f5ff;border-radius:10px;padding:14px}li strong,li span{display:block}li span{color:#5b667a;margin-top:4px;font-size:.93rem;line-height:1.4}.dependencies{color:#5145b5;font-weight:600}.teaching-shell{background:#061a33;padding:clamp(16px,2vw,32px)}.teaching-card{isolation:isolate;background:#fff;border:5px solid #0b2447;border-radius:28px;width:min(100%,1240px);position:relative;overflow:hidden;box-shadow:0 30px #b7c9e0,0 38px 80px #0b24473d}.teaching-card:before{z-index:0;content:"";opacity:.97;background:repeating-radial-gradient(circle at 40% 40%,#f2c14e 0 7px,#0000 8px 28px),#1a5f7a;border:20px solid #0b2447;border-radius:50%;width:355px;height:355px;position:absolute;top:-155px;right:-125px}.teaching-card:after{z-index:0;content:"";opacity:.7;background:linear-gradient(135deg,#0000 45%,#f2c14e 46% 54%,#0000 55%);width:76px;height:76px;position:absolute;bottom:118px;right:58px;transform:rotate(18deg)}.teaching-card>*{z-index:1;position:relative}.slide-header{padding:30px clamp(30px,6vw,72px) 0}.slide-progress{color:#173f67;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:.78rem;font-weight:800}.progress-track{background:#dce6f2;border-radius:99px;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #0b24472e}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#0b2447,#1a5f7a 70%,#f2c14e);height:100%;transition:width .25s;display:block}.slide-content{flex-direction:column;justify-content:center;min-height:410px;padding:clamp(64px,11vw,118px) clamp(30px,9vw,108px) clamp(54px,8vw,88px);display:flex}.slide-content .eyebrow{color:#bd5c20;margin-bottom:19px;font-weight:800}.slide-content h1{color:#0b2447;letter-spacing:-.06em;text-wrap:balance;max-width:940px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,8vw,5.8rem);font-weight:800;line-height:.98}.concept-explanation{color:#243b55;max-width:900px;margin:34px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.26rem,2.8vw,1.7rem);line-height:1.65}.detail-loading,.tool-loading{color:#47627e;margin:16px 0 0;font-size:.94rem}.dependencies{color:#0b4b66;background:#e0f1f4;border-left:4px solid #1a5f7a;align-self:flex-start;margin:32px 0 0;padding:8px 12px;font-size:.9rem;display:inline-flex}.check-questions{background:#f3f7fb;border:2px solid #b5cbe0;border-radius:4px 18px 18px;margin:0 clamp(30px,9vw,108px);padding:26px 28px;box-shadow:8px 8px #d8e4ef}.check-questions h2{margin-bottom:11px}.check-questions ol{color:#33415c;gap:8px;margin:0;padding-left:22px;line-height:1.5;display:grid}.check-in{background:#f3f7fb;border:2px solid #b5cbe0;border-radius:4px 18px 18px;margin:0 clamp(30px,9vw,108px);padding:26px 28px;box-shadow:8px 8px #d8e4ef}.check-in h2{color:#33415c;max-width:620px;margin-bottom:16px;font-size:1.08rem;line-height:1.45}.check-in div,.dependency-actions{flex-wrap:wrap;gap:10px;display:flex}.check-in button,.dependency-actions button{margin-top:0}.check-question+.check-question{border-top:1px solid #dedbf8;margin-top:22px;padding-top:20px}.check-question p{color:#33415c;margin:0 0 10px;line-height:1.5}.check-question>div{gap:8px;display:flex}.check-question input{color:#172033;border:1px solid #cbd3e1;border-radius:9px;flex:1;min-width:0;padding:11px 12px}.check-question button{margin-top:0}.check-feedback{background:#fff;border-radius:9px;padding:11px 12px}.quick-check-label{color:#936b13;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800}.check-in-copy{color:#47627e;margin:0 0 19px;line-height:1.45}.check-feedback strong{color:#0d3158;display:block}.check-feedback p{margin:6px 0 0}.help-button{color:#875b0d;background:#fffaf0;border-color:#d7b36a;margin-top:22px}.reteach-form{border-top:1px solid #c9d7e4;gap:10px;margin-top:24px;padding-top:22px;display:grid}.reteach-form label{color:#173f67;font-weight:800}.reteach-form textarea{color:#172033;resize:vertical;width:100%;min-height:82px;font:inherit;border:1px solid #cbd3e1;border-radius:9px;padding:11px 12px}.reteach-form button{justify-self:start}.check-complete,.check-warning{border-radius:0 12px 12px 0;margin:0 clamp(30px,9vw,108px);padding:18px 20px;line-height:1.45}.check-complete{color:#216e45;background:#edfaf2;border-left:5px solid #2c8c59}.check-complete strong{margin-right:4px}.check-warning{color:#6d5018;background:#fff8e9;border-left:5px solid #d49b27}.check-warning p{margin:0 0 14px}.check-warning div{flex-wrap:wrap;gap:10px;display:flex}.check-warning button{margin:0}.understanding-status{color:#173f67;background:#edf5fb;border-left:5px solid #1a5f7a;border-radius:0 10px 10px 0;margin:26px clamp(30px,9vw,108px) 0;padding:14px 16px;line-height:1.45}.understanding-status.confirmed{color:#216e45;background:#edfaf2}.understanding-status.shaky{color:#835a10;background:#fff7e9}.dependency-card{max-width:720px}.dependency-content{padding:clamp(46px,10vw,92px)}.dependency-content h1{margin-bottom:24px}.dependency-content p:not(.eyebrow){color:#33415c;max-width:560px;font-size:1.2rem;line-height:1.6}.card-message{margin:18px clamp(26px,5vw,60px) 0}.quiz-card,.summary-card{max-width:830px}.quiz-content,.summary-content{padding:clamp(52px,10vw,104px) clamp(30px,9vw,94px)}.quiz-content h1,.summary-content h1,.dependency-content h1{color:#0b2447;letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,7vw,4.6rem);font-weight:800;line-height:1.02}.quiz-question{color:#243b55;margin:34px 0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;line-height:1.6}.quiz-content label{margin-top:14px}.quiz-content textarea{min-height:130px}.quiz-feedback{color:#173f67;background:#edf5fb;border-left:6px solid #1a5f7a;border-radius:0 12px 12px 0;margin-top:30px;padding:24px;line-height:1.55}.quiz-feedback.confirmed{background:#edf8f0;border-color:#28714e}.quiz-feedback.shaky{background:#fff7e9;border-color:#d18a22}.quiz-feedback p{margin-top:0}.quiz-error{margin:0 clamp(26px,8vw,90px) 32px}.summary-content>p{color:#4b576d;max-width:600px;margin:20px 0 36px;font-size:1.15rem;line-height:1.55}.summary-section{background:#edf5fb;border:2px solid #bdd3e8;border-radius:4px 16px 16px;padding:24px 26px}.summary-section+.summary-section{margin-top:18px}.summary-section.gaps{background:#fff8eb;border-color:#efd29a}.summary-section h2{margin-bottom:10px}.summary-section ul{flex-wrap:wrap;gap:8px;display:flex}.summary-section li{color:#216e45;background:#fff;border:1px solid #d3eadc;border-radius:99px;padding:7px 10px}.summary-section p{color:#4b576d;margin:0;line-height:1.5}.revisit-list{gap:10px;display:grid}.revisit-list>div{justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.revisit-list>div+div{border-top:1px solid #f1dfb2}.revisit-list span{color:#634a15;font-weight:700}.teaching-tools{background:#0b2447;border-top:6px solid #f2c14e;margin-top:48px;padding:30px clamp(30px,6vw,72px)}.narration-tools,.clarify-form{flex-direction:column;align-items:flex-start;display:flex}.tool-label,.clarify-form label{color:#bfd4e9;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.75rem;font-weight:800}.voice-picker{flex-wrap:wrap;gap:8px;display:flex}.teaching-card .voice-picker button,.teaching-card .secondary-button{color:#0b2447;background:#dbeaf4;border-radius:7px;margin-top:0}.teaching-card .voice-picker button.selected{color:#fff;background:#1a5f7a;box-shadow:inset 0 0 0 2px #f2c14e}.teaching-card .secondary-button:hover:not(:disabled){color:#fff;background:#1a5f7a}.narration-tools>.secondary-button{margin-top:12px}.narration-panel{background:#0b2447;border-left:5px solid #f2c14e;border-radius:0 10px 10px 0;flex-direction:row;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;display:flex}.narration-panel .tool-label{color:#bfd4e9}.narration-panel .tool-label,.narration-panel>.secondary-button{margin:0}.skip-quiz-button{color:#f2c14e;background:0 0;border:1px solid #d2a84d;border-radius:7px;margin:0 0 0 auto;padding:9px 12px;font-size:.86rem}.skip-quiz-button:hover:not(:disabled){color:#0b2447;background:#f2c14e}.clarify-form{width:100%;margin:0}.clarify-form>div{gap:8px;width:100%;display:flex}.clarify-form input{color:#0b2447;background:#fff;border:2px solid #bfd4e9;border-radius:7px;flex:1;min-width:0;padding:12px 13px}.clarification-answer{color:#0b2447;background:#edf6f8;border-left:4px solid #f2c14e;border-radius:0 9px 9px 0;width:100%;margin:14px 0 0;padding:14px 15px;line-height:1.5}.teaching-card>.tool-loading,.teaching-card>.error{margin:18px clamp(30px,6vw,72px) 0}.error{justify-content:space-between;align-items:center;gap:12px;display:flex}.retry-button{color:#9c1b16;background:0 0;border:1px solid #e8aaa4;flex:none;margin:0;padding:7px 11px}.slide-footer{background:#f8fbfd;padding:28px clamp(30px,6vw,72px) 34px}.concept-navigation{justify-content:space-between;gap:12px;display:flex}.panic-button{color:#7e341a;background:#fff5e9;border:2px dashed #d58a56;border-radius:7px;width:100%;margin-top:28px}.panic-button:hover:not(:disabled){color:#fff;background:#a44422;border-color:#a44422}@media (width<=620px){.teaching-tools{grid-template-columns:1fr}.slide-content{min-height:300px}.clarify-form>div{flex-wrap:wrap}.clarify-form input{min-height:44px}.check-question>div{flex-wrap:wrap}.check-question input{min-height:44px}.revisit-list>div{flex-direction:column;align-items:flex-start}}