:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182342;background:#f6f8fc;font-synthesis:none;--blue:#315cff;--navy:#122243;--muted:#65718b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:0}button:disabled{cursor:default;opacity:.5}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2b600;outline-offset:4px}h1:focus{outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,40px);line-height:1.13;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:23px;letter-spacing:-.55px;line-height:1.25}h3{font-size:17px;line-height:1.4}p{line-height:1.6;color:var(--muted)}small{line-height:1.5}button{transition:transform .15s,box-shadow .15s,background .15s}button:hover:not(:disabled){filter:brightness(.98)}.layout{min-height:100vh}.layout>aside{width:234px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e8edf7;padding:36px 23px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#122243;font-size:23px;font-weight:800;letter-spacing:-.9px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#7d859b;margin-top:6px}.brand-mark{background:#315cff;color:#fff;font-size:37px;width:46px;height:51px;display:grid;place-items:center;border-radius:15px;position:relative;box-shadow:0 5px 10px #315cff20}.brand-mark span{font-size:15px;position:absolute;right:2px;top:1px;color:#9effed}nav{display:flex;flex-direction:column;gap:10px;margin-top:52px}nav button{text-align:left;background:none;display:flex;align-items:center;gap:14px;padding:15px 20px;font-size:14px;font-weight:600;color:#68738a;border-radius:12px}nav button span{font-size:21px}nav button.active{background:#edf1ff;color:#315cff}.aside-note{margin-top:auto;padding:30px 14px 22px;background:linear-gradient(135deg,#f2f5ff,#f7f8ff);border-radius:18px;position:relative}.aside-note>span{font-size:37px;color:#315cff;display:block;margin-bottom:10px}.aside-note b{font-size:22px;letter-spacing:-.6px}.aside-note p{font-size:12px;margin:10px 0 0}.local-pill{font-size:10px;color:#69788c;margin-top:25px;text-align:center}.workspace{margin-left:234px}header{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;border-bottom:1px solid #e7ecf5;background:#fff9}header>span{font-size:10px;font-weight:700;letter-spacing:2px;color:#6b7893}.header-star{color:#315cff;font-size:19px;margin-left:15px}header>div{display:flex;align-items:center;gap:18px}#offline-status{font-size:11px;color:#5c6d85}.avatar{width:37px;min-height:37px;border-radius:50%;background:#e2e9ff;color:#2b4bcc;font-weight:700}main{max-width:1440px;margin:auto;padding:40px 48px 35px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.heading p{font-size:14px;margin:0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#79859d;margin-bottom:13px}.wave{color:#eb965b;font-weight:400}.primary,.outline,.white,.navy{padding:13px 20px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1.4}.primary{background:#315cff;color:#fff}.outline{background:#fff;border:1px solid #dce3ee;color:#344669}.white{background:#fff;color:#2449da;box-shadow:0 5px 16px #09218c20}.white span{margin-left:45px}.navy{color:#fff;background:#142445}.text{background:transparent;color:#355cc8;font-size:12px;font-weight:700;padding:8px 0}.dashboard-top{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.hero{border-radius:23px;background:linear-gradient(118deg,#294dec,#345cff 65%,#5079ff);color:#fff;position:relative;overflow:hidden;min-height:322px;padding:33px 35px;display:flex;box-shadow:0 12px 30px #244bed17}.hero>div:first-child{position:relative;z-index:2;max-width:70%}.hero-pill{font-size:9px;letter-spacing:1.4px;display:inline-block;background:#ffffff20;border:1px solid #ffffff25;border-radius:30px;padding:7px 12px;font-weight:700}.hero h2{font-size:36px;letter-spacing:-1px;margin:19px 0 15px;line-height:1.06}.hero h2 i{color:#aaf9e5;font-style:normal}.hero p{color:#e0e8ff;font-size:12px;line-height:1.7}.hero-meta{font-size:9px;letter-spacing:.3px;color:#dae4ff;margin-top:18px}.hero-meta span{padding:0 7px}.hero-art{position:absolute;right:0;top:0;width:40%;height:100%}.big-nine{position:absolute;top:38px;right:46px;transform:rotate(12deg);font-size:211px;line-height:1;font-weight:900;color:#f9ffff;text-shadow:9px 10px 0 #1a41cd40}.orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;width:270px;height:270px;right:-15px;top:5px}.orbit-two{width:360px;height:360px;right:-60px;top:-40px}.spark{position:absolute;color:#b9ffe9}.one{font-size:58px;top:21px;right:25px}.two{font-size:45px;top:188px;right:193px;color:#ffce5d}.floating-note{position:absolute;right:30px;bottom:29px;background:#d9fff2;color:#195957;padding:14px 18px;border-radius:14px;transform:rotate(-10deg);font-size:12px;line-height:1.4;box-shadow:0 5px 20px #133dc230}.floating-note b{font-size:17px}.streak-card{background:#fff;border:1px solid #e4eaf5;border-radius:23px;padding:24px 24px 19px;text-align:center;display:flex;align-items:center;flex-direction:column}.streak-icon{border-radius:14px;background:#fff3d4;color:#ce7417;font-size:31px;height:45px;width:45px;margin-bottom:6px}.streak-card strong{font-size:37px;line-height:1.2}.streak-card h3{font-size:12px;margin:4px 0 9px}.streak-card p{font-size:11px;max-width:160px;margin-bottom:15px}.streak-card>small{font-size:9px;color:#7b879a}.week{display:flex;gap:8px;margin-bottom:17px}.week span{display:flex;flex-direction:column;gap:8px}.week small{font-size:9px;color:#7d889e}.week b{width:20px;height:20px;border-radius:50%;background:#f0f3f9;color:#a6b2c7;display:grid;place-items:center}.week .done b{background:#315cff;color:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 13px}.section-title h2{font-size:21px;margin:0}.section-title h2>span{display:inline-grid;place-items:center;width:24px;height:24px;background:#e9eef7;font-size:11px;color:#788398;border-radius:8px;vertical-align:middle;margin-left:7px}.section-note{font-size:11px;margin-bottom:17px;line-height:1.7}.badge{font-size:9px;border-radius:5px;padding:4px 7px;background:#e6f4ed;color:#356b4f;font-weight:700;white-space:nowrap}.badge.demo{background:#ede9fc;color:#7153a4}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject-card{border:1px solid #e3e9f3;background:#fff;border-radius:17px;padding:20px 21px 15px;text-align:left;min-width:0}.subject-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1932590b}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.subject-symbol{font-size:23px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white);border-radius:11px;width:43px;height:43px;display:grid;place-items:center}.ring{width:45px;height:45px;background:conic-gradient(var(--accent) var(--progress),#edf0f7 0);border-radius:50%;display:grid;place-items:center;flex:none}.ring>span{display:grid;place-content:center;grid-auto-flow:column;align-items:baseline;background:#fff;width:36px;height:36px;border-radius:50%;font-size:11px;font-weight:750;color:#304263}.ring small{font-size:8px}.subject-card h3{font-size:14px;margin:0 0 7px}.subject-card p{font-size:10px;margin:0 0 18px}.card-bottom{padding-top:12px;border-top:1px solid #edf0f6;display:flex;justify-content:space-between;gap:10px;color:#79869c;font-size:9px;align-items:center}.card-bottom b{font-size:16px;color:var(--accent)}.inactive{background:#f9faff;border-style:dashed}.add-symbol{font-size:25px;color:#a0aec5}.bottom-grid{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:17px;margin-top:25px}.panel,.hard-card,.reward-card{background:#fff;border:1px solid #e4eaf4;border-radius:18px;padding:25px}.panel p{font-size:14px}.hard-card{background:#eaf0ff;border-color:#e2e9fb}.hard-card h2{font-size:22px}.hard-card h2 span{color:#315cff}.hard-card p{font-size:12px}.hard-card .eyebrow{font-size:8px;color:#5670b2}.hard-card .navy{font-size:11px}.toggle{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:650;margin:17px 0}.toggle small{width:100%;margin-left:28px;color:#657494;font-size:10px;font-weight:400}input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:#315cff;flex:none;margin:0}.bottom-grid .section-title{margin:0 0 12px}.bottom-grid .section-title h2{font-size:15px}.topic-mini{display:flex;align-items:center;gap:11px;background:none;width:100%;border-bottom:1px solid #edf0f5;padding:13px 0;text-align:left}.topic-mini:last-child{border:0}.topic-mini>span:nth-child(2){flex:1}.topic-mini b{font-size:11px;line-height:1.5;display:block}.topic-mini small{font-size:9px;color:#8490a5}.subject-dot{font-size:16px;color:#fff;width:31px;height:34px;flex:none;border-radius:8px;display:grid;place-items:center}.reward-card{text-align:center;background:#fffbef;border-color:#f0e9d2}.reward-star{color:#d59812;font-size:54px;display:block;margin-bottom:15px}.reward-card h3{font-size:15px}.reward-card p{font-size:12px}.reward-card small{font-size:10px;color:#897c57}footer{padding:15px 48px 35px;color:#8a96aa;font-size:10px;display:flex;justify-content:space-between;gap:15px}.mobile-nav{display:none}.welcome{max-width:760px;margin:30px auto 60px}.welcome h1{font-size:clamp(40px,5vw,68px);line-height:1.06;margin:20px 0}.welcome h1 em{font-style:normal;color:#315cff}.lead{font-size:17px;max-width:530px}.welcome-steps{display:flex;gap:16px;margin:30px 0}.welcome-steps span{font-size:11px;color:#315cff;border:1px solid #dce4fa;border-radius:12px;padding:15px;background:#fff;flex:1}.welcome-steps b{display:block;color:#30436e;margin-top:8px;font-size:12px}.welcome form{max-width:460px}.welcome .fine{max-width:500px;margin-top:25px}.fine{font-size:11px!important;color:#748198;line-height:1.7}.form{max-width:650px}.form.wide{max-width:950px}label{display:block;font-size:13px;font-weight:650;color:#344466;line-height:1.5;margin-bottom:18px}label input:not([type=checkbox]):not([type=radio]),label textarea,label select{display:block;margin-top:8px;width:100%;border:1px solid #d6dfee;background:#fff;border-radius:9px;padding:12px 13px;color:#243553;outline:none;min-height:47px;font-size:15px}label textarea{min-height:108px;resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#315cff!important;box-shadow:0 0 0 3px #315cff12}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 6px}.notice,.warning{padding:17px 20px;border-radius:12px;background:#eaf3ff;border:1px solid #d6e8ff;color:#385581;font-size:13px;line-height:1.65;margin-bottom:22px}.warning{background:#fff3dc;color:#785c25;border-color:#f0dbae}.warning p{color:inherit}.course-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff9e8;border:1px solid #f1e7c8;border-radius:12px;padding:15px 20px;font-size:12px;color:#725f32;margin-bottom:25px}.course-banner small{display:block;font-size:10px;margin-top:5px}.group-pills,.status-key{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.group-pills span,.status-key span{background:#eaf0fc;border-radius:30px;padding:7px 12px;font-size:11px;color:#496498}.status-key{margin:22px 0}.status-key span{font-size:10px;background:#fff}.topic-list{display:flex;flex-direction:column;gap:14px}.topic-row{display:flex;align-items:center;gap:20px}.topic-row>div:nth-child(2){flex:1}.topic-row h2{font-size:19px;margin:9px 0}.topic-row p{font-size:12px;margin:0}.empty{padding:60px 20px;text-align:center}.pack-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px;font-size:12px;color:#6c7e9a}.pack-toolbar .primary{margin-left:auto}.pack-grid,.result-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.idea{display:flex;gap:13px;align-items:baseline;margin-top:20px}.idea>span{background:#edf1ff;border-radius:8px;padding:6px 10px;color:#315cff;font-size:12px;font-weight:700}.idea p{margin:0;line-height:1.7}.visual-panel{padding:25px;background:#eaf0ff;border:1px solid #dce5fa;border-radius:18px}.visual-panel .eyebrow{color:#5976b4}.visual-steps{display:grid;gap:11px}.visual-steps>div{display:flex;gap:13px;align-items:center;background:#fff;border-radius:10px;padding:14px}.visual-steps span{color:#315cff;font-size:11px}.visual-steps b{font-weight:600;font-size:13px;line-height:1.6}.term{padding:12px;background:#f7f8fc;border-radius:9px}.trap-panel{border-radius:18px;background:#fff5df;border:1px solid #f2e6c9;padding:25px}.trap-panel>span{font-size:35px;color:#b78428}.trap-panel h2{font-size:21px}.trap-panel p{font-size:14px;color:#7b6c4e}.trap-panel h3,.space{margin-top:22px}.flash-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.flash{background:#f1f4ff;border:1px solid #e0e7ff;padding:22px;border-radius:13px}.flash summary{font-weight:650;line-height:1.5;font-size:15px;cursor:pointer}.flash summary span{display:block;font-size:10px;margin-top:16px;color:#4967b9}.flash p{margin-top:22px;color:#354c7a}.panel>summary{font-size:14px;font-weight:700;cursor:pointer}.panel[open]>summary{margin-bottom:20px}.cell-diagram{text-align:center;padding:20px}.cell-body{border:5px solid #435cdf;background:#c5e8f8;border-radius:45% 55% 49% 51%;width:220px;max-width:100%;height:155px;margin:0 auto 12px;position:relative}.nucleus{background:#7350c2;color:#fff;border:4px solid #a885e3;padding:20px 8px;border-radius:50%;position:absolute;top:24px;left:68px;font-size:11px}.cytoplasm{position:absolute;bottom:12px;left:25px;font-size:10px;color:#29516c}.cell-diagram>b{font-size:12px;color:#435cdf}.cell-diagram p{font-size:10px;margin:10px}.bond-diagram{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:30px 0}.bond-diagram>span{font-size:28px;font-weight:700;text-align:center;color:#5b37ac}.bond-diagram small{display:block;font-size:10px;font-weight:400}.bond-diagram strong{color:#2a80ac;font-size:24px}.bond-diagram p{font-size:12px;margin-top:20px}.characters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.characters article{background:#f4f0fd;border-radius:13px;padding:18px 13px;border-top:3px solid #8e6ad4}.character-avatar{display:grid;place-items:center;background:#d9c8f5;color:#674496;width:37px;height:37px;border-radius:50%;font-weight:800;margin-bottom:15px}.characters h3{font-size:14px;margin-bottom:8px}.characters b{font-size:10px;color:#74509d}.characters p{font-size:11px;margin:12px 0 0}.theme-map{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.theme-map span{background:#ece5f8;color:#704aa5;padding:8px 13px;border-radius:30px;font-size:11px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.quote-grid article{background:#f7f5fd;border-radius:15px;padding:22px}.quote-grid blockquote{font-size:23px;line-height:1.4;font-family:Georgia,serif;color:#6d42ad;margin:0 0 10px}.quote-grid small{color:#7c6c95;font-size:11px}dt{font-size:11px;font-weight:700;margin-top:14px;color:#684894}dd{font-size:12px;line-height:1.6;color:#6c6882;margin:4px 0}.peal,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check-row{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;min-height:40px;margin:7px 0;cursor:pointer}.prewrap{white-space:pre-wrap}.practice-card{max-width:820px;margin:auto;background:#fff;border:1px solid #e1e8f4;border-radius:22px;padding:32px}.practice-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#6d7b94}.progress-track{height:5px;background:#edf1f9;border-radius:9px;margin:20px 0 27px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#315cff;border-radius:9px;transition:width .3s}.question-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.question-tags>span{font-size:10px;background:#edf2fc;color:#5471a0;padding:6px 9px;border-radius:7px}.practice-card h2{font-size:25px;line-height:1.4;margin-bottom:25px}.options{display:grid;gap:13px;margin:20px 0}.option{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:1px solid #dce4f2;border-radius:12px;padding:15px;font-size:15px;line-height:1.5;color:#344563;opacity:1!important}.option>span{background:#f0f3fb;color:#7184aa;border-radius:8px;min-width:32px;height:32px;display:grid;place-items:center;font-size:12px}.option.selected{border:2px solid #315cff;background:#f1f5ff}.option.selected>span{background:#315cff;color:#fff}.option.correct{border-color:#2a8768;background:#eefaf4}.confidence{border:0;padding:0;margin:27px 0 23px;display:flex;gap:12px;flex-wrap:wrap}.confidence legend,fieldset legend{font-size:13px;font-weight:650;margin-bottom:15px}.confidence label{display:flex;align-items:center;gap:8px;font-weight:500;background:#f6f8fc;border-radius:9px;padding:12px;font-size:12px;margin:0}.model{background:#edf3ff;border:1px solid #dbe6fa;border-radius:12px;padding:22px;margin:22px 0}.model h3{font-size:15px}.model p{font-size:14px;margin-bottom:10px;line-height:1.7}#rubric{border:1px solid #e0e7f3;border-radius:12px;padding:18px}.feedback{background:#f0f9f4;border:1px solid #cce8d8;border-radius:14px;padding:25px;margin:20px 0}.feedback.again{background:#fff8e8;border-color:#eee0bd}.feedback p{font-size:14px}.feedback small{font-size:11px}.practice-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.practice-bottom>span{font-size:10px;color:#8190a7}.error{color:#b62c4a!important;font-size:13px;margin-top:15px}.results-hero{background:#e9efff;border-radius:20px;padding:35px;text-align:center;margin-bottom:25px}.results-hero>span{font-size:60px;color:#315cff}.results-hero h2{margin:13px}.results-hero p{font-size:14px;margin:0}.band{display:inline-block;background:#edf2ff;padding:9px 12px;border-radius:9px;color:#3558b4;font-size:12px;margin-bottom:10px}.result-grid h2{font-size:20px;margin-top:14px}.result-grid h3{margin-top:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.metric-grid strong{font-size:40px;color:#315cff}.metric-grid p{margin:8px 0 0}.skill{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:11px;color:#6e7d97}.stack{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.danger{color:#b23e4e}.celebration{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);background:#183ab7;color:#fff;border:5px solid #97f1e1;border-radius:28px;box-shadow:0 0 0 100vmax #06102c75;padding:40px;text-align:center;width:min(460px,90vw)}.celebration b{font-size:27px}.celebration p{color:#d2e1ff;font-size:14px;margin:16px 0 22px}.confetti{font-size:45px;color:#ffdf65;margin-bottom:20px;animation:dance 1.3s ease-in-out infinite alternate}.download{font-size:13px;color:#315cff}audio{max-width:100%;margin-top:20px}ol li{font-size:13px;line-height:1.7;margin:10px 0}@keyframes dance{to{transform:translateY(-10px) rotate(5deg)}}@media (min-width:1550px){.hero h2{font-size:44px}.hero-art{right:20px}.hero{padding:40px}.dashboard-top{grid-template-columns:minmax(0,1fr) 280px}.subject-card h3{font-size:16px}.subject-card p{font-size:12px}}@media (max-width:1190px){.layout>aside{width:195px;padding:30px 18px}.workspace{margin-left:195px}main{padding:32px 28px}header{padding:0 28px}.brand{font-size:19px}.brand-mark{width:40px;height:46px}.dashboard-top{grid-template-columns:minmax(0,1fr) 210px}.hero{padding:28px}.hero h2{font-size:32px}.hero-art{opacity:.7;right:-38px}.hero>div:first-child{max-width:82%}.bottom-grid{grid-template-columns:1fr 1fr}.reward-card{grid-column:1/-1;display:flex;gap:20px;align-items:center;text-align:left;padding:15px 25px}.reward-star{font-size:34px;margin:0}.reward-card p,.reward-card h3{margin:0}.characters{grid-template-columns:repeat(3,1fr)}footer{padding:15px 28px}.subject-card{padding:18px 16px}.heading{align-items:flex-start}.heading>.outline{white-space:nowrap;font-size:11px}.hero-meta{font-size:8px}}@media (max-width:900px){.layout>aside{width:155px;padding:25px 14px}.workspace{margin-left:155px}.brand{font-size:16px;gap:7px}.brand-mark{width:32px;height:38px;font-size:30px}.brand small{font-size:6px;letter-spacing:1px}nav button{padding:13px 10px;font-size:12px;gap:10px}.aside-note{padding:20px 12px}.aside-note b{font-size:20px}.local-pill{font-size:8px}.dashboard-top{grid-template-columns:1fr}.hero-art{right:10px;opacity:1}.hero>div:first-child{max-width:72%}.streak-card{flex-direction:row;gap:20px;text-align:left;padding:18px}.streak-icon{margin:0;flex:none}.streak-card strong{font-size:26px}.streak-card p,.streak-card>small{display:none}.streak-card h3{margin:0;font-size:10px}.week{margin:0 0 0 auto}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{display:block}.heading>.outline{margin-top:18px}.pack-grid,.settings-grid{grid-template-columns:1fr}.characters{grid-template-columns:repeat(2,1fr)}.topic-row{flex-wrap:wrap}.topic-row>.primary{margin-left:65px}.result-grid{grid-template-columns:1fr}.pack-toolbar .primary{margin-left:0}.metric-grid{gap:10px}.metric-grid .panel{padding:18px}.metric-grid p{font-size:12px}}@media (max-width:650px){.layout>aside{display:none}.workspace{margin-left:0}header{height:66px;padding:0 20px}header>span{font-size:8px;letter-spacing:1.5px}.header-star{margin-left:7px}header #offline-status{font-size:9px}header>div{gap:10px}.avatar{width:31px;min-height:31px}main{padding:27px 19px 24px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:12px}.heading{margin-bottom:23px}.heading h1{font-size:29px;letter-spacing:-.8px}.heading p{font-size:12px;line-height:1.7}.heading>.outline{margin-top:16px;font-size:12px;min-height:42px}.hero{border-radius:19px;min-height:326px;padding:25px 22px}.hero h2{font-size:34px;margin:22px 0 17px}.hero p{font-size:11px;max-width:235px}.hero p br{display:none}.hero>div:first-child{max-width:82%}.hero-art{right:-48px;width:40%;opacity:.7}.big-nine{font-size:155px;right:22px;top:66px}.hero-art .one{font-size:37px;right:24px;top:35px}.hero-art .two{font-size:28px;right:120px;top:197px}.floating-note{right:44px;bottom:31px;font-size:9px;padding:10px}.floating-note b{font-size:12px}.hero .white{padding:13px 19px}.hero .white span{margin-left:28px}.hero-meta{font-size:8px;margin-top:19px}.hero-meta span{padding:0 4px}.hero-pill{font-size:8px}.streak-card{border-radius:16px;padding:17px;gap:12px}.streak-icon{width:34px;height:38px;font-size:27px}.streak-card strong{font-size:25px}.streak-card h3{font-size:9px}.week{gap:7px}.week b{width:18px;height:18px}.week small{font-size:8px}.section-title{margin-top:26px}.section-title h2{font-size:21px}.section-title .text,.section-note{font-size:10px}.subject-grid{gap:12px}.subject-card{padding:16px 14px 12px;border-radius:15px}.card-top{margin-bottom:16px}.subject-symbol{width:35px;height:35px;font-size:21px}.ring{width:38px;height:38px}.ring>span{width:30px;height:30px;font-size:10px}.ring small{font-size:7px}.subject-card h3{font-size:12px;min-height:34px;line-height:1.4;margin-bottom:7px}.subject-card p{font-size:9px;line-height:1.5;margin-bottom:13px}.card-bottom{font-size:8px;line-height:1.4;gap:5px;padding-top:10px}.bottom-grid{grid-template-columns:1fr}.reward-card{grid-column:auto;display:block;text-align:center}.reward-star{margin-bottom:12px}.reward-card h3,.reward-card p{margin-bottom:10px}.panel,.hard-card{padding:22px}.bottom-grid .topic-mini b{font-size:13px}.bottom-grid .topic-mini small{font-size:10px}.mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e3e9f5;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav nav{flex-direction:row;justify-content:space-around;margin:0;gap:0}.mobile-nav nav button{flex-direction:column;gap:4px;font-size:9px;padding:10px 18px 8px;border-radius:0;background:none;color:#8792aa}.mobile-nav nav button span{font-size:20px}.mobile-nav nav button.active{color:#315cff}footer{display:block;padding:0 20px 100px;font-size:9px;line-height:1.7}footer span{display:block;margin-top:5px}.welcome{margin:10px 0 30px}.welcome h1{font-size:43px}.welcome .lead{font-size:14px}.welcome-steps{gap:8px;margin:25px 0}.welcome-steps span{padding:12px 10px}.welcome-steps b{font-size:10px;line-height:1.5}.welcome form{margin-top:25px}label input:not([type=checkbox]):not([type=radio]),label textarea,label select{font-size:16px}.course-banner{padding:15px;align-items:flex-start;font-size:11px}.course-banner .text{font-size:10px;min-width:65px}.pack-grid,.result-grid{gap:15px}.pack-toolbar{gap:10px}.pack-toolbar>.primary,.pack-toolbar>.outline{flex:1;font-size:11px;white-space:nowrap}.pack-toolbar>span{margin-right:8px}.pack-toolbar{align-items:center}.pack-toolbar>.primary{margin-top:8px}.flash-grid,.quote-grid,.peal,.form-grid{grid-template-columns:1fr}.characters{grid-template-columns:1fr 1fr;gap:10px}.characters article{padding:15px 12px}.characters h3{font-size:13px}.characters p{font-size:11px}.quote-grid article{padding:20px}.literature{padding:20px}.pack-grid h2{font-size:22px}.panel p,.trap-panel p{font-size:13px}.topic-row{gap:12px}.topic-row h2{font-size:17px}.topic-row>.primary{margin-left:0;width:100%}.topic-row>.ring{width:40px;height:40px}.practice-card{padding:23px 18px;border-radius:17px}.practice-top{font-size:10px}.practice-top .badge{font-size:8px}.practice-card h2{font-size:22px}.question-tags>span{font-size:9px}.option{font-size:14px;padding:13px;gap:12px}.confidence{gap:8px}.confidence label{font-size:11px;padding:11px 9px}.practice-card>.primary{width:100%;margin-top:8px}.practice-bottom>span{font-size:9px;text-align:right}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px}.metric-grid .panel{padding:15px 11px}.metric-grid strong{font-size:29px}.metric-grid p{font-size:10px}.results-hero{padding:24px 17px}.results-hero h2{font-size:21px}.celebration{padding:30px 25px}.celebration b{font-size:24px}.form .actions button{flex:1}.status-key{gap:7px}.status-key span{font-size:9px;padding:6px 9px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{background:radial-gradient(ellipse at 90% 0%,#d9e6ff 0,transparent 48%),radial-gradient(ellipse at 0% 80%,#e6defb 0,transparent 45%),#f5f7ff}.hero{background:linear-gradient(120deg,#2548df,#5543e9 60%,#266bfb)}.hero-art .big-nine{animation:float-nine 7s ease-in-out infinite}.hero-art .floating-note{animation:float-note 6s ease-in-out infinite}.hero-art .spark{animation:twinkle 5s ease-in-out infinite}.hero-art .two{animation-delay:2s}.subject-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,white),color-mix(in srgb,var(--accent) 5%,white));border-top:4px solid var(--accent);box-shadow:0 5px 15px #24396708}.subject-card h3{color:var(--accent)}.subject-symbol{background:var(--accent);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 22%,transparent)}.streak-card{background:linear-gradient(150deg,#fff4ca,#fffaf0);border-color:#f0dd9e}.hard-card{background:linear-gradient(125deg,#e4ddff,#d9eafe)}.reward-card{background:linear-gradient(140deg,#ffedb3,#ffe1cb)}.reward-star{animation:twinkle 5s ease-in-out infinite}.practice-card{border-top:6px solid var(--topic-colour,#315cff);background:linear-gradient(150deg,color-mix(in srgb,var(--topic-colour,#315cff) 7%,white),#fff 50%);animation:arrive .28s ease-out}.practice-card.answer-saved{animation:none}.question-tags>span:first-child{background:var(--topic-colour,#315cff);color:#fff}.progress-track>span{background:linear-gradient(90deg,#315cff,#9454dd,#14bda9)}.recall-guide{background:#e6f4ff;border-left:4px solid #338cce;border-radius:10px;padding:17px;margin:18px 0}.recall-guide p{margin:7px 0 0;font-size:13px}.confidence-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.confidence-select small{font-size:10px;font-weight:400}.confidence-select select{width:auto;min-height:40px;font-size:12px;margin:0}.flow-hint{font-size:12px;color:#4e668c}.self-options{display:flex;gap:10px;flex-wrap:wrap}.self-options button{flex:1}.saved-message{padding:15px;background:#dcf6ef;color:#176d58;border-radius:10px;margin-top:17px;font-weight:650}.next-quiz{background:linear-gradient(115deg,#315cda,#7541ca);color:#fff;border-radius:20px;padding:27px;display:flex;gap:25px;align-items:center;margin:25px 0}.next-quiz>div{flex:1}.next-quiz p,.next-quiz .eyebrow,.next-quiz small{color:#e4e5ff}.next-quiz h2{margin-bottom:10px}.next-quiz p{margin-bottom:9px}.next-quiz small{font-size:11px}.answer-review{display:grid;gap:15px}.review-item{border-left:5px solid #25a386}.review-work{border-left-color:#ebaa37;background:#fffbf2}.review-label{font-size:11px;font-weight:700;color:#27836e;margin-bottom:12px}.review-work .review-label{color:#946311}.topic-actions{display:flex;gap:10px;flex-wrap:wrap}.topic-row{background:linear-gradient(120deg,#f3f0ff,#fff)}.intro-icon{font-size:60px;color:#7853d8}.quiz-intro{max-width:780px;background:linear-gradient(145deg,#ede5ff,#e5f5ff)}.visual-panel{background:linear-gradient(145deg,#d9e9ff,#e8e0fd)}.trap-panel{background:linear-gradient(140deg,#fff1cb,#ffe2d6)}.flash{background:linear-gradient(135deg,#dfedff,#ece2fd)}.form.wide{border-top:5px solid #8851ce}@keyframes float-nine{50%{transform:translateY(-9px) rotate(16deg)}}@keyframes float-note{50%{transform:translateY(7px) rotate(-5deg)}}@keyframes twinkle{50%{opacity:.65;transform:scale(.92)}}@keyframes arrive{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.next-quiz{display:block;padding:23px}.next-quiz .white{margin-top:18px}.topic-actions{width:100%}.topic-actions button{flex:1;font-size:11px}.confidence-select small{width:100%}.practice-card h2{font-size:21px}.self-options{gap:6px}.self-options button{padding:12px 9px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.learning-space{--paper:#fff;--ink:#24334b;font-size:20px;line-height:1.7;color:var(--ink)}.learning-space[data-tone=cream]{--paper:#fff9ec}.learning-space[data-tone=blue]{--paper:#eef5ff}.learning-space[data-size=large]{font-size:23px}.learning-space[data-font=serif]{font-family:Georgia,serif}.learning-space p,.learning-space li{font-size:inherit;line-height:1.7;max-width:68ch}.learning-space h2{line-height:1.25}.learning-space button,.learning-space select{font-size:16px;min-height:44px}.learning-space details{margin:16px 0}.learning-space summary{cursor:pointer;font-weight:650;line-height:1.5;padding:10px 0}.learning-space details p{margin:12px 0}.learning-space .eyebrow{font-family:Arial,sans-serif}.lesson-top,.concept-heading,.reading-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.lesson-top p{font-size:16px}.scope-note,.prior-check,.saved-notes{background:#f0f3fa;padding:14px 24px;border-radius:16px}.scope-note p{font-size:17px}.lesson-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--paper);padding:28px;border-radius:22px;margin:22px 0}.lesson-picture{margin:0;min-width:0}.lesson-picture svg{display:block;width:100%;font:15px Arial,sans-serif;background:#fff;border-radius:16px}.lesson-picture figcaption{font-size:15px;line-height:1.6;margin-top:14px;color:#43516a}.reading-controls{justify-content:flex-start;margin:26px 0}.reading-controls label{font-size:15px;min-width:160px}.reading-controls select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #9aa7bf;border-radius:9px;background:#fff;color:#233249}.concept-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.concept-tabs button,.recap-grid button{display:flex;gap:12px;align-items:center;text-align:left;padding:15px;background:#fff;border:1px solid #c9d2e3;border-radius:12px;color:#283c65}.concept-tabs button[aria-current]{background:#284baf;color:#fff;border-color:#284baf}.concept-tabs span,.recap-grid span{font-weight:800}.concept-card{background:var(--paper);border:1px solid #d8dfea;border-radius:22px;padding:32px;scroll-margin-top:24px}.concept-heading .eyebrow{font-size:13px}.concept-card h2{margin:22px 0}.concept-flow{display:flex;align-items:center;gap:12px;margin:24px 0}.concept-flow>div{flex:1;background:#edf0ff;border:1px solid #c5cfed;border-radius:14px;padding:16px;color:#273e72}.concept-flow p{font-size:17px;margin:4px 0}.concept-flow span{font-size:13px;font-weight:700}.concept-card .worked-mini{display:block;position:static;width:auto;height:auto;background:#e7f3ed;border:0;border-left:4px solid #2a8061;padding:18px 24px;border-radius:8px;margin:24px 0;color:#24483b}.worked-mini p{margin:8px 0}.concept-card .term{background:transparent}.deeper,.mini-check{padding:8px 18px;background:#eef0f8;border-radius:12px}.lesson-practice,.lesson-recap{padding:28px;background:var(--paper);border-radius:22px;margin:24px 0}.lesson-practice li{margin-bottom:16px}.recap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.recap-grid button{display:grid;grid-template-columns:24px 1fr}.recap-grid small{grid-column:2;font-size:15px;font-weight:400;line-height:1.6}.question-hint{padding:10px 15px;margin:12px 0;background:#eef2fa;border-radius:10px}.question-hint summary{cursor:pointer}.update-banner{position:fixed;bottom:85px;left:5%;right:5%;z-index:100;background:#163c65;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 4px 20px #0003}.update-banner button{padding:10px 16px;margin-left:15px;border-radius:8px;border:0;cursor:pointer}@media (max-width:800px){.lesson-overview{grid-template-columns:1fr}.concept-tabs{grid-template-columns:repeat(2,1fr)}.concept-flow{flex-direction:column;align-items:stretch}.concept-flow>b{transform:rotate(90deg);align-self:center}.concept-card,.lesson-practice,.lesson-recap,.lesson-overview{padding:20px}.recap-grid{grid-template-columns:1fr}.learning-space{font-size:19px}.reading-controls{gap:10px}.reading-controls label{min-width:130px;flex:1}.concept-heading button{width:100%}}.dictation-tools{margin:8px 0 22px;padding:14px 16px;border:1px solid #d4deef;border-radius:12px;background:#f4f7fc;color:#263c61}.dictation-actions{display:flex;flex-wrap:wrap;gap:8px}.dictation-tools button{min-height:44px}.dictation-tools p{line-height:1.6;margin:10px 0}.dictation-tools summary{cursor:pointer;font-size:15px;font-weight:650}.dictation-tools [hidden]{display:none}.narration-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding:18px;background:#edf2fb;border-radius:12px}.narration-controls label{font-size:14px;flex:1;min-width:145px}.narration-controls select{display:block;max-width:100%;width:100%;padding:10px;margin-top:5px;border:1px solid #a6b4cc;border-radius:8px;background:#fff;color:#20344e}.narration-controls .actions{width:100%;margin:0}.dictation-tools button:disabled,.narration-controls button:disabled{opacity:.5;cursor:default}.notes-reading .source-page{background:var(--paper,#fff9ec)}.notes-reading .source-page p{line-height:1.8;font-size:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.notes-reading .source-page h2{color:#1b315c}.notes-reading .source-page p+p{margin-top:1em}.notes-contents nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notes-contents nav a{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #dce3f0;border-radius:12px;text-decoration:none;color:#243656;background:#f8faff}.notes-contents nav a>span:first-child{flex:0 0 85px;font-size:.85rem;color:#536386}.notes-contents nav a>b{flex:1}.document-topic{padding-top:30px;margin-top:30px;scroll-margin-top:25px}.document-topic>.heading{border-top:2px solid #dce3f0;padding-top:25px}.document-topic .source-page h3{font-size:1.3rem;color:#233b65}.back-contents{display:inline-block;margin-top:18px;color:#315cff}.topic-pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:12px 0 25px}.topic-pagination button{white-space:normal}@media (max-width:700px){.notes-contents nav{grid-template-columns:1fr}.notes-contents nav a{padding:12px;gap:10px}.topic-pagination{gap:7px}.topic-pagination button{flex:1;font-size:.85rem;padding:12px 8px}}.quiz-next{position:sticky;top:0;z-index:5;background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 20px #17254815;flex-wrap:wrap}.quiz-history article{display:flex;gap:16px;justify-content:space-between;align-items:center;border-top:1px solid #e4e8ef;padding:14px 0}.quiz-history span,.quiz-history small{display:block;margin-top:5px}.quiz-history span{font-size:13px}.quiz-history small{color:#626b78}@media (max-width:600px){.quiz-next{position:static}.quiz-history article{align-items:flex-start;flex-direction:column}}.progress-indicator{display:flex;align-items:center;flex-direction:column;gap:7px;max-width:145px}.progress-indicator .ring>span{color:var(--accent)}.progress-label{color:var(--accent);font-weight:800;font-size:12px;text-align:center;line-height:1.3}.option .option-text,.option.selected .option-text{display:block;flex:1;background:transparent;color:inherit;width:auto;height:auto;border-radius:0;text-align:left}.option-verdict{display:block;font-size:13px;margin-top:6px}.option.answer-correct:disabled{opacity:1;border:3px solid #15733b;background:#eaf7ee;color:#125d30}.option.answer-incorrect:disabled{opacity:1;border:3px solid #b42318;background:#fff0ee;color:#921d15}.choice-feedback{margin-top:22px;padding:22px;border:2px solid #15733b;border-radius:18px;background:#eaf7ee;color:#125d30}.choice-feedback.needs-practice{border-color:#946200;background:#fff7df;color:#714c00}.feedback-title{display:flex;align-items:center;gap:12px}.feedback-title>span{font-size:32px;font-weight:900}.feedback-title h3{margin:0;font-size:23px}.choice-feedback p{line-height:1.6;margin:12px 0 0}.choice-next{margin-top:18px}.choice-next button{min-height:48px}@media (max-width:600px){.progress-indicator{max-width:115px}.progress-label{font-size:11px}.choice-feedback{padding:16px}.choice-next button{width:100%}}.option.answer-correct:disabled>span:first-child{background:#15733b;color:#fff}.option.answer-incorrect:disabled>span:first-child{background:#b42318;color:#fff}.topic-progress-summary{display:flex;align-items:center;gap:24px}.topic-progress-summary h2{margin-top:0}.topic-actions .progress-indicator{flex-shrink:0;min-width:105px}.topic-row .topic-actions{align-items:center;flex-wrap:wrap}.topic-progress-summary .progress-indicator{flex-shrink:0;min-width:105px}@media (max-width:600px){.topic-progress-summary{align-items:flex-start;gap:16px}.topic-row .topic-actions .progress-indicator{margin-right:auto}}.topic-progress-title{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.topic-progress-title .progress-indicator{flex:0 0 105px}.topic-progress-title h2{overflow-wrap:anywhere}@media (max-width:600px){.topic-progress-title{gap:12px;width:100%}.topic-progress-title .progress-indicator{flex-basis:85px}}.progress-card.progress-red{background:#ffe5e2;border-color:#e7a29a;border-left:7px solid #b42318}.progress-card.progress-amber{background:#fff0c2;border-color:#dbbd69;border-left:7px solid #946200}.progress-card.progress-green{background:#daf3e2;border-color:#85bd97;border-left:7px solid #15733b}.progress-card .ring{width:60px;height:60px}.progress-card .ring>span{width:48px;height:48px;font-size:20px}.progress-card .ring small{font-size:12px}.progress-card .progress-label{font-size:13px}.progress-card .outline{background:#fff}@media (max-width:600px){.progress-card .ring{width:52px;height:52px}.progress-card .ring>span{width:42px;height:42px;font-size:18px}.progress-card .progress-label{font-size:11px}}.history-practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.answer-guide{padding:18px 22px;background:#f3edf9;border-left:4px solid #7850a0;border-radius:12px;margin:18px 0}.answer-guide h3{margin-top:0}.answer-guide li,.history-notes li{margin-bottom:10px;line-height:1.7}.history-notes h3{margin-top:28px}.history-notes p{line-height:1.8}.history-notes ul{padding-left:24px}.back-bar{margin-bottom:20px}.back-bar button{min-height:44px}body.study-design{--ink:#24213d;--muted:#68627c;--primary:#5144dc;background:#eeeaf6;color:var(--ink)}.study-design .layout{background:#eeeaf6;min-height:100vh}.study-design aside{width:210px;background:#25213f;border:0;color:#fff;padding:30px 22px;display:flex;flex-direction:column}.study-design .brand{color:#fff;gap:10px}.study-design .brand-mark{background:#cec4ff;color:#27213e;box-shadow:none;border-radius:15px;width:43px;height:45px;font-size:30px}.study-design .brand>span:last-child{font-size:22px;letter-spacing:-1px}.study-design .brand small{color:#c3badb;font-size:8px;letter-spacing:1.4px;margin-top:8px}.study-design aside nav{margin-top:48px}.study-design aside nav button{color:#c5bfd7;border-radius:12px;padding:14px 16px;margin-bottom:8px;font-size:14px}.study-design aside nav button.active{background:#d5cbff;color:#292142}.study-design aside nav button:hover{background:#49415f;color:#fff}.study-design aside nav button.active:hover{background:#ded7ff;color:#292142}.study-design .aside-note{margin-top:auto;background:#383050;border:1px solid #574c73;color:#fff;padding:20px;border-radius:18px}.study-design .aside-note b{font-size:24px;line-height:1.16;letter-spacing:-.7px}.study-design .aside-note p{color:#d0c8e3;font-size:12px;line-height:1.7}.study-design .study-spark{color:#d7f397;font-size:38px}.study-design .local-pill{font-size:10px;color:#bfb6d2;margin:20px 0 0}.study-design .workspace{margin-left:210px;background:transparent;min-width:0}.study-design .workspace>header{height:66px;padding:0 34px;background:#eeeaf6;border-bottom:1px solid #d8d1e6;gap:16px}.study-preview-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#51476c}.study-preview-label span{font-weight:500;letter-spacing:0;color:#6b627a;margin-left:9px}.study-preview-tabs{display:flex;gap:5px}.study-preview-tabs a{color:#514768;text-decoration:none;font-size:12px;padding:9px 13px;border-radius:9px;font-weight:700}.study-preview-tabs a[aria-current]{background:#fff;box-shadow:0 2px 5px #38214b09}.study-design main{padding:30px 34px 40px;max-width:1260px;margin:auto}.study-design .heading{margin-bottom:22px;align-items:center;gap:16px}.study-design .heading h1{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:8px 0 10px}.study-design .heading p{font-size:14px;color:#665d76;margin:0}.study-design .eyebrow{font-size:10px;letter-spacing:1.6px;color:#62517e}.study-design .heading button{font-size:12px;padding:10px 16px}.study-design button{transition:background .16s,transform .16s,box-shadow .16s}.study-design button:active{transform:translateY(1px)}.study-design button:focus-visible,.study-design a:focus-visible,.study-design summary:focus-visible{outline:3px solid #6650e8;outline-offset:3px}.study-design .primary{background:#5144dc;border-color:#5144dc;border-radius:10px;box-shadow:none}.study-design .primary:hover{background:#4132bc}.study-design .outline{background:#ffffff90;border:1px solid #d5cfe0;color:#453955;border-radius:10px}.study-design .text{color:#5b4d70;background:transparent;border:0;padding:10px;font-weight:650}.study-design .topic-progress-summary{padding:20px 24px;margin:0 0 14px;background:#ded6f2;border:1px solid #c9bce5;border-radius:18px;gap:22px;box-shadow:none}.study-design .topic-progress-summary h2{font-size:19px;margin:0 0 6px;letter-spacing:-.4px}.study-design .topic-progress-summary p{font-size:13px;margin:0 0 8px;color:#544665}.study-design .topic-progress-summary .fine{display:flex;gap:15px;flex-wrap:wrap;margin:0}.study-key{font-size:11px;display:inline-flex;align-items:center;gap:5px}.study-key:before{content:"";width:7px;height:7px;border-radius:50%;background:#b63436}.study-key.amber:before{background:#aa6800}.study-key.green:before{background:#238357}.study-design .progress-indicator{min-width:74px!important;flex-basis:74px!important}.study-design .ring{height:56px;width:56px;background:conic-gradient(var(--accent) var(--progress),#ffffff8c 0);padding:4px;box-shadow:none}.study-design .ring>span{background:#fff9f6;font-size:20px;color:var(--accent)}.study-design .ring small{font-size:11px}.study-design .progress-label{font-size:10px;margin-top:6px;font-weight:750}.study-design .study-topic-tools{display:flex;gap:10px;align-items:center;margin:0 0 27px;flex-wrap:wrap}.study-design .study-topic-tools button{font-size:12px;padding:11px 16px}.study-design .study-topic-tools [data-action=add-group]{margin-left:auto;font-size:11px}.study-section-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:10px}.study-section-label h2{font-size:18px;margin:0;letter-spacing:-.4px}.study-section-label>span{font-size:11px;color:#756984}.study-design .topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.study-design .topic-row{display:flex;flex-direction:column;align-items:stretch;padding:17px 18px 13px;border-radius:16px;gap:12px;border:1px solid #e4ada8;border-left:4px solid #b83e3e;box-shadow:0 3px #42292b05;min-width:0}.study-design .progress-card.progress-red{background:#fbe5e0}.study-design .topic-progress-summary.progress-red{background:#ded6f2;border:1px solid #c9bce5}.study-design .progress-card.progress-amber{background:#fff0cb;border-color:#d6aa50}.study-design .progress-card.progress-green{background:#dbefdf;border-color:#73ac83}.study-design .topic-progress-title{gap:12px;align-items:center}.study-section-number{display:block;font-size:10px;letter-spacing:1px;color:#8c5553;font-weight:800;margin-bottom:4px}.study-design .topic-row h2{font-size:16px;line-height:1.25;letter-spacing:-.25px;margin:0 0 6px}.study-design .topic-row p{font-size:11px;color:#7e5758;margin:0}.study-design .topic-actions{margin:0;display:flex;justify-content:flex-end;gap:10px;align-items:center;border-top:1px solid #b33e3c20;padding-top:10px;flex-wrap:nowrap}.study-read-button{background:#fff9f5;border:1px solid #dca8a2;color:#6f3236;border-radius:9px;font-weight:750;font-size:11px;padding:9px 14px}.study-quiz-link{background:transparent;border:0;color:#713037;font-weight:750;font-size:11px;padding:9px 4px}.study-design .panel:not(.topic-row):not(.topic-progress-summary):not(.source-page){border-radius:16px;box-shadow:none}.study-design footer{padding:20px 34px;color:#81748e;font-size:10px}.study-design .study-breadcrumb{margin:0 0 13px;justify-content:space-between;gap:8px}.study-design .study-breadcrumb button{font-size:11px;padding:0;background:transparent!important;color:#65567b}.study-design .study-reading-main>.heading{margin-bottom:12px}.study-design .study-reading-main>.heading h1{font-size:32px;letter-spacing:-1px;max-width:800px}.study-design .study-reading-main>.heading p{font-size:12px}.study-design .study-pack-tools{margin:0 0 14px;gap:10px;padding:0;display:flex;align-items:center;flex-wrap:wrap}.study-design .study-pack-tools button{font-size:11px;padding:9px 13px}.study-design .study-pack-tools [data-action=start]{margin-left:auto}.study-design .study-source-reference{font-size:10px;color:#82778c}.study-design .study-pack-tools .badge{display:none}.study-design .study-reader-toolbar{display:flex;align-items:center;gap:12px;background:#e0d9ed;padding:10px 14px;border-radius:12px;margin-bottom:18px;flex-wrap:wrap}.study-design .reading-controls{margin:0;gap:12px;display:flex;flex-wrap:wrap}.study-design .reading-controls label{font-size:9px;min-width:100px;color:#62556e;line-height:1.3}.study-design .reading-controls select{font-size:11px;padding:5px 20px 5px 0;background:transparent;border:0;border-radius:0;color:#382d49;margin-top:1px}.study-design .study-reader-toolbar>.actions{margin:0 0 0 auto}.study-design .study-reader-toolbar>.actions button{font-size:11px;padding:8px 10px;background:#ffffff80;border:0}.study-audio-options{font-size:10px;color:#62516f;position:relative}.study-audio-options summary{cursor:pointer;font-weight:650}.study-audio-options[open]{flex-basis:100%}.study-design .narration-controls{padding:12px;margin:10px 0 0;background:#f4f0fa;border-radius:9px}.study-design .narration-controls label,.study-design .narration-controls button,.study-design .narration-controls select{font-size:12px}.study-design #speech-status{font-size:11px;margin:7px 0 0}.study-notes-layout{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:22px;align-items:start}.study-page-outline{position:sticky;top:20px;display:flex;flex-direction:column;gap:6px;padding-top:10px}.study-page-outline>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#7a6b8a;margin-bottom:8px}.study-page-outline a{font-size:11px;line-height:1.5;color:#685878;text-decoration:none;padding:8px 0;border-bottom:1px solid #d8cfe3}.study-page-outline a:hover{color:#4931b8}.study-design .notes-reading .source-page{background:var(--paper,#fffaf0);padding:25px 28px;margin:0 0 16px;border:1px solid #e5dccd;border-radius:16px;box-shadow:0 3px #382a1704;scroll-margin-top:22px}.study-design .source-page h3{display:flex;flex-direction:column;gap:9px;font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0 0 20px;color:#342b41}.study-page-tag{font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#837459}.study-design .learning-space{font-size:16px}.study-design .learning-space[data-size=large]{font-size:20px}.study-design .source-page p{color:#524854;line-height:1.75;margin:0 0 16px}.study-design .source-page p:last-child{margin-bottom:0}.study-design .source-page p+p{margin-top:0}.study-design .source-page strong{color:#312637;font-weight:750}.study-design .source-page .study-important{background:#ece4ff;border-left:3px solid #8362d1;padding:13px 16px;border-radius:0 10px 10px 0;color:#483464;font-size:.93em}.study-design .study-source-caption{font-size:11px;margin-top:20px;line-height:1.6;max-width:760px}@media (min-width:1500px){.study-design main{padding-left:48px;padding-right:48px}.study-design .topic-row{padding:20px}}@media (max-width:1000px){.study-design aside{width:180px;padding:24px 16px}.study-design .workspace{margin-left:180px}.study-design main{padding:25px}.study-design .workspace>header{padding:0 25px}.study-design .heading h1{font-size:32px}.study-preview-label span{display:none}.study-design .topic-list,.study-notes-layout{grid-template-columns:1fr}.study-page-outline,.study-design .study-source-reference{display:none}}@media (max-width:700px){.study-design aside{display:none}.study-design .workspace{margin-left:0}.study-design .workspace>header{height:58px;padding:0 16px;gap:4px}.study-preview-label{font-size:8px;letter-spacing:.8px}.study-preview-tabs a{font-size:10px;padding:8px}.study-design main{padding:22px 16px 95px}.study-design .heading h1,.study-design .study-reading-main>.heading h1{font-size:29px;letter-spacing:-1px}.study-design .heading{align-items:flex-start}.study-design .heading p{font-size:12px}.study-design .topic-progress-summary{padding:16px;gap:12px}.study-design .topic-progress-summary h2{font-size:17px}.study-design .topic-progress-summary p{font-size:11px}.study-design .topic-progress-summary .fine{gap:9px}.study-key{font-size:9px}.study-design .study-topic-tools{gap:4px;margin-bottom:22px}.study-design .study-topic-tools button{font-size:11px;padding:10px}.study-design .study-topic-tools [data-action=add-group]{margin-left:0}.study-section-label{align-items:flex-start;flex-direction:column;gap:4px}.study-design .topic-row{padding:15px}.study-design .topic-row h2{font-size:17px}.study-design .topic-progress-title,.study-design .topic-actions{width:auto}.study-design .study-reader-toolbar{gap:9px;padding:12px}.study-design .reading-controls{gap:9px;flex:1 0 100%;justify-content:space-between}.study-design .reading-controls label{min-width:0;flex:1}.study-design .reading-controls select{max-width:110px}.study-design .study-reader-toolbar>.actions{margin-left:0}.study-design .study-pack-tools{gap:4px}.study-design .notes-reading .source-page{padding:21px}.study-design .source-page h3{font-size:23px}.study-design .learning-space{font-size:16px}.study-design .mobile-nav{background:#25213f;border:0}.study-design .mobile-nav button{color:#c9c1dc}.study-design .mobile-nav button.active{color:#e0d4ff}.study-design footer{display:none}}@media (prefers-reduced-motion:reduce){.study-design *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.study-design .workspace>header .study-preview-tabs{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;padding:0;grid-template-columns:none}.study-design .study-page-outline{margin:0;padding-top:10px}.study-design .reading-controls select{min-height:26px;height:26px}.study-design .update-banner{display:none}@media (max-width:700px){.study-design .study-topic-tools button,.study-design .study-read-button,.study-design .study-quiz-link,.study-design .study-pack-tools button{min-height:42px}.study-design .reading-controls select{min-height:34px;height:34px}.study-design .study-preview-tabs a{min-height:38px;display:flex;align-items:center}}.study-design .reading-controls label{margin-bottom:0}.study-design .topic-progress-summary.progress-red{background:#f5d8d6;border:1px solid #dda8a4;border-left:4px solid #b83e3e}body.study-design,.study-design .layout,.study-design .workspace>header{background:#f5f2ec}.study-design aside{background:#302940}.study-design .workspace>header{border-color:#e3ddd3}.study-design .study-illustrated-heading{background:#e6def5;border:1px solid #d7cbea;border-radius:22px;padding:24px 28px;position:relative;min-height:190px;overflow:hidden;margin-bottom:18px}.study-design .study-illustrated-heading>div:first-child{z-index:1;max-width:65%}.study-design .study-illustrated-heading h1{font-size:39px;max-width:600px}.study-design .study-illustrated-heading>button{position:absolute;right:20px;top:12px;background:transparent;border:0;z-index:2}.study-heading-art{width:245px;flex-shrink:0;align-self:flex-end}.study-heading-art svg{width:100%;display:block}.study-design .topic-progress-summary{padding:16px 22px}.study-design .topic-progress-summary h2{font-size:17px}.study-design .study-topic-tools{margin-bottom:23px}.study-design .topic-row{border-radius:18px;box-shadow:none;padding:20px}.study-design .topic-row h2{font-size:18px}.study-design .topic-row p{font-size:12px}.study-design .topic-actions{justify-content:space-between}.study-design .study-read-button{font-size:12px;background:#fffaf3;padding:10px 20px}.study-design .study-quiz-link{font-size:12px}.study-design .notes-reading .source-page{background:#fffcf6;border:1px solid #e5dfd4;padding:28px 32px;border-radius:18px}.study-design .study-reader-toolbar{background:#eae4f0}.study-design .study-reading-main>.heading h1{font-size:34px}.study-design .source-page h3{font-size:28px}.study-design .source-page p{line-height:1.85}.study-design .study-notes-layout{grid-template-columns:minmax(0,1fr) 155px}.study-learning-visual{margin:0 0 25px;background:#eae3f4;border-radius:14px;padding:22px;display:flex;gap:20px;align-items:center;color:#403758}.study-learning-visual figcaption{flex:1;font-size:13px;line-height:1.6}.study-learning-visual h4{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:7px 0 10px}.study-mini-label{font-size:9px;font-weight:800;letter-spacing:1.4px}.study-learning-visual>svg,.study-cup-art{width:48%;flex-shrink:0}.study-cup-art svg{width:100%;display:block}.study-learning-visual small{display:block;font-size:10px;margin-top:12px;color:#786587}.study-learning-visual:has(.study-sense-grid){display:block;background:#e4eacb}.study-sense-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.study-sense-grid span{text-align:center;font-size:11px;font-weight:650}.study-sense-grid b{display:flex;align-items:center;justify-content:center;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;background:#fbfced;font-size:25px;font-weight:500;color:#55613c}.study-learning-visual:has(.study-fair-list){display:block;background:#f8e7cb}.study-fair-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;counter-reset:steps;padding:0;margin:18px 0 0}.study-fair-list li{font-size:12px;counter-increment:steps;display:flex;gap:9px;align-items:center}.study-fair-list li:before{content:counter(steps);background:#fff8ec;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:800}@media (max-width:1050px){.study-design .study-illustrated-heading h1{font-size:32px}.study-heading-art{width:190px}.study-design .study-notes-layout{grid-template-columns:1fr}.study-learning-visual h4{font-size:21px}}@media (max-width:700px){.study-design .study-illustrated-heading{padding:22px 20px;min-height:0;display:block}.study-design .study-illustrated-heading>div:first-child{max-width:100%}.study-design .study-illustrated-heading h1{font-size:31px;margin-top:25px}.study-heading-art{width:155px;margin:6px auto -12px}.study-design .study-illustrated-heading>button{font-size:10px;top:7px;right:9px;padding:5px}.study-design .notes-reading .source-page{padding:22px 18px}.study-design .study-reading-main>.heading h1{font-size:28px}.study-learning-visual{padding:18px;gap:12px;flex-direction:column;align-items:stretch}.study-learning-visual>svg,.study-cup-art{width:100%;max-width:270px;margin:auto}.study-sense-grid{gap:4px}.study-sense-grid span{font-size:9px}.study-sense-grid b{width:36px;height:36px}.study-learning-visual h4{font-size:22px}.study-fair-list{grid-template-columns:1fr}}.study-design .study-illustrated-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.study-design .study-illustrated-heading>div:first-child{max-width:none}.study-heading-art{width:100%;align-self:center}.study-design .study-illustrated-heading h1{font-size:clamp(28px,3vw,39px)}@media (max-width:700px){.study-design .study-illustrated-heading{grid-template-columns:minmax(0,1fr) 100px;gap:5px;padding:20px 16px}.study-design .study-illustrated-heading h1{font-size:28px}.study-design .study-illustrated-heading p{font-size:11px}.study-heading-art{width:100%;margin:15px 0 0}.study-design .study-illustrated-heading>button{top:3px}}
