dialog.student-walkthrough { position:fixed; inset:auto 24px 24px auto; margin:0; width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:24px; border:1px solid var(--mc-border,rgba(100,140,145,.3)); border-radius:26px; background:var(--mc-surface,#f7faf9); color:var(--mc-ink,#173d45); box-shadow:0 20px 70px #061c2940; }
.student-walkthrough::backdrop { background:rgba(7,25,35,.18); }
.student-walkthrough h2 { margin:12px 0; font-size:clamp(1.3rem,4vw,1.65rem); line-height:1.2; outline:none; }
.student-walkthrough p { line-height:1.55; margin:12px 0; }
.walkthrough-top,.walkthrough-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.walkthrough-top .eyebrow { margin:0; }
.student-walkthrough progress { display:block; width:100%; height:5px; accent-color:#12817d; margin:12px 0 20px; }
.student-walkthrough .walkthrough-tip { padding:12px; border-radius:14px; background:rgba(100,160,155,.12); font-size:.9rem; }
.walkthrough-actions { margin-top:18px; }
.student-walkthrough button { min-height:44px; white-space:normal; }
.walkthrough-target { outline:3px solid #69cac0 !important; outline-offset:4px; }
@media(max-width:600px) { dialog.student-walkthrough { inset:auto 12px calc(84px + env(safe-area-inset-bottom)) 12px; width:auto; max-height:calc(100dvh - 120px - env(safe-area-inset-bottom)); padding:20px; border-radius:22px; } }
@media(prefers-color-scheme:dark) { html:not([data-theme="light"]) dialog.student-walkthrough { background:#18333b; color:#f0f7f4; } }
html[data-theme="dark"] dialog.student-walkthrough,body[data-theme="dark"] dialog.student-walkthrough { background:#18333b; color:#f0f7f4; }
@media(prefers-reduced-motion:reduce) { .student-walkthrough { scroll-behavior:auto; } }

html.theme-dark dialog.student-walkthrough { background:#18333b; color:#f0f7f4; }
html:not(.theme-dark) dialog.student-walkthrough { background:#f7faf9; color:#173d45; }

.walkthrough-top { flex-wrap:nowrap; align-items:center; }
.walkthrough-top .eyebrow { font-size:.7rem; letter-spacing:.09em; }
.walkthrough-top [data-walkthrough-skip] { flex-shrink:0; min-height:44px; padding:8px 10px; font-size:.8125rem; }
.walkthrough-actions [data-walkthrough-next] { margin-left:auto; }
.student-walkthrough [data-walkthrough-explore] { width:100%; font-size:.875rem; }
.student-walkthrough button:focus-visible { outline:3px solid #12817d; outline-offset:3px; }
.guided-home { grid-column:1/-1; position:relative; display:grid; grid-template-columns:minmax(160px,.75fr) 1.6fr; gap:24px; align-items:center; padding:clamp(24px,4vw,42px); border-radius:30px; border:1px solid rgba(100,165,162,.28); background:linear-gradient(135deg,rgba(192,232,223,.45),rgba(247,250,247,.76) 60%,rgba(184,205,241,.25)); box-shadow:0 12px 38px rgba(15,61,72,.06); overflow:hidden; }
.guided-home__art { height:200px; display:grid; place-items:center; position:relative; }
.guided-home__art img { width:92px;height:92px;filter:drop-shadow(0 16px 24px #123f7530);z-index:1; }
.guided-home__orbit { position:absolute; width:190px;height:190px;border:1px solid rgba(60,139,142,.28);border-radius:50%;background:radial-gradient(circle,rgba(130,209,185,.3),transparent 68%); }
.guided-home__orbit--inner { width:140px;height:140px;border-style:dashed;transform:rotate(-18deg); }
.guided-home__spark { position:absolute;right:12%;top:12%;font-size:26px;color:#418a86; }
.guided-home__copy h2 { margin:8px 0 12px;font-size:clamp(1.7rem,3.3vw,2.6rem);letter-spacing:-.045em;line-height:1.1; }
.guided-home__copy>p:not(.eyebrow) { max-width:43ch;line-height:1.6; }
.guided-home__copy .mc-button { margin-top:8px; }
.guided-home .guided-home__progress { font-size:.8rem;margin:12px 0 0;opacity:.8; }
.guided-home__tools { grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:16px;border-top:1px solid rgba(80,135,140,.18); }
.guided-home__tools button { min-width:0;min-height:64px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;background:rgba(255,255,255,.35);border:1px solid transparent;border-radius:15px;color:inherit;font:inherit;font-size:.75rem;cursor:pointer; }
.guided-home__tools button:hover,.guided-home__tools button:focus-visible { background:rgba(120,200,185,.2);border-color:#599d99; }
.guided-home__tools button.is-explored { border-color:rgba(60,145,130,.4); }
.guided-home__tools svg,.walkthrough-feature svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65; }
.walkthrough-feature { display:flex;align-items:center;gap:10px;color:#267871;font-size:.8rem;font-weight:650;margin-bottom:14px; }
.walkthrough-feature__icon { width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(104,191,176,.15); }
.walkthrough-resume { position:fixed;right:20px;bottom:100px;z-index:60;max-width:420px;display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px solid rgba(90,140,145,.3);border-radius:18px;background:#f7faf9;color:#173d45;box-shadow:0 8px 30px #15384320; }
.walkthrough-resume[hidden],body:has(dialog[open])>.walkthrough-resume,body:has([data-view="home"]:not([hidden]))>.walkthrough-resume { display:none; }
.walkthrough-resume span { font-size:.8rem;line-height:1.45; }
html.theme-dark .guided-home { background:linear-gradient(135deg,rgba(23,78,80,.75),rgba(25,45,70,.8) 70%);color:#eff7f4; }
html.theme-dark .guided-home__tools button { background:rgba(15,32,52,.25); }
html.theme-dark .walkthrough-feature { color:#8fd5ca; }
html.theme-dark .walkthrough-resume { background:#18333b;color:#eff7f4; }
@media(max-width:600px) { .guided-home { grid-template-columns:1fr;gap:12px;padding:24px; }.guided-home__art { height:126px; }.guided-home__orbit { width:126px;height:126px; }.guided-home__orbit--inner {width:98px;height:98px;}.guided-home__art img {width:66px;height:66px;}.guided-home__spark {right:28%;top:2%;font-size:20px;}.guided-home__tools {grid-template-columns:repeat(3,minmax(0,1fr));}.walkthrough-resume {left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));padding:10px 14px;}.student-walkthrough h2 {font-size:1.25rem;} .student-walkthrough .walkthrough-tip {font-size:.8rem;padding:10px;} .walkthrough-feature {margin-bottom:8px;} }
@media(prefers-reduced-motion:reduce) { .guided-home * { animation:none!important;transition:none!important; } }

@media(max-width:600px){.guided-home__art{position:absolute;right:18px;top:42px;width:64px;height:64px;}.guided-home__art img{width:48px;height:48px;}.guided-home__orbit{width:64px;height:64px;}.guided-home__orbit--inner{width:84px;height:84px;}.guided-home__spark{right:-3px;top:-8px;font-size:16px;}.guided-home__copy h2{padding-right:64px;font-size:1.65rem;}.guided-home__copy>.eyebrow{font-size:.65rem;}.guided-home__tools{gap:6px;padding-top:12px}.guided-home__tools button{min-height:54px;padding:8px 3px;}}
@media(max-width:600px){.today-header{padding-bottom:12px!important;gap:10px!important;}.guided-home{margin-top:0;}}

.ai-action-allowance{line-height:1.5;margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:rgba(120,180,170,.10);}.ai-action-review .onboarding-actions{flex-wrap:wrap;gap:10px}.ai-action-review button{white-space:normal;}

@media(max-width:600px){
 .app-shell .mc-app-weather {grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;gap:6px!important;}
 .app-shell .mc-app-weather .mc-live-actions {grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:nowrap!important;gap:2px!important;justify-self:start;}
 .app-shell .mc-live-actions :is([data-live-notifications],[data-live-breathe],[data-live-customize],[data-signout]) {display:none!important;}
 .app-shell .mc-app-weather .mc-live-ai {grid-column:2!important;grid-row:2!important;justify-self:end!important;position:relative!important;max-width:100%!important;min-width:0!important;margin:0!important;}
 .app-shell .mc-live-ai__heading {gap:5px;flex-wrap:wrap;line-height:1.3;}
 .app-shell .mc-live-ai__heading strong {font-size:.8rem;white-space:nowrap;}
 .app-shell .mc-app-weather .mc-app-weather__focus {grid-column:1/-1!important;grid-row:3!important;}
 .app-shell .mc-app-weather .mc-live-upcoming {grid-column:1/-1!important;grid-row:4!important;}
 .app-shell .today-header .mc-theme-quick {min-height:44px;padding-inline:8px;}
 .guided-home button,.walkthrough-resume button {scroll-margin-block:100px;}
 .app-shell .app-main {padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
 html {scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom));}
}
@media(max-width:360px){
 .app-shell .mc-app-weather .mc-live-ai {grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;}
 .app-shell .mc-app-weather .mc-live-actions {grid-column:1/-1!important;grid-row:3!important;}
 .app-shell .mc-app-weather .mc-app-weather__focus {grid-row:4!important;}
 .app-shell .mc-app-weather .mc-live-upcoming {grid-row:5!important;}
}

@media(max-width:600px){.app-shell .today-header .page-header__actions .mc-theme-quick{display:none!important;}.app-shell .today-header{margin-bottom:10px!important;}}
@media(max-width:360px){
 .guided-home {padding:18px;gap:10px;border-radius:24px;}
 .guided-home__copy h2 {font-size:1.35rem;padding-right:38px;line-height:1.12;}
 .guided-home__copy>p:not(.eyebrow) {font-size:.88rem;line-height:1.45;}
 .guided-home__art {right:15px;top:42px;width:40px;height:40px;}
 .guided-home__art img {width:34px;height:34px;}
 .guided-home__orbit {width:43px;height:43px;}.guided-home__orbit--inner {width:53px;height:53px;}
 .guided-home__copy .mc-button {font-size:.83rem;padding-inline:12px;}
}
@media(max-width:600px){
 .guided-home__copy>p:not(.eyebrow):not(.guided-home__progress) {margin:8px 0;font-size:.92rem;line-height:1.45;}
 .guided-home__tools button {box-sizing:border-box;height:54px;min-height:54px!important;padding:6px 3px!important;gap:3px;font-size:.72rem;}
}
/* Labeled phone utilities keep their own row; allowance never shares their tap area. */
@media(max-width:600px){
 .app-shell .mc-app-weather .mc-live-ai{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;}
 .app-shell .mc-app-weather .mc-live-actions{grid-column:1/-1!important;grid-row:3!important;flex-wrap:wrap!important;}
 .app-shell .mc-app-weather .mc-app-weather__focus{grid-row:4!important;}
 .app-shell .mc-app-weather .mc-live-upcoming{grid-row:5!important;}
}