/* White edition. Tactile controls, bright learning illustrations, purposeful motion. */
:root{--bg:#fff;--paper:#fff;--ink:#303642;--muted:#737b89;--line:#e6e9ed;--green:#4389f2;--nav:#303642;--mint:#edf5ff;--accent:#4389f2}
body{background:#fff;color:var(--ink);font-family:"Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}h1,h2,h3,.page-head h1,.overview-heading h1{font-family:inherit;font-style:normal;color:#303642}button,input,select,textarea{font-family:inherit}.shell,.workspace,.content{background:#fff}.sidebar{background:#fff;border-color:#e8ebef}.brand{color:#4389f2;font-size:22px;font-weight:850;letter-spacing:-.9px;margin-bottom:38px}.brand-icon{background:#4389f2;color:#fff;border:0;border-radius:11px;box-shadow:0 3px 0 #286bd0;font:800 23px "Trebuchet MS",sans-serif;transform:none;width:35px;height:35px}.brand-hub{font-size:11px;color:#8e9db3;letter-spacing:1px}.nav-caption{font-size:9px;font-weight:750;color:#a0a9b6;letter-spacing:1.3px}.nav button{font-size:13px;font-weight:700;border:2px solid transparent;border-radius:12px;color:#78808e;transition:background .15s,border-color .15s,transform .15s}.nav button.active{background:#edf5ff;color:#377edd;border-color:#cce1ff;box-shadow:none}.nav button:hover{background:#f5f8fc;color:#4f7cbf}.nav button:active{transform:scale(.97)}.nav svg{stroke-width:1.9}.sidebar-foot{border-color:#e8ebef}.sidebar-profile{border-radius:12px}.sidebar-profile:hover{background:#f2f7ff}.sidebar-profile .guest-avatar{border:0;background:#eaf3ff;border-radius:11px;color:#4389f2}.sidebar-plan,.sidebar-about,.workspace-tools,.sidebar-signin{color:#7d899c}.sidebar-about{display:block;font-size:10px;padding:8px 5px}.sidebar-about:hover{color:#4389f2}.sidebar-signin{font-weight:700;border-color:#e8ebef}.topbar{background:#fff;border-color:#eef0f3;height:64px}.exam-banner{background:#f5f9ff;border-bottom:1px solid #e6efff;color:#7586a1}.exam-banner strong,.exam-banner span,.exam-banner a{color:#6e83a3}.account-avatar .avatar-placeholder,.avatar-placeholder{background:#eaf3ff;color:#4389f2}.content{max-width:1300px;padding:38px 42px 65px}.view-home,.view-welcome{padding-top:32px}.page-head h1{font-size:35px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:12px}.page-head p{font-size:13px;color:#7b8290}.overview-heading h1{font-size:49px;font-weight:800;letter-spacing:-1.8px;line-height:1.08}.overview-heading h1 em{font-style:normal;color:#4389f2}.btn{border:2px solid #e2e7ee;border-radius:13px;min-height:45px;padding:11px 17px;background:#fff;color:#748095;box-shadow:0 3px 0 #e2e7ee;font-size:12px;font-weight:750;transition:transform .13s,box-shadow .13s,background .13s,border-color .13s}.btn:hover:not(:disabled){background:#f7faff;border-color:#cbd9ec;box-shadow:0 3px 0 #cbd9ec}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.btn.primary{background:#4389f2;border-color:#4389f2;color:#fff;box-shadow:0 4px 0 #2b69c6}.btn.primary:hover:not(:disabled){background:#5798fb;border-color:#5798fb;box-shadow:0 4px 0 #2b69c6}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 #2b69c6;transform:translateY(3px)}.btn.soft{background:#f4f8ff;border-color:#dceaff;color:#4986db;box-shadow:0 3px 0 #dceaff}.btn:disabled{opacity:.45;box-shadow:none;transform:none}.text-link,.studio-text-action{color:#4389f2;font-weight:700}.studio-label{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#8a99b0}.studio-label>i{width:6px;height:6px;background:#ffba4a;border-radius:50%}.studio-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;padding:40px 0 48px;border-bottom:2px solid #f0f2f5;margin-bottom:39px;animation:welcome-in .48s ease-out both}.studio-hero-copy h1{font-size:clamp(48px,5.5vw,78px);font-weight:850;line-height:1.05;letter-spacing:-3.1px;color:#303642;margin:24px 0}.studio-hero-copy h1 em{font-style:normal;color:#4389f2}.studio-hero-copy>p{font-size:15px;color:#858c98;line-height:1.85;max-width:365px;margin-bottom:27px}.studio-hero-actions{display:grid;gap:14px;max-width:300px}.studio-hero-actions>.btn{width:100%;font-size:13px;min-height:49px;justify-content:center;gap:25px}.studio-hero-actions>.studio-text-action{min-height:47px;border:2px solid #e5e9ef;border-radius:13px;box-shadow:0 3px 0 #e5e9ef;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8191a9;font-weight:750;transition:transform .13s,box-shadow .13s,background .13s}.studio-hero-actions>.studio-text-action:hover{background:#f8faff;text-decoration:none}.studio-hero-actions>.studio-text-action:active{transform:translateY(3px);box-shadow:none}.studio-text-action{padding:9px 0;font-size:11px;text-align:left;background:none}.studio-text-action:hover{text-decoration:underline;text-underline-offset:4px}.studio-hero-facts{display:flex;gap:10px 15px;flex-wrap:wrap;font-size:9px;color:#9ba4b2;margin-top:25px}.studio-hero-facts>span{display:flex;gap:6px;align-items:center}.studio-hero-facts>span:before{content:'✓';font-weight:800;color:#77a3e5}.concept-sheet{position:relative;padding:25px;background:#f2f8ff;border:2px solid #dceaff;border-radius:27px;box-shadow:0 6px 0 #e5effc;max-width:425px;width:100%;justify-self:end;transform:none;animation:plot-in .6s cubic-bezier(.2,.8,.2,1) .1s both}.concept-sheet:before{display:none}.concept-sheet-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#89a3c8;font-weight:750;padding-right:60px}.live-label{font-size:10px;font-weight:800;letter-spacing:.5px;color:#5595ef;background:#fff;border:1px solid #dae9ff;border-radius:20px;padding:4px 10px}.concept-title{display:flex;align-items:center;gap:12px;margin:22px 0 8px}.concept-title h2{font:800 21px/1.3 "Trebuchet MS",sans-serif;color:#4a658b;letter-spacing:-.5px;margin:0;max-width:250px}.pencil-spark{color:#ffc65d;font:normal 28px Arial,sans-serif;transform:none;margin-left:auto}.hub-spark{position:absolute;width:95px;height:95px;right:-19px;top:-40px;overflow:visible;transform:rotate(11deg);filter:drop-shadow(0 4px 0 #f4a62c25);animation:spark-hello .8s cubic-bezier(.15,.75,.25,1) .25s both}.spark-body{transform-origin:55px 70px;animation:spark-bob 4s ease-in-out 1s 3}.spark-eyes{transform-origin:55px 49px;animation:spark-blink 6s 1s 2}#concept-plot{margin:2px -3px 0}#concept-plot svg{display:block;width:100%;height:auto;max-height:240px}.plot-grid path{stroke:#dfebfb;stroke-width:1;fill:none}.plot-axis path{stroke:#b5c9e5;stroke-width:1;fill:none}.plot-label{fill:#92a9c8;font:10px Arial,sans-serif}.plot-curve{fill:none;stroke:#5594ed;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.plot-vertex{fill:#ffb344;stroke:#fff;stroke-width:2.5}.plot-vertex-label{fill:#ba8b42;font:11px Arial,sans-serif}.concept-equation{font:800 26px/1.3 "Trebuchet MS",sans-serif;color:#5385cc;text-align:center;margin:0 0 18px;letter-spacing:-.7px}.concept-equation>span{color:#e5a240}.concept-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8a9dbc;margin-bottom:7px}.concept-slider-label output{color:#5591e4;font-weight:750;font-variant-numeric:tabular-nums}.concept-sheet input[type=range]{display:block;accent-color:#5594ed;width:100%;height:25px;margin:0;cursor:ew-resize}.concept-hint{font-size:10px;color:#8aa0bf;margin:8px 0 12px;line-height:1.7}.concept-sheet>.studio-text-action{width:100%;display:block;text-align:center;padding:10px 0 0;border-top:1px solid #dbe8f9;color:#5a91df;font-size:11px;font-weight:800}.studio-section-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:0 0 24px}.studio-section-head h2{font:800 32px/1.18 "Trebuchet MS",sans-serif;color:#3c4656;letter-spacing:-.9px;margin:11px 0 0}.studio-section-head h2 em{font-style:normal;color:#98a2b2}.studio-section-head>p{font-size:11px;line-height:1.85;color:#919aaa;text-align:right;margin:0 0 3px}.course-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:38px}.course-cover{background:#fff;border:2px solid #e4e9f1;border-radius:19px;box-shadow:0 5px 0 #e4e9f1;padding:20px;text-align:left;display:flex;flex-direction:column;min-width:0;color:#70a1e7;transition:transform .19s cubic-bezier(.2,.8,.2,1),box-shadow .19s,border-color .19s}.cover-physics{color:#f2b34c}.cover-chemistry{color:#aa8ade}.course-cover:hover{transform:translateY(-5px);border-color:#cbdcf4;box-shadow:0 9px 0 #dfE9f6}.course-cover:active{transform:translateY(3px);box-shadow:0 2px 0 #e4e9f1}.course-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:750;color:#a1adbf}.course-topline>span:last-child{font-size:18px;line-height:1;color:currentColor}.course-art{display:block;padding:14px 10px;margin:21px 0 17px;border-radius:15px;background:#eff6ff}.cover-physics .course-art{background:#fff7e9}.cover-chemistry .course-art{background:#f7f1ff}.course-art svg{display:block;width:100%;height:103px;transition:transform .22s}.course-cover:hover .course-art svg{transform:scale(1.06) rotate(-2deg)}.cover-physics:hover .course-art svg{animation:wave-nudge .6s ease-in-out}.cover-chemistry:hover .course-art svg{animation:chem-pop .45s ease-out}.course-name{font:800 21px/1.2 "Trebuchet MS",sans-serif;color:#566479;letter-spacing:-.4px}.course-description{font-size:10px;line-height:1.8;color:#919bad;margin:10px 0 21px;min-height:36px}.course-footer{display:flex;flex-direction:column;gap:12px;border-top:1px solid #edf0f5;padding-top:15px;font-size:9px;color:#9ba6b7;margin-top:auto}.course-footer>span:last-child{color:#6f9bd9;font-size:11px;font-weight:800}.cover-physics .course-footer>span:last-child{color:#d8a04a}.cover-chemistry .course-footer>span:last-child{color:#a082ce}.studio-account-note{border:2px solid #e7edf6;background:#f9fbff;border-radius:16px;padding:22px;margin-top:8px;color:#8a97ab}.studio-account-note strong{color:#6b83a4}.overview-metrics{border-color:#edf0f5}.overview-metrics>div{border-color:#edf0f5}.overview-metrics strong{font-weight:800;color:#61738c}.overview-metrics>div>span{color:#929eb0}.daily-rhythm{border:2px solid #e9edf3;border-radius:16px;background:#fff;padding:18px 22px}.daily-rhythm-copy strong{color:#7185a4;font-weight:800}.daily-rhythm-copy span,.daily-rhythm-copy p{color:#98a5b9}.daily-goal-track{height:8px;border-radius:10px;background:#eef2f7}.daily-goal-track>i{background:#ffbd58;border-radius:10px;transition:width .4s ease}.week-day>i{border:2px solid #e7edf5;background:#fff}.week-day.active>i{background:#e6f1ff;color:#76a4e7;border-color:#cce1ff}.week-day.today>i{outline-color:#ffca74}.resume-strip{background:#f2f8ff;border:2px solid #dceaff;border-radius:16px;padding:24px;margin-bottom:26px}.resume-strip h2{font-size:19px;color:#5b7eae;font-weight:800}.resume-strip p{color:#8ca3c2}.section-heading h2{font-family:inherit;font-size:17px;font-weight:800;color:#65758d}.quiet-empty h3{color:#8c9db5;font-weight:700}.quiet-empty p{color:#a0acbd}.quiet-empty,.activity-list,.activity-row,.focus-topic{border-color:#edf0f5}.activity-row{border-radius:10px}.activity-row:hover{background:#f7faff}.tabs{gap:26px;border-color:#edf0f5}.tab{font-weight:750;font-size:13px;color:#9aa6b8;padding:12px 0}.tab.active{color:#5594ed;border-bottom-color:#5594ed!important}.input,.toolbar select{border:2px solid #e4eaf2;border-radius:11px;background:#fff;font-size:12px;min-height:42px}.curriculum-module{background:#fff;border:2px solid #e5eaf2;border-radius:17px;overflow:hidden;margin-bottom:26px}.curriculum-module>header{background:#f4f8ff;border:0;border-bottom:2px solid #e8effa;padding:18px}.curriculum-module h2{font:800 18px/1.25 "Trebuchet MS",sans-serif;color:#6d87ad;letter-spacing:-.3px}.module-index{font:800 12px "Trebuchet MS",sans-serif;color:#9eb5d5}.curriculum-module header small{color:#a4b5cd;font-size:10px}.curriculum-row{background:#fff;border-color:#edf1f7;padding:19px 16px}.curriculum-row:last-child{border-bottom:0}.curriculum-name label{color:#7c8ea9;font-weight:750}.curriculum-name small,.curriculum-progress>span:first-child,.topic-accuracy{color:#9aa9c0}.progress-track{height:6px;background:#eef3f9;border-radius:10px}.progress-track>span{background:#8fb8f2;border-radius:10px;transition:width .4s ease}.curriculum-row .btn{font-size:11px;min-height:36px;padding:8px 11px}.mock-list{border:2px solid #e5ebf4;border-radius:17px;overflow:hidden}.mock-list-head{background:#f5f8ff;color:#9bb0cd;padding:15px 17px}.mock-list-row{background:#fff;border-color:#edf1f7;padding:23px 18px}.mock-paper-title h2{font:800 17px "Trebuchet MS",sans-serif;color:#7890b3}.paper-index{font:800 12px "Trebuchet MS",sans-serif;color:#b2c0d3}.mock-paper-title small,.mock-result,.access-label{color:#9aabc3}.access-label.available{color:#7ea7e0}.mock-list-row .btn{min-height:39px;font-size:11px}.panel,.stat{border:2px solid #e8edf4;border-radius:16px;box-shadow:none}.account-intro{background:#f3f8ff;border-color:#e0ebfc;color:#7296c7}.account-intro h2{font:800 30px/1.2 "Trebuchet MS",sans-serif;color:#648ac0}.account-intro p,.account-metrics span{color:#92aaca}.account-badge{color:#97b1d5}.account-metrics strong{color:#7e9cc6;font-weight:800}.account-signin{background:#fff}.account-signin h2{font:800 25px "Trebuchet MS",sans-serif;color:#687a97}.account-provider{border:2px solid #e5eaf3;border-radius:13px;box-shadow:0 3px 0 #e5eaf3;min-height:48px;color:#8194b2}.account-provider:active{transform:translateY(3px);box-shadow:none}#auth-form input,.account-signin #auth-form input{border:2px solid #e6ecf5;border-radius:12px;min-height:47px}#auth-form label{color:#8b9ebc;font-size:12px}.price-card{border:2px solid #e4ebf6;border-radius:19px;box-shadow:0 4px 0 #e4ebf6;background:#fff}.price-card h2{font:800 26px "Trebuchet MS",sans-serif;color:#6c86ad}.price-card.featured{background:#f2f8ff;border-color:#bad6ff;box-shadow:0 5px 0 #bad6ff}.price{font-weight:800;color:#7b9cca}.upgrade-panel{background:#f5f9ff;border:2px solid #e0ecfd;border-radius:17px}.upgrade-panel h2{font:800 22px "Trebuchet MS",sans-serif;color:#829dc4}.upgrade-panel p{color:#a0b3cf}.selection-bar{border:2px solid #cfe2ff;border-radius:14px;background:#fff;box-shadow:0 4px 0 #e6f0fe}.study-focus{background:#fff}.study-focus .topbar{background:#fff}.question-card,.study-focus .question-card{background:#fff;border:2px solid #e0e7f1;border-radius:19px;box-shadow:0 4px 0 #edf1f8;padding:31px}.question-stem{font-size:19px;color:#536783;line-height:1.9}.question-index{font-size:11px;color:#9eb0ca;font-weight:800}.option{border:2px solid #e4ebf4;border-radius:13px;background:#fff;box-shadow:0 3px 0 #e4ebf4;padding:13px 16px;transition:background .15s,transform .13s,box-shadow .13s,border-color .15s;color:#7b90b0}.option .letter{border-radius:8px;border:0;background:#f0f5fc;color:#9fb3ce;font:800 11px "Trebuchet MS",sans-serif}.option:hover:not(:disabled){background:#f5faff;border-color:#c9dfff;box-shadow:0 3px 0 #c9dfff}.option:active:not(:disabled){transform:translateY(3px);box-shadow:none}.option.selected{background:#eef6ff;border-color:#91bdff;box-shadow:0 3px 0 #91bdff;color:#7da4dc}.option.selected .letter{background:#dcecff;color:#86b0ed}.option.correct{background:#eff9ef;border-color:#a5d9a7;box-shadow:0 3px 0 #a5d9a7;color:#77aa79}.option.correct .letter{background:#dff0df;color:#84b487}.option.incorrect{background:#fff1ef;border-color:#edb6b0;box-shadow:0 3px 0 #edb6b0;color:#cf9a94}.option.incorrect .letter{background:#fde3df;color:#dca6a0}.question-actions{border-color:#eaf0f8;padding-top:24px;margin-top:27px}.question-actions .btn{font-size:11px;min-height:40px}.question-tools{display:flex;justify-content:flex-end;margin-top:20px}.question-tools button{font-size:10px;color:#b0bfd6;text-decoration:underline;text-underline-offset:3px}.question-tools button:hover{color:#7ba6e2}.timer-value{font-weight:800;color:#88a6d0}.timer-label,.timer-text,.navigator h3,.session-side>small{color:#a2b4ce}.navigator h3{font-weight:800}.number-btn{border:2px solid #e1eaf7;border-radius:8px;color:#a4b8d5;background:#fff;box-shadow:0 2px 0 #e1eaf7}.number-btn.current{border-color:#9dc4ff;background:#f3f8ff;box-shadow:0 2px 0 #9dc4ff;color:#8ab2eb}.number-btn.answered{background:#eaf3ff;color:#97b6df}.number-btn:active{transform:translateY(2px);box-shadow:none}.explanation{background:#f3faf1;border:0;border-radius:14px;padding:22px;color:#9abb91;animation:feedback-in .25s ease-out both}.explanation h3{color:#82ad74;font-weight:800}.explanation.wrong{background:#fff4f1;color:#d3a39a}.explanation.wrong h3{color:#cd958a}.question-provenance{border-color:#e2eddc}.question-provenance>summary,.source{color:#a1b49b}.session-header .crumb,.session-language{color:#91abcF}.question-stem .katex,.option-text .katex{color:inherit}.report-dialog,dialog{background:#fff;border:2px solid #e0e9f6;border-radius:20px;box-shadow:0 12px 40px #41629820;animation:modal-in .2s ease-out both}.report-dialog{padding:28px}.report-dialog h2{font:800 25px/1.2 "Trebuchet MS",sans-serif;color:#8aa5cf;margin:10px 0}.report-dialog>p{font-size:12px;color:#adbed8}.report-dialog .close{float:right;position:static;font-size:22px;color:#b2c2db}.report-form{display:grid;gap:17px}.report-form label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#a3b8d6}.report-form textarea,.report-form select{padding:11px;border:2px solid #e3ecf9;border-radius:12px;background:#fff;font:inherit;color:#9fb6d7;width:100%}.report-form textarea{min-height:120px;resize:vertical}.report-form small,.report-id{font-size:10px;color:#afc0d9;overflow-wrap:anywhere}.report-status{font-size:12px;color:#9bb6dc;margin:0;min-height:18px}.report-status.error{color:#d9a19a}.report-form .toolbar{justify-content:flex-end;flex-wrap:wrap}.report-form .btn{font-size:11px}.score-hero{background:#f2f8ff;border:2px solid #e0edff;border-radius:18px;color:#8cacda}.score-hero h2,.score-hero p,.score-hero strong{color:#8cacda}.brand-icon,.btn,.course-cover,.option{-webkit-tap-highlight-color:transparent}.studio-text-action:focus-visible,.course-cover:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a9caff;outline-offset:4px}
/* Keep body copy and task content readable; softer tints are reserved for decoration. */
.question-stem{color:#35445e}.option{color:#526583}.option.selected{color:#3d6fb5}.option.correct{color:#497a4c}.option.incorrect{color:#a75e55}.explanation{color:#526d48}.explanation h3{color:#456b39}.explanation.wrong{color:#915d54}.explanation.wrong h3{color:#8c5045}.report-dialog h2{color:#506c98}.report-dialog>p,.report-form label,.report-form textarea,.report-form select{color:#657eA3}.report-status{color:#5f7fac}.page-head p,.studio-hero-copy>p{color:#78818f}.course-description{color:#7e8da2}.curriculum-name label{color:#607796}.price{color:#6482ad}.account-signin h2{color:#556b8d}
@keyframes welcome-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes plot-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes spark-hello{from{opacity:0;transform:translateY(12px) rotate(-20deg) scale(.7)}to{opacity:1;transform:rotate(11deg) scale(1)}}@keyframes spark-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes spark-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.13)}}@keyframes wave-nudge{0%,100%{transform:translateX(0)}35%{transform:translateX(6px)}70%{transform:translateX(-3px)}}@keyframes chem-pop{0%{transform:scale(1)}55%{transform:scale(1.11) rotate(3deg)}100%{transform:scale(1.06) rotate(-2deg)}}@keyframes feedback-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1500px){.studio-hero{padding-top:45px;padding-bottom:58px}.studio-hero-copy h1{font-size:85px}.concept-sheet{padding:29px}.course-art svg{height:120px}}
@media(max-width:1150px){.content{padding:31px 29px 55px}.studio-hero{gap:30px;grid-template-columns:1.05fr .95fr}.studio-hero-copy h1{font-size:62px}.concept-sheet{padding:22px}.concept-title h2{font-size:19px}.hub-spark{width:80px;height:80px;top:-33px;right:-13px}.course-cover{padding:17px}.course-art svg{height:87px}.course-name{font-size:20px}.studio-hero-copy>p{font-size:13px}.studio-hero-facts{font-size:8px}}
@media(max-width:950px){.studio-hero{grid-template-columns:1fr;gap:48px}.studio-hero-copy{max-width:530px}.studio-hero-copy h1{font-size:68px}.studio-hero-copy>p{max-width:440px}.studio-hero-actions{display:flex;max-width:none;gap:14px;flex-wrap:wrap}.studio-hero-actions>.btn,.studio-hero-actions>.studio-text-action{width:auto;min-width:180px;padding:12px 17px}.concept-sheet{justify-self:center;max-width:450px}.course-shelf{gap:12px}.course-cover{padding:14px}.course-name{font-size:19px}.course-art{padding:10px 5px}.course-art svg{height:78px}.course-description{min-height:52px}.studio-section-head h2{font-size:29px}.concept-sheet #concept-plot svg{max-height:210px}}
@media(max-width:800px){.content{padding:29px 22px 45px}.studio-hero{grid-template-columns:1.05fr .95fr;gap:30px;padding-top:29px}.studio-hero-copy h1{font-size:58px}.studio-hero-copy>p{font-size:12px}.studio-hero-actions{display:grid;max-width:260px}.studio-hero-actions>.btn,.studio-hero-actions>.studio-text-action{width:100%;min-width:0;font-size:11px}.concept-sheet{padding:19px}.concept-title h2{font-size:19px}.concept-sheet #concept-plot svg{max-height:190px}.course-name{font-size:22px}.course-art svg{height:98px}.page-head h1{font-size:31px}.curriculum-row .btn{min-height:44px}.mock-list-row .btn{min-height:43px}.hub-spark{width:74px;height:74px;right:-10px;top:-31px}.concept-equation{font-size:24px}.question-card,.study-focus .question-card{padding:24px}.question-stem{font-size:18px}.topbar{height:60px}}
@media(max-width:640px){.studio-hero{grid-template-columns:1fr;gap:50px;margin-bottom:32px;padding:20px 0 32px}.studio-hero-copy h1{font-size:67px;letter-spacing:-2.8px;margin:21px 0}.studio-hero-copy>p{font-size:14px;max-width:360px}.studio-hero-actions{max-width:none;display:grid;gap:14px}.studio-hero-actions>.btn,.studio-hero-actions>.studio-text-action{font-size:12px;min-height:49px}.studio-hero-facts{font-size:9px;gap:10px 16px}.concept-sheet{max-width:none;width:calc(100% - 8px);justify-self:start;padding:23px;border-radius:23px}.concept-title h2{font-size:22px;max-width:235px}.concept-sheet #concept-plot svg{max-height:235px}.concept-equation{font-size:27px}.concept-sheet-top{padding-right:48px}.hub-spark{width:85px;height:85px;right:-13px;top:-37px}.course-shelf{grid-template-columns:1fr;gap:21px}.course-cover{padding:20px;display:grid;grid-template-columns:1fr 100px;column-gap:15px;border-radius:18px}.course-topline{grid-column:1/-1}.course-art{grid-column:2;grid-row:2/5;align-self:center;padding:12px 7px;margin:17px 0;width:105px;max-width:100%}.course-art svg{height:90px}.course-name{grid-column:1;grid-row:2;margin-top:25px;font-size:24px}.course-description{grid-column:1;grid-row:3;min-height:0;font-size:11px;margin-bottom:17px}.course-footer{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;gap:13px;padding-top:15px}.studio-section-head h2{font-size:31px}.studio-section-head>p{font-size:10px;max-width:130px}.studio-label{font-size:8px}.studio-account-note{padding:20px}.overview-heading h1{font-size:42px}.page-head h1{font-size:30px}.question-stem{font-size:17px}.question-card,.study-focus .question-card{padding:22px 18px;border-radius:16px}.option{min-height:55px;padding:12px;font-size:14px}.report-dialog{padding:22px}.report-dialog h2{font-size:23px}.report-form .toolbar>.btn{flex:1;min-height:45px}.mock-paper-title h2{font-size:16px}.studio-section-head{gap:15px}}
@media(max-width:380px){.content{padding-left:19px;padding-right:19px}.studio-hero-copy h1{font-size:60px}.studio-section-head>p{display:none}.studio-section-head h2{font-size:29px}.course-name{font-size:22px}.course-footer{flex-direction:column;gap:9px}.concept-sheet{padding:19px}.concept-title h2{font-size:20px}.question-stem{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.course-cover:hover,.course-cover:active,.course-cover:hover .course-art svg,.btn:active,.btn.primary:active,.studio-hero-actions>.studio-text-action:active,.option:active,.number-btn:active{transform:none!important}.hub-spark{transform:rotate(11deg)}}
/* Readable text on white; light blue is decoration, not body copy. */
.studio-hero-copy>p,.page-head p,.course-description,.concept-hint,.studio-section-head>p,.overview-heading p{color:#6b7687}.nav button,.sidebar-plan,.sidebar-about,.workspace-tools,.sidebar-signin,.sidebar-profile small{color:#6c788b}.nav button.active{color:#3472bf}.nav-caption{color:#758196}.studio-label,.studio-hero-facts,.course-topline,.course-footer,.concept-sheet-top,.concept-slider-label,.concept-slider-label output,.studio-hero-actions>.studio-text-action,.concept-sheet>.studio-text-action{color:#667c9c}.course-footer>span:last-child{color:#4377bb}.cover-physics .course-footer>span:last-child{color:#9d742d}.cover-chemistry .course-footer>span:last-child{color:#8666b4}.concept-title h2{color:#4a658b}.plot-label{fill:#6f87aa}.plot-vertex-label{fill:#956b27}.btn{color:#63748e}.btn.primary{background:#2871d5;border-color:#2871d5;color:#fff;box-shadow:0 4px 0 #1d56a6}.btn.primary:hover:not(:disabled){background:#347de3;border-color:#347de3;box-shadow:0 4px 0 #1d56a6}.btn.soft{color:#4279c2}.curriculum-name label,.curriculum-name small,.curriculum-progress>span:first-child,.topic-accuracy,.curriculum-module header small,.module-index,.mock-paper-title small,.mock-result,.access-label,.access-label.available,.paper-index{color:#687f9e}.curriculum-module h2,.mock-paper-title h2{color:#536f98}.daily-rhythm-copy strong,.daily-rhythm-copy span,.daily-rhythm-copy p,.overview-metrics>div>span{color:#6d7d94}.quiet-empty h3,.quiet-empty p,.account-intro p,.account-metrics span,.account-badge,.account-signin>p,.account-lower p,#auth-form label,.upgrade-panel p{color:#6d7e99}.account-metrics strong,.account-intro h2,.price,.upgrade-panel h2{color:#5577a9}.report-dialog>p,.report-form label,.report-form textarea,.report-form select,.report-form small,.report-id,.report-status{color:#62748e}.question-tools button,.timer-label,.timer-text,.navigator h3,.session-side>small,.session-header .crumb,.session-language,.question-index{color:#7487a5}.timer-value{color:#6c8fbe}.score-hero h2,.score-hero p,.score-hero strong{color:#5c7ca7}.question-provenance>summary,.source{color:#6e8566}
.studio-account-note,.resume-strip,.daily-rhythm,.account-intro,.price-card.featured,.concept-sheet{background-color:#f7fbff}.studio-hero-copy h1 em{color:#4389f2}.concept-sheet .live-label{color:#487dbb}.section-heading h2{color:#56677e}.subject-mark.chemistry{background:#fff7e9}.exam-banner{background:#f7faff}.study-focus,.study-focus .content,.study-focus .workspace{background:#fff}.price-card,.account-signin,.account-lower .panel,.stat,.config,.result-list{background:#fff}
.question-tools button,.timer-label,.timer-text,.navigator h3,.session-side>small,.session-header .crumb,.session-language,.question-index,.course-footer{color:#6b7c96}.btn.primary:hover:not(:disabled){background:#2871d5;border-color:#2871d5}.studio-label,.course-topline{color:#74839a}.studio-text-action{min-height:38px}.concept-sheet>.studio-text-action{min-height:40px}
.concept-sheet input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;outline:none;height:27px}.concept-sheet input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:10px;background:linear-gradient(to right,#81b1f5 var(--slider-fill,50%),#dce9fb var(--slider-fill,50%));border:0}.concept-sheet input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:#5998ee;box-shadow:0 2px 0 #c1d5f1;transition:transform .12s}.concept-sheet input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.concept-sheet input[type=range]::-moz-range-track{height:8px;border:0;border-radius:10px;background:#dce9fb}.concept-sheet input[type=range]::-moz-range-progress{height:8px;border-radius:10px;background:#81b1f5}.concept-sheet input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#5998ee;box-shadow:0 2px 0 #c1d5f1}.concept-sheet input[type=range]:focus-visible{outline:3px solid #b8d5ff;outline-offset:5px;border-radius:10px}
.auth-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}.auth-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-fields label{display:grid;gap:7px}.auth-fields p{margin:0}.auth-fields:disabled{opacity:.7}@media(max-width:540px){.auth-name-fields{grid-template-columns:1fr}}
