/* StarBank Sky & Sunshine: sky blue surfaces, navy text and sunny gold rewards. */
@font-face {font-family:"StarBank Rounded";src:url("assets/fonts/baloo-bhaijaan-2.ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}
body.sky-sunshine.starlight-public,body.sky-sunshine.starlight-account,body.sky-sunshine.family-starlight,body.sky-sunshine.family-starlight[data-mode] {
 --ink:#12336a;--muted:#456286;--canvas:#e8f6ff;--line:#c4e0f5;--white:#fff;
 --purple:#0874d7;--purple-dark:#055db9;--soft:#e1f2ff;--lavender:#e1f2ff;
 --gold:#ffd34f;--green:#267849;--red:#ac3853;--nav:#1d2f46;--adventure-ink:#1a2b40;
 --shadow:0 10px 30px #2c486a08;color:var(--ink);color-scheme:light;background:linear-gradient(150deg,#edf8ff 0%,#e0f2ff 65%,#d5edff 100%);min-height:100dvh;
}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(h1,h2,h3) {letter-spacing:-.025em;line-height:1.25}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #385375;outline-offset:4px}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(.primary,.button) {background:linear-gradient(135deg,#0874d7,#0565c4);color:#fff;border:1px solid #0864ba;box-shadow:0 3px 0 #0757a4;border-radius:15px}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(.primary,.button):hover {background:#055db9;color:#fff}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(.secondary,.button.outline) {background:#fff;color:#3e5c80;border:1px solid #c5d2e3;box-shadow:none}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(.secondary,.button.outline):hover {background:#ebeff5;color:#2e4d72}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch {background:#f1f4f8;border-color:#d0dbe9}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button {background:transparent;color:#385375}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button[aria-pressed=true] {background:#385375;color:white}

/* Public site: generous type, a real weekly grid, a clear sign-in, one menu. */
body.sky-sunshine.starlight-public .site-header,body.sky-sunshine.starlight-account .top {background:#edf8fff2;color:#1a2b40;border-color:#dde5ee;backdrop-filter:blur(14px)}
body.sky-sunshine.starlight-public .brand-dot {color:#385375}
body.sky-sunshine.starlight-public .hero {grid-template-columns:1fr 1.04fr;gap:54px;padding-block:70px 55px}
body.sky-sunshine.starlight-public .hero h1 {font-size:clamp(2.5rem,4.5vw,4.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.1;margin:0}
body.sky-sunshine.starlight-public .hero h1 span {color:#385375}
body.sky-sunshine.starlight-public .hero-description {color:#385375;font-size:1.08rem;line-height:1.75;max-width:480px;margin:25px 0 30px}
body.sky-sunshine.starlight-public .eyebrow {color:#385375;font-size:.75rem;letter-spacing:.1em;line-height:1.6}
body.sky-sunshine.starlight-public .quiet {color:#385375;font-size:.85rem;margin-top:20px}
body.sky-sunshine.starlight-public .hero .cta-row {gap:12px;align-items:center;flex-wrap:wrap}
body.sky-sunshine.starlight-public .hero .button {font-size:.95rem;padding:14px 19px;gap:12px}
body.sky-sunshine.starlight-public :is(.site-menu summary,.site-menu-panel) {background:#fff;color:#253d5a;border-color:#d2ddea;box-shadow:none}
body.sky-sunshine.starlight-public .site-menu[open] summary {background:#e4eaf2}
body.sky-sunshine.starlight-public .site-menu-panel {box-shadow:0 18px 45px #1e324b16}
body.sky-sunshine.starlight-public .site-menu-panel nav a:hover {background:#ebeff5}
body.sky-sunshine.starlight-public .site-menu-panel nav a.button:hover {background:#055db9;color:#fff}
body.sky-sunshine.starlight-public .site-menu-language {border-color:#d9e2ec}
.header-actions {display:flex;align-items:center;gap:18px;margin-inline-start:auto}.header-signin {font-size:.9rem;font-weight:750;min-height:44px;display:flex;align-items:center;white-space:nowrap}
body.sky-sunshine.starlight-public .benefit-strip {background:transparent;border:0;padding:0 0 22px}
body.sky-sunshine.starlight-public .benefit-strip .wrap {background:#fff;border:1px solid #e3e9f1;border-radius:24px;padding:21px 26px;flex-wrap:wrap;gap:13px 20px;justify-content:center;color:#3b587b;font-size:.85rem}
body.sky-sunshine.starlight-public .section {padding-block:72px}
body.sky-sunshine.starlight-public :is(.steps-grid article,.plan-card,.plan-card.featured) {background:#fff;border:1px solid #d5dfeb;box-shadow:0 7px 25px #2b476a05}
body.sky-sunshine.starlight-public .steps-grid {gap:20px}
body.sky-sunshine.starlight-public .steps-grid article {padding:28px;border-radius:24px}
body.sky-sunshine.starlight-public .steps-grid article h3 {font-size:1.25rem}
body.sky-sunshine.starlight-public .steps-grid article p {color:#385375;line-height:1.75}
body.sky-sunshine.starlight-public .step-number {color:#385375}
body.sky-sunshine.starlight-public .family-section {background:#eaeff5;border-block:1px solid #d9e2ec;padding-block:65px}
body.sky-sunshine.starlight-public .feature-list article {border-color:#cad6e5}
body.sky-sunshine.starlight-public .family-grid {gap:55px}
body.sky-sunshine.starlight-public .plan-card.featured {border:2px solid #9db4d0;background:#fefefe}
body.sky-sunshine.starlight-public .plan-ribbon {color:#395475;background:#e1e8f0;letter-spacing:.04em}
body.sky-sunshine.starlight-public .plan-card .trial-price {color:#1e324a}
body.sky-sunshine.starlight-public .plan-note {color:#385375}
body.sky-sunshine.starlight-public .closing {background:#e7edf4;border:1px solid #ccd8e7;color:#223852;padding:38px;border-radius:28px}
body.sky-sunshine.starlight-public .closing p {color:#385375}
body.sky-sunshine.starlight-public .closing-star {color:#ad7e21}
body.sky-sunshine.starlight-public .site-footer {border-color:#d3ddea;padding-block:38px;color:#3a577a}
body.sky-sunshine.starlight-public .signup-card {background:#fff;border-color:#d2dce9;box-shadow:0 18px 50px #2e4b6f0a}
body.sky-sunshine.starlight-public .signup-card .button {color:#fff}
body.sky-sunshine.starlight-account :is(.welcome,.welcome p,footer) {color:#43638b}
body.sky-sunshine.starlight-account .welcome h1 {color:#20354e}
body.sky-sunshine.starlight-account .welcome .eyebrow {color:#385375}
body.sky-sunshine.starlight-account .card {background:#fff;border-color:#d6e0ec;box-shadow:0 12px 40px #2944660c}

/* Signed-in pages, including dialogs and every account state. */
body.sky-sunshine.family-starlight :is(.sidebar,.topbar,.child-topbar) {background:#fcfcfdef;color:#253e5c;border-color:#d4deea}
body.sky-sunshine.family-starlight .kids-adventures .child-topbar {background:#fcfcfdef;color:#253e5c;border-color:#d4deea}
body.sky-sunshine.family-starlight .sidebar {background:#e9eef4;overflow-y:auto}
body.sky-sunshine.family-starlight :is(.nav-link,.side-end .text-button,.side-end small) {color:#385375}
body.sky-sunshine.family-starlight .nav-link:hover {background:#dbe3ed;color:#2e4b6f}
body.sky-sunshine.family-starlight :is(.nav-link.active,.mobile-nav button.active) {background:#d2ddea;color:#385375;box-shadow:inset 3px 0 #385375}
[dir=rtl] body.sky-sunshine.family-starlight .nav-link.active {box-shadow:inset -3px 0 #385375}
body.sky-sunshine.family-starlight .family-label {background:#ffffff80;border-color:#c9d6e5;color:#2b476a}
body.sky-sunshine.family-starlight .family-label small {color:#385375}
body.sky-sunshine.family-starlight :is(.card,.entry-card,.profile-button,dialog,.notification-dropdown) {background:#fff;color:#1f334c;border-color:#d4deea;box-shadow:0 10px 30px #29446608}
body.sky-sunshine.family-starlight :is(.profile-button-small,.pill,.area-switch) {background:#fcfcfd;color:#3f5d82;border-color:#d2dce9}
body.sky-sunshine.family-starlight :is(.pill.active,.area-switch [aria-current=page]) {background:#e7edf4;color:#42628a;border-color:#adc0d8}
body.sky-sunshine.family-starlight .area-switch :is(a,button,span) {color:#385375}
body.sky-sunshine.family-starlight :is(.code-box,.account-summary,.subscription-date,.onboarding-steps span,.library-choice,.icon-choice button) {background:#f4f7fa;color:#3a5577;border-color:#d2ddea}
body.sky-sunshine.family-starlight :is(.library-choice:hover,.icon-choice button.selected) {background:#e3e9f1;border-color:#385375}
body.sky-sunshine.family-starlight :is(input,textarea,select) {background:#fff;color:#223853;border-color:#bbcbde}
body.sky-sunshine.family-starlight :is(input,textarea)::placeholder {color:#385375}
body.sky-sunshine.family-starlight :is(.profile-button:hover,.profile-button-small:hover) {background:#f2f5f9;border-color:#9db4d0}
body.sky-sunshine.family-starlight :is(.text-button,.inline-link) {color:#385375}
body.sky-sunshine.family-starlight .stars {color:#a47717}
body.sky-sunshine.family-starlight .progress-track {background:#e1e8f0;border-color:#ccd8e7}
body.sky-sunshine.family-starlight .progress-fill {background:linear-gradient(90deg,#a9bdd6,#385375)}
body.sky-sunshine.family-starlight :is(.mobile-nav,.child-nav) {background:#fffdfbf5;border-color:#d0dbe9;box-shadow:0 5px 25px #243b5819}
body.sky-sunshine.family-starlight .parent-quick-actions button {background:#fff;border-color:#d1dce9;color:#3c5a7e;box-shadow:0 4px 0 #dfe6ef}
body.sky-sunshine.family-starlight .parent-quick-actions button:hover {background:#eef2f7;border-color:#99b1ce}
body.sky-sunshine.family-starlight .parent-quick-actions svg {color:#385375}
body.sky-sunshine.family-starlight .parent-overview .child-card {background:#fff;border-top-color:#afc2d9}
body.sky-sunshine.family-starlight .parent-overview .child-stats strong {color:#2f4d72}
body.sky-sunshine.family-starlight .hero-card {background:#ebeff5;color:#2c486a;border-color:#ccd8e7}
body.sky-sunshine.family-starlight .hero-card p {color:#385375}
body.sky-sunshine.family-starlight .notice {background:#fff5da;color:#7a5625;border-color:#edd29a}
body.sky-sunshine.family-starlight .close-button {background:#ebeff5;color:#385375}
body.sky-sunshine.family-starlight .notification-item {background:#fff!important;color:#294465!important;border-color:#e3eaf2!important}
body.sky-sunshine.family-starlight .notification-item.is-unread {background:#eaeff5!important;border-inline-start:3px solid #385375!important}
body.sky-sunshine.family-starlight .notification-item:hover {background:#e1e8f1!important}
body.sky-sunshine.family-starlight .notification-head p {color:#385375}
body.sky-sunshine.family-starlight .is-unread .notification-dot {background:#385375}
body.sky-sunshine.family-starlight .translation-status {background:#f1f4f8;color:#385375;border-color:#cdd9e7}
body.sky-sunshine.family-starlight .danger {background:#fce9ed;color:#ad3a59}
body.sky-sunshine.family-starlight .achievement-card {background:#fff6dc;color:#775423;border-color:#edd298}
body.sky-sunshine.family-starlight .skip-link {background:#fff;color:#385375}
body.sky-sunshine.family-starlight .star-balance {background:#fff1be;color:#805719;border-color:#edcf8b;box-shadow:0 3px 0 #e8cb8d}
body.sky-sunshine.family-starlight .profile-button strong {color:#2d4b6f}
body.sky-sunshine.family-starlight .profile-picker .eyebrow {color:#385375}

/* One friendly routine: warm current card, green approved, amber waiting. */
body.sky-sunshine.family-starlight .child-layout.kids-adventures {background:transparent!important;color:#233955}
body.sky-sunshine.family-starlight .simple-routine {--world:#385375;--adventure-ink:#233955}
body.sky-sunshine.family-starlight .adventure-title .eyebrow {color:#385375}
body.sky-sunshine.family-starlight .journey-tabs {background:#fff;border-color:#d2dce9;box-shadow:0 4px 0 #dbe4ee}
body.sky-sunshine.family-starlight .journey-tabs button {color:#385375}
body.sky-sunshine.family-starlight .journey-tabs button.selected {background:#e1e8f0;border-color:#abbed6;color:#36506f;box-shadow:inset 0 -3px #385375}
body.sky-sunshine.family-starlight .journey-progress {color:#385375}
body.sky-sunshine.family-starlight .journey-progress strong {color:#406086}
body.sky-sunshine.family-starlight .journey-progress .progress-track {background:#e0e7f0;border-color:#d0dbe8}
body.sky-sunshine.family-starlight .journey-progress .progress-fill {background:linear-gradient(90deg,#acbfd7,#385375)}
body.sky-sunshine.family-starlight .journey-current {background:#fff;color:#223854;border-color:#d0dbe8;border-top-color:#f0cd71;box-shadow:0 5px 0 #d5dfeb,0 16px 32px #2c486a09}
body.sky-sunshine.family-starlight .journey-current :is(p,small) {color:#385375}
body.sky-sunshine.family-starlight .journey-current .eyebrow {background:#eff3f8;color:#385375}
body.sky-sunshine.family-starlight .journey-current .current-picture {background:#f1f4f8;border-color:#d5dfeb;box-shadow:0 4px 0 #dde5ef}
body.sky-sunshine.family-starlight .journey-current .secondary {background:#f4f6f9;color:#385375;border-color:#ccd8e6}
body.sky-sunshine.family-starlight .routine-list h2 {color:#3f5d82}
body.sky-sunshine.family-starlight .routine-row {background:#fff;color:#2b476a;border-color:#d4deeb;box-shadow:0 3px 0 #dfe6ef}
body.sky-sunshine.family-starlight .routine-row.current {background:#f8fafc;border-color:#acbfd7;box-shadow:0 4px 0 #d7e0ec}
body.sky-sunshine.family-starlight .routine-row.approved {background:#eef9ef;border-color:#c4e0c8}
body.sky-sunshine.family-starlight .routine-row.pending {background:#fff9e7;border-color:#edddaa}
body.sky-sunshine.family-starlight .routine-row.skipped {background:#f2f5f9;border-color:#bcccdf}
body.sky-sunshine.family-starlight .routine-row.returned {border-color:#e8c1ca}
body.sky-sunshine.family-starlight .routine-row-copy small {color:#385375}
body.sky-sunshine.family-starlight .routine-row.approved small {color:#4b7755}
body.sky-sunshine.family-starlight .routine-row.pending small {color:#876222}
body.sky-sunshine.family-starlight .routine-number {background:#ecf0f6;color:#385375;border-color:#c6d3e3}
body.sky-sunshine.family-starlight .approved .routine-number {background:#dcefdd;color:#367245;border-color:#bedac2}
body.sky-sunshine.family-starlight .pending .routine-number {background:#ffefb8;color:#8c661d;border-color:#edd094}
body.sky-sunshine.family-starlight .routine-picture {background:#f1f4f8}
body.sky-sunshine.family-starlight .routine-points {background:#fff4d6;color:#96701e}
body.sky-sunshine.family-starlight button.routine-row:hover {background:#e8edf4;border-color:#385375}
body.sky-sunshine.family-starlight .journey-empty {background:#f6f8fa;color:#43648c;border-color:#c8d5e4}
body.sky-sunshine.family-starlight .kids-adventures .child-nav {background:#fffdfdf5;border-color:#cbd7e6;box-shadow:0 8px 28px #253d5b15}
body.sky-sunshine.family-starlight .child-nav button {color:#385375}
body.sky-sunshine.family-starlight .child-nav button.active {background:#e3eaf2;color:#3b587c}
body.sky-sunshine.family-starlight .wish-card {background:#fff6de;color:#785225;border-color:#eddaa2;box-shadow:0 4px 0 #e9d7a2}
body.sky-sunshine.family-starlight .wish-card .avatar {background:#ffedb9}
body.sky-sunshine.family-starlight .yesterday-card {background:#f8fafc;color:#42628a;border-color:#ccd8e7}
body.sky-sunshine.family-starlight .yesterday-card p {color:#385375}

/* School subject colours remain distinct on the light timetable. */
body.sky-sunshine.family-starlight .school-hero {background:#e9eef4;border-color:#cad7e6;box-shadow:none}
body.sky-sunshine.family-starlight .school-hero h2 {color:#36506f}
body.sky-sunshine.family-starlight .school-hero p {color:#385375}
body.sky-sunshine.family-starlight .school-eyebrow {color:#385375}
body.sky-sunshine.family-starlight .school-ready {background:#fff;border-color:#d2ddea}
body.sky-sunshine.family-starlight .school-day-label {color:#956b1d}
body.sky-sunshine.family-starlight .school-table-scroll {background:#fff;border-color:#d2ddea;scrollbar-color:#afc1d8 #eff3f8}
body.sky-sunshine.family-starlight .school-table {color:#3a5577}
body.sky-sunshine.family-starlight .school-table :is(th,td) {border-color:#dbe3ed}
body.sky-sunshine.family-starlight .school-table :is(caption,thead th,th:first-child) {background:#e7ecf3;color:#416188}
body.sky-sunshine.family-starlight .school-table th small {color:#385375}
body.sky-sunshine.family-starlight .school-table .school-today {background:#f2f5f9}
body.sky-sunshine.family-starlight .school-notes-row td {background:#fbfcfd}
body.sky-sunshine.family-starlight :is(.school-blank,.school-scroll-hint,.school-empty p) {color:#385375}
body.sky-sunshine.family-starlight .school-empty {border-color:#c6d4e4}
body.sky-sunshine.family-starlight .school-popover {background:#fff;color:#3a5678;border-color:#c9d6e5;box-shadow:0 18px 60px #28426122}
body.sky-sunshine.family-starlight .school-popover h2 {color:#385375}
body.sky-sunshine.family-starlight .school-sync-warning {background:#fff3ca;color:#906729}
body.sky-sunshine.family-starlight .school-delete {color:#b04665!important}
/* Private uploaded icons use the existing scoped image loader. */
.weekly-task .custom-activity-picture {width:32px;height:32px;min-width:32px;display:grid;place-items:center;font-size:1.3rem;background:#f1f4f8;border-radius:9px}
.weekly-task .custom-activity-picture img {width:30px;height:30px;object-fit:contain}
.weekly-limit {background:#fff4d8;color:#805c1b;font-size:.85rem;padding:12px 15px;border-radius:12px;margin-bottom:16px}

/* The homepage grid is a labelled sample; family grids use private saved data. */
.home-week-stage {background:#e8edf4;border:1px solid #dbe4ee;border-radius:32px;padding:24px;position:relative;min-width:0}
.home-week {background:#fff;border:1px solid #e3eaf2;border-radius:24px;padding:24px;box-shadow:0 12px 30px #2b476a0b}
.home-week-top {display:flex;align-items:center;gap:12px;margin-bottom:20px}.home-week-avatar {font-size:2rem;background:#eff3f7;border-radius:15px;padding:7px}.home-week-top h2 {font-size:1.2rem;margin:0}.home-week-top p {font-size:.8rem;margin-top:4px;color:#385375}.sample-label {margin-inline-start:auto;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#385375;background:#f2f5f9;border-radius:7px;padding:5px 7px}
.home-week-scroll {overflow-x:auto;max-width:100%;border-radius:8px}.home-week table {width:100%;border-collapse:separate;border-spacing:0;min-width:350px;font-size:.75rem;table-layout:fixed}.home-week th,.home-week td {border:0;border-bottom:1px solid #ebeff5;padding:10px 3px;text-align:center}.home-week th:first-child {width:135px;text-align:start;font-weight:650}.home-week thead th {color:#385375;font-weight:600;font-size:.67rem}.home-week .demo-today {background:#edf2f7}.home-week .demo-star {color:#c68d09;font-size:1.45rem;line-height:1}.home-week .demo-wait {color:#385375;font-size:1.45rem;line-height:1}.home-week .demo-blank {color:#b3c5da;font-size:.9rem}.home-week .demo-planned {color:#b3c5da}.home-week .home-legend {display:flex;flex-wrap:wrap;gap:12px;font-size:.67rem;margin-top:14px;color:#385375}.home-week .home-legend span {display:flex;align-items:center;gap:5px}.home-bank {border-top:1px dashed #d4deeb;padding-top:18px;margin-top:18px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:#385375}.home-bank strong {font-size:2rem;color:#223852;line-height:1}.home-bank>span:last-child {margin-inline-start:auto;max-width:105px;text-align:end}.home-wish {display:flex;align-items:center;gap:13px;padding:19px 23px;border-radius:20px;margin:16px 8px -10px;background:#1e324b;color:#fff;box-shadow:0 6px 0 #d4deea}.home-wish>span {font-size:1.8rem}.home-wish small {color:#c8d5e5;display:block;font-size:.72rem}.home-wish strong {display:block;font-size:.95rem;margin-top:4px}.family-people {display:flex;gap:8px;margin-top:25px}.family-people>span {font-size:1.6rem;display:grid;place-items:center;border:3px solid #eef2f7;border-radius:50%;width:52px;height:52px;background:#fff}
.school-preview-layout {display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.school-preview-copy p:not(.eyebrow) {font-size:1rem;margin-block:22px;line-height:1.75}.school-sample {border:1px solid #d5dfeb;background:#fff;border-radius:26px;padding:25px;min-width:0}.school-sample-head {display:flex;align-items:center;gap:12px;margin-bottom:18px}.school-sample-head h3 {font-size:1.1rem}.school-sample-head>span:first-child {font-size:1.6rem}.school-sample-scroll {overflow:auto}.school-sample table {min-width:420px;width:100%;table-layout:fixed;border-spacing:5px;border-collapse:separate;font-size:.75rem}.school-sample th {font-size:.7rem;color:#385375;text-align:center;padding:4px;font-weight:600}.school-sample th:first-child {width:48px}.school-sample td {padding:13px 5px;text-align:center;border-radius:11px;background:#e9eef4;color:#385375}.school-sample .sample-mint {background:#e4f4e8;color:#4b7158}.school-sample .sample-peach {background:#fff0d6;color:#9b7326}.school-sample .sample-blue {background:#e6f0fd;color:#526f9a}.school-sample .sample-rose {background:#fbe6ee;color:#9c667c}.school-sample-note {display:flex;align-items:center;gap:10px;margin:15px 5px 0;padding:12px;background:#fff6dc;border-radius:13px;color:#866320;font-size:.8rem}.school-sample-foot {font-size:.7rem;color:#385375;margin:13px 5px 0}
[dir=rtl] .weekly-table :is(th,td):not(:first-child),[dir=rtl] .home-week :is(th,td):not(:first-child),[dir=rtl] .school-sample :is(th,td) {text-align:center!important}
@media(max-width:1000px){body.sky-sunshine.starlight-public .hero{gap:28px}.home-week-stage{padding:16px}.home-week{padding:18px}.home-week th:first-child{width:115px}.school-preview-layout{gap:30px}}
@media(max-width:760px){body.sky-sunshine.starlight-public .hero{grid-template-columns:1fr;padding-block:35px 40px;gap:35px}body.sky-sunshine.starlight-public .hero h1{font-size:clamp(2.4rem,9vw,3.4rem)}body.sky-sunshine.starlight-public .section{padding-block:48px}body.sky-sunshine.starlight-public .hero-description{font-size:1rem}body.sky-sunshine.starlight-public .family-grid{gap:35px}body.sky-sunshine.starlight-public .closing{padding:28px}body.sky-sunshine.starlight-public .benefit-strip .wrap{justify-content:flex-start;padding:20px}.header-actions{gap:12px}.header-signin{font-size:.85rem}.home-week-stage{max-width:550px;width:100%;margin-inline:auto}.school-preview-layout{grid-template-columns:1fr}.school-sample{padding:20px}}
@media(max-width:480px){body.sky-sunshine.starlight-public .hero .cta-row{align-items:stretch;gap:12px}.home-week-stage{padding:12px}.home-week{padding:16px 12px}.home-week table{min-width:310px}.home-week th:first-child{width:112px}.home-week .demo-star,.home-week .demo-wait{font-size:1.2rem}.home-week-top{gap:9px}.home-week-top h2{font-size:1.05rem}.home-week-avatar{font-size:1.6rem}.home-bank>span:last-child{font-size:.7rem}.home-wish{margin-inline:0;padding:17px}.school-sample{padding:18px 12px}}
@media(max-width:380px){body.sky-sunshine.starlight-public .hero h1{font-size:2.25rem}.header-actions{gap:8px}body.sky-sunshine.starlight-public .site-menu summary{padding:9px}.header-signin{font-size:.8rem}.home-week table{min-width:285px}.home-week th:first-child{width:99px}}
[dir=rtl] body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(h1,h2,h3,.eyebrow){letter-spacing:normal}

/* Rounded, bilingual display type; everyday instructions keep the system font. */
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(h1,h2,h3,.brand) {
 font-family:"StarBank Rounded",ui-rounded,system-ui,sans-serif;font-weight:800;letter-spacing:-.015em;
}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .brand {letter-spacing:-.035em}
body.sky-sunshine.starlight-public .brand {font-size:2rem;gap:7px}
body.sky-sunshine.starlight-public .brand img {width:52px;height:52px}
body.sky-sunshine.starlight-public .brand-dot {display:none}
body.sky-sunshine.starlight-public .site-header {border-bottom:0}
body.sky-sunshine.starlight-public .site-menu summary {border-radius:999px;background:#e8edf4;border-color:transparent;padding:12px 23px}
body.sky-sunshine.starlight-public .header-signin {font-size:1rem;color:#12336a}
body.sky-sunshine.starlight-public .hero {grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);padding-block:60px 45px;gap:48px}
body.sky-sunshine.starlight-public .hero h1 {font-family:"StarBank Rounded",ui-rounded,system-ui,sans-serif;font-size:clamp(3rem,5.25vw,4.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#12336a;text-wrap:balance}
body.sky-sunshine.starlight-public .hero h1 span {color:#096cc6}
body.sky-sunshine.starlight-public .hero .eyebrow {margin-bottom:18px;letter-spacing:.07em}
body.sky-sunshine.starlight-public .hero-description {font-size:1.1rem;color:#2f4561;line-height:1.7;max-width:470px;margin-block:24px 28px}
body.sky-sunshine.starlight-public .button {border-radius:999px;font-weight:750}
body.sky-sunshine.starlight-public .button.outline {background:#e4ebf3;border:1px solid #d4deea;color:#203b5c}
body.sky-sunshine.starlight-public .button.outline:hover {background:#d6e0ec;color:#12336a}
body.sky-sunshine.starlight-public .hero .button {padding:15px 22px;font-size:.93rem}
body.sky-sunshine.starlight-public .home-week-stage {border:0;border-radius:30% 25% 28% 18% / 24% 20% 30% 25%;padding:30px 18px 20px;background:#cdeaff;isolation:isolate}
.home-week-mascot {position:absolute;inset-inline-end:-4px;top:-62px;width:144px;height:144px;object-fit:contain;z-index:-1;transform:rotate(9deg)}
[dir=rtl] .home-week-mascot {transform:rotate(-9deg)}
body.sky-sunshine.starlight-public .home-week {position:relative;background:#ffffff;border:1px solid #e3f0fa;border-radius:30px;padding:22px;box-shadow:0 12px 28px #1b57941a}
body.sky-sunshine.starlight-public .home-week-avatar {background:#ffe9d8;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;flex-shrink:0}
body.sky-sunshine.starlight-public .home-week-top h2 {font-size:1.55rem;line-height:1.2}
body.sky-sunshine.starlight-public .home-week-top p {font-size:.75rem}
body.sky-sunshine.starlight-public .home-week .sample-label {background:transparent;padding:0;font-size:.62rem}
body.sky-sunshine.starlight-public .home-week table {font-size:.77rem}
body.sky-sunshine.starlight-public .home-week th,body.sky-sunshine.starlight-public .home-week td {padding-block:11px}
body.sky-sunshine.starlight-public .home-week .demo-star {color:#ac7800}
body.sky-sunshine.starlight-public .home-week :is(.demo-blank,.demo-planned) {color:#5178a7}
body.sky-sunshine.starlight-public .home-bank {margin-top:13px;padding-top:13px;color:#385375}
body.sky-sunshine.starlight-public .home-bank strong {font-family:"StarBank Rounded",ui-rounded,system-ui,sans-serif;font-size:2rem;font-weight:800}
body.sky-sunshine.starlight-public .home-wish {background:#fff3cf;border:1px solid #fae8b2;color:#12336a;box-shadow:none;border-radius:20px;margin:16px 0 0;padding:15px 18px}
body.sky-sunshine.starlight-public .home-wish>span {font-size:2rem}
body.sky-sunshine.starlight-public .home-wish small {color:#5e5b3c;font-size:.75rem}
body.sky-sunshine.starlight-public .home-wish strong {font-family:"StarBank Rounded",ui-rounded,system-ui,sans-serif;font-weight:700;font-size:1.2rem;line-height:1.3}

/* Three separate benefit bubbles, with a single local illustration sprite. */
body.sky-sunshine.starlight-public .benefit-strip {padding-block:12px 28px}
body.sky-sunshine.starlight-public .benefit-strip .benefit-bubbles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent;border:0;padding:0;border-radius:0}
body.sky-sunshine.starlight-public .benefit-bubble {display:flex;align-items:center;gap:14px;min-width:0;min-height:150px;padding:21px 23px;border-radius:48px;background:#d9efff;box-shadow:0 8px 18px #78603b0d}
body.sky-sunshine.starlight-public .benefit-butter {background:#fff3d0}
body.sky-sunshine.starlight-public .benefit-peach {background:#e8f6ff}
body.sky-sunshine.starlight-public .benefit-bubble h2 {font-size:1.35rem;line-height:1.25;letter-spacing:-.01em;color:#12336a;text-wrap:balance}
.benefit-art {display:block;flex-shrink:0;width:96px;height:96px;background-image:url("assets/family-benefits.png");background-repeat:no-repeat;background-size:300% 100%;border-radius:50%}
.benefit-parents {background-position:0% 50%;background-color:#cddae9}
.benefit-shield {background-position:50% 50%;background-color:#ffe7a2}
.benefit-gift {background-position:100% 50%;background-color:#c4e7ff}
body.sky-sunshine.starlight-public .feature-list article>span {background:#f6fbff;color:#096cc6;border-color:#c8d5e4;border-radius:15px}
body.sky-sunshine.starlight-public .feature-symbol.lavender {background:#d9e2ee;color:#096cc6}
body.sky-sunshine.starlight-public .feature-symbol.peach {background:#ffe8da;color:#8e5036}
body.sky-sunshine.starlight-public .steps-grid article {border-radius:30px}
body.sky-sunshine.starlight-public .plan-card.featured {border-color:#668ab5;background:#fcfffc}
body.sky-sunshine.starlight-public .school-sample .sample-peach {color:#78551b}
body.sky-sunshine.starlight-public .school-sample .sample-rose {color:#895069}

/* Account forms and smaller inherited controls use the same readable palette. */
body.sky-sunshine.starlight-public .signup-card {--ink:#12336a;--muted:#456286;--purple:#0874d7;--purple-dark:#055db9;--line:#c4e0f5;--lavender:#e1f2ff;color:var(--ink)}
body.sky-sunshine.starlight-account :is(.link-button,.badge) {color:#203b5c}
body.sky-sunshine.starlight-account :is(.switcher,.badge,.facts>div) {background:#e9eef5}
body.sky-sunshine.starlight-account .message:not(.error):not(.success) {background:#e9eef5;color:#203b5c}
body.sky-sunshine.starlight-account :is(.welcome,.welcome p,footer) {color:#385375}
body.sky-sunshine:is(.starlight-account,.starlight-public) :is(input,select) {border-color:#96afcd}
body.sky-sunshine.family-starlight :is(.secondary,.profile-button-small,.pill) {color:#385375}
body.sky-sunshine.family-starlight .badge:not(.green):not(.orange):not(.red):not(.gray) {background:#e1e8f0;color:#203b5c}
body.sky-sunshine.family-starlight .collection-item {background:#f6fbff;border-color:#d4deea;box-shadow:0 4px 0 #dae3ed}
body.sky-sunshine.family-starlight .school-table :is(caption,thead th,th:first-child) {color:#385375}
body.sky-sunshine.family-starlight .school-sync-warning {color:#705022}
body.sky-sunshine.family-starlight .routine-points {color:#7a570e}
body.sky-sunshine.family-starlight .routine-row.approved small {color:#426b49}
.weekly-table th small,.weekly-card .weekly-heading p {color:#385375}
.weekly-table .weekly-unrecorded {color:#5178a7}

@media(max-width:1050px) {
 body.sky-sunshine.starlight-public .hero {gap:25px}
 body.sky-sunshine.starlight-public .hero h1 {font-size:clamp(2.9rem,5.6vw,4rem)}
 body.sky-sunshine.starlight-public .hero .button {padding:13px 17px}
 body.sky-sunshine.starlight-public .benefit-bubble {gap:10px;padding:20px 17px;border-radius:36px}
 body.sky-sunshine.starlight-public .benefit-bubble h2 {font-size:1.2rem}
 .benefit-art {width:76px;height:76px}
 body.sky-sunshine.starlight-public .home-week {padding:20px 16px}
}
@media(max-width:760px) {
 body.sky-sunshine.starlight-public .hero {grid-template-columns:minmax(0,1fr);gap:78px;padding-block:40px 30px}
 body.sky-sunshine.starlight-public .hero h1 {font-size:clamp(3rem,9vw,4.1rem);max-width:540px}
 body.sky-sunshine.starlight-public .hero-description {font-size:1.05rem}
 body.sky-sunshine.starlight-public .home-week-stage {padding:26px 16px 18px}
 body.sky-sunshine.starlight-public .home-week {padding:24px 20px}
 body.sky-sunshine.starlight-public .benefit-strip .benefit-bubbles {grid-template-columns:1fr;gap:14px;max-width:550px}
 body.sky-sunshine.starlight-public .benefit-bubble {min-height:116px;padding:17px 24px;gap:22px;border-radius:36px}
 body.sky-sunshine.starlight-public .benefit-bubble h2 {font-size:1.5rem;max-width:300px;text-wrap:pretty}
 .benefit-art {width:86px;height:86px}
 body.sky-sunshine.starlight-public .brand {font-size:1.65rem}
 body.sky-sunshine.starlight-public .brand img {width:43px;height:43px}
}
@media(max-width:480px) {
 body.sky-sunshine.starlight-public .hero h1 {font-size:clamp(2.85rem,10.5vw,3.5rem)}
 body.sky-sunshine.starlight-public .hero .eyebrow {font-size:.65rem;letter-spacing:.05em}
 body.sky-sunshine.starlight-public .hero .cta-row {gap:12px;align-items:stretch}
 body.sky-sunshine.starlight-public .home-week-stage {padding:23px 10px 12px}
 body.sky-sunshine.starlight-public .home-week {padding:19px 12px;border-radius:24px}
 body.sky-sunshine.starlight-public .home-week-top {gap:8px}
 body.sky-sunshine.starlight-public .home-week-top h2 {font-size:1.3rem}
 body.sky-sunshine.starlight-public .home-week-avatar {width:45px;height:45px;font-size:1.6rem}
 body.sky-sunshine.starlight-public .home-week-top p {font-size:.7rem}
 body.sky-sunshine.starlight-public .home-week .sample-label {font-size:.55rem}
 .home-week-mascot {width:125px;height:125px;top:-59px;inset-inline-end:0}
 body.sky-sunshine.starlight-public .benefit-bubble {padding:16px 20px;gap:17px}
 body.sky-sunshine.starlight-public .benefit-bubble h2 {font-size:1.3rem}
 .benefit-art {width:78px;height:78px}
 body.sky-sunshine.starlight-public .brand {font-size:1.5rem;gap:4px}
 body.sky-sunshine.starlight-public .brand img {width:36px;height:36px}
 body.sky-sunshine.starlight-public .header-actions {gap:12px}
 body.sky-sunshine.starlight-public .header-signin {font-size:.85rem}
 body.sky-sunshine.starlight-public .site-menu summary {font-size:.85rem;gap:6px;padding:10px 14px}
}
@media(max-width:360px) {
 body.sky-sunshine.starlight-public .nav-wrap {gap:10px}
 body.sky-sunshine.starlight-public .brand {font-size:1.35rem}
 body.sky-sunshine.starlight-public .brand img {width:30px;height:30px}
 body.sky-sunshine.starlight-public .header-actions {gap:8px}
 body.sky-sunshine.starlight-public .site-menu summary {padding:10px 11px}
 body.sky-sunshine.starlight-public .home-week-avatar {width:37px;height:37px}
 body.sky-sunshine.starlight-public .home-week-top h2 {font-size:1.2rem}
}
[dir=rtl] body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) :is(h1,h2,h3) {letter-spacing:0;line-height:1.4}
[dir=rtl] body.sky-sunshine.starlight-public .hero h1 {line-height:1.25}

/* Sky & Sunshine states: these scoped rules outrank the older shared layouts. */
html:has(body.sky-sunshine) {background:#e8f6ff;color-scheme:light}
body.sky-sunshine {font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
body.sky-sunshine.starlight-public .site-menu summary {background:#cceaff;color:#10366d;border-color:#b5ddfb;box-shadow:0 3px 0 #b8dcf8}
body.sky-sunshine.starlight-public .site-menu[open] summary {background:#b3dfff;color:#10366d}
body.sky-sunshine.starlight-public .site-menu-panel {background:#fafdff;color:#10366d;border-color:#b6d8f3}
body.sky-sunshine.starlight-public .site-menu-panel nav a:hover {background:#dff1ff;color:#10366d}
body.sky-sunshine.starlight-public .site-menu-panel nav a.button:hover {background:#055db9;color:#fff}
body.sky-sunshine.starlight-public .button.outline {background:#e2f3ff;color:#10366d;border-color:#b8dcf7}
body.sky-sunshine.starlight-public .button.outline:hover {background:#cbe9ff;color:#10366d}
body.sky-sunshine.starlight-public .family-section {background:#d8edff;border-color:#bddff8}
body.sky-sunshine.starlight-public .closing {background:#cde9ff;color:#10366d;border-color:#aed5f3}
body.sky-sunshine.starlight-public .feature-symbol.lavender {background:#ceeaff;color:#096cc6}
body.sky-sunshine.starlight-public .plan-card.featured {border-color:#6ab5ef;background:#f9fdff}
body.sky-sunshine.starlight-public .plan-ribbon {background:#ffe28a;color:#594311}
body.sky-sunshine.starlight-public .home-week .demo-today {background:#e5f4ff}
body.sky-sunshine.starlight-public .home-week .demo-star {color:#b47c00}
body.sky-sunshine.starlight-public .hero .eyebrow {color:#235a92}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch {background:#e1f2ff;color:#10366d;border-color:#9ac8ec;padding:4px;gap:4px}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button {background:#fff;color:#10366d;border:1px solid #b8d9f2;box-shadow:none;min-height:40px}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button:hover {background:#edf8ff;color:#10366d}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button[aria-pressed=true] {background:#ffda65;color:#10366d;border-color:#e4b738;box-shadow:0 2px 0 #d3aa37;font-weight:800}
body.sky-sunshine:is(.starlight-public,.starlight-account,.family-starlight) .language-switch button:focus-visible {outline:3px solid #086bca;outline-offset:3px}
body.sky-sunshine.family-starlight .sidebar {background:#dcefff;border-color:#b9d9f3}
body.sky-sunshine.family-starlight :is(.topbar,.child-topbar) {background:#edf8fff2;border-color:#c1def4;color:#12336a}
body.sky-sunshine.family-starlight :is(.nav-link.active,.mobile-nav button.active) {background:#c4e5ff;color:#0b4380;box-shadow:inset 3px 0 #0874d7}
[dir=rtl] body.sky-sunshine.family-starlight .nav-link.active {box-shadow:inset -3px 0 #0874d7}
body.sky-sunshine.family-starlight :is(.progress-track,.journey-progress .progress-track) {background:#d7ebfb;border-color:#b7daf4}
body.sky-sunshine.family-starlight :is(.progress-fill,.journey-progress .progress-fill) {background:linear-gradient(90deg,#3dacf4,#0874d7)}
body.sky-sunshine.family-starlight .parent-quick-actions button {background:#f8fcff;color:#174b86;border-color:#c1def4;box-shadow:0 4px 0 #cce5f8}
body.sky-sunshine.family-starlight .parent-quick-actions svg {color:#0874d7}
body.sky-sunshine.family-starlight .notification-item.is-unread {background:#e0f2ff!important;border-inline-start-color:#0874d7!important}
body.sky-sunshine.family-starlight .is-unread .notification-dot {background:#0874d7}
body.sky-sunshine.family-starlight .translation-edit-note {background:#e8f5ff;color:#456286}
body.sky-sunshine.family-starlight[data-mode=kids] {background:radial-gradient(ellipse at 30% 0,#f5fcff 0,transparent 55%),linear-gradient(145deg,#e5f5ff,#cdeaff);--world:#0874d7}
body.sky-sunshine.family-starlight .kids-adventures .child-topbar {background:#eaf7fff2;color:#12336a;border-color:#bcdcf5}
body.sky-sunshine.family-starlight .simple-routine {--world:#0874d7;--adventure-ink:#12336a}
body.sky-sunshine.family-starlight .adventure-title .eyebrow {color:#235a92}
body.sky-sunshine.family-starlight .journey-current {background:#fafdff;color:#12336a;border-color:#b5d9f4;border-top-color:#ffd34f;box-shadow:0 5px 0 #badcf5,0 16px 32px #2b5b9212}
body.sky-sunshine.family-starlight .journey-current .current-picture {background:#e0f2ff;border-color:#c5e4fb;box-shadow:0 4px 0 #badcf5}
body.sky-sunshine.family-starlight .journey-tabs button.selected {background:#c4e6ff;color:#0b4380;border-color:#9bcef4;box-shadow:inset 0 -3px #0874d7}
body.sky-sunshine.family-starlight .routine-row.current {background:#eaf7ff;border-color:#4b9ee1;box-shadow:0 4px 0 #c4e3f9}
body.sky-sunshine.family-starlight .routine-picture {background:#e5f4ff}
body.sky-sunshine.family-starlight .kids-adventures .child-nav {background:#f3fbfff5;border-color:#b8dcf7;box-shadow:0 8px 28px #24508022}
body.sky-sunshine.family-starlight .child-nav button.active {background:#c5e7ff;color:#0b4380}
body.sky-sunshine.family-starlight .kids-adventures .adventure-identity .star-balance {background:#ffe188;color:#594311;border-color:#ecc65b;box-shadow:0 3px 0 #e6bf4e}
body.sky-sunshine.family-starlight .school-hero {background:#d8edff;border-color:#b4d7f3}
body.sky-sunshine.family-starlight .school-table :is(caption,thead th,th:first-child) {background:#e3f3ff;color:#214d7b}
body.sky-sunshine.family-starlight .school-table .school-today {background:#f0f9ff}
body.sky-sunshine .weekly-table thead th b {background:#086bca;color:#fff}
body.sky-sunshine .weekly-table :is(td,th).weekly-today {background:#e7f5ff}

/* The Up next illustration fills its tile for both emoji and private pictures. */
body.sky-sunshine.family-starlight .journey-current .current-picture {
 --activity-hero-size:clamp(6.5rem,12vw,8rem);
 display:grid;place-items:center;flex-shrink:0;
 width:var(--activity-hero-size);height:var(--activity-hero-size);padding:.5rem;
}
body.sky-sunshine.family-starlight .journey-current .current-picture .custom-activity-picture {
 display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;
 max-width:none;max-height:none;font-size:calc(var(--activity-hero-size) - 1.75rem);line-height:1;
}
body.sky-sunshine.family-starlight .journey-current .current-picture .custom-activity-picture>span {font-size:inherit;line-height:1}
body.sky-sunshine.family-starlight .journey-current .current-picture .custom-activity-picture>img {
 width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;
}