/* One production design. Account state and old journey flags do not select a skin. */
:root{--design-ink:#102044;--design-muted:#52637e;--design-blue:#0a155e;--design-mint:#c4ffe5;--design-card:rgba(250,255,255,.86);--design-radius:24px}
html body.student-experience{font-family:Manrope,system-ui,sans-serif;background:#eff8fb;color:var(--design-ink)}
html body #app-shell#app-shell[data-preview-shell=true]{font-family:Manrope,system-ui,sans-serif;min-height:100dvh;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;position:relative;isolation:isolate}
html body #app-shell#app-shell[data-preview-shell=true]>.app-main{align-self:start;min-width:0;width:100%;max-width:none;margin:0!important;box-sizing:border-box;background:transparent}
html body #app-shell#app-shell[data-preview-shell=true] :is(.app-view,.page-header){max-width:none;min-width:0}
html body #app-shell#app-shell[data-preview-shell=true] .app-view{margin:0!important;padding-top:0!important;min-height:0!important;scroll-margin-top:20px}
html body #app-shell#app-shell[data-preview-shell=true] :is(.journey-rail,.journey-coda,.journey-scroll-cue,.journey-sky,.journey-focus-options,.glass-topbar,.cx-orbit,.study-panorama,.desk-scene,.workspace-scene,.study-observatory,.student-board-welcome){display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] [hidden]{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .brand img{width:38px!important;height:38px!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .brand-icon::after{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .sidebar-bottom{width:100%;min-width:0;max-width:100%;height:auto!important;flex:0 0 auto;grid-template-columns:minmax(0,1fr);align-content:end;box-sizing:border-box}
html body #app-shell#app-shell[data-preview-shell=true] .sidebar-bottom>button{min-width:0;max-width:100%;height:auto!important;box-sizing:border-box;overflow-wrap:anywhere}
html body #app-shell#app-shell[data-preview-shell=true] .sidebar-personalize>img{width:32px!important;height:32px!important;object-fit:contain;flex:0 0 32px}
html body #app-shell#app-shell[data-preview-shell=true] .mc-nav__item>span{font-family:Manrope,system-ui,sans-serif}
html body #app-shell#app-shell[data-preview-shell=true] .app-view:not([data-view=focus]) :is(.mc-card,.course-card,.note-card,.reading-settings){border:1px solid #ffffffdb;border-radius:var(--design-radius);background:var(--design-card);box-shadow:0 15px 35px -24px #23416933;color:var(--design-ink)}
@media(min-width:1000px){
 html body #app-shell#app-shell[data-preview-shell=true]:not([hidden]){display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;padding:0!important;gap:0!important}
 html body #app-shell#app-shell[data-preview-shell=true]>.app-sidebar{display:flex!important;position:sticky;top:14px;height:calc(100dvh - 28px);width:auto;min-width:0;margin:14px 0 14px 14px!important;padding:22px 12px 14px!important;border:1px solid #fff;border-radius:30px;background:linear-gradient(165deg,#ffffffb8,#ffffff44 55%,#ffffff88)!important;box-sizing:border-box;overflow-y:auto}
 html body #app-shell#app-shell[data-preview-shell=true]>.app-main{padding:24px 28px 36px!important}
 html body #app-shell#app-shell[data-preview-shell=true] .mc-nav--mobile{display:none!important}
 html body #app-shell#app-shell[data-preview-shell=true] .sidebar-bottom{display:grid!important;position:static!important;margin-top:auto!important}
 html body #app-shell#app-shell[data-preview-shell=true] .app-sidebar :is(.brand>span,.mc-nav__item>span,.sidebar-personalize>span,.sidebar-syllabus>span,.account-pill>span:not(.avatar)){display:block!important}
}
@media(max-width:999px){
 html body #app-shell#app-shell[data-preview-shell=true]:not([hidden]){display:block!important;padding:0!important}
 html body #app-shell#app-shell[data-preview-shell=true]>.app-sidebar{display:none!important}
 html body #app-shell#app-shell[data-preview-shell=true]>.app-main{padding:16px 14px calc(110px + env(safe-area-inset-bottom))!important}
 html body #app-shell#app-shell[data-preview-shell=true]:not([data-keyboard-open=true]) .mc-nav--mobile:not([hidden]){display:grid!important;grid-template-columns:repeat(var(--mobile-tab-count,4),minmax(0,1fr));position:fixed;z-index:80;inset:auto 8px max(6px,env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:520px;margin-inline:auto;padding:5px;border:1px solid #cbd6ee;border-radius:22px;background:#f7fffff5;box-shadow:0 12px 35px #17233a30;box-sizing:border-box;transform:none}
 html body #app-shell#app-shell[data-preview-shell=true] .mc-nav--mobile .mc-nav__item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:58px;padding:6px 2px;gap:4px;border:0;border-radius:16px;color:#50617c;background:transparent;font-size:11px;text-decoration:none}
 html body #app-shell#app-shell[data-preview-shell=true] .mc-nav--mobile .mc-nav__item.is-active{background:#e4eafc;color:#0a155e;font-weight:800}
 html body #app-shell#app-shell[data-preview-shell=true] .mc-nav--mobile :is(svg,img){height:22px;width:22px;object-fit:contain}
}
/* Every settings surface uses the same type, spacing and card treatment. */
.design-button,.design-customize button{font:750 14px/1.4 Manrope,system-ui,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #c8d3eb;border-radius:999px;background:#fff;color:#102044;cursor:pointer}
.design-button:focus-visible,.design-customize button:focus-visible{outline:3px solid #335ae1;outline-offset:3px}
.design-settings-card{padding:22px;border:1px solid #e0e4f4;border-radius:24px;background:#ffffffd9;color:#102044;min-width:0;box-sizing:border-box}
.design-settings-card h2,.design-settings-card h3{font:800 20px/1.3 Manrope,system-ui,sans-serif;margin:0 0 8px}
.design-settings-card p{font:500 14px/1.6 Manrope,system-ui,sans-serif;color:#52637e;margin:8px 0 16px}
.design-personalize{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;overflow:auto;background:#f4f5ff;color:#102044;font:500 15px/1.5 Manrope,system-ui,sans-serif;box-sizing:border-box}
#design-personalize#design-personalize{inset:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;background:#f4f5ff!important;margin:0!important;padding:0!important}
.design-personalize::backdrop{background:#10204466}
.design-customize{max-width:1440px;margin:auto;padding:28px clamp(16px,3vw,40px) 50px;box-sizing:border-box}
.design-customize-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;font-size:13px;color:#52637e}
.design-customize-head button{border:0;background:transparent;padding-left:0}
.design-customize h1{font:800 clamp(28px,4vw,40px)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.design-customize>p{margin:0 0 24px;color:#52637e;font-size:17px}
.design-density{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.design-density .design-choice{position:relative;display:grid;grid-template-columns:54px 1fr;gap:4px 16px;border-radius:24px;text-align:left;padding:18px;min-height:106px}
.design-choice strong,.design-choice small{display:block}
.design-choice small{font-size:12px;font-weight:500;line-height:1.5}
.design-density .design-choice strong{font-size:18px;align-self:end}.design-density .design-choice small{grid-column:2}
.design-customize .design-choice[aria-pressed=true]{background:#0a155e;border-color:#0a155e;color:#fff}
.design-density-icon{grid-row:1/3;display:flex;flex-direction:column;gap:5px;width:48px;height:64px;background:#e6e9fb;padding:7px;box-sizing:border-box;border-radius:12px}
.design-density-icon i{flex:1;border-radius:4px;background:#3a4db9}.design-choice[aria-pressed=true] .design-density-icon{background:#ffffff30}.design-choice[aria-pressed=true] .design-density-icon i{background:#ffe448}
.design-customize-columns{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.65fr);gap:24px;align-items:start}.design-customize-controls{display:grid;gap:16px}
.design-theme-options,.design-coda-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.design-theme-options .design-choice{padding:8px 8px 12px;border-radius:18px;text-align:left;overflow:hidden}.design-theme-options strong,.design-theme-options small{padding-inline:4px}
.design-theme-swatch{display:block;height:78px;border-radius:12px;margin-bottom:8px;background:radial-gradient(at 20% 20%,#b2e7f7,transparent),#d5f8e9}
.design-theme-swatch[data-scene=galaxy]{background:#0c1234 url('/signin-galaxy-v1.webp') center/cover}.design-theme-swatch[data-scene=ocean]{background:#237f9d url('/nature-ocean-v1.jpg') center/cover}
.design-theme-swatch[data-scene=birds]{background:linear-gradient(#b8e5f5,#e9f9ff);position:relative}.design-theme-swatch[data-scene=birds]::after{content:'⌁     ⌁';position:absolute;inset:20px;font-size:25px;color:#4c7590;letter-spacing:12px}
.design-customize fieldset{border:0;padding:0;margin:16px 0}.design-customize legend{font-weight:800;font-size:13px;margin-bottom:8px}.design-options-row{display:flex;gap:6px;flex-wrap:wrap}.design-options-row .design-choice{flex:1;padding:8px;font-size:12px;border-radius:13px}
.design-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.design-switch strong,.design-switch small{display:block}.design-switch small{font-size:12px;color:#52637e;max-width:280px;margin-top:5px}.design-switch input{width:24px;height:24px;flex:none;accent-color:#152f9e}
.design-coda-options{grid-template-columns:repeat(4,minmax(0,1fr))}.design-coda-options .design-choice{padding:8px 2px;border-radius:16px;font-size:12px}.design-coda-options img{width:100%;height:70px;object-fit:contain;display:block}
.design-eyebrow{font:800 11px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.design-customize-preview{position:sticky;top:24px;min-width:0}.design-customize-preview>p{font-size:12px;color:#52637e}.design-mini{display:grid;grid-template-columns:128px minmax(0,1fr);border:1px solid #d5dcf0;border-radius:26px;min-height:490px;overflow:hidden;background:radial-gradient(at 40% 0%,#c2eaff,transparent),radial-gradient(at 90% 100%,#b7eae2,transparent),#eef5ff;box-shadow:0 18px 44px #1c2c6b0b}
.design-mini aside{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px 12px;background:#ffffff66;font-size:12px}.design-mini aside b{background:#0a155e;color:#fff;padding:12px;width:100%;box-sizing:border-box;border-radius:12px}.design-mini-main{padding:22px;min-width:0}.design-mini-main h2{font-size:25px;margin:0 0 18px}.design-mini-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.design-mini-grid section{padding:18px;border-radius:18px;background:#ffffffbd;min-width:0;font-size:12px}.design-mini-grid .design-mini-hero{background:linear-gradient(130deg,#1554d4,#091452);color:#fff;min-height:180px;display:flex;flex-direction:column;align-items:flex-start}.design-mini-hero button{margin-top:auto;background:#c4ffe5;font-size:11px;min-height:30px;padding:5px 12px}.design-mini-right{display:grid;gap:14px}.design-mini-courses{grid-column:1/-1;min-height:70px}.design-mini-line{height:6px;background:currentColor;opacity:.2;display:block;width:85%;margin-top:14px;border-radius:9px}
.design-personalize[data-design-theme=galaxy] .design-mini{background:#283d66 url('/signin-galaxy-v1.webp') center/cover}.design-personalize[data-design-theme=ocean] .design-mini{background:#c8e5ed url('/nature-ocean-v1.jpg') center/cover}.design-personalize[data-design-theme=birds] .design-mini{background:linear-gradient(#b9e6f9,#f0fcff)}
.design-personalize[data-design-layout=flipped] .design-mini-hero{grid-column:2;grid-row:1}.design-personalize[data-design-layout=flipped] .design-mini-right{grid-column:1;grid-row:1}.design-personalize[data-design-layout=spotlight] .design-mini-grid{grid-template-columns:1fr}.design-personalize[data-design-layout=tiles] .design-mini-grid{grid-template-columns:1fr 1fr}.design-personalize[data-design-density=one] .design-mini-right,.design-personalize[data-design-density=one] .design-mini-courses,.design-personalize[data-design-density=calm] .design-mini-courses{display:none}.design-personalize[data-design-density=one] .design-mini-hero{grid-column:1/-1}
.design-personalize[data-design-corners=square] .design-mini-grid section{border-radius:4px}.design-personalize[data-design-corners=round] .design-mini-grid section{border-radius:32px}.design-personalize[data-design-cards=solid] .design-mini-right section,.design-personalize[data-design-cards=solid] .design-mini-courses{background:white}.design-personalize[data-design-cards=outline] .design-mini-grid section{border:2px solid #bbc9e2}
/* The original controls remain functional in the new layout. */
html body #app-shell#app-shell[data-preview-shell=true][data-design-density=one] .today-dashboard__schedule,html body #app-shell#app-shell[data-preview-shell=true][data-design-density=one] .today-dashboard__courses,html body #app-shell#app-shell[data-preview-shell=true][data-design-density=calm] .today-dashboard__courses{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true][data-design-density=one] .today-next{grid-column:1/-1!important;max-width:850px;width:100%;justify-self:center}
html body #app-shell#app-shell[data-preview-shell=true][data-design-corners=square]{--design-radius:6px}html body #app-shell#app-shell[data-preview-shell=true][data-design-corners=round]{--design-radius:32px}
html body #app-shell#app-shell[data-preview-shell=true][data-design-cards=solid]{--design-card:#f8ffff}html body #app-shell#app-shell[data-preview-shell=true][data-design-cards=outline] .app-view:not([data-view=focus]) .mc-card{border:2px solid #b9cce5!important;box-shadow:none!important}
@media(min-width:800px){html body #app-shell#app-shell[data-preview-shell=true][data-design-layout=flipped] .today-next{grid-column:2!important;grid-row:1!important}html body #app-shell#app-shell[data-preview-shell=true][data-design-layout=flipped] .today-dashboard__schedule{grid-column:1!important;grid-row:1!important}html body #app-shell#app-shell[data-preview-shell=true][data-design-layout=spotlight] .today-next{grid-column:1/-1!important}html body #app-shell#app-shell[data-preview-shell=true][data-design-layout=spotlight] .today-dashboard__schedule{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}html body #app-shell#app-shell[data-preview-shell=true][data-design-layout=tiles] .today-dashboard{grid-template-columns:1fr 1fr!important}}
html body #app-shell#app-shell[data-preview-shell=true]:is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean]){background:transparent!important}
html[data-live-wallpaper]:not([data-live-wallpaper=off]) body.student-experience{background:transparent!important}.mc-live-wallpaper:not(.mc-live-wallpaper--preview){z-index:-1!important}
/* New welcome: character, calendar first, then a clear tour of the real tools. */
html body #onboarding-sheet{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:radial-gradient(at 18% 10%,#bce7f6,transparent 55%),radial-gradient(at 85% 85%,#b8efe4,transparent 55%),#f0f8fb!important;color:#102044!important}
html body #onboarding-sheet>.sheet-surface{width:100%;max-width:1320px!important;min-height:100%;height:auto!important;margin:0 auto;padding:28px clamp(20px,4vw,56px)!important;display:flex;flex-direction:column;box-sizing:border-box;background:transparent!important;border:0;box-shadow:none}
html body #onboarding-sheet .sheet-handle{display:none}html body #onboarding-sheet .setup-brand{display:flex;gap:12px;align-items:center;font:800 22px Manrope,sans-serif;margin-bottom:16px}html body #onboarding-sheet .setup-brand img{width:42px;height:42px;filter:none;object-fit:contain}
html body #onboarding-sheet .onboarding-step:not([hidden]){display:block;flex:1;padding:32px 0;min-width:0}html body #onboarding-sheet h2{font:800 clamp(30px,4.6vw,56px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;color:#102044;margin:12px 0}html body #onboarding-sheet .setup-coda{float:left;width:28%;min-width:160px;max-width:300px;margin:30px 50px 30px 0;display:flex;align-items:center;flex-direction:column}html body #onboarding-sheet .setup-coda img{width:100%;height:220px;object-fit:contain}html body #onboarding-sheet .setup-coda p{font-size:11px;color:#2c6c68}
.design-welcome-tagline{display:block;font:italic 500 clamp(27px,3.6vw,46px)/1.2 Georgia,serif;color:#23725f;letter-spacing:-.02em}
.design-welcome-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;max-width:740px}.design-welcome-choices button{min-height:136px;border:2px solid transparent;border-radius:22px;background:linear-gradient(150deg,#5371ad,#0b1c64 70%);color:white;font:800 15px Manrope,sans-serif;padding:12px;cursor:pointer}.design-welcome-choices button[aria-pressed=true]{outline:3px solid #142563;outline-offset:3px}.design-welcome-choices img{display:block;width:100%;height:96px;object-fit:contain;margin-bottom:8px}
html body #onboarding-sheet .setup-calendar-options{clear:both;border:1px solid #fff;border-radius:22px;padding:20px;background:#ffffffa8;max-width:800px;margin-top:24px}html body #onboarding-sheet .setup-calendar-options>summary{font-size:18px;font-weight:800;margin-bottom:12px}html body #onboarding-sheet .onboarding-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}html body #onboarding-sheet .mc-input{max-width:640px}html body #onboarding-sheet .mc-input input{min-height:48px;border-radius:14px}
.design-tour-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.design-tour-features article{background:#ffffffb8;padding:22px;border:1px solid white;border-radius:22px}.design-tour-features h3{font-size:19px;margin:0 0 8px}.design-tour-features p{font-size:14px;margin:0;line-height:1.6}
/* Course path, study library and account share the approved card language. */
html body #app-shell#app-shell[data-preview-shell=true] [data-view=study] [data-study-hero]{background:linear-gradient(120deg,#286bd6,#111b63)!important;color:white!important;border-radius:26px!important;padding:26px!important;min-height:0!important;margin:0 0 22px!important}html body #app-shell#app-shell[data-preview-shell=true] [data-study-hero] :is(h2,p){color:inherit!important}html body #app-shell#app-shell[data-preview-shell=true] [data-study-hero] h2{font-size:27px!important}html body #app-shell#app-shell[data-preview-shell=true] [data-study-hero] .mc-hero__top{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .course-detail-hero{display:flex!important;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:transparent!important;border:0!important;padding:12px 0!important;box-shadow:none!important;color:#102044!important}.course-detail-hero__identity h2{font-size:30px!important}.course-detail-hero__actions .student-course-start{display:none!important}
.design-course-path{margin:18px 0 24px;min-width:0}.design-path-hero{padding:28px;border-radius:28px;background:linear-gradient(120deg,#134bc7,#0c155b 70%,#2c206c);color:#fff;box-shadow:0 18px 34px #14377020}.design-path-hero h2{font:800 clamp(24px,3vw,38px)/1.2 Manrope,sans-serif!important;color:#fffde9!important;margin:6px 0 12px!important}.design-path-hero p{color:#dce8ff;line-height:1.6}.design-path-hero .design-eyebrow{color:#b7ffe4}.design-path-steps{list-style:none;display:flex;gap:0;justify-content:space-between;padding:0;margin:26px 0 8px;overflow-x:auto}.design-path-steps li{position:relative;min-width:100px;flex:1;text-align:center;padding:0 12px;font-size:12px}.design-path-steps li:before{content:'';height:3px;background:#ffffff4d;position:absolute;left:0;right:0;top:19px}.design-path-steps span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border:2px solid #adbedf;border-radius:50%;background:#15226f;font-weight:800;font-size:16px}.design-path-steps .is-done span{background:#c4ffe5;color:#102044;border-color:#c4ffe5}.design-path-steps strong{display:block;max-width:160px;margin:auto;overflow-wrap:anywhere}
.design-path-cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:18px}.design-path-cards .design-button{display:block;width:100%;margin-top:10px}.design-path-cards .design-button:first-of-type{background:#0a155e;border-color:#0a155e;color:white}.design-progress-ring{width:114px;height:114px;border-radius:50%;display:grid;place-items:center;margin:20px auto;font:800 30px Manrope,sans-serif;background:radial-gradient(closest-side,#efffff 77%,transparent 80%),conic-gradient(#168b67 var(--progress),#d4eaf3 0)}
html body #app-shell#app-shell[data-preview-shell=true] .course-disclosures{display:grid;gap:12px}.course-disclosures>details{border:1px solid #d1e1ef;border-radius:20px;background:#ffffffb3;padding:14px}
html body #app-shell#app-shell[data-preview-shell=true] .profile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-layout>.simple-profile-group{padding:22px!important;border:1px solid white!important;border-radius:24px!important;background:#ffffffbd!important}.profile-layout>.account-card{grid-column:1/-1}
/* The logo is readable from first paint, even if animation or canvas fails. */
.mc-clarity-entry__visual img{opacity:1!important;object-fit:contain!important;filter:drop-shadow(0 12px 32px #0003)!important;border-radius:22%!important;transition:none!important}.mc-clarity-entry__visual::after{display:none!important}.mc-public-glass-mark img,.account-brand img{object-fit:contain!important;opacity:1!important;filter:none!important}
/* Reduced motion means no movement, including pseudo-elements and transitions. */
html[data-design-motion=still],html[data-reduced-motion=true],html[data-personalize-motion=true],html.mc-reduce-motion{scroll-behavior:auto!important}
html:is([data-design-motion=still],[data-reduced-motion=true],[data-personalize-motion=true],.mc-reduce-motion) *,html:is([data-design-motion=still],[data-reduced-motion=true],[data-personalize-motion=true],.mc-reduce-motion) *::before,html:is([data-design-motion=still],[data-reduced-motion=true],[data-personalize-motion=true],.mc-reduce-motion) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){html[data-design-motion=smooth] #app-shell .app-view.is-active{animation:design-tab-enter 180ms ease-out!important}}@keyframes design-tab-enter{from{opacity:.75;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.design-customize-columns{grid-template-columns:1fr 1.15fr}.design-mini{grid-template-columns:80px 1fr;min-height:400px}.design-mini aside{font-size:10px;gap:14px;padding:14px 8px}.design-mini-main{padding:14px}.design-mini-grid{grid-template-columns:1fr}.design-mini-right{grid-template-columns:1fr 1fr}.design-mini-grid .design-mini-hero{min-height:140px}.design-density .design-choice{grid-template-columns:36px 1fr;gap:6px 10px;padding:14px}.design-density-icon{width:36px;height:54px}.design-density .design-choice strong{font-size:15px}}
@media(max-width:720px){.design-customize-columns{grid-template-columns:1fr}.design-customize-preview{position:static;grid-row:1}.design-mini{min-height:300px;grid-template-columns:78px 1fr}.design-mini-grid{grid-template-columns:1fr 1fr}.design-mini-right{grid-template-columns:1fr}.design-customize-preview .design-preview-note{display:none}.design-density{grid-template-columns:1fr;gap:8px}.design-density .design-choice{min-height:76px;grid-template-columns:40px 1fr}.design-density-icon{height:44px}.design-density .design-choice strong{font-size:16px}.design-customize-head{align-items:flex-start}.design-customize-head span{font-size:11px;text-align:right;max-width:110px}.design-path-cards,.design-tour-features{grid-template-columns:1fr}.design-path-hero{padding:22px 18px}.design-path-steps li{min-width:100px}html body #onboarding-sheet .setup-coda{float:none;width:120px;min-width:0;height:auto;margin:0 auto 16px}html body #onboarding-sheet .setup-coda img{height:120px}html body #onboarding-sheet .setup-coda p{display:none}html body #onboarding-sheet h2{text-align:center}.design-welcome-tagline{text-align:center}.design-welcome-choices{gap:8px}.design-welcome-choices button{min-height:110px;padding:8px 3px;font-size:12px}.design-welcome-choices img{height:72px}.design-tour-features{grid-template-columns:1fr 1fr;gap:10px}.design-tour-features article{padding:16px}.design-tour-features h3{font-size:16px}.design-tour-features p{font-size:12px}html body #app-shell#app-shell[data-preview-shell=true] .profile-layout{grid-template-columns:1fr}}
@media(max-width:380px){.design-mini-main{padding:12px}.design-mini{grid-template-columns:65px 1fr}.design-mini-grid{grid-template-columns:1fr}.design-mini-right{display:none}.design-tour-features{grid-template-columns:1fr}}
/* Retired onboarding sheets used fixed height pages and a full-width sticky
   footer. This welcome scrolls naturally and never clips calendar controls. */
html body #onboarding-sheet#onboarding-sheet .sheet-surface{overflow:visible!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}
html body #onboarding-sheet#onboarding-sheet .onboarding-step{position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:24px 0!important}
html body #onboarding-sheet#onboarding-sheet h2{font:800 clamp(30px,4.6vw,56px)/1.12 Manrope,system-ui,sans-serif!important;letter-spacing:-.04em!important}
html body #onboarding-sheet#onboarding-sheet .onboarding-actions{position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:12px!important;background:transparent!important;box-shadow:none!important;padding:16px 0!important;flex:none!important}
html body #onboarding-sheet#onboarding-sheet .onboarding-actions button{width:auto!important;flex:0 1 auto!important;min-height:46px;border-radius:999px!important;padding:10px 20px!important;order:initial!important;font:800 14px Manrope,sans-serif}
html body #onboarding-sheet#onboarding-sheet [data-onboarding-next]{background:#0a155e!important;color:white!important;border-color:#0a155e!important}
html body #onboarding-sheet#onboarding-sheet .onboarding-step>p{max-width:680px!important}
.design-personalize[data-design-theme=galaxy] .design-mini{background-image:linear-gradient(#ffffff66,#ffffff66),url('/signin-galaxy-v1.webp')}.design-mini aside{background:#ffffffb8}
html body #app-shell#app-shell[data-preview-shell=true]:is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean])::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f0f8fbc9}
@media(max-width:720px){html body #onboarding-sheet#onboarding-sheet h2{font-size:32px!important}.design-personalize[data-design-layout=flipped] .design-mini-hero{grid-column:auto;grid-row:auto}.design-personalize[data-design-layout=flipped] .design-mini-right{grid-column:auto;grid-row:auto}}
/* Let narrow pages shrink around horizontally scrollable tabs and milestones. */
html body #app-shell#app-shell[data-preview-shell=true]>.app-main{grid-template-columns:minmax(0,1fr)!important}
html body #app-shell#app-shell[data-preview-shell=true] .app-view{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
html body #app-shell#app-shell[data-preview-shell=true] :is(.library-sections,[data-course-detail-pane],[data-course-detail],.design-course-path,.design-path-hero,.design-path-cards){min-width:0;max-width:100%;box-sizing:border-box}
html body #app-shell#app-shell[data-preview-shell=true] .library-sections{overflow-x:auto}
/* Today surfaces follow the selected shape without changing their hierarchy. */
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-design-corners] .today-dashboard :is(.mc-card,.today-course,.day-balance){border-radius:var(--design-radius)!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-design-cards=solid] .today-dashboard :is(.today-course,[data-today-upcoming]){background:#f8ffff!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-design-cards=outline] .today-dashboard :is(.today-course,.day-balance,[data-today-upcoming]){border:2px solid #a3bad9!important;box-shadow:none!important}

html body #app-shell#app-shell[data-preview-shell=true]>.app-main>.audit-secondary{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .page-header:has(.preview-status) .focus-flow--idle{display:none!important}
/* Approved board geometry, shared by every signed-in screen. */
html body #app-shell#app-shell[data-preview-shell=true]{max-width:1360px}
@media(min-width:1000px){html body #app-shell#app-shell[data-preview-shell=true]>.app-main{padding:22px 28px 36px!important}}
html body #app-shell#app-shell[data-preview-shell=true] .page-header{min-height:44px!important;margin:0 0 18px!important;gap:12px}
html body #app-shell#app-shell[data-preview-shell=true] .page-header h1{font-family:'Bricolage Grotesque',Manrope,sans-serif!important}
html body #app-shell#app-shell[data-preview-shell=true] .planner-day-summary{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .planner-command-strip{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true] .reference-plan-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px}
#app-shell .reference-plan-toolbar .preview-plan-tabs{margin:0;padding:4px;max-width:100%;overflow-x:auto;flex-shrink:0}
#app-shell .preview-plan-tabs button{white-space:nowrap;padding:8px 12px}
#app-shell .preview-plan-tabs [aria-selected=true]{background:#fff;color:#102044;box-shadow:0 2px 5px #273a6510}
.reference-plan-date{position:relative;font-size:12px;z-index:5;color:#52637e}.reference-plan-date>summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.reference-plan-date[open]>.planner-date-nav{position:absolute;right:0;top:100%;display:flex!important;flex-wrap:wrap;width:310px;max-width:calc(100vw - 36px);padding:14px!important;border:1px solid #cbd6ee;border-radius:18px;background:#f8ffff!important;box-shadow:0 15px 40px #10204422;box-sizing:border-box}
html body #app-shell#app-shell[data-preview-shell=true] .reference-plan-date .plan-view-controls{display:flex!important;align-items:center;gap:8px}
html body #app-shell#app-shell[data-preview-shell=true] .preview-plan .planner-workspace:not([hidden]){grid-template-columns:minmax(0,1.48fr) minmax(280px,1fr)!important;gap:20px!important}
html body #app-shell#app-shell[data-preview-shell=true] .preview-plan .planner-workspace[hidden]{display:none!important}
#app-shell .preview-plan-day{padding:16px 22px;gap:14px}
#app-shell .preview-plan-hero{min-height:123px;padding:15px 18px 10px;background:radial-gradient(at 80% 60%,#568bd03d,transparent 40%),linear-gradient(120deg,#1752b8,#22529e);border-radius:18px}
#app-shell .preview-plan-hero h2{font-size:34px;margin:2px 0 4px}
#app-shell .preview-plan-hero p{font-size:11px}
#app-shell .preview-plan-arc{height:27px;margin-top:2px}
#app-shell .preview-plan-day-track{height:44px}
#app-shell .preview-plan-section-label{font-size:11px;margin-bottom:12px}
#app-shell .preview-plan-week{padding:18px 16px;border-radius:24px;background:linear-gradient(130deg,#103cb8,#0a145c 65%,#2e2075)}
#app-shell .preview-plan-week-chart{min-height:166px;height:166px}
#app-shell .preview-plan-week-note{font-size:12px;padding:12px;margin-bottom:0;background:#ffffff1c;border-radius:16px}
.reference-plan-agent{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;background:#e3ebfa;border-radius:999px;font-size:12px}.reference-plan-agent>strong{white-space:nowrap}.reference-review-badge{display:inline-block;background:#eff2ff;border:1px solid #c4cde9;color:#35458d;border-radius:9px;padding:4px 7px;font-size:11px;font-weight:750}
html body #app-shell#app-shell .reference-plan-agent [data-plan-my-day]{margin-left:auto;min-height:36px;padding:8px 12px;border-radius:999px;background:#0a155e;color:#fff;border:0;font-size:12px;white-space:nowrap}.reference-plan-agent svg{display:none!important}
.reference-plan-note{font-size:11px;line-height:1.5;color:#52637e;margin:-6px 8px 0}
html body #app-shell#app-shell .preview-plan .planner-timeline-card{background:none!important;padding:0!important;border:0!important;box-shadow:none!important}
html body #app-shell#app-shell .preview-plan .planner-timeline-card>.section-heading{display:none!important}
html body #app-shell#app-shell .preview-plan .planner-timeline-row{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;align-items:center;padding:6px 0!important;border:0!important;background:transparent!important;min-height:44px!important;position:relative}
html body #app-shell#app-shell .preview-plan .planner-timeline-row::before{content:'';position:absolute;inset:3px 0 3px 62px;border-radius:13px;background:#e7ebff;z-index:0}
html body #app-shell#app-shell .preview-plan .planner-timeline-row--study::before{background:#def7ee}
html body #app-shell#app-shell .preview-plan .planner-timeline-row>*{position:relative;z-index:1;min-width:0}
html body #app-shell#app-shell .preview-plan .planner-timeline-row>time{font-size:10px;line-height:1.5;white-space:pre-line;color:#52637e}
html body #app-shell#app-shell .preview-plan .planner-timeline-marker{display:none!important}
html body #app-shell#app-shell .preview-plan .planner-timeline-row>div:not(.planner-row-actions){padding-left:12px;overflow-wrap:anywhere}
html body #app-shell#app-shell .preview-plan .planner-timeline-row strong{font-size:12px}
html body #app-shell#app-shell .preview-plan .planner-timeline-row small{font-size:11px;color:#52637e}
html body #app-shell#app-shell .preview-plan .planner-row-actions{gap:4px;padding-right:5px}
html body #app-shell#app-shell .preview-plan .planner-row-actions>button{font-size:11px;min-height:34px;padding:6px 10px;border-radius:999px}
.reference-plan-add{margin-top:3px;border-top:1px solid #d4e1ed;padding-top:10px;font-size:12px}.reference-plan-add>summary{cursor:pointer;min-height:36px;font-weight:750;color:#254b9e}.reference-plan-add .reference-inline-actions{margin:10px 0}
.reference-plan-panel{padding:6px 0;min-width:0}.reference-plan-panel>h2,.reference-panel-heading h2{font-size:25px;margin:8px 0 12px}.reference-plan-panel>p{color:#52637e;font-size:14px;max-width:700px;margin-bottom:22px}.reference-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.reference-course-grid,.reference-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.reference-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-course h3{margin-top:12px}.reference-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.reference-inline-actions [aria-pressed=true]{background:#0a155e;color:white}.reference-boxes:not([hidden]){display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.reference-box-now{grid-row:span 2}.reference-box-now h2{font-size:32px;margin-top:18px}.reference-boxes label{display:grid;gap:10px;font-size:13px;font-weight:750;margin:24px 0}.reference-boxes select{max-width:100%;min-height:48px;border:1px solid #bccae2;border-radius:14px;padding:10px;background:#fff;font:inherit}.reference-boxes fieldset{border:0;padding:0;margin:24px 0}.reference-boxes legend{font-size:13px;font-weight:750;margin-bottom:12px}.reference-boxes .planner-tasks-card{padding:12px 0!important;background:none!important;box-shadow:none!important}
#app-shell .reference-plan-panel [data-planner-setup]>summary{display:none}.reference-plan-panel [data-planner-setup]{border:0!important;background:transparent!important;padding:0!important}.reference-plan-panel .planner-secondary__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reference-plan-panel .planner-secondary__content>article{padding:22px!important}
/* Coda's board, right-now context, and lower voice composer. */
#app-shell .reference-coda-now h2,#app-shell .reference-coda-courses h2{font:800 12px Manrope,sans-serif;letter-spacing:.07em;color:#52637e;margin:0 0 14px}
.reference-coda-now strong{font-size:15px}.reference-coda-now p,.reference-coda-courses p{font-size:13px;color:#52637e;line-height:1.5}.reference-coda-course{display:block;padding:8px 0;border:0;background:transparent;text-align:left;font:750 13px Manrope,sans-serif;color:#144dcb;cursor:pointer;min-height:40px;overflow-wrap:anywhere}
.reference-coda-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0}.reference-coda-chips button{font:750 12px Manrope,sans-serif;border:1px solid white;background:#ffffffd9;border-radius:999px;min-height:42px;padding:10px 13px;cursor:pointer;color:#102044;box-shadow:0 8px 18px #18315c08}
html body #app-shell#app-shell [data-preview-coda] .coda-next-moves{display:none!important}
html body #app-shell#app-shell [data-preview-coda] .preview-coda-sidebar .coda-space-context:not([open]){padding:16px 19px!important}
html body #app-shell#app-shell [data-preview-coda] .preview-coda-sidebar .coda-space-context:not([open])>summary{padding:0!important}
html body #app-shell#app-shell [data-preview-coda] .preview-coda-sidebar .coda-space-context:not([open])>:not(summary){display:none!important}
html body #app-shell#app-shell [data-preview-coda] .mc-coda-talk{background:linear-gradient(110deg,#1749c8,#27538f)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:46px;padding:10px 19px;font-size:14px}
html body #app-shell#app-shell [data-preview-coda] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr) 256px!important;gap:28px!important}
html body #app-shell#app-shell [data-preview-coda] .page-header h1{font-size:22px!important}
html body #app-shell#app-shell [data-preview-coda] .ai-conversation-card{gap:18px;min-height:530px;padding:24px 30px!important;justify-content:center}
html body #app-shell#app-shell [data-preview-coda] .coda-board-actions button{min-height:96px!important;gap:22px!important;font-size:15px}
html body #app-shell#app-shell [data-preview-coda] [data-coda-chat-intro]>.coda-flow{width:156px!important;height:156px!important;min-height:156px}
html body #app-shell#app-shell [data-preview-coda] [data-coda-chat-intro] h2{font-size:24px!important}
html body #app-shell#app-shell [data-preview-coda] #ai-composer{border-radius:32px!important;padding:8px 10px 8px 18px!important}
.preview-coda-soon{min-height:90px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:14px 18px}
/* No permanently floating companion obscures this board's controls. */
html body #app-shell#app-shell .coda-companion-launcher{display:none!important}
@media(max-width:1100px){html body #app-shell#app-shell [data-preview-coda] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr)!important}.preview-coda-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html body #app-shell#app-shell[data-preview-shell=true] .preview-plan .planner-workspace:not([hidden]){grid-template-columns:minmax(0,1fr)!important}
 #app-shell .preview-plan-day{padding:14px;gap:14px}#app-shell .preview-plan-hero h2{font-size:28px}#app-shell .preview-plan-week-chart{height:150px;min-height:150px}
 .reference-plan-date{margin-left:auto}.reference-plan-toolbar{gap:4px!important}.reference-plan-agent{flex-wrap:wrap;border-radius:18px}.reference-plan-agent>strong{font-size:11px}.reference-plan-agent .reference-review-badge{font-size:10px}
 #app-shell .preview-plan-tabs{width:100%;box-sizing:border-box}#app-shell .preview-plan-tabs button{flex:1;padding:8px 9px;font-size:12px}
 .reference-boxes:not([hidden]),.reference-plan-panel .planner-secondary__content,.reference-device-grid{grid-template-columns:minmax(0,1fr)}.reference-course-grid{grid-template-columns:minmax(0,1fr)}.reference-box-now{grid-row:auto}
 html body #app-shell#app-shell [data-preview-coda] .ai-conversation-card{padding:20px 14px!important;min-height:0}.reference-coda-chips{gap:6px}.reference-coda-chips button{font-size:11px;padding:9px 11px}
 html body #app-shell#app-shell [data-preview-coda] [data-coda-chat-intro]>.coda-flow{width:104px!important;height:104px!important;min-height:104px}
 html body #app-shell#app-shell [data-preview-coda] .ai-tutor-layout:not([hidden]){gap:18px!important}.preview-coda-sidebar{grid-template-columns:minmax(0,1fr)}
}
/* Focus Room uses the full room, with the same live timer across its tools. */
html body #app-shell#app-shell[data-preview-shell=true][data-active-view=focus]{background:linear-gradient(145deg,#103b48,#0c2133 75%)!important;max-width:none;grid-template-columns:minmax(0,1fr)!important;--board-ink:#eefbff;--board-card:#244455;--board-line:#a4c9da44}
html body #app-shell#app-shell[data-preview-shell=true][data-active-view=focus]>.app-sidebar{display:none!important}
html body #app-shell#app-shell[data-preview-shell=true][data-active-view=focus]>.app-main{max-width:1420px;margin:auto!important;padding:22px 32px 40px!important}
html body #app-shell#app-shell [data-view=focus]>.page-header{border:0!important;color:#f0faff!important;justify-content:flex-start;gap:18px}
html body #app-shell#app-shell [data-view=focus]>.page-header>div:first-of-type{display:none!important}
html body #app-shell#app-shell [data-view=focus]>.page-header>.page-header__actions{display:none!important}
html body #app-shell#app-shell [data-view=focus]>.page-header>.preview-status{margin-left:auto}
.focus-room-exit{font:800 14px Manrope,sans-serif;min-height:44px;border:0;background:transparent;color:#ecfcff;cursor:pointer;padding:8px 0}
.focus-course-chips{display:flex;justify-content:flex-end;gap:8px;overflow:auto;padding:2px 0 16px;min-width:0}
.focus-course-chips button{flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffff17;color:#eaffff;border:1px solid #9dc9d655;border-radius:19px;min-height:48px;padding:10px 18px;font:800 13px Manrope,sans-serif;cursor:pointer}.focus-course-chips button[aria-pressed=true]{background:#c4ffe5;color:#0a2d3a}
html body #app-shell#app-shell [data-view=focus] .nature-focus-stage{grid-template-columns:minmax(280px,.85fr) minmax(0,1.85fr)!important;gap:28px;padding:0!important;min-height:650px}
html body #app-shell#app-shell [data-view=focus] .nature-focus-stage::before{opacity:.12}
html body #app-shell#app-shell [data-view=focus] .focus-room-workspace{padding:16px;min-height:650px;background:linear-gradient(135deg,#294f61e8,#172e45eb);border:1px solid #a8d2df55;border-radius:28px}
html body #app-shell#app-shell [data-view=focus] .focus-room-tabs{display:flex;gap:3px;border:1px solid #b5d8e044;background:#ffffff13;border-radius:999px;padding:5px;overflow-x:auto;margin-bottom:20px}
.focus-room-tabs button{font:750 13px Manrope,sans-serif;white-space:nowrap;color:#c5d5e7;background:transparent;border:0;border-radius:999px;min-height:42px;padding:10px 16px;cursor:pointer;flex:1}.focus-room-tabs button[aria-selected=true]{background:#c4ffe5;color:#0b3140}
.focus-room-panel{min-width:0}.focus-room-panel h3{font:800 22px Manrope,sans-serif;color:#f1fbff;margin:16px 0}.focus-room-panel p{font-size:14px;color:#bed4e2;line-height:1.6}
.focus-room-button{font:750 13px Manrope,sans-serif;color:#f1fbff;background:#ffffff16;border:1px solid #a8d2df55;border-radius:999px;min-height:44px;padding:10px 16px;margin:6px 6px 6px 0;cursor:pointer}.focus-room-button:hover{background:#ffffff26}
html body #app-shell#app-shell .focus-room-secondary-tools{display:none!important}
html body #app-shell#app-shell .focus-room-panel [data-focus-music-drawer]>summary{display:none!important}
.focus-room-flashcard{display:flex;align-items:center;justify-content:center;min-height:290px;width:100%;padding:32px;border:1px solid #c4ffe588;border-radius:24px;background:radial-gradient(at 30% 0%,#367986,#173b53);color:#f6ffff;font:700 clamp(20px,3vw,30px)/1.5 Manrope,sans-serif;cursor:pointer;overflow-wrap:anywhere;white-space:pre-wrap}.focus-room-flashcard[data-revealed=true]{background:#c4ffe5;color:#103b48}.focus-room-card-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.focus-room-card-count{font-size:12px!important;letter-spacing:.03em}.focus-room-empty{padding:38px 22px;text-align:center;border:1px dashed #a4d5e05c;border-radius:24px}.focus-room-intention{padding:18px;border:1px solid #b5dbe744;border-radius:22px;background:#24495b;color:#f5f6df;margin:14px 0}.focus-room-intention p{font-size:12px;color:#bdd5e2;line-height:1.55}.focus-room-intention .focus-room-button{width:100%;margin:8px 0 0}
.focus-room-material-list{padding:18px;border:1px solid #b5d8e033;border-radius:18px;margin:18px 0}
html body #app-shell#app-shell .focus-room-panel .focus-breathe-card{background:#214455!important;border:1px solid #b5d8e044!important;color:#f1fbff!important;padding:20px!important;border-radius:22px!important}
html body #app-shell#app-shell .focus-room-panel .focus-breathe-card :is(h2,p){color:#e5f7ff!important}
html body #app-shell#app-shell [data-view=focus] .nature-focus-stage.nature-quiet{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:850px){html body #app-shell#app-shell[data-preview-shell=true][data-active-view=focus]>.app-main{padding:14px 14px calc(110px + env(safe-area-inset-bottom))!important}html body #app-shell#app-shell [data-view=focus] .nature-focus-stage{grid-template-columns:minmax(0,1fr)!important;min-height:0;gap:16px}.focus-course-chips{justify-content:flex-start}.focus-room-intention{margin:6px 0;padding:14px}.focus-room-intention p{margin:6px 0}.focus-room-tabs{border-radius:20px!important}.focus-room-tabs button{padding:9px 12px;font-size:12px}.focus-room-flashcard{min-height:220px;padding:20px}html body #app-shell#app-shell [data-view=focus] .focus-room-workspace{min-height:420px}.focus-room-clock .nature-focus-dock{grid-template-columns:1fr 1fr!important}}
/* Clear layout rules belonging to the retired full-page grid. */
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .app-view:not([hidden]){display:block!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .app-view>.page-header{border:0!important;box-shadow:none!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .app-view>.page-header::after{display:none!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-preview-coda]>.page-header h1{font-size:22px!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .reference-plan-agent [data-plan-my-day]{background:#0a155e!important;color:white!important;padding:8px 12px!important;min-height:36px!important}
html body.student-experience .mc-coda-companion__launcher{display:none!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-preview-coda] .ai-composer__bottom .mc-coda-talk{order:0!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-preview-coda] .ai-composer__bottom [data-ai-send]{order:1!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header{gap:10px!important;justify-content:flex-start!important;margin-bottom:16px!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header .preview-status{margin-left:0!important;gap:6px!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header .reference-plan-toolbar{margin:0 0 0 auto!important;gap:0!important}
#app-shell .preview-plan-section-label .reference-plan-date{margin-left:auto;letter-spacing:0;font-size:10px;text-transform:none;font-weight:600}
#app-shell .preview-plan-section-label .reference-plan-date summary{min-height:22px}
#app-shell .preview-plan-section-label [data-preview-progress-total]{display:none}
#app-shell .preview-plan-hero{min-height:123px;height:123px}
#app-shell .preview-plan-hero>p{display:none}
#app-shell .preview-plan-hero h2{margin:2px 0}
#app-shell .preview-plan-arc{height:24px}
@media(max-width:1100px){html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header .reference-plan-toolbar{margin:0!important;width:100%}.reference-plan-toolbar .preview-plan-tabs{width:100%}}
@media(max-width:850px){
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock{display:contents}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock .nature-focus-intro{display:none}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock .focus-timer-card{order:0;padding:8px 0!important}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock .focus-ring:not([hidden]){width:160px!important;max-width:160px!important;margin:6px auto 10px!important;border-width:5px!important;padding:10px!important}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock .focus-clock{font-size:32px!important}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-clock .focus-sanctuary{width:48px!important;height:48px!important}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-workspace{order:1}
 html body.student-experience #app-shell#app-shell [data-view=focus] .nature-focus-dock{order:2}
 html body.student-experience #app-shell#app-shell [data-view=focus] .focus-room-intention{order:3}
 html body.student-experience #app-shell#app-shell [data-view=focus] .nature-timer-options{margin:4px 0!important;padding:0!important}
 .focus-course-chips{padding-bottom:8px}.focus-course-chips button{min-height:44px}
}
/* The supporting apps share the approved typography, navigation and surfaces. */
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .app-view:is([data-view=study],[data-view=notes],[data-view=profile],[data-view=progress],[data-view=maps],[data-view=travel]) .mc-button--primary{background:#0a155e!important;border-color:#0a155e!important;color:#fff!important;border-radius:999px!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .app-view:is([data-view=study],[data-view=notes],[data-view=profile],[data-view=progress],[data-view=maps],[data-view=travel]) .mc-button--secondary{background:#ffffffc9!important;border:1px solid #bfcde5!important;color:#102044!important;border-radius:999px!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .library-sections{background:#e6eafa;border:0!important;border-radius:16px!important;padding:4px;margin-bottom:20px}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .library-sections a{min-height:42px;color:#52637e;font-weight:750;border-radius:12px}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .library-sections a[aria-current=page]{background:#fff;color:#102044}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .notes-library-card{padding:22px!important;background:#f7ffffc9!important;border:1px solid white!important;border-radius:24px!important;margin-bottom:16px}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .notes-library-card .mc-empty-state{max-width:none;width:100%;box-sizing:border-box}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .profile-layout>.simple-tools{padding:20px!important;background:#f7ffffc9!important;border:1px solid white!important;border-radius:24px!important;margin:0!important;align-self:start}
.profile-layout>.simple-tools>summary{font-size:15px!important;font-weight:750!important;min-height:44px!important;padding:0!important;display:flex;align-items:center}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .audit-account-actions{width:auto!important;margin:0!important;display:flex;gap:8px;flex:none!important}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=profile]>.page-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
.reference-account-shortcuts{display:flex;gap:10px;margin:8px 0 20px}.audit-settings-jumps{margin-bottom:18px!important}.profile-layout .workspace-brand-links{align-self:start;grid-column:1/-1;padding:16px 20px;border:1px solid #fff;border-radius:18px;background:#f7ffffbd;font-size:13px}
#app-shell .maps-help,#app-shell .maps-example-layouts{border:1px solid #fff;background:#f7ffffad;border-radius:18px;padding:16px 20px;margin:16px 0;font-size:13px;color:#52637e}
#app-shell .maps-help summary,#app-shell .maps-example-layouts summary{font-weight:750;color:#102044;cursor:pointer;min-height:32px;display:flex;align-items:center;list-style:none}
#app-shell .maps-help summary::before,#app-shell .maps-example-layouts summary::before{content:'›';margin-right:10px}#app-shell .maps-help[open] summary::before,#app-shell .maps-example-layouts[open] summary::before{rotate:90deg}
#app-shell .maps-document-start{padding:22px;border:1px solid #fff;border-radius:22px;background:linear-gradient(120deg,#1847b4,#111c65);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}
#app-shell .maps-controls{padding:14px;border:1px solid #fff;border-radius:20px;background:#f7ffffc9;margin:16px 0}#app-shell .maps-controls input{min-width:0}#app-shell .maps-card{color:#102044!important;background:#f6ffffcc;border:1px solid #fff!important;box-shadow:0 12px 30px #173f6010}
#app-shell .maps-template-face{display:grid;gap:8px;padding:12px;background:#e4eefb;border-radius:12px;margin-bottom:12px;font-size:14px}#app-shell .maps-template-face small{font-size:10px;color:#52637e}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header .preview-status{order:1}
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .planner-page-header .reference-plan-toolbar{order:2}
@media(max-width:760px){#app-shell .maps-document-start{flex-direction:column;align-items:flex-start}html body.student-experience #app-shell#app-shell[data-preview-shell=true] .notes-library-card{padding:16px!important}.reference-account-shortcuts{flex-wrap:wrap}.profile-layout .workspace-brand-links{flex-wrap:wrap}.audit-account-actions button{font-size:12px!important;padding:8px 12px!important}}
html body.student-experience #app-shell#app-shell[data-design-density=one] [data-preview-coda] :is(.preview-coda-sidebar,.preview-coda-upcoming,.reference-coda-chips){display:none!important}
html body.student-experience #app-shell#app-shell[data-design-density=one] [data-preview-coda] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr)!important;max-width:900px!important;margin-inline:auto!important}
html body.student-experience #app-shell#app-shell[data-design-density=calm] [data-preview-coda] .preview-coda-upcoming{display:none!important}
html body.student-experience #app-shell#app-shell[data-design-density=one] .preview-plan-side{display:none!important}
html body.student-experience #app-shell#app-shell[data-design-density=one] .preview-plan .planner-workspace:not([hidden]){grid-template-columns:minmax(0,1fr)!important;max-width:850px!important;margin:auto!important}