/* StarBank — screenshot reference, 26 September 2026. */
@font-face{font-family:Fredoka;src:url("assets/fonts/fredoka.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/fonts/nunito.ttf") format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}
body.sky-sunshine.playful-sky,body.sky-sunshine.playful-sky[data-mode]{
 --sky:#DDF1FF;--sunshine:#FFC83D;--coral:#FF7A59;--mint:#5FD3A5;--grape:#A48BFA;--night:#1D2B53;
 --ink:var(--night);--muted:#4d5b7c;--canvas:var(--sky);--line:#becfe3;--white:#fff;--purple:var(--night);--purple-dark:#101c3b;--soft:#edf7ff;--lavender:#edf7ff;--gold:var(--sunshine);--green:#176245;--red:#a22b43;--nav:var(--night);--adventure-ink:var(--night);--shadow:3px 4px 0 #1d2b531f;
 font-family:Nunito,"StarBank Rounded",system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--night);background:var(--sky);color-scheme:light;
}
body.sky-sunshine.playful-sky :is(h1,h2,h3,.brand){font-family:Fredoka,"StarBank Rounded",system-ui,sans-serif;font-weight:650;letter-spacing:0;line-height:1.14;color:var(--night)}
[dir=rtl] body.sky-sunshine.playful-sky,[dir=rtl] body.sky-sunshine.playful-sky :is(h1,h2,h3){font-family:"StarBank Rounded",Nunito,system-ui,sans-serif;letter-spacing:0;line-height:1.55}
body.sky-sunshine.playful-sky :is(button,input,textarea,select,summary){font-family:inherit}
body.sky-sunshine.playful-sky :is(.primary,.button){border:2px solid var(--night);border-radius:17px;background:var(--sunshine);color:var(--night);box-shadow:0 4px 0 #c89b00;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s}
body.sky-sunshine.playful-sky :is(.primary,.button):hover{background:#ffd66b;color:var(--night);transform:translateY(-1px)}
body.sky-sunshine.playful-sky :is(.primary,.button):active{transform:translateY(3px);box-shadow:0 1px 0 var(--night)}
body.sky-sunshine.playful-sky :is(.secondary,.button.outline){border:2px solid var(--night);border-radius:17px;background:white;color:var(--night);box-shadow:0 3px 0 var(--night);font-weight:800}
body.sky-sunshine.playful-sky :is(.secondary,.button.outline):hover{background:#f2f9ff;color:var(--night)}
body.sky-sunshine.playful-sky :is(.text-button,.text-link){color:var(--night)}
body.sky-sunshine.playful-sky :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1d2b53;outline-offset:4px}
body.sky-sunshine.playful-sky .language-switch{background:white;color:var(--night);border:2px solid var(--night);border-radius:16px;padding:4px;gap:4px}
body.sky-sunshine.playful-sky .language-switch button{background:white;color:var(--night);border:1px solid transparent;border-radius:10px;font-size:.875rem;min-height:40px;box-shadow:none}
body.sky-sunshine.playful-sky .language-switch button:hover{background:var(--sky);color:var(--night)}
body.sky-sunshine.playful-sky .language-switch button[aria-pressed=true]{background:var(--sunshine);color:var(--night);border-color:var(--night);box-shadow:0 2px 0 var(--night);font-weight:850}
/* Public page: bold, friendly cards, with the same order as the supplied design. */
body.playful-sky.starlight-public .site-header,body.playful-sky.starlight-account .top{background:#ddf1fff5;border-bottom:0;color:var(--night)}
body.playful-sky.starlight-public .nav-wrap{min-height:90px;gap:24px}
body.playful-sky.starlight-public .brand{font-size:1.9rem;gap:10px;color:var(--night)}
body.playful-sky .brand-mark{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:var(--sunshine);border:2.5px solid var(--night);border-radius:15px;transform:rotate(-6deg);box-shadow:2px 2px 0 var(--night);color:white;font-size:2rem;line-height:1;-webkit-text-stroke:1.5px var(--night)}
body.playful-sky.starlight-public .header-signin{color:var(--night);font-weight:800}
body.playful-sky.starlight-public :is(.site-menu summary,.site-menu-panel){border:2px solid var(--night);background:white;color:var(--night);border-radius:17px}
body.playful-sky.starlight-public .site-menu summary{padding:10px 16px;box-shadow:0 3px 0 var(--night)}
body.playful-sky.starlight-public .site-menu[open] summary{background:var(--sunshine)}
body.playful-sky.starlight-public .site-menu-panel{box-shadow:4px 6px 0 var(--night)}
body.playful-sky.starlight-public .site-menu-panel nav a:hover{background:var(--sky);color:var(--night)}
body.playful-sky.starlight-public .site-menu-panel nav a.button:hover{background:var(--sunshine);color:var(--night)}
body.playful-sky.starlight-public .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding-block:68px 95px;gap:64px}
body.playful-sky.starlight-public .hero h1{font-family:Fredoka,"StarBank Rounded",system-ui,sans-serif;color:var(--night);font-weight:700;font-size:clamp(2.65rem,4.5vw,4.05rem);letter-spacing:-.015em;line-height:1.08;text-wrap:balance}
body.playful-sky.starlight-public .hero h1 span{color:var(--night);text-decoration:underline;text-decoration-color:var(--sunshine);text-decoration-thickness:7px;text-underline-offset:10px;text-decoration-skip-ink:none}
body.playful-sky.starlight-public .hero-description{font-size:1.18rem;color:#4d5b7c;line-height:1.65;margin-block:25px 28px}
body.playful-sky.starlight-public .hero .eyebrow{display:inline-flex;background:white;border:2px solid var(--night);border-radius:30px;font-size:.875rem;letter-spacing:0;font-weight:850;text-transform:none;padding:7px 14px;color:var(--night);margin-bottom:24px}
body.playful-sky.starlight-public .hero .button{font-size:1rem;padding:13px 20px;border-radius:17px;gap:10px}
body.playful-sky.starlight-public .quiet{font-size:.875rem;color:#4d5b7c}
body.playful-sky.starlight-public .section{padding-block:72px}
body.playful-sky.starlight-public h2{font-size:clamp(2rem,3vw,2.65rem)}
body.playful-sky.starlight-public .section-heading{max-width:710px;margin:0 auto 48px;text-align:center}
body.playful-sky.starlight-public .section-heading p{font-size:1.1rem;line-height:1.65;color:#4d5b7c}
body.playful-sky.starlight-public .eyebrow{letter-spacing:0;text-transform:none;font-size:.875rem;color:#4d5b7c}
body.playful-sky.starlight-public .home-week-stage{padding:0;background:transparent;border:0;border-radius:0;isolation:auto;transform:none}
body.playful-sky.starlight-public .home-week{padding:24px;background:white;border:3px solid var(--night);border-radius:30px;box-shadow:7px 9px 0 var(--night);transform:rotate(-1deg)}
body.playful-sky.starlight-public .home-week-top{gap:12px;flex-wrap:wrap;margin-bottom:20px}
body.playful-sky.starlight-public .home-week-top h2{font-size:1.75rem}
body.playful-sky.starlight-public .home-week-top p{font-size:.875rem;color:#4d5b7c;margin:3px 0 0}
body.playful-sky.starlight-public .home-week-avatar{width:54px;height:54px;background:#ffebac;border:2px solid var(--night);border-radius:50%;font-size:1.8rem}
body.playful-sky.starlight-public .sample-label{font-size:.75rem;font-weight:850;color:#4d5b7c;background:#edf7ff;border-radius:8px;padding:3px 6px;letter-spacing:.04em}
body.playful-sky.starlight-public .home-week table{min-width:360px;font-size:.875rem;border-spacing:4px 8px;table-layout:fixed}
body.playful-sky.starlight-public .home-week th,body.playful-sky.starlight-public .home-week td{border:0;padding:4px 0;background:transparent}
body.playful-sky.starlight-public .home-week th:first-child{width:132px;font-weight:800;line-height:1.3;text-align:start}
body.playful-sky.starlight-public .home-week thead th{font-size:.75rem;color:#647391;font-weight:800}
body.playful-sky.starlight-public .home-week tbody :is(.demo-star,.demo-wait,.demo-blank,.demo-planned){width:100%;max-width:34px;aspect-ratio:1;display:grid;place-items:center;margin:auto;border:2px solid var(--night);border-radius:9px;font-size:1.4rem;line-height:1;background:#fff5d2;color:var(--sunshine);-webkit-text-stroke:1px var(--night)}
body.playful-sky.starlight-public .home-week tbody :is(.demo-blank,.demo-planned){border:2px dashed #bdd5ed;background:#f4faff;color:transparent;-webkit-text-stroke:0;font-size:0}
body.playful-sky.starlight-public .home-week tbody .demo-wait{border:2px dashed #d09b00;color:#ab7900;-webkit-text-stroke:0;background:#fff9e7}
body.playful-sky.starlight-public .home-legend{font-size:.875rem;gap:14px;color:#647391;margin-block:10px 16px}
body.playful-sky.starlight-public .home-legend .demo-star{color:#bb8300;font-size:1.25rem}
body.playful-sky.starlight-public .home-legend .demo-wait{color:#a57500;font-size:1.25rem}
body.playful-sky.starlight-public .home-bank{background:#fff5d2;border:2px solid var(--night);border-radius:20px;padding:16px 18px;display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--night);font-size:1rem;font-weight:800;margin:0}
body.playful-sky.starlight-public .home-bank strong{font-family:Fredoka,system-ui,sans-serif;font-size:2.25rem;color:var(--night)}
body.playful-sky.starlight-public .home-bank>span:last-of-type{font-size:.875rem;max-width:none;color:#4d5b7c}
body.playful-sky.starlight-public .demo-wish-meter{width:100%;height:16px;margin-top:9px;overflow:hidden;border:2px solid var(--night);border-radius:20px;background:white}
body.playful-sky.starlight-public .demo-wish-meter>span{display:block;width:76.666%;height:100%;background:var(--sunshine);border-inline-end:2px solid var(--night)}
body.playful-sky.starlight-public .how-band{background:white;position:relative;padding-block:24px}
body.playful-sky.starlight-public .wave{display:block;width:100%;height:36px;fill:white;background:var(--sky)}
body.playful-sky.starlight-public .wave.bottom{transform:rotate(180deg)}
body.playful-sky.starlight-public .steps-grid{gap:25px;padding-inline:5px}
body.playful-sky.starlight-public .steps-grid article{background:#ffebac;border:2.5px solid var(--night);border-radius:25px;box-shadow:5px 7px 0 var(--night);padding:28px;transform:rotate(-1.4deg)}
body.playful-sky.starlight-public .steps-grid article:nth-child(2){background:#cbf3e4;transform:rotate(1.4deg);margin-top:12px}
body.playful-sky.starlight-public .steps-grid article:nth-child(3){background:#e4dbff;transform:rotate(-1deg)}
body.playful-sky.starlight-public .feature-symbol{background:white;border:2px solid var(--night);color:var(--night);border-radius:17px;width:64px;height:64px;font-size:2rem;margin-bottom:24px}
body.playful-sky.starlight-public .steps-grid h3{font-size:1.45rem;line-height:1.2}
body.playful-sky.starlight-public .steps-grid p{font-size:1rem;line-height:1.6;color:#435271}
body.playful-sky.starlight-public .step-number{width:31px;height:31px;border-radius:50%;background:var(--night);color:white;display:grid;place-items:center;font-size:.875rem;top:25px;inset-inline-end:25px;right:auto}
body.playful-sky.starlight-public .family-section{background:var(--sky);border:0;padding-block:65px 45px}
body.playful-sky.starlight-public .family-intro{max-width:700px;margin-bottom:30px}
body.playful-sky.starlight-public .family-intro p{font-size:1.08rem;line-height:1.7;margin-top:18px;color:#4d5b7c}
body.playful-sky.starlight-public .family-grid{grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}
.family-roles{display:grid;gap:13px}
.family-role{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid var(--night);border-radius:19px;background:white;color:var(--night);text-align:start;cursor:pointer;width:100%}
.family-role[aria-pressed=true]{background:#ffebac;box-shadow:3px 4px 0 var(--night)}
.family-role>span:first-child{width:48px;height:48px;display:grid;place-items:center;background:white;border:2px solid var(--night);border-radius:14px;font-size:1.5rem;flex-shrink:0}
.family-role strong{display:block;font-family:Fredoka,"StarBank Rounded",system-ui,sans-serif;font-size:1.15rem;font-weight:600}
.family-role small{display:block;font-size:.875rem;line-height:1.4;margin-top:4px}
.role-panel{padding:30px;border:2px solid var(--night);border-radius:24px;background:white;box-shadow:5px 7px 0 var(--night);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.playful-sky.starlight-public .role-panel h3{font-size:1.5rem}
body.playful-sky.starlight-public .role-panel>p{font-size:1rem;line-height:1.65;margin:12px 0 20px}
.sample-approval{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#f3f8ff;border:2px solid var(--night);border-radius:16px}
.sample-approval>span{font-size:2rem}.sample-approval>div{flex:1;min-width:135px}.sample-approval small{display:block;color:#4d5b7c;font-size:.875rem}.sample-approval strong{display:block;line-height:1.4}
.demo-approved{background:#cbf3e4;border:1px solid var(--night);border-radius:12px;padding:7px 11px;font-size:.875rem;font-weight:850}
body.playful-sky.starlight-public .school-preview-layout{background:#fff5d2;border:2px solid var(--night);border-radius:28px;padding:36px;grid-template-columns:1fr 1fr;gap:36px;margin-block:30px}
body.playful-sky.starlight-public .school-preview-copy>span{font-size:2.5rem}
body.playful-sky.starlight-public .school-preview-copy h2{font-size:2.1rem;margin-top:10px}
body.playful-sky.starlight-public .school-preview-copy p{margin-block:18px;font-size:1rem;line-height:1.65}
.school-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:365px;margin-top:23px}
.school-days button{border:2px solid var(--night);border-radius:12px;background:white;color:var(--night);font-weight:850;font-size:.875rem;min-height:44px;padding:5px;cursor:pointer}
.school-days button[aria-pressed=true]{background:var(--night);color:white}
.school-day-panel{display:grid;gap:12px;min-width:0}
.school-subject{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--night);border-radius:20px;background:#ffebac;box-shadow:0 4px 0 var(--night);color:var(--night)}
.school-subject:nth-child(2){background:#ffd6e8}.school-subject:nth-child(3){background:#a0dcff}
.school-subject>span{display:grid;place-items:center;width:48px;height:48px;background:white;border:2px solid var(--night);border-radius:14px;font-size:1.75rem;flex-shrink:0}
.school-subject strong{display:block;font-family:Fredoka,"StarBank Rounded",system-ui,sans-serif;font-size:1.2rem;font-weight:600}.school-subject time{font-size:.875rem;font-weight:800;color:#4d5b7c}
body.playful-sky.starlight-public .school-sample-note{margin:8px 0 0;padding:14px 16px;border-radius:17px;background:var(--night);color:white;font-size:.95rem;font-weight:750;line-height:1.5}
body.playful-sky.starlight-public .plans-grid{max-width:820px;gap:30px;margin-top:48px}
body.playful-sky.starlight-public :is(.plan-card,.plan-card.featured){border:2.5px solid var(--night);border-radius:25px;padding:30px;box-shadow:6px 8px 0 var(--night);background:white}
body.playful-sky.starlight-public .plan-card.featured{background:var(--sunshine);transform:rotate(1deg)}
body.playful-sky.starlight-public .plan-card h3{font-size:2.5rem;line-height:1.15}
body.playful-sky.starlight-public .plan-card .eyebrow{font-size:.95rem;font-weight:800;margin-bottom:14px;color:#4d5b7c}
body.playful-sky.starlight-public .plan-card.featured .eyebrow{color:var(--night)}
body.playful-sky.starlight-public .plan-ribbon{background:var(--coral);border:2px solid var(--night);color:var(--night);font-size:.8rem;font-weight:850;letter-spacing:0;inset-inline-end:12px;right:auto;top:-20px;transform:rotate(6deg)}
body.playful-sky.starlight-public .trial-price{font-size:1rem;letter-spacing:0;background:#cbf3e4;border-radius:25px;padding:7px 14px;align-self:start;font-weight:850;color:var(--night);margin:20px 0}
body.playful-sky.starlight-public .trial-price span{font-size:1rem;font-weight:850;color:var(--night);margin:0;display:inline}
body.playful-sky.starlight-public .featured .trial-price{background:white}
body.playful-sky.starlight-public .plan-card>p:not(.eyebrow):not(.trial-price){font-size:1rem;margin-bottom:25px;color:#4d5b7c}
body.playful-sky.starlight-public .featured>p:not(.eyebrow):not(.trial-price){color:var(--night)}
body.playful-sky.starlight-public .featured .button,body.playful-sky.starlight-public .closing .button{background:var(--night);color:white;box-shadow:0 4px 0 #101b37}
body.playful-sky.starlight-public .featured .button:hover,body.playful-sky.starlight-public .closing .button:hover{background:#304273;color:white}
.plan-inclusions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:32px auto 20px;max-width:960px}
.plan-inclusions li{padding:8px 15px;background:white;border:2px solid var(--night);border-radius:30px;font-size:.875rem;font-weight:800}
body.playful-sky.starlight-public .plan-note{font-size:.95rem;color:#4d5b7c;max-width:760px;line-height:1.7}
body.playful-sky.starlight-public .faq-section{display:block;border:0;max-width:790px}
body.playful-sky.starlight-public .faq-section>div:first-child{text-align:center;margin-bottom:35px}
body.playful-sky.starlight-public .faq-list details{background:white;border:2px solid var(--night);border-radius:20px;margin:14px 0;padding:20px 24px}
body.playful-sky.starlight-public .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:0;font-size:1.12rem;font-weight:850;color:var(--night)}
body.playful-sky.starlight-public .faq-list summary::-webkit-details-marker{display:none}
body.playful-sky.starlight-public .faq-list summary:after{content:'+';display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:var(--sunshine);border:2px solid var(--night);border-radius:10px;font-size:1.4rem}
body.playful-sky.starlight-public .faq-list details:nth-child(2) summary:after{background:#cbf3e4}
body.playful-sky.starlight-public .faq-list details:nth-child(3) summary:after{background:#e4dbff}
body.playful-sky.starlight-public .faq-list details:nth-child(4) summary:after{background:#ffdbcd}
body.playful-sky.starlight-public .faq-list details[open] summary:after{content:'−'}
body.playful-sky.starlight-public .faq-list p{font-size:1rem;color:#4d5b7c;line-height:1.65}
body.playful-sky.starlight-public .closing{background:var(--sunshine);border:2.5px solid var(--night);border-radius:30px;box-shadow:5px 7px 0 var(--night);display:flex;flex-direction:column;text-align:center;align-items:center;gap:24px;padding:55px 35px;margin-block:25px 65px}
body.playful-sky.starlight-public .closing h2{font-size:clamp(2rem,3.3vw,2.8rem);line-height:1.12}
body.playful-sky.starlight-public .closing p{font-size:1.1rem;color:var(--night);margin-top:18px}
body.playful-sky.starlight-public .closing .button{margin:0}
body.playful-sky.starlight-public .site-footer{border:0;padding-block:25px 40px;font-size:.95rem;color:#4d5b7c}
/* Family and account surfaces share the palette; task and account behaviour is unchanged. */
body.playful-sky.family-starlight .sidebar{background:#eaf7ff;border-inline-end:2px solid var(--night);color:var(--night)}
body.playful-sky.family-starlight :is(.sidebar .brand,.family-label,.family-label small,.side-end a,.side-end .text-button,.nav-link){color:var(--night)}
body.playful-sky.family-starlight .family-label{background:white;border:1.5px solid var(--night);border-radius:17px}
body.playful-sky.family-starlight .nav-link.active{background:var(--sunshine);color:var(--night);box-shadow:0 3px 0 var(--night);border-radius:14px}
body.playful-sky.family-starlight .nav-link:hover{background:#ffebac;color:var(--night)}
body.playful-sky.family-starlight :is(.topbar,.child-topbar){background:#ddf1fff5;border-bottom:1.5px solid #b8cce2;color:var(--night)}
body.playful-sky.family-starlight :is(.card,.entry-card,.profile-button,.journey-current,.routine-panel,.week-overview,.weekly-section,.achievement-card),body.playful-sky.starlight-account .card,body.playful-sky.starlight-public .signup-card{border:2px solid var(--night);background:white;border-radius:23px;box-shadow:3px 5px 0 #1d2b5333;color:var(--night)}
body.playful-sky.family-starlight .hero-card{background:#ffebac;border:2px solid var(--night);color:var(--night)}
body.playful-sky.family-starlight .hero-card p{color:#4d5b7c}
body.playful-sky.family-starlight :is(.stat-icon,.initials,.avatar){background:#ffebac;color:var(--night)}
body.playful-sky.family-starlight .brand-star{background:var(--sunshine);color:var(--night);border:2px solid var(--night)}
body.playful-sky.family-starlight :is(.child-shell,.adventure-shell){background:var(--sky);color:var(--night)}
body.playful-sky.family-starlight .adventure-welcome{background:transparent;color:var(--night)}
body.playful-sky.family-starlight .routine-companion{background:#ffebac;border:2px solid var(--night);border-radius:24px}
body.playful-sky.family-starlight .routine-companion :is(h2,p){color:var(--night)}
body.playful-sky.family-starlight .journey-current{border:2.5px solid var(--night);box-shadow:5px 6px 0 var(--night)}
body.playful-sky.family-starlight .journey-current .current-picture{background:#fff5d2;border:2px solid var(--night);border-radius:23px}
body.playful-sky.family-starlight .journey-current :is(h2,h3){font-family:Fredoka,"StarBank Rounded",system-ui,sans-serif;color:var(--night)}
body.playful-sky.family-starlight :is(.wish-card,.wish-progress-card){background:#ffebac;border:2px solid var(--night);color:var(--night);box-shadow:3px 4px 0 #1d2b5333}
body.playful-sky.family-starlight .wish-card :is(strong,p,small){color:var(--night)}
body.playful-sky.family-starlight .progress-track{background:white;border:1px solid var(--night)}
body.playful-sky.family-starlight .progress-fill{background:var(--sunshine)}
body.playful-sky.family-starlight .child-nav{background:white;border:2px solid var(--night);box-shadow:0 4px 0 var(--night)}
body.playful-sky.family-starlight .child-nav button{color:var(--night);font-weight:850}
body.playful-sky.family-starlight .child-nav button.active{background:var(--sunshine);color:var(--night);box-shadow:none}
body.playful-sky.family-starlight .routine-row{background:white;border:1.5px solid #bdcee2;color:var(--night)}
body.playful-sky.family-starlight .routine-row.approved{background:#e1f8ec;border-color:#267655}
body.playful-sky.family-starlight .routine-row.pending{background:#fff5d2;border-color:#987100}
body.playful-sky.family-starlight .routine-row.skipped{background:#eff4f9;color:#4d5b7c}
body.playful-sky.family-starlight .notification-item.is-unread{background:#fff1bc!important}
body.playful-sky.family-starlight .notification-item:hover{background:#ffebac!important}
body.playful-sky.family-starlight .is-unread .notification-dot{background:var(--night)}
body.playful-sky.family-starlight .weekly-table{color:var(--night)}
body.playful-sky.family-starlight .weekly-table thead th{background:var(--sky);color:var(--night)}
body.playful-sky.family-starlight .weekly-approved{background:#fff3c3;color:#745000;border:2px solid var(--night);border-radius:9px}
body.playful-sky.family-starlight .weekly-pending{background:#fff8e5;color:#795700;border:2px dashed #ab7900;border-radius:9px}
body.playful-sky.family-starlight .weekly-summary{background:#fff5d2;color:var(--night);border:1.5px solid var(--night);border-radius:16px}
body.playful-sky.family-starlight :is(.school-card,.school-panel,.school-reminder){border-color:#b6c9e0}
body.playful-sky.family-starlight .school-week th{background:var(--sky);color:var(--night)}
body.playful-sky.family-starlight .school-lesson{border:1.5px solid var(--night);border-radius:13px}
body.playful-sky.starlight-account .card,body.playful-sky.starlight-public .signup-card{box-shadow:6px 8px 0 var(--night)}
body.playful-sky.starlight-account :is(input,select),body.playful-sky.starlight-public .signup-card :is(input,select){border:1.5px solid #8998b6;border-radius:12px}
body.playful-sky.starlight-public .plan-choice:has(input:checked){background:#fff5d2;border-color:var(--night);box-shadow:inset 0 0 0 1px var(--night)}
body.playful-sky.starlight-public .plan-choice input{accent-color:var(--night)}
body.playful-sky.family-starlight .area-switch [aria-current=page]{background:var(--night);color:white}
body.playful-sky.family-starlight :is(.badge.green,.status.approved){background:#cbf3e4;color:#17573d}
body.playful-sky.family-starlight :is(.badge.orange,.status.pending){background:#fff0bb;color:#775200}
body.playful-sky.family-starlight :is(.danger,.badge.red){background:#ffe5e2;color:#a22b43}
[dir=rtl] body.playful-sky.starlight-public .hero h1,[dir=rtl] body.playful-sky.family-starlight .journey-current :is(h2,h3){font-family:"StarBank Rounded",system-ui,sans-serif;line-height:1.4;letter-spacing:0}
[dir=rtl] body.playful-sky :is(.family-role strong,.school-subject strong){font-family:"StarBank Rounded",system-ui,sans-serif}
@media(max-width:1000px){body.playful-sky.starlight-public .hero{gap:32px}.header-actions{gap:14px}body.playful-sky.starlight-public .home-week{padding:19px}}
@media(max-width:800px){body.playful-sky.starlight-public .hero{grid-template-columns:1fr;padding-block:35px 65px;gap:42px}body.playful-sky.starlight-public .hero-copy{max-width:600px}body.playful-sky.starlight-public .home-week-stage{max-width:580px;margin:auto;width:100%}body.playful-sky.starlight-public .section{padding-block:50px}body.playful-sky.starlight-public .family-grid{grid-template-columns:1fr}body.playful-sky.starlight-public .school-preview-layout{grid-template-columns:1fr;padding:28px;gap:26px}body.playful-sky.starlight-public .steps-grid{grid-template-columns:1fr;gap:28px}body.playful-sky.starlight-public .steps-grid article:nth-child(2){margin-top:0}body.playful-sky.starlight-public .section-heading{margin-bottom:32px}body.playful-sky.starlight-public .family-section{padding-block:50px 25px}body.playful-sky.starlight-public .closing{padding:38px 25px}body.playful-sky.starlight-public .plans-grid{gap:28px}}
@media(max-width:500px){body.playful-sky.starlight-public .wrap,body.playful-sky.starlight-public .nav-wrap{width:calc(100% - 36px)}body.playful-sky.starlight-public .brand{font-size:1.4rem;gap:8px}body.playful-sky .brand-mark{width:37px;height:37px;border-radius:12px;font-size:1.65rem}body.playful-sky.starlight-public .nav-wrap{min-height:78px;gap:12px}body.playful-sky.starlight-public .header-actions{gap:12px}body.playful-sky.starlight-public .header-signin{font-size:.875rem}body.playful-sky.starlight-public .site-menu summary{padding:8px 10px;font-size:.875rem;gap:6px}body.playful-sky.starlight-public .hero h1{font-size:clamp(2.3rem,8.5vw,3.1rem)}body.playful-sky.starlight-public .hero-description{font-size:1.05rem}body.playful-sky.starlight-public .hero .cta-row{gap:14px;flex-direction:column;align-items:stretch}body.playful-sky.starlight-public .home-week{padding:19px 12px;transform:none;border-radius:24px;box-shadow:4px 6px 0 var(--night)}body.playful-sky.starlight-public .home-week-top h2{font-size:1.45rem}body.playful-sky.starlight-public .home-week-top{gap:9px}body.playful-sky.starlight-public .home-week-top p{font-size:.875rem}body.playful-sky.starlight-public .home-bank{padding:13px;font-size:.875rem}body.playful-sky.starlight-public .home-bank>span:last-of-type{margin-inline-start:0;flex-basis:100%;text-align:start}body.playful-sky.starlight-public .home-week-avatar{width:44px;height:44px;font-size:1.5rem}body.playful-sky.starlight-public .steps-grid article{padding:25px}body.playful-sky.starlight-public .school-preview-layout{padding:24px 19px;border-radius:24px}body.playful-sky.starlight-public .school-preview-copy h2{font-size:1.9rem}body.playful-sky.starlight-public .plans-grid{grid-template-columns:1fr;gap:35px}body.playful-sky.starlight-public .plan-card{padding:28px}body.playful-sky.starlight-public .faq-list details{padding:18px}body.playful-sky.starlight-public .faq-list summary{font-size:1rem}body.playful-sky.starlight-public .site-footer{gap:16px}.role-panel{padding:23px}.family-role{padding:14px}.school-days{max-width:none}.plan-inclusions{justify-content:flex-start}.school-subject{padding:13px}.sample-approval{padding:13px}}
@media(max-width:359px){body.playful-sky.starlight-public .brand{font-size:1.25rem}body.playful-sky.starlight-public .header-actions{gap:8px}body.playful-sky.starlight-public .header-signin{display:none}}
@media(prefers-reduced-motion:reduce){body.playful-sky *,body.playful-sky *:before,body.playful-sky *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Whole-week authoring: one day at a time, one atomic save for the week. */
body.playful-sky.family-starlight .weekly-timetable-dialog{width:min(860px,calc(100% - 28px));max-width:860px;max-height:92dvh;border:2px solid var(--night);border-radius:24px;background:#f7fbff;color:var(--night)}
.school-week-editor{display:grid;gap:18px;min-width:0}.week-editor-intro{font-size:1rem;font-weight:750}.school-week-editor .hint{font-size:.875rem;line-height:1.55;color:#4d5b7c}.week-editor-days{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 7px;max-width:100%;scrollbar-width:thin}.week-editor-days button{flex:1;white-space:nowrap;font-size:.875rem;min-height:44px;padding:9px 13px}
body.playful-sky.family-starlight .week-editor-days button[aria-pressed=true]{background:var(--sunshine);color:var(--night);border-color:var(--night)}
.week-day-editor{display:grid;gap:16px}.week-day-editor h3{font-size:1.4rem}.week-day-rows{display:grid;gap:12px}.week-edit-row{border:1.5px solid #b7c9df;border-radius:17px;background:white;padding:15px}.week-edit-row.is-break{background:#e1f8ec;border:2px dashed #267655}.week-row-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.week-row-title strong{font-size:1rem}.week-row-title button{min-width:44px;min-height:44px;padding:5px;font-size:1.45rem}.week-row-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:13px}.week-edit-row label{display:grid;gap:6px;margin:0;font-size:.875rem;font-weight:750}.week-edit-row :is(input,select,textarea){width:100%;min-width:0;background:white;color:#1d2b53;border:1px solid #8599b5;border-radius:10px;padding:10px;font:inherit;font-size:1rem;min-height:44px}.week-row-extra{margin-top:12px}.week-row-extra summary{cursor:pointer;font-size:.875rem;color:#4d5b7c;padding:7px 0}.week-row-extra .two-fields{margin-top:10px}.school-week-editor [hidden]{display:none!important}.weekly-timetable-dialog .dialog-actions{position:sticky;bottom:-24px;background:#f7fbff;border-top:1px solid #b7c9df;padding-block:18px;margin-bottom:-15px;z-index:2}
body.playful-sky.family-starlight .school-hero{background:#ffebac;color:var(--night);border:2px solid var(--night);box-shadow:3px 4px 0 #1d2b5333}
body.playful-sky.family-starlight .school-hero :is(h2,p,.school-eyebrow){color:var(--night)}
body.playful-sky.family-starlight .school-table-scroll{background:white;border:2px solid var(--night);scrollbar-color:#7486a7 #ddf1ff}
body.playful-sky.family-starlight .school-table{color:var(--night)}
body.playful-sky.family-starlight .school-table :is(caption,thead th,th:first-child){background:#eaf7ff;color:var(--night);border-color:#bdd1e6}
body.playful-sky.family-starlight .school-table :is(th,td){border-color:#c8d9eb}
body.playful-sky.family-starlight .school-table th small{color:#4d5b7c}
body.playful-sky.family-starlight .school-table .school-today{background:#fff8df}
body.playful-sky.family-starlight .school-notes-row td{background:#f5faff}
body.playful-sky.family-starlight :is(.school-blank,.school-scroll-hint,.school-empty p){color:#4d5b7c}
body.playful-sky.family-starlight .school-ready{background:#fff5d2;border:2px solid var(--night);color:var(--night)}
body.playful-sky.family-starlight .school-day-label{color:#4d5b7c}
body.playful-sky.family-starlight .school-entry{border:1.5px solid var(--night)!important;color:var(--night)!important;box-shadow:0 3px 0 #1d2b5325!important}
body.playful-sky.family-starlight .school-entry.school-break{background:#cbf3e4!important;border:2px dashed #267655!important;min-height:75px}
body.playful-sky.family-starlight .school-popover{background:#fff5d2;color:var(--night);border:2px solid var(--night);box-shadow:5px 7px 0 #1d2b5333}
body.playful-sky.family-starlight .school-popover :is(h2,p){color:var(--night)}
body.playful-sky.family-starlight .school-delete{color:#a22b43!important}
@media(max-width:600px){.week-row-fields{grid-template-columns:1fr 1fr}.week-row-fields>label:first-child{grid-column:1/-1}.week-row-extra .two-fields{grid-template-columns:1fr;gap:12px}.week-editor-days button{flex:none}.week-edit-row{padding:12px}.weekly-timetable-dialog .dialog-actions{bottom:-20px}.school-week-editor{gap:14px}}
/* Keep interactive app states in the same palette as the public page. */
body.playful-sky.family-starlight :is(.mobile-nav button.active,.journey-tabs button.selected){background:var(--sunshine);color:var(--night);border-color:var(--night);box-shadow:0 3px 0 var(--night)}
body.playful-sky.family-starlight .kids-adventures :is(.child-topbar,.child-nav){background:#ddf1fff5;color:var(--night);border-color:var(--night)}
body.playful-sky.family-starlight .kids-adventures .child-nav{background:white;box-shadow:0 4px 0 var(--night)}
body.playful-sky.family-starlight :is(.progress-track,.journey-progress .progress-track){background:white;border-color:var(--night)}
body.playful-sky.family-starlight :is(.progress-fill,.journey-progress .progress-fill){background:var(--sunshine)}
body.playful-sky.family-starlight .weekly-card{background:white;border:2px solid var(--night);border-radius:24px;box-shadow:4px 6px 0 var(--night)}
body.playful-sky.family-starlight .weekly-table thead th b{background:var(--night);color:white}
body.playful-sky.family-starlight .weekly-table :is(td,th).weekly-today{background:#fff8df}
body.playful-sky.family-starlight .notification-item.is-unread{border-inline-start-color:var(--night)!important}
body.playful-sky.family-starlight .journey-current .secondary,body.playful-sky.family-starlight .parent-quick-actions button{background:white;color:var(--night);border:2px solid var(--night);box-shadow:0 3px 0 var(--night)}
body.playful-sky.family-starlight .parent-quick-actions svg{color:var(--night)}
[dir=rtl] body.playful-sky.family-starlight .nav-link.active{box-shadow:0 3px 0 var(--night)}