/* Illustrated student experience. Scoped to student pages; no business state. */
.student-portal-home,.student-practice-shell,.student-settings-page,.student-challenge-center{--level-color:#179be9;--level-accent:#94e4ff;--level-gradient:linear-gradient(135deg,#dff5ff,#f5fcff)}
body.student-app-mode .student-portal-home,body.student-app-mode .student-practice-shell,body.student-app-mode .student-settings-page,body.student-app-mode .student-challenge-center:not([data-runner="active"]){max-width:600px;padding:0 0 var(--student-nav-clearance);background:var(--student-bg);overflow:clip}
.visual-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 16px 10px;background:#dbf3ff;color:#153a68;position:relative;z-index:2}
.visual-topbar>a{display:flex;min-width:0;flex:1;height:38px;position:relative;overflow:hidden}.visual-topbar>a>img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:min(145px,100%);height:auto;object-fit:contain}
.visual-identity{display:flex;flex-shrink:0;gap:2px;padding:4px;border-radius:30px;background:#ffffffb5;box-shadow:0 5px 12px #148cd022}
.visual-identity .identity-entry{min-height:34px;padding:5px 9px;border-radius:22px;display:flex;align-items:center;gap:4px;font:600 11px var(--wml-sans);color:#53728d;text-decoration:none}
.visual-identity .identity-entry[aria-current]{color:white;background:linear-gradient(135deg,#21c2ff,#077aff)}.visual-identity svg{width:16px;height:16px}
.visual-theme{width:32px;height:32px;border-radius:50%;background:#fff9;display:grid;place-items:center;flex-shrink:0;font-size:24px;color:#ffc325;position:relative}.visual-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.visual-hero{position:relative;isolation:isolate;min-height:245px;padding:26px 22px 32px;background:#d6f1ff url('/assets/generated/student/campus.svg') center/cover;overflow:hidden;color:#092451}
.visual-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5fcffdb 0%,#e8f8ff85 42%,transparent 70%)}
.visual-hero-copy{position:relative;z-index:2;width:62%;max-width:340px}.visual-hero-copy>small{font-size:9px;font-weight:800;letter-spacing:.18em;color:#087fe6}.visual-hero h1{font:900 clamp(26px,7vw,38px)/1.2 var(--wml-sans)!important;color:#092451!important;margin:10px 0!important;overflow-wrap:anywhere}.visual-hero p{font:500 12px/1.7 var(--wml-sans);color:#315783!important;margin:3px 0}.visual-hero-detail{font-size:11px!important}
.visual-character{position:absolute;right:-28px;bottom:-21px;width:55%;height:95%;object-fit:contain;object-position:bottom;z-index:1;filter:drop-shadow(0 9px 9px #2279b122);pointer-events:none}.visual-hero-home .visual-character{right:-26px;height:92%;width:57%}
.visual-level-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffffba;background:var(--level-gradient);color:var(--level-color);border-radius:20px;padding:3px 8px 3px 4px;font:750 11px/1.2 var(--wml-sans);margin-top:7px;box-shadow:0 3px 9px #11375b10}.visual-level-badge img{width:22px;height:25px;object-fit:contain}
.visual-cheer{display:table;margin-top:13px;padding:8px 14px;border-radius:16px 16px 3px 16px;background:#ffffffc9;color:#0787ed;box-shadow:0 7px 16px #27a9da13;font-size:12px;font-weight:650;line-height:1.5}
.visual-float{position:absolute;font-weight:900;pointer-events:none;filter:drop-shadow(2px 4px 2px #218bd333)}.visual-plus{right:42%;bottom:30px;color:#30b5f3;font-size:46px;transform:rotate(-18deg)}.visual-star{right:8px;top:20px;color:#ffcf46;font-size:26px;transform:rotate(10deg)}.visual-cube{right:12px;bottom:16px;font-size:24px;background:#ffe786;color:#eea71d;padding:1px 12px;border-radius:8px;transform:rotate(15deg)}
.level-gold.visual-hero:after{background:linear-gradient(90deg,#fff9e2ed,#fff2c373,transparent)}.level-ruby.visual-hero:after{background:linear-gradient(90deg,#ffedf8ed,#ffe2f17a,transparent)}
.visual-home-content{position:relative;padding:0 12px}.visual-home-content .student-summary{margin-top:-12px;position:relative;z-index:3;padding:6px;border-radius:21px;background:var(--student-surface);box-shadow:0 6px 18px #1186c91a;gap:6px}
.visual-home-content .student-summary article{position:relative;padding:12px 8px;background:linear-gradient(135deg,var(--student-primary-soft),var(--student-surface));box-shadow:none;border-radius:16px;min-height:141px}.visual-home-content .student-summary article:nth-child(2){background:linear-gradient(135deg,#e5fbf7,var(--student-surface))}.visual-home-content .student-summary article:nth-child(3){background:linear-gradient(135deg,#f0eaff,var(--student-surface))}.student-summary .visual-art{width:43px;height:40px;display:block;margin-bottom:3px}.visual-home-content .student-summary small{font-size:11px;font-weight:600}.visual-home-content .student-summary b{font-size:25px;color:var(--student-text);font-weight:900;margin:5px 0}.visual-home-content .student-summary em{font-size:10px}
.visual-summary-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px 8px;font-size:24px;text-decoration:none;border-radius:inherit}.visual-summary-link:active{background:#249ce315}.visual-summary-link:focus-visible{outline:3px solid var(--student-primary);outline-offset:2px}
.visual-home-content .student-main-action{position:relative;overflow:hidden;min-height:143px;padding:19px 14px;background:linear-gradient(110deg,#087fff,#26bcf4);border:1px solid #5bd8ff;box-shadow:0 7px 15px #188fde35;border-radius:20px;margin:12px 0}.student-main-action>span{position:relative;z-index:2;width:72%}.visual-home-content .student-main-action strong{font-size:clamp(24px,6.7vw,32px);text-shadow:0 2px 0 #006ac855}.visual-home-content .student-main-action em{font-size:11px;max-width:190px;line-height:1.65}.visual-home-content .student-main-action>b{position:absolute;right:14px;bottom:10px;z-index:2;font-size:21px}.student-main-action .visual-card-art{position:absolute;width:43%;height:130px;right:-8px;bottom:-5px;transform:rotate(-9deg);opacity:.93}
.visual-home-content .student-secondary-actions{gap:8px}.visual-home-content .student-secondary-actions>a,.visual-home-content .student-secondary-actions>div{position:relative;isolation:isolate;overflow:hidden;min-height:130px;background:linear-gradient(135deg,#ffe4a5,#fff8ed);border-color:#ffe5b5;padding:13px 12px 45px}.visual-home-content .student-secondary-actions>:nth-child(2){background:linear-gradient(135deg,#d6bbff,#f3edff);border-color:#decbff}.visual-home-content .student-secondary-actions strong{font-size:16px;color:#183362}.visual-home-content .student-secondary-actions span{font-size:11px;position:relative;z-index:2;color:#4b5f79;max-width:100%}.visual-secondary-art{position:absolute;width:90px;height:75px;bottom:-9px;right:-5px;opacity:.9;z-index:-1}.student-secondary-actions>:nth-child(2) .visual-secondary-art{width:80px}
.visual-home-content .student-growth{background:var(--level-gradient);border-color:var(--level-accent);position:relative}.visual-home-content .student-growth-meter i{background:linear-gradient(90deg,var(--level-color),var(--level-accent))}.visual-home-content .student-growth h2{color:var(--level-color)}
.visual-home-content .student-profile-summary{padding:14px;border-radius:20px}.visual-home-content .student-profile-summary h2:before{content:'●';color:#168bff;margin-right:7px}.visual-home-content .student-profile-summary dl{gap:6px}.visual-home-content .student-profile-summary dl>div{padding:10px 9px;min-height:59px}.visual-home-content .student-profile-summary dl>div:nth-child(3){grid-column:span 2}.visual-home-content .student-profile-summary dd{font-size:12px}.visual-home-content .student-profile-summary .visual-level-badge{margin:0}.visual-home-content .student-challenge-preview{padding:14px}.visual-motto{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:20px;background:linear-gradient(120deg,var(--student-primary-soft),var(--student-surface));margin:12px 0}.visual-motto img{width:55px;height:60px}.visual-motto p{font-weight:650;color:var(--student-primary);font-size:12px}
body.student-app-mode .student-tabbar{width:min(580px,calc(100% - 16px));height:68px;padding:5px;background:color-mix(in srgb,var(--student-surface) 94%,transparent);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 -3px 22px #309edf19}.student-tabbar svg{width:25px;height:25px}body.student-app-mode .student-tabbar a{font-size:12px;font-weight:750;border-radius:18px}body.student-app-mode .student-tabbar a[aria-current]{background:linear-gradient(135deg,var(--student-primary-soft),var(--student-surface));box-shadow:inset 0 0 0 1px var(--student-border)}
[data-student-theme="night"] .visual-topbar{background:#162d49}[data-student-theme="night"] .visual-topbar>a{background:#ffffffeb;border-radius:7px;padding:3px}[data-student-theme="night"] .visual-hero{background-color:#1a3654;background-blend-mode:soft-light}[data-student-theme="night"] .visual-hero:after{background:linear-gradient(90deg,#172f4ff2,#1832518c,transparent)}[data-student-theme="night"] .visual-hero h1{color:#f1f8ff!important}[data-student-theme="night"] .visual-hero p{color:#c3dcf6!important}[data-student-theme="night"] .visual-cheer{background:#284462;color:#9cdbff}[data-student-theme="night"] .visual-home-content .student-summary article,[data-student-theme="night"] .visual-home-content .student-secondary-actions>a,[data-student-theme="night"] .visual-home-content .student-secondary-actions>div{background:linear-gradient(135deg,#213b57,#182e47);border-color:#365478}[data-student-theme="night"] .student-secondary-actions strong{color:#ebf5ff}[data-student-theme="night"] .student-secondary-actions span{color:#adc8e4}[data-student-theme="night"] .student-growth{background:linear-gradient(125deg,#243653,#20324a)}[data-student-theme="night"] .student-growth h2{color:var(--level-accent)}
@media(min-width:480px){.visual-hero{min-height:290px;padding:35px 28px}.visual-topbar{padding:22px 24px 12px}.visual-home-content{padding:0 18px}.visual-home-content .student-secondary-actions>a,.visual-home-content .student-secondary-actions>div{min-height:160px}.visual-secondary-art{width:120px;height:105px}}
@media(max-width:350px){.visual-topbar{padding:15px 12px 9px;gap:5px}.visual-topbar>a>img{max-width:113px}.visual-identity .identity-entry{padding:5px 7px;font-size:10px}.visual-theme{width:27px;height:27px;font-size:21px}.visual-hero{padding:22px 16px 27px;min-height:240px}.visual-hero-copy{width:65%}.visual-home-content .student-summary b{font-size:23px}.visual-home-content .student-main-action em{max-width:165px}.visual-home-content .student-secondary-actions strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.visual-art,.visual-character,.visual-float{animation:none!important;transition:none!important}}

/* Adventure tier surfaces and reusable reward frames. */
.growth-frame{position:relative;isolation:isolate}.growth-frame:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:2px solid var(--level-accent,var(--student-border));box-shadow:inset 0 0 0 2px #ffffff40;z-index:3;opacity:.85}.growth-frame-gold:after{border-color:#e7bd57;background:linear-gradient(#ebcb75,#ebcb75) 12px 12px/24px 2px no-repeat,linear-gradient(#ebcb75,#ebcb75) calc(100% - 12px) calc(100% - 12px)/24px 2px no-repeat}.growth-frame-ruby:after{border-color:#e785b4;box-shadow:inset 0 0 0 3px #fce5f070,0 0 12px #ef5daa12}.growth-frame-ruby:before{content:'';position:absolute;width:23px;height:23px;top:-9px;left:calc(50% - 12px);background:url('/assets/generated/student/badges/level-ruby.svg') center/contain no-repeat;z-index:4;pointer-events:none}
.growth-frame-silver{--growth-frame-image:url('/assets/generated/student/borders/card-silver.svg')}.growth-frame-gold{--growth-frame-image:url('/assets/generated/student/borders/card-gold.svg');box-shadow:0 6px 20px #daaa2420}.growth-frame-ruby{--growth-frame-image:url('/assets/generated/student/borders/card-ruby.svg');box-shadow:0 6px 24px #e7539722}
.visual-avatar{display:block;position:relative;width:95px;height:95px;flex-shrink:0;padding:9px}.visual-avatar>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--level-gradient)}.visual-avatar .visual-avatar-frame{position:absolute;inset:0;width:100%;height:100%}.visual-achievement{object-fit:contain;width:36px;height:40px;vertical-align:middle}.visual-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.visual-hero:before{content:'';position:absolute;right:-30px;top:3px;width:260px;height:260px;background:url('/assets/generated/student/decorations/geometry.svg') center/contain no-repeat;opacity:.5;z-index:0}.visual-hero .visual-character{height:115%;bottom:-42px;right:-14px;width:55%;object-fit:cover;object-position:center top}.visual-hero.level-ruby .visual-character{width:60%;right:-25px}.visual-hero.level-gold .visual-character{width:58%;right:-18px}.visual-hero-home{min-height:260px}.visual-hero-home .visual-character{height:113%;bottom:-34px}.level-ruby.visual-hero:before{filter:hue-rotate(95deg);opacity:.8}.level-gold.visual-hero:before{filter:sepia(.8);opacity:.7}
.visual-hero-copy{width:56%}.visual-hero-copy p{max-width:100%;white-space:normal;overflow-wrap:anywhere}.visual-hero-home:after{background:linear-gradient(90deg,#f4fbfff2 0%,#f4fbffb5 48%,transparent 90%)}.visual-hero.level-gold:after{background:linear-gradient(90deg,#fff9e2f5,#fff2c3a0 48%,transparent 90%)}.visual-hero.level-ruby:after{background:linear-gradient(90deg,#ffedf8f5,#ffe2f1ac 48%,transparent 90%)}.visual-hero-copy h1{text-shadow:0 1px 7px #fff9}.visual-hero .visual-character{z-index:0}.visual-hero:after{z-index:1;pointer-events:none}.visual-hero .visual-hero-copy{z-index:2}.visual-hero .visual-float{z-index:1}
[data-student-theme="night"] .visual-hero.level-gold:after,[data-student-theme="night"] .visual-hero.level-ruby:after,[data-student-theme="night"] .visual-hero-home:after{background:linear-gradient(90deg,#172f4ff5,#183251c5 48%,transparent 90%)}[data-student-theme="night"] .visual-hero-copy h1{text-shadow:0 2px 8px #0c1e35}
.student-practice-shell>.learning-page-head,.student-settings-page>.learning-page-head{display:none}.visual-practice-content,.visual-settings-content,.visual-challenge-content{padding:0 12px}.visual-practice-content>.learning-overview{margin-top:-14px;position:relative;z-index:2;gap:12px;border-radius:21px;background:var(--student-surface);padding:14px}.visual-practice-content .learning-progress{width:75px;height:75px;flex-basis:75px;box-shadow:0 6px 16px #199af01c}.visual-practice-content .learning-progress b{font-size:22px}.visual-practice-content .learning-overview h2{font-size:16px}.visual-practice-content .learning-overview p{font-size:11px;margin:4px 0}.visual-practice-content .learning-overview small{font-size:10px}.visual-streak{display:flex;align-items:center;gap:3px;margin-top:6px;font-size:10px;color:var(--student-text-muted)}.visual-streak img{width:24px;height:27px}.visual-streak b{color:var(--student-text)}
.visual-practice-content .learning-main-task{position:relative;overflow:hidden;min-height:210px;background:linear-gradient(120deg,#087cfd,#1bc0ef);border-color:#86dcff;padding:18px;color:white}.visual-practice-content .learning-main-task h2{color:white;font-size:34px;margin:17px 0 6px}.visual-practice-content .learning-main-task p{color:#e2f6ff;max-width:64%;position:relative;z-index:1}.visual-practice-content .learning-task-meta{color:#e4f7ff;position:relative;z-index:1;font-size:11px}.visual-practice-content .learning-kicker{background:#ffffff2a;color:#fff;border:1px solid #ffffff60;border-radius:20px;padding:6px 12px}.visual-practice-content .learning-main-task .learning-primary{position:relative;z-index:1;background:linear-gradient(#fff,#d8f3ff);color:#087bdd;border:2px solid #fff;min-height:44px;margin-top:15px;box-shadow:0 4px 10px #045b9b20}.visual-task-art{position:absolute;width:46%;height:130px;right:-7px;top:57px;transform:rotate(-8deg)}.visual-practice-content .learning-status{position:relative;z-index:2;font-size:10px}.visual-practice-content .learning-question-list li{color:var(--student-text)}
.visual-practice-content .learning-path{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}.visual-practice-content .learning-path li{display:flex;flex-wrap:wrap;align-content:start;gap:8px;padding:12px 10px;border:1px solid var(--student-border);border-radius:16px;background:var(--student-primary-soft);min-width:0}.visual-practice-content .learning-path li>div{flex:1 1 70px;min-width:0}.visual-practice-content .learning-path li>b{width:27px;height:27px;flex:0 0 27px}.visual-practice-content .learning-path strong{font-size:13px}.visual-practice-content .learning-path p{font-size:11px}.visual-practice-content .learning-path .learning-path-state{width:100%;padding:4px 8px;background:var(--student-surface);border-radius:12px;justify-self:start;text-align:center;font-size:10px}.visual-practice-content .learning-path .learning-primary{padding:7px;font-size:11px;min-height:40px}.visual-practice-content .learning-record-stats>span{position:relative;padding-top:7px}.visual-practice-content .learning-record-stats img{display:block;margin:0 auto 5px;width:32px;height:35px}.visual-practice-content .learning-record-stats b{font-size:20px}
.visual-extension-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.visual-extension-cards>a{position:relative;overflow:hidden;display:grid;gap:4px;padding:14px 11px 22px;min-height:125px;border:1px solid var(--student-border);border-radius:18px;background:linear-gradient(135deg,var(--student-primary-soft),var(--student-surface));text-decoration:none}.visual-extension-cards strong{font-size:16px;z-index:1;color:var(--student-text)}.visual-extension-cards small{font-size:11px;color:var(--student-text-muted);z-index:1}.visual-extension-cards img{position:absolute;right:-11px;bottom:-8px;width:95px;height:82px;opacity:.75}
.visual-profile-identity{display:flex;gap:10px;align-items:center;margin-bottom:17px;padding:8px 0 15px;border-bottom:1px solid var(--student-border)}.visual-profile-identity>div{min-width:0}.visual-profile-identity strong{display:block;font-size:22px;font-weight:850;overflow-wrap:anywhere}.visual-profile-identity p{font-size:11px;line-height:1.6;margin:3px 0}.visual-account-status{display:inline-block;color:var(--student-success);background:var(--student-complete-soft);border-radius:12px;padding:4px 7px;font-size:10px;margin-top:4px}.visual-settings-content .account-profile{margin-top:-12px;z-index:2;background:var(--student-surface)}.visual-settings-content .account-card-head h2{font-size:20px}.visual-settings-content .account-card-head p{font-size:10px}.visual-protected-edit{margin-top:16px;border-top:1px solid var(--student-border);padding-top:10px}.visual-protected-edit summary{display:flex;justify-content:space-between;gap:6px;align-items:center;min-height:44px;font-size:12px;cursor:pointer}.visual-protected-edit summary span{font-size:10px;color:var(--student-primary)}.visual-protected-edit[open] .protected-profile-form{margin-top:12px}.visual-approval-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}.visual-approval-types>span{display:grid;justify-items:center;padding:9px 5px;border-radius:15px;background:var(--student-accent-soft);border:1px solid var(--student-border);gap:4px}.visual-approval-types>span:nth-child(2){background:var(--level-gradient)}.visual-approval-types>span:nth-child(3){background:var(--student-primary-soft)}.visual-approval-types img{width:38px;height:35px}.visual-approval-types b{font-size:12px}.visual-approval-types small{font-size:10px;color:var(--student-text-muted)}.visual-settings-content .account-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.visual-settings-content .account-checkboxes label{justify-content:center;padding:7px 3px;font-size:10px}.visual-settings-content .account-readonly{gap:6px}.visual-settings-content .account-readonly b{font-size:12px}.visual-theme-art{width:100%;height:100px;object-fit:cover;border-radius:15px;margin:3px 0 10px}.visual-more-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.visual-more-settings>div>span{padding:12px 8px;border-radius:13px;background:var(--student-primary-soft);font-size:12px}.visual-more-settings small{display:block;margin-top:6px;font-size:10px;color:var(--student-text-muted)}.visual-more-settings details{border-top:1px solid var(--student-border);padding:7px 0}.visual-more-settings summary{min-height:38px;display:flex;align-items:center;font-size:13px;cursor:pointer}
.student-challenge-center>.learning-page-head{margin:0;padding:10px 16px;justify-content:flex-end}.student-challenge-center:not([data-runner="active"])>.learning-page-head>div:first-child{display:none}.student-challenge-center[data-runner="active"]>.visual-topbar{display:none}.visual-hero-challenge{min-height:265px;background-color:#79d9ff}.visual-hero-challenge h1{font-style:italic;letter-spacing:-.03em;font-size:38px!important;text-shadow:2px 3px 0 #ffffffb5}.visual-challenge-content>.challenge-hall-overview{position:relative;z-index:2;margin-top:-17px;padding:10px;border-radius:22px;background:var(--student-surface)}.visual-challenge-content .challenge-hall-stats{margin-top:0;gap:5px}.visual-challenge-content .challenge-hall-stats span{padding:9px 6px;background:var(--student-primary-soft)}.visual-challenge-content .challenge-hall-stats img{width:39px;height:35px;display:block;margin-bottom:3px}.visual-challenge-content .challenge-hall-stats b{font-size:24px}.visual-launch-card{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 40%,#dcffff,#93d9ff 60%,#52b7ff)!important;border-color:#81dcff!important;box-shadow:inset 0 0 40px #fff9,0 6px 17px #159fdb26}.visual-launch-card:before{content:'';position:absolute;inset:0;background:url('/assets/generated/student/decorations/geometry.svg') center/110% no-repeat;opacity:.7;pointer-events:none}.visual-launch-card>h2{font-size:20px;margin:13px 0 7px;color:#103563}.visual-launch-card>p{font-size:11px;color:#315987;position:relative}.visual-launch-clock{position:relative;display:grid;align-content:center;justify-items:center;width:160px;height:160px;margin:12px auto 0;border:12px solid #159ffa;border-right-color:#ffcc48;border-radius:50%;background:linear-gradient(#fff,#c8f1ff);box-shadow:0 0 0 5px #c3f7ff,inset 0 0 0 5px #eaffff,0 12px 30px #078cdc32}.visual-launch-clock:before{content:'';position:absolute;top:-27px;width:29px;height:16px;border-radius:6px 6px 0 0;background:#0c90ec;border:2px solid #7ce4ff}.visual-launch-clock b{font-size:68px;line-height:1;font-weight:900;color:#0c2e5b}.visual-launch-clock span{font-size:15px;font-weight:700;color:#184574}.visual-challenge-content .visual-launch-card .learning-primary{position:relative;min-height:62px;margin-top:12px;font-size:27px;font-weight:900;border:3px solid #fff6a6;border-radius:35px;background:linear-gradient(#fff475,#ffcc26);color:#173052;box-shadow:0 6px 0 #f39c30,0 10px 20px #318fc03b;text-shadow:0 1px #fff7b4}.visual-challenge-content .visual-launch-card .learning-primary:disabled{filter:grayscale(.6);opacity:.65;box-shadow:none}.visual-challenge-content .challenge-mode-symbol{background:#fff8;box-shadow:0 3px 10px #0674c625}.visual-challenge-content .challenge-future-grid article{position:relative;overflow:hidden;min-height:135px;padding-right:12px;background:linear-gradient(135deg,var(--student-primary-soft),var(--student-surface))}.visual-challenge-content .challenge-future-grid img{position:absolute;right:-12px;bottom:-9px;width:65px;height:65px;opacity:.5}.visual-challenge-content .challenge-future-grid h3,.visual-challenge-content .challenge-future-grid p,.visual-challenge-content .challenge-coming-soon{position:relative;z-index:1}.visual-challenge-content .challenge-future-grid h3{font-size:15px}.speed-result{margin:12px;background:radial-gradient(ellipse at top,var(--student-accent-soft),var(--student-surface));overflow:hidden}.visual-result-trophy{display:block;width:100px;height:90px;margin:0 auto}.speed-result>p .visual-achievement{width:32px;height:36px;margin-right:5px}.speed-result-score b{font-size:76px;color:#e5a524;text-shadow:0 3px 0 #ffd785}
/* Competitive atmosphere stays behind the reading and input surfaces. */
.student-challenge-center[data-runner="active"]{background:repeating-linear-gradient(125deg,transparent 0 80px,#ff9b1510 81px 83px,transparent 84px 130px),radial-gradient(ellipse at 60% 10%,#783d173a,transparent 50%),#0e1218}.student-challenge-runner .speed-dial{box-shadow:0 0 0 3px #462d16,0 0 18px #ff8c2930}.speed-dial::before{background:radial-gradient(circle at 40% 20%,#332617,#11151c)}.student-challenge-runner .speed-question{position:relative;border:2px solid #ffae37;background:repeating-linear-gradient(135deg,#ffffff02 0 5px,transparent 6px 11px),linear-gradient(110deg,#2e251c,#13181f);box-shadow:0 0 0 3px #442713,0 3px 16px #ff821719}.student-challenge-runner .speed-question:before,.student-challenge-runner .speed-question:after{content:'›';position:absolute;top:50%;transform:translateY(-50%);font-size:46px;color:#ff9739;opacity:.7;pointer-events:none}.student-challenge-runner .speed-question:before{left:5px}.student-challenge-runner .speed-question:after{right:5px;transform:translateY(-50%) rotate(180deg)}.student-challenge-runner .speed-question p{padding:0 12px;font-weight:900;font-size:clamp(28px,8vw,43px)}.student-challenge-runner .speed-stats span{background:linear-gradient(120deg,#2c2118,#171a20);border-color:#bb762d;box-shadow:inset 0 1px #ffcb6730}.student-challenge-runner button{border-color:#ed9a42;box-shadow:inset 0 1px #fff2,0 3px 0 #060707,0 0 9px #ef7e0b0d;background:linear-gradient(#3c3b3d,#1d2229)}.student-challenge-runner input{box-shadow:0 0 0 3px #6d3b19,0 0 14px #ff8a2122;background:linear-gradient(#fffdf6,#f8ecd8)}.speed-feedback.is-correct{font-weight:800;text-shadow:0 0 12px #ffb730;animation:visual-correct .45s ease-out}.student-challenge-runner[data-timer-state="danger"] .speed-dial{animation:visual-danger 1s ease-in-out infinite}.student-challenge-runner .speed-timer-row strong{color:#fff5d7;text-shadow:0 0 15px #ed9b3933}
@keyframes visual-correct{0%{transform:translateY(5px);opacity:.4}50%{transform:translateY(-2px);opacity:1}100%{transform:translateY(0)}}@keyframes visual-danger{50%{box-shadow:0 0 0 3px #6d3427,0 0 20px #e9663750}}
[data-student-theme="night"] .visual-launch-card{background:radial-gradient(ellipse at 50% 40%,#315477,#162a42)!important;box-shadow:inset 0 0 30px #5585aa14,0 6px 17px #0003}[data-student-theme="night"] .visual-launch-card h2,[data-student-theme="night"] .visual-launch-card>p{color:#d9efff}[data-student-theme="night"] .visual-approval-types>span:nth-child(2){background:#342b43}[data-student-theme="night"] .visual-launch-clock{background:linear-gradient(#e7f8ff,#9ad9f6)}[data-student-theme="night"] .visual-avatar>img:first-child{background:#2b3e56}
@media(max-width:350px){.visual-profile-identity strong{font-size:19px}.visual-avatar{width:82px;height:82px}.visual-practice-content .learning-overview{padding:13px 10px;gap:9px}.visual-practice-content .learning-progress{width:66px;height:66px;flex-basis:66px}.visual-practice-content .learning-overview h2{font-size:14px}.visual-practice-content .learning-path li{padding:10px 7px;gap:6px}.visual-practice-content .learning-path strong{font-size:12px}.visual-launch-clock{width:148px;height:148px}.visual-hero-challenge h1{font-size:33px!important}}
@media(prefers-reduced-motion:reduce){.speed-feedback.is-correct,.student-challenge-runner[data-timer-state="danger"] .speed-dial{animation:none}.visual-launch-card button:active{transform:none}}
.visual-home-content .student-growth-prominent,.visual-settings-content .student-growth-prominent{padding:8px 10px;margin:0 0 10px;border:1px solid var(--student-border);border-radius:9px;background:var(--student-surface);box-shadow:none}
.student-growth-inline{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.5;color:var(--student-text-muted)}
.student-growth-inline>a{margin-left:auto;flex-shrink:0;color:var(--student-primary);text-decoration:none}
.student-growth-total{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:var(--student-text)}
.student-growth-prominent .student-growth-meter{height:5px;margin:5px 0;border-radius:999px}
.student-today-reminders{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:0;margin:0}
.student-today-reminders a{display:inline-block;padding:3px 0;background:transparent;color:var(--student-text-muted);text-decoration:none;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.visual-settings-content .student-growth-prominent+.account-profile{margin-top:0}
.growth-rules-sections{display:grid;gap:14px}.growth-rules-sections section{padding:14px;border:1px solid #dbe8f1;border-radius:12px;background:#f8fbff}.growth-rules-sections h3{margin:0 0 10px;font-size:17px}.growth-rules-sections p{line-height:1.8;font-size:14px}.growth-rules-sections table{width:100%;border-collapse:collapse;font-size:13px}.growth-rules-sections td,.growth-rules-sections th{padding:8px 5px;border-bottom:1px solid #dbe8f1;text-align:left}.growth-rules-sections section:nth-child(3){background:#f1fcf4}.growth-rules-sections section:nth-child(4){background:#faf5ff}
.student-practice-shell .visual-practice-content .learning-main-task{background:linear-gradient(135deg,#f6fbff,#e4f2ff)!important;color:#1c3551!important}.student-practice-shell .visual-practice-content .learning-main-task h2{color:#1c3551!important}.student-practice-shell .visual-practice-content .learning-main-task p,.student-practice-shell .visual-practice-content .learning-main-task .learning-task-meta{color:#365572!important}.student-practice-shell .visual-practice-content .learning-main-task .learning-kicker{background:#dcecff!important;color:#264a73!important;border-color:#accbea!important}

/* Shared challenge layout keeps input and student navigation within the viewport. */
.theme-equation{--accent:#38e5bd;background:linear-gradient(160deg,#062d35,#0c1728)!important;color:#effffb}.theme-pattern{--accent:#ffe76a;background:linear-gradient(160deg,#28144f,#14182e)!important;color:#fff}.theme-equation .speed-question,.theme-pattern .speed-question{color:var(--accent)}.challenge-balance,.challenge-clues{text-align:center;color:var(--accent);font-size:2rem;line-height:1.2}.challenge-balance span{display:inline-block;animation:balance-sway 1.8s ease-in-out infinite}.theme-pattern .speed-question{font-size:clamp(1rem,4vw,2rem);overflow-wrap:anywhere}.speed-feedback.is-wrong{color:#ff8c98}.puzzle-submit{min-height:40px}.challenge-mode-card[data-mode=equation]{border-color:#38bca3}.challenge-mode-card[data-mode=pattern]{border-color:#9781d9}.student-challenge-runner .speed-input-console[data-auto-check=false]{flex-wrap:wrap}.growth-table th button{white-space:nowrap}.growth-table td{vertical-align:middle}@keyframes balance-sway{50%{transform:rotate(5deg)}}@media(max-height:700px){.challenge-balance,.challenge-clues{font-size:1.25rem}.student-challenge-runner .speed-question{margin:4px 0}}@media(prefers-reduced-motion:reduce){.challenge-balance span{animation:none}}

.student-challenge-runner.theme-equation{--speed-orange:#38e5bd;--puzzle-accent:#38e5bd}.student-challenge-runner.theme-pattern{--speed-orange:#b696ff;--puzzle-accent:#b696ff}.student-challenge-runner:is(.theme-equation,.theme-pattern) .speed-question{border-color:var(--puzzle-accent);box-shadow:0 0 0 2px #ffffff15;background:linear-gradient(130deg,#16352b,#101c27)}.student-challenge-runner.theme-pattern .speed-question{background:linear-gradient(130deg,#322351,#121d33)}.student-challenge-runner:is(.theme-equation,.theme-pattern) .speed-question p{color:#f5faff;font-size:clamp(23px,6vw,36px)}.student-challenge-runner:is(.theme-equation,.theme-pattern) button{border-color:var(--puzzle-accent)}.student-challenge-runner:is(.theme-equation,.theme-pattern) .puzzle-submit{background:var(--puzzle-accent);color:#101722}.student-challenge-runner:is(.theme-equation,.theme-pattern) .speed-stats span{border-color:var(--puzzle-accent);background:#14252c}.student-challenge-runner:is(.theme-equation,.theme-pattern) input{box-shadow:0 0 0 2px var(--puzzle-accent)}.student-challenge-runner .challenge-mark{position:absolute;top:3px;right:8px;font-size:18px;color:var(--puzzle-accent)}.student-challenge-center[data-runner=active][data-mode=equation]{background:radial-gradient(ellipse at top,#14574d,#0e171e 70%)}.student-challenge-center[data-runner=active][data-mode=pattern]{background:radial-gradient(ellipse at top,#392365,#101321 70%)}
.compact-mode-list{display:block!important}
.compact-challenge-launch{padding:16px!important;margin:12px 0!important}
.compact-challenge-launch>.learning-section-head h2{margin:0;font-size:18px}
.challenge-mode-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;text-align:left;margin:14px 0;color:#173052;font-weight:800}
.challenge-mode-choice select{width:100%;min-height:44px;border:1px solid #75bcd9;border-radius:12px;padding:8px 12px;background:#fff;color:#173052;font:inherit}
.compact-mode-detail{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;text-align:left}
.compact-mode-detail .visual-launch-clock{width:76px;height:76px;border-width:6px;margin:8px 0}
.compact-mode-detail .visual-launch-clock b{font-size:30px}
.compact-mode-detail .visual-launch-clock span{font-size:11px}
.compact-mode-detail .visual-launch-clock:before{top:-15px;width:16px;height:9px}
.compact-mode-detail h3{margin:4px 0;font-size:18px;color:#173052}
.compact-mode-detail p{margin:6px 0;font-size:12px;line-height:1.5;color:#315987}
.visual-challenge-content .compact-challenge-launch .learning-primary{width:100%;min-height:46px;font-size:18px;margin-top:10px}
.challenge-future-details{margin-top:12px}
.challenge-future-details summary{cursor:pointer;font-weight:700;min-height:32px}
@media(max-width:600px){.student-challenge-center .visual-hero-challenge{min-height:190px}.compact-challenge-launch{padding:12px!important}.compact-mode-detail{grid-template-columns:78px minmax(0,1fr);gap:10px}}