:root{--brand-primary:#176c59;--brand-on-primary:#fff;--brand-background:#fafbf7;--brand-surface:#fff;--brand-text:#253f36;--brand-muted:#65776b;--brand-border:#dce5d8;--brand-soft:#e8f1e6;--brand-accent:#bd8829;--brand-accent-soft:#faf3e3;--brand-secondary:#65568e;--brand-secondary-soft:#eef1f8;--green:var(--brand-primary);--border:var(--brand-border);--muted:var(--brand-muted);background:var(--brand-background);color:var(--brand-text)}
body{background:var(--brand-background);color:var(--brand-text)}.sidebar,.topbar,.story-card,.song-card,dialog,.top-actions button,nav b{background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}.brand,.top-actions button,.text-link,.read-lyrics,.story-info b,.hero em{color:var(--brand-primary)}.brand-mark,.primary,#toast{background:var(--brand-primary);color:var(--brand-on-primary)}.kids,.kindness>span:first-child,.celebration{color:var(--brand-accent)}nav a,.nav-label,.sidebar-footer,.parent-link,.breadcrumb,.breadcrumb strong,.offline-status,.eyebrow,.greeting p,.intro,.hero p,.hero-meta,.stats small,.stats p,.story-info small,.story-info>span,.feature p,.kindness,.kindness strong,.main-footer,.progress-caption,.note,.sticker p,.sticker small,.song-card small,.song-card p,.lyrics,dialog p,.voice-note,.parent-list{color:var(--brand-muted)}nav a.active,.sidebar-note,.hero,.mint,.secondary,.close,.answers button,.main-footer button{background:var(--brand-soft);color:var(--brand-primary);border-color:var(--brand-border)}.hero-copy{background:linear-gradient(90deg,var(--brand-soft) 77%,transparent)}.pill{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-primary)}.feature,.kindness,.sticker,.song-feature,.collected{border-color:var(--brand-border)}.sticker-feature,.yellow,.top-actions .avatar,.collected,.song-picture{background:var(--brand-accent-soft)}.song-feature,.pink,.song-card:nth-child(2) .song-picture{background:var(--brand-secondary-soft)}.song-feature .text-link,.song-picture span{color:var(--brand-secondary)}.song-card:nth-child(3) .song-picture{background:var(--brand-soft)}.sticker{background:var(--brand-surface)}.sticker.collected{background:var(--brand-accent-soft)}.sticker>span{color:var(--brand-muted)}.progress-track,.scene-dots i{background:var(--brand-border)}.progress-track span,.scene-dots .selected{background:var(--brand-primary)}.story-status,.chapter{background:var(--brand-surface);color:var(--brand-text)}.answers button{color:var(--brand-text)}.answers button:hover{border-color:var(--brand-primary)}.answers .wrong{background:var(--brand-accent-soft);border-color:var(--brand-accent)}button:focus-visible,a:focus-visible{outline-color:var(--brand-accent)}
.brand{min-width:0;max-width:100%}.brand>span:last-child{min-width:0;overflow-wrap:anywhere}.brand-logo{flex-shrink:0;width:var(--logo-width,48px);max-width:55%;height:48px;object-fit:contain}.brand.logo-only .brand-logo{max-width:100%;height:64px}.mobile-brand{display:none}.brand.logo-only{justify-content:center}.hero h2{color:var(--brand-text)}
@media(max-width:600px){.hero-copy{background:linear-gradient(var(--brand-soft) 58%,transparent 90%)}.mobile-brand{display:flex;align-items:center;max-width:135px;min-width:0}.mobile-brand .brand-logo{max-width:110px;width:var(--logo-width,48px);height:38px}.mobile-brand:not(.logo-only) .brand-logo{max-width:42px}.mobile-brand .brand-wordmark{font-size:12px;font-weight:800;color:var(--brand-primary);margin-left:7px;overflow-wrap:anywhere}.mobile-brand~.breadcrumb{display:none}.topbar{gap:8px}.top-actions{flex-shrink:0}.sidebar{background:var(--brand-surface)}}