*{box-sizing:border-box}body{margin:0;background:var(--ms-canvas);color:var(--ms-canvas-text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button[hidden]{display:none}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.45rem);line-height:1.2;letter-spacing:-.045em;font-weight:650}h2{font-size:1.08rem;line-height:1.4;font-weight:650;letter-spacing:-.02em}h3{font-size:1.18rem;letter-spacing:-.025em}p,small,dd{overflow-wrap:anywhere}.intro{margin:12px 0 28px;opacity:.65;font-size:.96rem}.eyebrow{color:var(--brand-secondary-ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}button,input,select,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ms-secondary);outline-offset:4px}.skip{position:fixed;top:-100px;z-index:10;padding:12px;background:var(--ms-surface);color:var(--ms-surface-text)}.skip:focus{top:12px}.shell{min-height:100svh}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:var(--ms-surface);color:var(--ms-surface-text);border-bottom:1px solid color-mix(in srgb,currentColor 7%,transparent)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.22rem;font-weight:700;letter-spacing:-.03em;min-width:0}.brand small{display:block;font-size:.68rem;line-height:1.5;font-weight:450;letter-spacing:0;opacity:.62}.mark{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:var(--ms-accent);color:var(--ms-accent-text);border-radius:14px;font-size:1.1rem;letter-spacing:-.08em}.header-actions{display:flex;gap:12px;align-items:center}.header-actions form{margin:0}.account-link{display:flex;gap:7px;align-items:center;text-decoration:none}.account-link span{display:none}.quiet{border:0;background:transparent;color:inherit;font-size:.8rem;padding:10px 0;min-height:44px}.signed-in main{padding:30px 20px;max-width:1160px;margin:auto}.card{background:var(--ms-surface);color:var(--ms-surface-text);border:1px solid color-mix(in srgb,var(--ms-surface-text) 7%,transparent);border-radius:22px;padding:24px;box-shadow:0 5px 24px #182e2510}.context-grid{display:grid;gap:16px}.section-heading{display:flex;align-items:center;gap:10px}.section-heading>svg{color:var(--brand-secondary-ink)}label{display:block;font-size:.8rem;font-weight:600;margin:22px 0 8px}input,select{width:100%;min-width:0;background:var(--ms-surface);color:var(--ms-surface-text);border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:12px;padding:13px 14px;min-height:50px}select{padding-inline-end:30px}.school-controls{display:flex;gap:10px}.primary{background:var(--ms-accent);color:var(--ms-accent-text);border:0;border-radius:12px;padding:13px 20px;font-weight:600;min-height:50px;white-space:nowrap}.primary:hover{filter:brightness(.94)}.child-empty{display:flex;align-items:center;gap:16px}.child-empty p{font-size:.86rem;opacity:.63;margin-top:5px}.avatar,.icon-tile{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--ms-accent) 9%,var(--ms-surface));color:var(--brand-secondary-ink)}.avatar{background:color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface));color:var(--ms-secondary);width:52px;height:52px;border-radius:50%}.notification-placeholder{display:flex;align-items:flex-start;gap:16px;margin:22px 0 32px;padding:22px;border:1px solid color-mix(in srgb,var(--ms-secondary) 14%,transparent);border-radius:18px;background:color-mix(in srgb,var(--ms-secondary) 4%,var(--ms-surface));color:var(--ms-surface-text)}.notification-placeholder .icon-tile{background:color-mix(in srgb,var(--ms-secondary) 10%,var(--ms-surface));color:var(--ms-secondary);width:40px;height:40px;border-radius:12px}.notification-placeholder p{font-size:.86rem;opacity:.65;margin-top:5px}.feature-heading{justify-content:space-between;margin-bottom:16px}.feature-heading>span{font-size:.75rem;opacity:.55}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{padding:20px 16px;box-shadow:0 3px 14px #182e2508}.feature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:20px;flex-wrap:wrap}.feature-card:nth-child(even) .icon-tile{background:color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface));color:var(--ms-secondary)}.badge{font-size:.61rem;font-weight:550;background:color-mix(in srgb,var(--ms-surface-text) 5%,var(--ms-surface));padding:4px 7px;border-radius:20px;white-space:nowrap}.feature-card p{font-size:.79rem;opacity:.62;margin-top:5px}.app-nav{position:fixed;z-index:5;bottom:0;inset-inline:0;display:flex;justify-content:space-around;background:var(--ms-surface);color:var(--ms-surface-text);border-top:1px solid color-mix(in srgb,currentColor 8%,transparent);padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #182e2506}.app-nav a,.app-nav button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:0;background:transparent;color:inherit;text-decoration:none;font-size:.68rem;min-height:48px;border-radius:12px}.app-nav button{opacity:.48}.app-nav [aria-current]{color:var(--brand-secondary-ink);background:color-mix(in srgb,var(--ms-accent) 8%,var(--ms-surface));font-weight:650}footer{text-align:center;font-size:.72rem;opacity:.55;padding:24px 20px}.signed-in footer{padding-bottom:110px}.signed-out{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--ms-accent) 7%,transparent),transparent 55%),radial-gradient(ellipse at 100% 90%,color-mix(in srgb,var(--ms-secondary) 6%,transparent),transparent 55%),var(--ms-canvas)}.signed-out .masthead{background:transparent;border:0;padding:24px}.signed-out main{padding:24px 20px 0;max-width:490px;margin:auto}.signed-out .login-card{text-align:center;padding:30px 24px;box-shadow:0 20px 70px #182e250c}.signed-out .login-card h1{font-size:1.85rem}.signed-out .login-card .intro{margin:12px 0 28px;font-size:.88rem}.signed-out .login-card form{text-align:start}.signed-out .login-card label:first-of-type{margin-top:0}.signed-out .password-field{position:relative}.signed-out .password-field input{padding-inline-end:80px}.signed-out .password-toggle{position:absolute;inset-inline-end:5px;top:4px;min-height:44px;padding:0 10px;background:transparent;border:0;font-size:.75rem;color:var(--brand-secondary-ink);font-weight:600;border-radius:8px}.signed-out .login-submit{width:100%;margin-top:24px;display:flex;align-items:center;justify-content:space-between}.signed-out .recovery{margin-top:24px;padding-top:20px;border-top:1px solid color-mix(in srgb,currentColor 8%,transparent);font-size:.81rem}.signed-out .recovery small{display:block;font-size:.71rem;opacity:.55;margin-top:4px}.signed-out .login-note{text-align:center;font-size:.76rem;opacity:.6;margin-top:26px}.notice{padding:16px 20px;margin-bottom:22px;border-radius:14px;background:var(--ms-surface);color:var(--ms-surface-text);border-inline-start:4px solid var(--ms-secondary);font-size:.9rem}.account-card{max-width:650px}dt{font-size:.8rem;opacity:.6;margin-top:22px}dd{margin:4px 0 0}.signed-in main:focus{outline:none}
@media(min-width:800px){.signed-in .shell{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr auto}.masthead{grid-column:1/-1;padding:22px 36px}.account-link span{display:inline;font-size:.8rem}.header-actions{gap:24px}.app-nav{position:static;grid-column:1;grid-row:2/4;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:32px 18px;border-top:0;border-inline-end:1px solid color-mix(in srgb,currentColor 7%,transparent);box-shadow:none}.app-nav a,.app-nav button{flex:0;flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 18px;font-size:.85rem}.signed-in main{width:100%;padding:42px 36px}.signed-in footer{grid-column:2;padding:24px}.context-grid{grid-template-columns:1.1fr 1fr}.feature-card{padding:24px}.feature-top{margin-bottom:28px}.signed-out main{padding-top:28px}.signed-out .login-card{padding:38px}.signed-out .masthead{padding:28px 40px}.signed-out .login-card h1{font-size:2rem}}
@media(min-width:1200px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.signed-in main{padding:48px}.feature-top{flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}}
@media(forced-colors:active){.card,.app-nav,.notification-placeholder{border:1px solid CanvasText}.app-nav [aria-current]{outline:2px solid Highlight}}

.child-card{min-width:0}.child-card>p{margin-top:12px;font-size:.86rem;opacity:.65}.child-summary{display:flex;align-items:center;gap:16px;margin-top:16px;min-width:0}.child-details{min-width:0}.child-details h3{font-size:1rem;overflow-wrap:anywhere}.child-details p{font-size:.86rem;opacity:.65}.child-choices{display:grid;gap:16px;margin-top:20px}.child-choices form{border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);padding-top:4px;min-width:0}.child-choices button{margin-top:12px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.child-choices button:disabled{opacity:.6}.avatar{font-weight:650}

/* Refined application surfaces; all school color accents derive from branding tokens. */
body{background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--ms-secondary) 5%,transparent),transparent 42%),var(--ms-canvas);line-height:1.65}
h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;line-height:1.16}h2{font-size:1.15rem}h3{font-weight:650}.intro{font-size:1rem;margin:14px 0 32px;opacity:.7}.eyebrow{font-size:.74rem;letter-spacing:.14em}
.card{border-radius:26px;border-color:color-mix(in srgb,var(--ms-accent) 8%,var(--ms-surface));box-shadow:0 8px 32px color-mix(in srgb,var(--ms-accent) 5%,transparent);padding:26px}
.masthead{background:var(--ms-surface);border-bottom-color:color-mix(in srgb,var(--ms-accent) 7%,transparent);padding:22px 20px}.brand{font-size:1.45rem;letter-spacing:-.045em}.brand small{font-size:.7rem;letter-spacing:.01em;max-width:32ch}.mark{width:46px;height:46px;border-radius:17px;background:linear-gradient(145deg,var(--ms-accent),color-mix(in srgb,var(--ms-accent) 75%,var(--ms-secondary)));box-shadow:0 5px 12px color-mix(in srgb,var(--ms-accent) 16%,transparent);font-size:1.2rem}.quiet{padding:10px 12px;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:12px}.header-actions{gap:8px}
.context-grid{gap:20px}.school-card{align-self:start}.school-card label{margin-top:24px}.school-controls{flex-wrap:wrap}.school-controls select{flex:1 1 140px}.school-controls .primary{flex:0 0 auto}
.child-card{position:relative;overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--ms-secondary) 7%,var(--ms-surface)),var(--ms-surface) 70%);border-color:color-mix(in srgb,var(--ms-secondary) 16%,var(--ms-surface));box-shadow:0 10px 34px color-mix(in srgb,var(--ms-secondary) 7%,transparent)}.child-card:before{content:"";position:absolute;top:0;inset-inline:26px;height:3px;background:linear-gradient(90deg,var(--ms-secondary),color-mix(in srgb,var(--ms-accent) 45%,transparent));border-radius:0 0 4px 4px}.child-card>h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ms-secondary);margin-top:2px}.child-summary{gap:18px;margin-top:22px}.child-details h3{font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.3;letter-spacing:-.025em}.child-details p{font-size:.86rem;margin-top:5px;opacity:.75}.child-details p:first-of-type{color:var(--brand-secondary-ink);font-weight:600;opacity:1}.avatar{width:64px;height:64px;font-size:1.2rem;border:4px solid var(--ms-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ms-secondary) 14%,transparent);background:color-mix(in srgb,var(--ms-secondary) 14%,var(--ms-surface))}.child-choices{gap:18px}.child-choices .child-details h3{font-size:1.08rem}.child-choices .avatar{width:48px;height:48px;font-size:1rem}.child-choices button{font-size:.85rem;width:100%;background:var(--ms-surface);color:var(--brand-secondary-ink);border:1px solid color-mix(in srgb,var(--ms-accent) 20%,transparent)}
.notification-placeholder{margin:24px 0 36px;padding:24px;border-radius:22px;border-color:color-mix(in srgb,var(--ms-secondary) 12%,var(--ms-surface));background:linear-gradient(110deg,color-mix(in srgb,var(--ms-secondary) 7%,var(--ms-surface)),color-mix(in srgb,var(--ms-secondary) 3%,var(--ms-surface)))}.notification-placeholder .icon-tile{width:46px;height:46px;border-radius:15px}.notification-placeholder h2{font-size:1rem}.notification-placeholder p{max-width:65ch;line-height:1.65;opacity:.72}
.feature-heading{margin-bottom:20px}.feature-heading>span{font-size:.77rem}.feature-grid{gap:16px}.feature-card{padding:24px 18px;min-height:204px;box-shadow:0 6px 22px color-mix(in srgb,var(--ms-accent) 4%,transparent)}.feature-card .icon-tile{width:48px;height:48px;border-radius:17px}.feature-top{margin-bottom:24px}.badge{font-size:.64rem;letter-spacing:.02em;padding:5px 9px}.feature-card h3{font-size:1.15rem;line-height:1.3}.feature-card p{font-size:.83rem;line-height:1.6;margin-top:8px;opacity:.72}
.app-nav{padding-top:11px;background:var(--ms-surface);box-shadow:0 -8px 30px color-mix(in srgb,var(--ms-accent) 5%,transparent)}.app-nav a,.app-nav button{gap:5px;font-size:.72rem}.app-nav [aria-current]{background:color-mix(in srgb,var(--ms-accent) 9%,var(--ms-surface));border-radius:16px}.app-nav button{opacity:.55}.signed-in main{padding:32px 20px}.signed-in footer{padding-bottom:120px}
input,select{border-color:color-mix(in srgb,var(--ms-accent) 18%,var(--ms-surface));min-height:54px;border-radius:14px}.primary{min-height:54px;border-radius:14px;box-shadow:0 4px 12px color-mix(in srgb,var(--ms-accent) 12%,transparent)}
.signed-out{background:radial-gradient(ellipse at 5% 10%,color-mix(in srgb,var(--ms-accent) 12%,transparent),transparent 52%),radial-gradient(ellipse at 100% 80%,color-mix(in srgb,var(--ms-secondary) 12%,transparent),transparent 55%),var(--ms-canvas)}.signed-out .masthead{justify-content:center;padding:30px 20px 14px}.signed-out main{max-width:510px;padding:24px 20px 0}.signed-out .login-card{border-radius:32px;padding:34px 26px;background:var(--ms-surface);box-shadow:0 24px 80px color-mix(in srgb,var(--ms-accent) 9%,transparent),0 3px 10px color-mix(in srgb,var(--ms-secondary) 4%,transparent)}.signed-out .login-card h1{font-size:clamp(1.85rem,6vw,2.3rem);letter-spacing:-.045em}.signed-out .login-card .eyebrow{color:var(--ms-secondary);margin-bottom:12px}.signed-out .login-card .intro{font-size:.95rem;margin:14px 0 32px}.signed-out .login-card label{font-size:.84rem;margin-top:22px}.signed-out .login-card input{background:color-mix(in srgb,var(--ms-accent) 2%,var(--ms-surface));padding:16px;min-height:58px}.signed-out .password-field input{padding-inline-end:80px}.signed-out .password-toggle{top:7px}.signed-out .login-submit{margin-top:28px;min-height:58px;font-size:1rem}.signed-out .recovery{margin-top:28px;padding-top:24px;color:var(--ms-secondary)}.signed-out .recovery small{color:var(--ms-surface-text);opacity:.7;font-size:.75rem}.signed-out .login-note{margin-top:24px;font-size:.8rem;opacity:.72}
@media(max-width:380px){.card{padding:22px 18px}.child-summary{gap:12px}.avatar{width:54px;height:54px}.feature-card{padding:20px 14px}.feature-heading>span{display:none}.signed-out .login-card{padding:30px 22px}.header-actions{gap:2px}.brand{font-size:1.25rem}.mark{width:40px;height:40px}.brand small{max-width:18ch}.quiet{padding:8px}.account-link{padding:8px}.school-controls .primary{width:100%}}
@media(min-width:800px){.signed-in .shell{grid-template-columns:240px minmax(0,1fr)}.masthead{padding:24px 36px}.app-nav{padding:34px 20px;gap:12px;box-shadow:none;background:linear-gradient(180deg,var(--ms-surface),color-mix(in srgb,var(--ms-accent) 3%,var(--ms-surface)))}.app-nav a,.app-nav button{font-size:.9rem;gap:14px;padding:16px 18px;min-height:58px}.app-nav [aria-current]{box-shadow:inset 3px 0 var(--ms-accent)}.signed-in main{max-width:1440px;padding:42px 36px}.context-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.child-card{display:flex;flex-direction:column;justify-content:center;min-height:210px}.header-actions{gap:20px}.signed-in footer{padding:24px}.signed-out .masthead{padding:40px 30px 12px}.signed-out main{padding-top:24px}.signed-out .login-card{padding:42px 38px}.signed-out .login-card h1{font-size:2.3rem}}
@media(min-width:1200px){.signed-in .shell{grid-template-columns:260px minmax(0,1fr)}.signed-in main{padding:48px 52px}.feature-grid{gap:20px}.feature-card{padding:26px 22px;min-height:225px}.feature-top{flex-direction:row;gap:10px}.context-grid{gap:24px}.child-card>.child-summary .avatar{width:76px;height:76px;font-size:1.4rem}.notification-placeholder{padding:26px 30px}.signed-out main{padding-top:36px}}
@media(forced-colors:active){.child-card:before{background:CanvasText}.avatar,.child-choices button{border:1px solid CanvasText}.app-nav [aria-current]{outline:2px solid Highlight}}

/* Approved school-app composition: logo slot, compact child card, scene and 2x2 day tiles. */
body{color:color-mix(in srgb,var(--ms-canvas-text) 90%,var(--ms-secondary));background:var(--ms-canvas)}.masthead{border:0;background:var(--ms-surface);padding:24px 22px 18px}.brand{gap:12px;letter-spacing:-.03em}.brand-copy{min-width:0}.wordmark{display:flex;font-size:1.65rem;font-weight:750;line-height:1.2}.wordmark>span:first-child{color:var(--ms-secondary)}.wordmark>span:last-child{color:var(--brand-secondary-ink)}.brand small{font-size:.9rem;opacity:.62;font-weight:450;line-height:1.5;letter-spacing:0}.school-logo-placeholder{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--ms-accent);border-top-color:var(--ms-secondary);background:linear-gradient(180deg,var(--ms-surface) 50%,color-mix(in srgb,var(--ms-accent) 18%,var(--ms-surface)) 50%);color:var(--brand-secondary-ink)}.school-logo-placeholder svg{width:28px;height:28px}.header-actions{gap:9px}.header-bell,.account-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ms-secondary) 5%,var(--ms-surface));color:var(--ms-surface-text)}.header-bell:disabled{opacity:.65}.account-link span{display:none}.quiet{font-size:.72rem;border:0;padding:8px;min-height:44px}.signed-in main{padding:10px 22px 24px;max-width:1160px}.dashboard-context{margin-bottom:6px}.child-card{display:block;min-height:0;padding:18px 20px;background:var(--ms-surface);border:1px solid color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface));border-radius:22px;box-shadow:0 8px 28px color-mix(in srgb,var(--ms-secondary) 6%,transparent)}.child-card:before{display:none}.child-card>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.child-card>.child-summary{margin:0;gap:16px}.child-card>.child-summary .avatar{width:58px;height:58px;font-size:1.15rem;border:0;box-shadow:none;background:color-mix(in srgb,var(--ms-accent) 17%,var(--ms-surface));color:var(--brand-secondary-ink)}.child-details h3{font-size:1.2rem;font-weight:720}.child-details p:first-of-type{color:inherit;opacity:.6;font-size:.95rem;font-weight:450;margin-top:3px}.child-card>.child-summary .child-details p:last-child{font-size:.72rem;opacity:.55;margin-top:1px}.school-switch{font-size:.75rem;margin:8px 0 0;color:var(--brand-secondary-ink)}.school-switch summary{display:flex;justify-content:flex-end;align-items:center;gap:7px;cursor:pointer;min-height:32px;list-style:none}.school-switch summary::-webkit-details-marker{display:none}.school-switch summary svg{width:15px;height:15px}.school-switch[open]{background:var(--ms-surface);padding:14px;border:1px solid color-mix(in srgb,var(--ms-accent) 12%,transparent);border-radius:18px}.school-switch .school-card{padding:0 0 10px}.school-switch label{margin-top:12px}.school-switch summary:focus-visible{outline:3px solid var(--ms-secondary);outline-offset:3px}.greeting{position:relative;min-height:170px;display:flex;align-items:flex-start;padding:18px 0 40px;margin-bottom:-10px;isolation:isolate;overflow:hidden}.greeting-copy{position:relative;z-index:1;max-width:77%}.greeting h1{font-size:clamp(1.6rem,5.8vw,2.3rem);font-weight:750;line-height:1.2;letter-spacing:-.04em}.greeting h1 span{color:var(--ms-secondary)}.greeting p{font-size:.94rem;line-height:1.55;opacity:.6;max-width:29ch;margin-top:10px}.school-illustration{position:absolute;right:-18px;bottom:0;width:190px;height:auto;z-index:0;pointer-events:none}.school-illustration svg{width:100%;height:auto;display:block}.scene-sun{fill:color-mix(in srgb,#f5d95b 38%,var(--ms-surface))}.scene-cloud,.scene-hill{fill:color-mix(in srgb,var(--ms-accent) 8%,var(--ms-surface))}.scene-ground{fill:color-mix(in srgb,var(--ms-accent) 13%,var(--ms-surface))}.scene-building{fill:var(--ms-surface)}.scene-roof{fill:color-mix(in srgb,var(--ms-secondary) 45%,var(--ms-surface))}.scene-window{fill:color-mix(in srgb,var(--ms-secondary) 20%,var(--ms-surface))}.scene-door{fill:color-mix(in srgb,var(--ms-secondary) 35%,var(--ms-surface))}.scene-tree{fill:color-mix(in srgb,var(--ms-accent) 65%,var(--ms-surface))}.scene-tree-light{fill:color-mix(in srgb,var(--ms-accent) 45%,var(--ms-surface))}.scene-trunk{stroke:var(--ms-accent)}.scene-shrub{fill:color-mix(in srgb,var(--ms-accent) 60%,var(--ms-surface))}
.notification-placeholder{position:relative;display:block;margin:0 0 28px;padding:20px 22px 24px;border:1px solid color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface));border-inline-start:5px solid var(--ms-secondary);border-radius:20px;background:linear-gradient(110deg,var(--ms-surface),color-mix(in srgb,var(--ms-secondary) 5%,var(--ms-surface)));box-shadow:0 8px 28px color-mix(in srgb,var(--ms-secondary) 5%,transparent)}.notification-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--ms-secondary)}.notification-icon{display:flex}.notification-icon svg{width:27px;height:27px}.notification-top .badge{font-size:.7rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;padding:3px 12px;background:color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface));color:var(--ms-secondary)}.notification-placeholder h2{font-size:1.5rem;font-weight:750;letter-spacing:-.035em;line-height:1.2}.notification-placeholder p{font-size:.95rem;line-height:1.55;opacity:.66;margin-top:9px}.feature-heading{margin-bottom:16px}.feature-heading h2{font-size:1.65rem;font-weight:750;letter-spacing:-.04em}.feature-heading>span{font-size:.7rem;border-radius:20px;background:color-mix(in srgb,var(--ms-secondary) 4%,var(--ms-surface));padding:7px 12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{display:flex;align-items:center;gap:12px;padding:20px 14px;min-height:108px;border-radius:20px;box-shadow:0 6px 22px color-mix(in srgb,var(--ms-secondary) 5%,transparent);border-color:color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface))}.feature-card .icon-tile{width:46px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--ms-accent) 11%,var(--ms-surface));color:var(--brand-secondary-ink)}.feature-card .icon-tile svg{width:28px;height:28px}.feature-card:nth-child(2) .icon-tile,.feature-card:nth-child(3) .icon-tile{background:color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface));color:var(--ms-secondary)}.feature-card:nth-child(4) .icon-tile{background:color-mix(in srgb,var(--ms-accent) 11%,var(--ms-surface));color:var(--brand-secondary-ink)}.module-copy{min-width:0}.feature-card h3{font-size:.93rem;font-weight:700;letter-spacing:-.035em;overflow-wrap:normal}.feature-card p{font-size:.73rem;margin-top:3px;opacity:.6}.app-nav{box-shadow:none;padding-top:9px;border-color:color-mix(in srgb,var(--ms-secondary) 8%,var(--ms-surface))}.app-nav a,.app-nav button{position:relative;gap:3px;font-size:.78rem}.app-nav svg{width:25px;height:25px}.app-nav [aria-current]{color:var(--ms-secondary);background:transparent;border-radius:0;box-shadow:none}.app-nav [aria-current]:after{content:"";position:absolute;bottom:-5px;width:42px;height:3px;border-radius:3px;background:var(--ms-secondary)}.signed-in footer{padding-top:28px}.signed-out .school-logo-placeholder{width:60px;height:60px}
@media(max-width:380px){.masthead{padding:18px 14px 16px}.brand{gap:8px}.wordmark{font-size:1.35rem}.brand small{font-size:.74rem}.school-logo-placeholder{width:44px;height:44px}.header-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:95px}.header-bell,.account-link{width:34px;height:34px}.header-actions form{width:100%;text-align:right}.quiet{min-height:24px;padding:0 6px;font-size:.65rem}.signed-in main{padding-inline:16px}.child-card{padding:16px}.child-details h3{font-size:1.08rem}.child-details p:first-of-type{font-size:.84rem}.greeting{min-height:158px;padding-top:16px}.greeting-copy{max-width:90%}.greeting p{max-width:21ch;font-size:.88rem}.school-illustration{width:153px;right:-21px;opacity:.85}.notification-placeholder{padding:18px 18px 20px}.notification-placeholder h2{font-size:1.35rem}.notification-placeholder p{font-size:.88rem}.feature-grid{gap:12px}.feature-card{gap:8px;padding:17px 10px;min-height:102px}.feature-card .icon-tile{width:34px;height:44px;border-radius:12px}.feature-card .icon-tile svg{width:23px;height:23px}.feature-card h3{font-size:.83rem}.feature-card p{font-size:.68rem}}
@media(min-width:800px){.masthead{padding:26px 40px;border-bottom:1px solid color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface))}.header-actions{gap:14px}.quiet{font-size:.82rem;padding:8px 14px}.app-nav{background:var(--ms-surface);padding:34px 20px;box-shadow:none}.app-nav [aria-current]{border-radius:16px;background:color-mix(in srgb,var(--ms-secondary) 7%,var(--ms-surface))}.app-nav [aria-current]:after{display:none}.signed-in main{padding:32px 42px 42px}.dashboard-context{max-width:780px}.child-card{padding:20px 24px}.child-card>.child-summary .avatar{width:64px;height:64px}.child-details h3{font-size:1.3rem}.greeting{min-height:210px;padding-top:24px}.greeting-copy{max-width:72%}.greeting h1{font-size:2.4rem}.greeting p{font-size:1.08rem;max-width:34ch}.school-illustration{width:290px;right:0}.notification-placeholder{padding:26px 30px;margin-bottom:32px}.notification-placeholder h2{font-size:1.9rem}.notification-placeholder p{font-size:1.05rem;max-width:62ch}.feature-grid{gap:20px}.feature-card{min-height:126px;padding:24px;gap:18px}.feature-card .icon-tile{width:62px;height:66px;border-radius:20px}.feature-card .icon-tile svg{width:34px;height:34px}.feature-card h3{font-size:1.18rem}.feature-card p{font-size:.86rem}.feature-heading h2{font-size:1.95rem}.signed-in footer{padding:24px}}

/* Focused account disclosure, school scene and featured notice refinement. */
.header-actions{flex-wrap:nowrap;max-width:none}.account-menu{position:relative;z-index:20}.account-trigger{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border-radius:50%;background:color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface));color:var(--ms-surface-text);border:1px solid transparent}.account-trigger::-webkit-details-marker{display:none}.account-trigger:focus-visible{outline:3px solid var(--ms-secondary);outline-offset:4px}.account-menu[open] .account-trigger{border-color:color-mix(in srgb,var(--ms-secondary) 25%,var(--ms-surface));background:color-mix(in srgb,var(--ms-secondary) 10%,var(--ms-surface))}.account-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(250px,calc(100vw - 32px));padding:8px;border:1px solid color-mix(in srgb,var(--ms-secondary) 12%,var(--ms-surface));border-radius:19px;background:var(--ms-surface);color:var(--ms-surface-text);box-shadow:0 14px 45px color-mix(in srgb,var(--ms-secondary) 15%,transparent)}.account-panel a,.account-panel button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 14px;text-align:start;border:0;border-radius:12px;background:transparent;color:inherit;text-decoration:none;font-size:.9rem;font-weight:550}.account-panel a:hover,.account-panel button:not(:disabled):hover{background:color-mix(in srgb,var(--ms-secondary) 6%,var(--ms-surface))}.account-panel a svg{width:19px;height:19px;color:var(--ms-secondary)}.account-panel button:disabled{opacity:.5;justify-content:space-between}.account-panel small{font-size:.66rem;font-weight:450}.account-panel form{width:100%;border-top:1px solid color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface));margin-top:5px;padding-top:5px}.account-panel .account-logout{color:var(--ms-secondary)}
.school-illustration{width:225px;right:-17px;bottom:-5px}.scene-sun{fill:var(--ms-scene-sun,#fff0ac)}.scene-cloud{fill:color-mix(in srgb,var(--ms-accent) 6%,var(--ms-surface))}.scene-hill{fill:color-mix(in srgb,var(--ms-accent) 9%,var(--ms-surface))}.scene-ground{fill:color-mix(in srgb,var(--ms-accent) 14%,var(--ms-surface))}.scene-foreground{fill:color-mix(in srgb,var(--ms-accent) 10%,var(--ms-surface))}.scene-building{fill:var(--ms-surface)}.scene-building-side{fill:color-mix(in srgb,var(--ms-secondary) 5%,var(--ms-surface))}.scene-roof{fill:color-mix(in srgb,var(--ms-secondary) 35%,var(--ms-surface))}.scene-roof-light{fill:color-mix(in srgb,var(--ms-secondary) 25%,var(--ms-surface))}.scene-eaves{fill:color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface))}.scene-window{fill:color-mix(in srgb,var(--ms-accent) 10%,color-mix(in srgb,var(--ms-secondary) 22%,var(--ms-surface)))}.scene-door{fill:color-mix(in srgb,var(--ms-secondary) 29%,var(--ms-surface))}.scene-door-light{fill:color-mix(in srgb,var(--ms-secondary) 13%,var(--ms-surface))}.scene-tree{fill:color-mix(in srgb,var(--ms-accent) 58%,var(--ms-surface))}.scene-tree-light{fill:color-mix(in srgb,var(--ms-accent) 43%,var(--ms-surface))}.scene-shrub{fill:color-mix(in srgb,var(--ms-accent) 55%,var(--ms-surface))}
.notification-placeholder{background:linear-gradient(115deg,color-mix(in srgb,var(--ms-secondary) 4%,var(--ms-surface)),color-mix(in srgb,var(--ms-secondary) 9%,var(--ms-surface)));border-color:color-mix(in srgb,var(--ms-secondary) 13%,var(--ms-surface));border-inline-start:5px solid var(--ms-secondary);box-shadow:0 10px 30px color-mix(in srgb,var(--ms-secondary) 9%,transparent),0 2px 5px color-mix(in srgb,var(--ms-secondary) 3%,transparent)}.notification-icon svg{width:32px;height:32px;stroke-width:1.8}.notification-placeholder h2{font-size:1.62rem;font-weight:760}.notification-top .badge{background:color-mix(in srgb,var(--ms-secondary) 12%,var(--ms-surface))}
@media(max-width:380px){.school-illustration{width:184px;right:-18px;opacity:1}.notification-placeholder h2{font-size:1.44rem}.account-trigger{width:42px;height:42px}}
@media(min-width:800px){.school-illustration{width:315px;right:0;bottom:-5px}.notification-placeholder h2{font-size:2rem}}
@media(forced-colors:active){.account-trigger,.account-panel{border:1px solid CanvasText}.notification-placeholder{border-inline-start-color:Highlight}}

/* School-owned logo slot: fit the original asset, never crop, stretch or recolor it. */
.school-logo{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center}.school-logo-image{display:block;width:100%;height:100%;object-fit:contain}.school-logo-image[hidden],.school-logo-fallback[hidden]{display:none}.school-logo-fallback{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--ms-accent);color:var(--ms-accent-text);font-size:1.4rem;font-weight:750;letter-spacing:-.07em}.brand-copy{min-width:0}.brand small{overflow-wrap:anywhere}
@media(max-width:380px){.school-logo{width:56px;height:56px;flex-basis:56px}.school-logo-fallback{width:46px;height:46px;font-size:1.2rem}}
@media(min-width:800px){.school-logo{width:72px;height:72px;flex-basis:72px}.school-logo-fallback{width:60px;height:60px;font-size:1.5rem}}

/* Canonical school palette; softer surfaces above derive from these same adapter tokens. */
:root{--brand-secondary-ink:color-mix(in srgb,var(--brand-secondary) 38%,#000)}
.primary,.school-logo-fallback{background:var(--brand-primary);color:var(--ms-secondary-text)}
.eyebrow,.signed-out .password-toggle,.school-switch{color:var(--brand-primary)}
.child-choices button{background:var(--ms-surface);color:var(--brand-primary)}
.child-choices button:disabled{background:color-mix(in srgb,var(--brand-secondary) 12%,var(--ms-surface));color:var(--brand-secondary-ink);opacity:1;border-color:var(--brand-secondary)}

/* Final dashboard alignment: shared scene/notice edge and integrated context switching. */
.greeting{min-height:192px;padding-bottom:54px;margin-bottom:-16px}
.school-illustration{width:270px;right:-20px;bottom:-8px}
.notification-placeholder{padding-block:26px 30px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-primary) 6%,var(--ms-surface)),color-mix(in srgb,var(--brand-primary) 12%,var(--ms-surface)))}
.notification-top{margin-bottom:16px}.notification-icon svg{width:35px;height:35px;stroke-width:2}
.notification-top .badge{background:color-mix(in srgb,var(--brand-primary) 17%,var(--ms-surface));font-weight:750}
.child-card .school-switch{margin:16px 0 0;padding:12px 0 0;border:0;border-top:1px solid color-mix(in srgb,var(--brand-primary) 12%,var(--ms-surface));border-radius:0;background:transparent;font-size:.85rem}
.child-card .school-switch summary{justify-content:flex-start;min-height:44px;gap:10px;font-weight:600}
.child-card .school-switch summary>span:last-child{margin-inline-start:auto}
.child-card .school-switch .school-card{padding-bottom:0}
@media(max-width:380px){.school-illustration{width:225px;right:-24px}.greeting{min-height:178px}.notification-placeholder{padding-block:24px 28px}}
@media(min-width:800px){.dashboard-context{max-width:570px}.child-card>.child-summary .avatar{width:72px;height:72px;font-size:1.4rem}.child-details h3{font-size:1.45rem}.child-details p:first-of-type{font-size:1.04rem;opacity:.75}.greeting{min-height:236px}.school-illustration{width:370px;right:0;bottom:-10px}.notification-placeholder{padding-block:32px 36px}}

a.feature-card{text-decoration:none}a.feature-card:focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}

.module-unread{display:inline-flex;align-items:center;justify-content:center;min-width:21px;padding:1px 7px;border-radius:20px;background:var(--brand-primary);color:var(--ms-secondary-text);font-size:.7rem;font-weight:700;line-height:1.5}.app-nav a>.module-unread{position:absolute;top:0;inset-inline-end:10%}@media(min-width:800px){.app-nav a>.module-unread{position:static;margin-inline-start:auto}}

/* Modules own panel content. A full dashboard column needs at least 1360px. */
.embedded-chat{display:none}
@media(min-width:1360px){
 .signed-in main.has-dashboard-panel{max-width:1740px;padding:28px 32px 42px}
 .dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,36%,520px);gap:24px;align-items:start}
 .dashboard-primary{min-width:0}.dashboard-primary .dashboard-context{max-width:none}
 .dashboard-primary .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .dashboard-primary [data-module="messages"]{display:none}
 .dashboard-primary .feature-card{flex-direction:column;align-items:flex-start;padding:18px 14px;gap:12px}
 .dashboard-primary .feature-card h3{font-size:1rem}.dashboard-primary .feature-card .icon-tile{width:46px;height:48px}
 .embedded-chat.thread-open{display:block;position:sticky;top:24px;height:calc(100dvh - 190px);max-height:880px;min-height:400px;min-width:0;border:1px solid #ece8f2;border-radius:25px;overflow:hidden;background:var(--ms-surface);box-shadow:0 12px 40px #36224909;font:16px/1.6 "Segoe UI",Arial,sans-serif;color:var(--ms-surface-text)}
 .embedded-chat .chat-layout{height:100%;display:flex;flex-direction:column;gap:0}
 .embedded-chat .thread{flex:1;min-height:0;border-radius:0;border:0;box-shadow:none}
 .embedded-chat .thread-heading{padding:18px 16px;gap:10px}
 .embedded-chat .chat-back{display:none}.embedded-chat .group-title h2{font-size:1.15rem}
 .embedded-chat .group-title p{font-size:.72rem}.embedded-chat .group-symbol{width:44px;height:44px}
 .embedded-chat .messages{padding:14px 14px 20px 54px!important}
 .embedded-chat .message,.embedded-chat .message.own{max-width:96%}
 .embedded-chat .composer{padding:12px 10px;gap:7px}.embedded-chat .composer-tools{gap:4px}
 .embedded-chat .composer .primary{min-height:44px}.embedded-chat .composer textarea{font-family:inherit}
 .embedded-chat .conversations{max-height:45%;flex-shrink:0;overflow:auto}
}

.feature-card .icon-tile { position:relative; overflow:visible; flex-shrink:0; }
.feature-card .icon-tile .module-unread { position:absolute; top:-7px; right:-7px; display:grid; place-items:center; min-width:21px; height:21px; padding:0 4px; border-radius:50%; background:var(--brand-primary,#8224e3); color:#fff; font-size:11px; line-height:1; font-weight:700; border:2px solid var(--ms-surface,#fff); margin:0; }
.feature-card .module-unread[hidden] { display:none; }

.signed-out .login-app-icon{display:block;width:104px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 24px;border:0;border-radius:0;box-shadow:none;filter:none}@media(max-width:799px){.signed-out .login-app-icon{width:88px}}

/* Compact authentication surface; content can grow when the keyboard opens. */
@media(max-width:799px){
 .signed-out .shell{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:safe center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .signed-out main{width:100%;margin:0 auto;padding:12px max(12px,env(safe-area-inset-left)) 0}
 .signed-out footer{padding:8px 12px;font-size:12px;line-height:1.35}
 .signed-out .login-card{padding:22px 20px}.signed-out .login-app-icon{width:clamp(64px,10dvh,88px);margin-bottom:12px}
 .signed-out .login-card h1{font-size:1.75rem}.signed-out .login-card .eyebrow{margin-bottom:6px}
 .signed-out .login-card .intro{margin:8px 0 14px;font-size:14px;line-height:1.45}
 .signed-out .login-card label{font-size:13px;margin:12px 0 4px}.signed-out .login-card input{font-size:16px;min-height:48px;padding:10px 12px}.signed-out .login-card .password-field input{padding-inline-end:80px}
 .signed-out .login-card .password-toggle{top:2px;min-height:44px}.signed-out .login-submit{margin-top:14px;min-height:48px;padding:10px 16px}
 .signed-out .recovery{margin-top:12px;padding-top:10px;font-size:13px;line-height:1.4}.signed-out .recovery small{font-size:12px;margin-top:3px}.signed-out .login-note{margin-top:8px;font-size:12px;line-height:1.4}
}
@media(max-width:799px) and (max-height:680px){
 .signed-out .shell{justify-content:flex-start}.signed-out main{padding-top:8px}.signed-out .login-card{padding:16px}.signed-out .login-app-icon{width:64px;margin-bottom:8px}
 .signed-out .login-card h1{font-size:1.6rem}.signed-out .login-card .intro{margin:6px 0 10px}.signed-out .login-card input,.signed-out .login-submit{min-height:44px;padding-top:8px;padding-bottom:8px}
 .signed-out .login-card .password-toggle{top:0}.signed-out .login-card label{margin-top:8px}.signed-out .recovery{margin-top:10px;padding-top:8px}
}
.ms-product-credit,.ms-legal-links{font-size:14px;line-height:1.6;color:#665e73;overflow-wrap:anywhere;margin:12px 0 0}.ms-product-credit a,.ms-legal-links a{color:#6b1cbd;text-decoration:underline;text-underline-offset:3px}.ms-legal-check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;margin:16px 0}.ms-legal-check input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:#8224e3}.ms-admin-footer{margin-top:24px;padding:16px 0;color:#665e73;font-size:14px}.ms-legal-links a:focus-visible,.ms-product-credit a:focus-visible{outline:3px solid #8224e3;outline-offset:3px}