@font-face{font-family:Nunito;src:url('/preschool/flash/fonts/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/preschool/flash/fonts/DMSans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{font-family:'DM Sans',sans-serif;color:#30494a;background:#e0ecdf;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;--sky:#deede1;--accent:#417564;--warm:#b76b45;background:var(--sky);transition:background .7s}body[data-season=winter]{--sky:#dae8ed;--accent:#4c7689;--warm:#b27258}body[data-season=fall]{--sky:#ead6b7;--accent:#766448;--warm:#ab5c3b}body[data-season=summer]{--sky:#d3eceb;--accent:#267b86;--warm:#ad6a3c}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #b56738;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:20;left:18px;top:-80px;padding:12px;background:#fff7df}.skip-link:focus{top:14px}.header,main,footer{position:relative;z-index:2}.header{max-width:1240px;padding:24px 30px;margin:auto;display:flex;gap:16px;align-items:center}.brand{width:39px;height:39px;background:#446d5c;color:#fff7dd;display:grid;place-content:center;border-radius:12px;font:900 29px/1 Nunito,sans-serif;padding-bottom:4px}.back{font-size:11px}.header-controls{display:flex;gap:8px;margin-left:auto}.header-controls button{font-size:10px;border:1px solid #7f9d8b;background:#f9fff260;border-radius:24px;padding:8px 12px;color:#39554e}.intro{text-align:center;padding:4px 20px 20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:.21em;color:#587567;margin:0 0 8px}h1{font:900 54px/1.08 Nunito,sans-serif;letter-spacing:-.055em;margin:0}h1>span{color:#b77848}.intro>p:last-child{font-size:12px;color:#5a7468;margin:8px 0 0}.mode-switch{display:flex;justify-content:center;gap:5px;max-width:fit-content;padding:5px;margin:0 auto 19px;background:#fffdf096;border:1px solid #c6d1bf;border-radius:30px}.mode-switch button{background:transparent;color:#5a7166;border:0;border-radius:24px;font-size:12px;padding:11px 22px}.mode-switch button[aria-pressed=true]{background:#426c59;color:#fffaf0;box-shadow:0 3px 7px #35533d1c}main{max-width:1030px;padding:0 28px;margin:auto}.reader{border:1px solid #fff9e7e6;background:#fffcf0bf;box-shadow:0 12px 45px #425e4a0a;border-radius:24px;padding:21px 16px 14px;text-align:center;min-height:225px;position:relative}.reader-label{font-size:8px;letter-spacing:.17em;color:#778476;margin:0 0 14px;font-weight:600}.big-word{display:flex;justify-content:center;gap:.12em;font:900 clamp(48px,7.4vw,91px)/1.12 Nunito,sans-serif;letter-spacing:-.045em;margin:0;color:var(--accent);min-height:1.12em}.big-word .stem{color:#3d776d}.big-word .day{color:#bd713e}.big-word span{border-radius:12px;transition:background .12s,box-shadow .12s}.big-word .speaking{background:#ffdf9473;box-shadow:0 0 0 7px #ffdf9473}.big-word.pop{animation:word-pop .34s ease-out}.hear-actions{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:14px;flex-wrap:wrap}.hear-actions button{border:0;background:#e6ecdc;color:#43614c;padding:8px 14px;border-radius:20px;font-size:10px;min-height:34px}.hear-actions #together{padding:7px 1px;border-bottom:1px solid #9aa888;border-radius:0;background:transparent;color:#68745c;font-size:10px}.feedback{font-size:10px;color:#6f7f70;line-height:1.5;min-height:15px;margin:11px 0 0}.choice-panel{margin:22px 0 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 12px}.panel-heading h2{font:800 17px/1.3 Nunito,sans-serif;letter-spacing:-.025em;margin:0}.panel-heading>span{font-size:9px;color:#596f61;background:#fffcf077;border-radius:15px;padding:5px 10px}.days-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;overflow-x:auto;padding:5px 5px 12px;margin-inline:-5px;scrollbar-width:thin;scrollbar-color:#95ad91 transparent;scroll-snap-type:x proximity}.choice{border:1px solid #bacbb8;background:#fffcf0e8;border-radius:14px;padding:20px 8px;color:#456251;min-width:0;transition:background .2s,transform .2s,border-color .2s;text-align:center;box-shadow:0 4px 0 #809a7817}.choice:hover{transform:translateY(-2px);border-color:#72936b}.choice[aria-pressed=true]{background:#4d745e;border-color:#4d745e;color:#fff9e7;box-shadow:0 4px 0 #314e3e1f}.day-choice{min-height:90px;font:800 15px/1.3 Nunito,sans-serif;scroll-snap-align:start}.day-choice:after{content:'';display:block;margin:13px auto 0;width:18px;height:3px;background:currentColor;border-radius:3px;opacity:.25}.day-choice[aria-pressed=true]:after{opacity:.8;background:#f4cc87}.months-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.month-choice{min-height:70px;padding:11px 8px;font:800 16px/1.3 Nunito,sans-serif}.month-choice small{display:block;font:500 8px/1.4 'DM Sans',sans-serif;letter-spacing:.06em;margin-top:5px;opacity:.7}.month-choice[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.learning-note{text-align:center;font-size:10px;color:#546c58;margin:14px 0 0;line-height:1.6}.swipe-hint{display:none;color:#60765e;font-size:9px;margin:0 3px}footer{max-width:1030px;margin:0 auto;padding:25px 28px 20px;display:flex;justify-content:space-between;gap:18px;font-size:9px;color:#4a6555}footer a:hover{text-decoration:underline}.world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene{position:absolute;bottom:0;width:100%;height:83vh;min-height:470px}.sky-sun{position:absolute;top:16%;right:7%;width:92px;height:92px;border-radius:50%;background:#f2d37c;box-shadow:0 0 65px #ffe59980}.sun-rays{position:absolute;inset:-13px;border:2px dashed #e9c976;border-radius:50%;animation:sun-turn 60s linear infinite}.sky-cloud{position:absolute;width:180px;fill:#fffef0b3;animation:cloud-drift 20s ease-in-out infinite alternate}.cloud-one{left:4%;top:18%}.cloud-two{right:3%;top:41%;width:120px;animation-delay:-12s}.breeze{position:absolute;top:61%;left:-18px;width:200px;fill:none;stroke:#789f8a;stroke-width:2;stroke-linecap:round;opacity:.4;animation:breeze 12s ease-in-out infinite}.boat{position:absolute;width:120px;bottom:16vh;left:-160px;animation:boat-travel 34s linear infinite;overflow:visible}.boat-bob{transform-origin:center;animation:boat-bob 3s ease-in-out infinite}.water-lines{animation:water-sway 7s ease-in-out infinite}.particles{position:absolute;inset:0}.particle{position:absolute;left:var(--x);top:-60px;animation:particle-fall var(--duration) linear var(--delay) infinite}.snow{width:var(--size);height:var(--size);border-radius:50%;background:#fffdf3;opacity:.78;box-shadow:0 0 5px #fff9}.leaf{width:var(--size);height:calc(var(--size)*.55);border-radius:85% 0 85% 0;background:var(--leaf);opacity:.75;animation-name:leaf-fall}.leaf:after{content:'';display:block;position:absolute;width:80%;height:1px;top:50%;left:5%;background:#84573766;rotate:-25deg}body[data-season=winter] .sky-sun{opacity:.4;background:#fff6d8}body[data-season=winter] .breeze,body[data-season=fall] .breeze,body[data-season=summer] .breeze{display:none}body[data-season=fall] .sky-sun{background:#ebbf76}body[data-season=summer] .sky-sun{background:#f6d572;box-shadow:0 0 85px #ffe6a599}.motion-paused .world *{animation-play-state:paused!important}.motion-paused .particle{display:none}noscript{text-align:center;background:#fff8df;padding:15px;position:relative;z-index:2}@keyframes word-pop{from{opacity:.5;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes sun-turn{to{rotate:360deg}}@keyframes cloud-drift{to{translate:35px 0}}@keyframes breeze{50%{translate:32px -10px;opacity:.2}}@keyframes boat-travel{to{transform:translateX(calc(100vw + 340px))}}@keyframes boat-bob{50%{rotate:3deg;translate:0 3px}}@keyframes water-sway{50%{translate:15px 2px}}@keyframes particle-fall{to{transform:translate(75px,calc(100vh + 100px))}}@keyframes leaf-fall{0%{transform:translate(0,0) rotate(0)}45%{transform:translate(75px,50vh) rotate(160deg)}to{transform:translate(12px,calc(100vh + 100px)) rotate(330deg)}}
@media(min-width:1500px){.scene{height:92vh}.reader{margin-top:25px}main{padding-top:12px}}
@media(max-width:900px){.swipe-hint{display:block}.sky-sun{right:-15px;width:75px;height:75px}.cloud-one{left:-60px}.scene{height:70vh}.breeze{left:-100px}.reader{min-height:210px}.big-word{font-size:clamp(48px,8.5vw,72px)}}
@media(max-width:600px){.header{padding:18px 16px;gap:9px;flex-wrap:wrap}.brand{width:33px;height:33px;font-size:26px;border-radius:10px}.back{font-size:9px}.header-controls{gap:5px}.header-controls button{font-size:9px;padding:7px 8px}.intro{padding:9px 12px 19px}h1{font-size:43px}.eyebrow{font-size:8px}.intro>p:last-child{font-size:10px}main{padding:0 16px}.mode-switch{max-width:100%;margin-bottom:17px}.mode-switch button{font-size:10px;padding:11px 14px}.reader{padding:21px 9px 12px;min-height:205px;border-radius:19px}.big-word{font-size:clamp(41px,10vw,57px);gap:.08em}.reader-label{font-size:7px}.hear-actions{gap:10px;margin-top:17px}.hear-actions button,.hear-actions #together{font-size:9px}.feedback{font-size:9px}.choice-panel{margin-top:20px}.panel-heading h2{font-size:16px}.months-grid{gap:7px}.month-choice{font-size:12px;min-height:68px;padding:10px 2px;border-radius:11px}.month-choice small{font-size:7px}.day-choice{min-height:82px}.days-grid{gap:8px}.learning-note{font-size:9px}footer{font-size:8px;padding:23px 16px;align-items:center}footer>span{max-width:135px;text-align:right;line-height:1.6}.scene{height:65vh;min-height:460px}.boat{width:90px;bottom:15vh}.sky-sun{top:17%;right:-25px;width:70px;height:70px}.cloud-two{top:53%;right:-40px}.cloud-one{top:23%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}.boat{left:12%}}

/* Keep the weekend outside a shared Monday–Friday box. */
.days-grid{display:flex;align-items:center;gap:10px;padding-top:15px}
.days-grid>.day-choice{flex:1 0 112px}
.weekday-group{position:relative;display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:8px;flex:5 0 620px;border:2px solid #7f9c7e;border-radius:18px;padding:10px 8px;background:#f7f8e943}
.weekday-group-label{position:absolute;top:-9px;left:20px;background:#dcebdc;color:#4d6c53;padding:2px 9px;border-radius:12px;font-size:8px;letter-spacing:.15em;font-weight:700}
.day-choice.sunday-choice{background:#f1debb;border-color:#cba56c;color:#8b6233}
.day-choice.sunday-choice[aria-pressed=true]{background:#b18443;border-color:#a77b3c;color:#fff9e7}
.day-choice.saturday-choice{background:#e4dfef;border-color:#b2a2c5;color:#77608c}
.day-choice.saturday-choice[aria-pressed=true]{background:#86709e;border-color:#78618e;color:#fff9ed}
.mode-switch{margin-bottom:58px}
.reader{isolation:isolate}
.reader-label,.big-word,.hear-actions,.feedback{position:relative;z-index:1}
.day-art{position:absolute;top:-56px;left:50%;translate:-50% 0;pointer-events:none;z-index:0}
.day-art svg{display:block;overflow:visible;animation:word-pop .45s ease-out}
.sunday-cross{width:100px;height:150px;opacity:.75}
.day-art:has(.saturday-playground){top:-68px}
.saturday-playground{width:250px;height:145px}
.reader[data-weekend=sunday] .stem{color:#a77b3f}
.reader[data-weekend=sunday] .day{color:#447b6a}
.reader[data-weekend=saturday] .stem{color:#806995}
.big-word.month-word{align-items:center;font-size:clamp(44px,6.2vw,82px);gap:.23em}
.big-word .month-number{font-size:1.07em;line-height:1.15;min-width:1.45em;padding:.08em .15em;border:2px solid #c1cbb7;background:#f9f1cfbd;color:#8f6d38;border-radius:18px;letter-spacing:-.05em}

/* The season remains underneath twelve individual monthly scenes. */
body[data-month=new-year]{--sky:#d7e6e9;--accent:#527e88}
body[data-month=winter-hearts]{--sky:#ecdee1;--accent:#927081}
body[data-month=rainbow]{--sky:#dce9d5;--accent:#608071}
body[data-month=easter]{--sky:#e1e2ef;--accent:#7e7297}
body[data-month=flowers]{--sky:#e4ebd3;--accent:#718553}
body[data-month=beach]{--sky:#cfe7e4;--accent:#427e82}
body[data-month=fireworks]{--sky:#263850;--accent:#527c91;color:#f0ede0}
body[data-month=sunflowers]{--sky:#eee3b7;--accent:#8b7b3f}
body[data-month=apples]{--sky:#e2e2cb;--accent:#788064}
body[data-month=pumpkins]{--sky:#edd0ac;--accent:#a07043}
body[data-month=thanksgiving]{--sky:#dfc9a8;--accent:#967347}
body[data-month=christmas]{--sky:#d4e3de;--accent:#45715f}
.month-art{position:absolute;inset:0}
.month-feature{position:absolute;bottom:1vh;width:clamp(190px,25vw,340px);pointer-events:none}
.month-feature svg{display:block;width:100%;height:auto;overflow:visible}
.feature-right{right:-20px}
.feature-left{left:-20px;width:clamp(160px,21vw,290px);bottom:4vh}
body[data-month=christmas] .feature-right{width:clamp(250px,29vw,410px);bottom:0}
body[data-month=fireworks] .month-feature{top:14vh;bottom:auto;width:clamp(210px,29vw,410px)}
body[data-month=fireworks] .feature-left{top:8vh}
body[data-month=fireworks] .intro .eyebrow,body[data-month=fireworks] .intro>p:last-child,body[data-month=fireworks] .learning-note,body[data-month=fireworks] footer{color:#d5e0da}
body[data-month=fireworks] .header-controls button{color:#e2e9dc;border-color:#aebdae;background:#253c5599}
body[data-month=fireworks] .reader-label,body[data-month=fireworks] .feedback{color:#627975}
body[data-month=fireworks] .sky-sun{background:#f1ecd0;box-shadow:0 0 45px #e2ebce33;width:66px;height:66px}
body[data-month=fireworks] .sun-rays{display:none}
body[data-month=fireworks] .sky-cloud{opacity:.3}
body[data-month=fireworks] .summer-scene{filter:brightness(.65) saturate(.8)}
.firework{transform-box:fill-box;transform-origin:center;animation:firework-bloom 6s ease-out infinite}
.firework[data-delay="-1"]{animation-delay:-1s}.firework[data-delay="-2"]{animation-delay:-2s}.firework[data-delay="-3"]{animation-delay:-3s}
.motion-paused .firework{animation:none;opacity:.75;scale:1}
@keyframes firework-bloom{0%{opacity:0;scale:.3}15%{opacity:.9;scale:.65}45%{opacity:.8;scale:1}85%,100%{opacity:0;scale:1.15}}
@media(max-width:900px){.month-feature{width:205px;right:-30px}.feature-left{width:170px;left:-30px}.big-word.month-word{font-size:clamp(38px,6.4vw,68px)}}
@media(max-width:600px){
 .mode-switch{margin-bottom:58px}
 .days-grid{gap:8px;padding-top:15px}
 .weekday-group{flex-basis:616px}
 .big-word.month-word{font-size:clamp(27px,8.2vw,44px);gap:.2em}
 .big-word .month-number{font-size:1.2em;min-width:1.4em;padding:.12em .13em;border-radius:12px}
 .sunday-cross{width:86px;height:139px}
 .saturday-playground{width:215px;height:130px}
 .day-art{top:-52px}.day-art:has(.saturday-playground){top:-61px}
 .month-feature{width:170px;right:-34px;bottom:3vh;opacity:.9}
 .feature-left{width:145px;left:-34px;bottom:8vh}
 body[data-month=christmas] .feature-right{width:225px;right:-30px;bottom:0}
 body[data-month=fireworks] .month-feature{width:190px;top:17vh}
 body[data-month=fireworks] .feature-left{top:8vh}
 .learning-note{max-width:90%;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.firework{animation:none;opacity:.75;scale:1}.day-art svg{animation:none}}