:root{--ink:#243d43;--teal:#087c80;--paper:#fffaf0;--wash:#e7f5f0;--sun:#ffda73}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'Trebuchet MS',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;min-height:48px;border:2px solid var(--teal);border-radius:12px;padding:9px 16px;color:var(--ink);background:white}button:hover{background:var(--wash)}button[aria-pressed=true]{background:var(--teal);color:white}button:disabled{cursor:default;opacity:.65}a{color:var(--teal)}:focus-visible{outline:4px solid #8a3600;outline-offset:4px}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--teal);color:white;padding:15px 28px}.brand{font:bold 26px Georgia,serif}.badge{border-radius:20px;padding:4px 13px;background:var(--sun);color:#243d43}.review-warning{background:#fff0bc;padding:12px 24px;border-bottom:2px solid #b6821d}.toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 24px;background:var(--wash)}.hero{margin:0}.hero img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1500px;margin:auto}aside{padding:24px 16px;background:var(--wash)}nav{display:grid;gap:10px}nav button{text-align:left;background:transparent;border-color:transparent}nav button[aria-current=page]{background:var(--teal);color:white}main{padding:32px clamp(18px,4vw,54px);min-width:0}h1{font:bold clamp(30px,4vw,43px)/1.2 Georgia,serif;color:var(--teal);margin:0 0 20px}h2{font: bold 27px/1.3 Georgia,serif;color:var(--teal)}h3{font-size:21px;margin:0 0 10px}p{max-width:850px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.card,.notice,details{padding:23px;border-radius:16px;background:var(--wash);margin-bottom:18px}.card:nth-child(3n+2){background:#fff0bc}.card:nth-child(3n){background:#ebe2fa}.card p:last-child{margin-bottom:0}.eyebrow{font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:14px}.field{display:block;margin-bottom:15px}.field span{display:block;font-weight:bold;margin-bottom:5px}input,select,textarea{max-width:100%;width:100%;padding:12px;border:2px solid var(--teal);background:white;color:var(--ink);border-radius:8px}input[type=checkbox]{width:auto;margin-right:10px}textarea{min-height:140px;resize:vertical}.status{padding:12px 0;min-height:48px;font-weight:bold}.face{font-size:36px;min-width:100px}.stage{padding:24px;background:white;border:2px solid #bddbce;border-radius:18px;text-align:center}.shape{font-size:68px}.garden{min-height:150px;display:flex;flex-wrap:wrap;gap:8px;padding:20px;background:#eef5dc}.garden span{font-size:36px}.story{font-size:30px;line-height:1.5;min-height:100px}.big-done{font-size:24px;padding:16px 30px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:20px;border:1px solid #bddbce}summary{cursor:pointer;font-weight:bold}footer{padding:24px;text-align:center;background:var(--teal);color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;padding:12px;z-index:10;background:white}[hidden]{display:none!important}.littles main{font-size:22px}.littles button{min-height:60px}.calm *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.large{font-size:23px}.contrast{--ink:#fff;--teal:#fff;--paper:#000;--wash:#171717;--sun:#fff;background:#000;color:#fff}.contrast header,.contrast footer{background:#000;color:#fff}.contrast .card,.contrast .notice,.contrast details,.contrast .review-warning,.contrast .stage,.contrast .garden{background:#171717;color:white;border:2px solid white}.contrast button,.contrast input,.contrast textarea,.contrast select,.contrast .badge{background:black;color:white;border-color:white}.contrast button[aria-pressed=true],.contrast nav button[aria-current=page]{background:white;color:black}.contrast :focus-visible{outline-color:#ffdf00}.low .hero{display:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{padding:16px}nav{grid-template-columns:1fr 1fr}main{padding:25px 18px}.cards,.filters{grid-template-columns:1fr}.toolbar{padding:12px 16px}.hero img{max-height:220px}header{padding:16px}.face{min-width:85px;font-size:30px}}

.hero img{max-height:none;object-fit:contain}.flower-button{display:block;margin:18px 0}.flower-button svg{max-width:100%;height:auto}

.realm-switch{display:flex;flex-wrap:wrap;gap:10px;padding:12px 24px;background:var(--paper)}.realm-switch a{padding:8px 12px;border:1px solid var(--teal);border-radius:10px;min-height:44px}.realm-switch a[aria-current=page]{font-weight:bold;border-width:3px}.realm-link{align-self:center}.cards .realm-link{padding:0 14px}
.access-menu{margin:12px 24px;padding:0;border:1px solid var(--teal);border-radius:12px;background:var(--paper)}.access-menu>summary{padding:10px 16px;min-height:48px}.access-menu .toolbar{padding:12px;display:flex;flex-wrap:wrap;gap:8px}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px;margin-top:22px}.activity-grid .card{margin:0;display:flex;flex-direction:column;align-items:flex-start}.activity-grid .card button{margin-top:auto}.activity-icon{font-size:42px}.activity-welcome{border:2px solid var(--teal)}.game-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px;max-width:560px;margin:20px auto}.game-grid button{min-width:0;min-height:48px;padding:4px;border-radius:8px;font-size:24px}.game-grid button[data-game=pixel]{height:48px;border:1px solid #52636b}.beat-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-width:560px}.beat-row button{padding:4px;min-width:0;min-height:44px}.creature{text-align:center;font-size:64px;line-height:1.25;padding:24px}.tower{white-space:pre-line;text-align:center;font-size:35px;line-height:1;min-height:100px;padding:20px}.comic-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#game-body{margin:24px 0}#game-body label{display:block}#game-body .row{margin:14px 0}#plan-list li{margin:12px 0;overflow-wrap:anywhere}#game-message{min-height:50px;font-weight:bold}.contrast .activity-welcome{background:#171717;color:white}.contrast .game-grid button{border:2px solid white}.contrast .game-grid button[data-game=pixel]{color:#111;border-color:#888}footer a{color:inherit}@media(max-width:700px){.comic-panels{grid-template-columns:1fr}.game-grid{gap:3px}.game-grid button{min-height:44px;font-size:20px}.game-grid button[data-game=pixel]{height:44px}.access-menu{margin:12px 16px}.beat-row{gap:2px}.activity-grid{grid-template-columns:1fr}}@media(max-width:420px){.game-grid button{min-height:36px}.game-grid button[data-game=pixel]{height:36px}.beat-row button{min-height:38px}}
.track-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:560px;margin:20px auto}.track-row button{min-width:0;min-height:54px;padding:5px}.coop-cell{display:block;text-align:center;font-size:28px;min-height:46px;border:1px solid var(--teal);border-radius:8px}.playground{padding:18px;background:var(--wash);border-radius:16px}
/* Teens visual identity: soft editorial layout, stationary decoration, no new assets. */
.teens:not(.contrast){--ink:#282d42;--teal:#51408a;--paper:#f7f5fc;--wash:#eeeaf8;--sun:#f5cf8b;background:radial-gradient(ellipse at 90% 10%,#e7def6 0,transparent 42%),radial-gradient(ellipse at 0 70%,#e0f1ec 0,transparent 45%),#f7f5fc;font-family:'Segoe UI',Arial,sans-serif}
.teens:not(.contrast) header{background:#29283f;padding:20px clamp(20px,5vw,72px);border-bottom:4px solid #d8b784}.teens .brand{font-family:'Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-.8px}.teens:not(.contrast) .badge{background:#eed7ad;color:#29283f;font-size:14px;font-weight:700;letter-spacing:.5px}
.teens .access-menu{max-width:1400px;margin:16px auto 10px;width:calc(100% - 40px);border-radius:22px}.teens:not(.contrast) .access-menu{border-color:#dcd5e9;background:#ffffffb8}.teens .access-menu>summary{padding:10px 20px}.teens .toolbar{border-radius:0 0 22px 22px}
.teens .realm-switch{max-width:1400px;margin:auto;padding:8px 20px 20px;gap:9px;background:transparent}.teens .realm-switch a{border-radius:999px;padding:8px 18px;font-size:15px}.teens:not(.contrast) .realm-switch a{background:#fff;border-color:#ded8eb;text-decoration:none;color:#51408a}.teens:not(.contrast) .realm-switch a[aria-current=page]{background:#51408a;color:white;border-color:#51408a;border-width:1px;box-shadow:0 4px 12px #51408a22}
.teens .hero{max-width:1400px;width:calc(100% - 40px);margin:0 auto 30px;border-radius:32px 32px 72px 32px;overflow:hidden}.teens:not(.contrast) .hero{box-shadow:0 15px 40px #30244715}.teens .hero img{width:100%;height:auto;max-height:none;object-fit:contain}
.teens .shell{max-width:1400px;width:calc(100% - 40px);grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;margin:0 auto 48px}.teens aside{padding:18px 10px;border-radius:28px}.teens:not(.contrast) aside{background:#ffffffb8;border:1px solid #e5dfef}.teens aside .eyebrow{padding:0 12px;font-weight:750;font-size:12px;letter-spacing:1.2px}.teens nav{gap:5px}.teens nav button{border-radius:16px;font-size:16px;line-height:1.45;padding:12px}.teens:not(.contrast) nav button:hover{background:#eeeaf8}.teens:not(.contrast) nav button[aria-current=page]{background:#51408a;color:white;box-shadow:0 5px 12px #51408a20}
.teens main{padding:clamp(24px,4vw,48px);border-radius:32px;min-width:0}.teens:not(.contrast) main{background:#ffffffd9;border:1px solid #eee9f4;box-shadow:0 12px 45px #30244708}.teens h1,.teens h2{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.7px}.teens h1{font-size:clamp(32px,4vw,50px);line-height:1.13;font-weight:800;max-width:760px}.teens h2{font-size:25px;line-height:1.25}.teens h3{font-size:21px;font-weight:750}.teens .eyebrow{font-weight:700}.teens #panel>p:not(.eyebrow){line-height:1.75}
.teens .card,.teens .notice,.teens main details{border-radius:26px;padding:26px;border:1px solid transparent}.teens:not(.contrast) .card{background:#eeebf8;border-color:#e2dcf0}.teens:not(.contrast) .card:nth-child(3n+2){background:#f8eedb;border-color:#eddfc4}.teens:not(.contrast) .card:nth-child(3n){background:#e4f1ec;border-color:#d1e5dc}.teens .cards,.teens .activity-grid{gap:20px}.teens .activity-grid .card{border-radius:28px 28px 44px 28px}.teens .activity-icon{font-size:38px;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:22px;margin-bottom:6px}.teens:not(.contrast) .activity-icon{background:#ffffffa8}.teens .activity-grid h2{font-size:23px}.teens .activity-grid p{font-size:16px;line-height:1.65}.teens .activity-grid button{margin-top:auto}
.teens .activity-welcome{position:relative;overflow:hidden;padding:30px 34px;border-radius:28px 60px 28px 28px;margin:26px 0}.teens:not(.contrast) .activity-welcome{background:linear-gradient(120deg,#34324f,#595080);border:0;color:#fff;box-shadow:0 12px 25px #34324f18}.teens:not(.contrast) .activity-welcome h2{color:#fff}.teens .activity-welcome h2{margin-top:0;max-width:500px;font-size:30px}.teens .activity-welcome p{max-width:500px}.teens:not(.contrast) .activity-welcome button{background:#f2d59f;color:#29283f;border-color:#f2d59f;font-weight:750}
.teens button{border-radius:16px}.teens:not(.contrast) main button:not([data-game=pixel]):not([aria-pressed=true]){border-color:#cbc2df;background:#fff;color:#403362}.teens:not(.contrast) main button:hover:not([data-game=pixel]):not([aria-pressed=true]){background:#f1edf8;border-color:#8d7caf}.teens:not(.contrast) main .activity-welcome button{background:#f2d59f;color:#29283f;border-color:#f2d59f}.teens input,.teens textarea,.teens select{border-radius:15px}.teens:not(.contrast) input,.teens:not(.contrast) textarea,.teens:not(.contrast) select{border-color:#cfc6df}.teens .stage{border-radius:28px}.teens:not(.contrast) .stage{border-color:#e0d8ed}.teens:not(.contrast) footer{background:#29283f;color:#efebf7;padding:32px;border-radius:36px 36px 0 0}.teens:not(.contrast) :focus-visible{outline-color:#9c5200}
@media(max-width:1000px){.teens .shell{grid-template-columns:1fr;gap:18px}.teens aside{padding:14px}.teens aside .eyebrow{margin:0 0 10px}.teens nav{display:flex;flex-wrap:wrap;gap:6px}.teens nav button{flex:1 1 145px;font-size:15px;text-align:center;min-height:48px}.teens main{padding:28px}.teens .hero{margin-bottom:20px}}
@media(max-width:600px){.teens .shell,.teens .hero,.teens .access-menu{width:calc(100% - 24px)}.teens .hero{border-radius:22px 22px 40px 22px}.teens .realm-switch{padding:8px 12px 16px}.teens .realm-switch a{font-size:14px;padding:7px 12px}.teens main{padding:22px 16px;border-radius:24px}.teens .cards{grid-template-columns:1fr}.teens .activity-welcome{padding:24px;border-radius:24px 42px 24px 24px}.teens .activity-welcome h2{font-size:26px}.teens .card{padding:22px}.teens nav button{flex-basis:125px}.teens .activity-grid{grid-template-columns:1fr}.teens h1{font-size:34px}.teens .shell{margin-bottom:24px}}
.site-art{margin:0;overflow:hidden;border-radius:22px;background:transparent}.site-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}.art-card{width:100%;margin:0 0 18px;aspect-ratio:3/2;flex-shrink:0}.art-card img{height:100%}.activity-grid .card .art-card{border-radius:18px 18px 30px 18px}.art-section{max-width:760px;margin:16px 0 26px;max-height:260px}.art-section img{max-height:260px;object-fit:cover}.activity-welcome{display:flow-root}.art-welcome{float:right;width:43%;margin:0 0 10px 24px;border-radius:20px 36px 20px 20px}.low .site-art{display:none!important}.contrast .site-art{border:2px solid white}.teens .activity-grid .art-card{border-radius:20px 20px 38px 20px}.teens .activity-welcome .art-welcome{max-width:350px}.teens .art-section{border-radius:24px 44px 24px 24px}@media(max-width:650px){.art-welcome{float:none;width:100%;margin:0 0 20px;max-height:220px}.art-welcome img{max-height:220px;object-fit:cover}.art-section,.art-section img{max-height:200px}.activity-grid .art-card{aspect-ratio:3/2}}

/* 2026 refresh: readable content, quiet navigation, activities within reach. */
:root{--font:system-ui,-apple-system,"Segoe UI",sans-serif;--round:22px}
body{font-family:var(--font);font-size:17px;line-height:1.65;color:#27343c}
.top{background:var(--paper);color:var(--accent);max-width:1500px;margin:auto;padding:22px 32px;border-bottom:1px solid #20304012}
.brand{font:800 22px/1.2 var(--font);letter-spacing:-.6px}.top-actions{display:flex;align-items:center;gap:18px}.pause-shortcut{font-size:14px;font-weight:750;text-underline-offset:5px}.free{background:var(--wash);color:var(--accent)}
.shell{grid-template-columns:218px minmax(0,1fr);padding:24px 24px 0;gap:24px;min-height:75vh}aside{background:transparent;padding:14px 0;align-self:start;position:sticky;top:16px}
nav{gap:4px}nav a{font-size:14px;font-weight:650;padding:11px 14px;border-radius:12px}nav a[aria-current=page]{background:var(--wash);color:var(--accent)}nav a:hover{background:var(--pop)}.nav-caption{letter-spacing:1px;margin:0;color:#52636b}.side-note{font:15px/1.6 var(--font);color:#52636b}.mobile-navigation{display:none}
main{padding:0 0 56px;max-width:1100px}.hero{overflow:hidden;border-radius:24px 24px 0 0;background:var(--wash)}.hero img{width:100%;height:auto;display:block}.titlebar{border:0!important;background:var(--wash);border-radius:0 0 24px 24px;padding:12px 22px;margin-bottom:34px}.titlebar strong{font-size:17px}.titlebar span{font-size:13px}
[data-panel]{scroll-margin-top:24px}h1{font:800 clamp(32px,4vw,55px)/1.09 var(--font);letter-spacing:-1.7px;max-width:850px;margin-bottom:20px}h2{font:750 clamp(24px,2.5vw,33px)/1.2 var(--font);letter-spacing:-.6px}h3{font:730 20px/1.3 var(--font)}p{max-width:76ch}.intro{font-size:19px;max-width:62ch}.eyebrow{letter-spacing:1.6px}
.welcome-copy{padding:0 12px 12px}.pause-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(170px,.65fr);align-items:center;gap:24px;padding:32px;border-radius:28px;background:var(--wash);margin:24px 0 36px}.pause-feature h2{max-width:650px}.pause-feature p{margin-bottom:14px}.feature-mark{font-size:76px;text-align:center;line-height:1.2;color:var(--accent);letter-spacing:8px}.feature-mark small{display:block;font:700 12px/2 var(--font);letter-spacing:2px}
.action{display:inline-block;text-decoration:none;font-weight:700;font-size:16px;border-radius:14px;min-height:48px;padding:12px 20px}.action.secondary{background:var(--wash);color:var(--accent)}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity{padding:26px;border:0!important;box-shadow:none!important;background:var(--wash);border-radius:20px}.activity:nth-child(3n+2){background:var(--pop)}.activity:nth-child(3n){background:var(--soft)}.activity p{font-size:16px}.activity .arrow{font-size:22px}.activity:hover{transform:translateY(-2px)}.cards .activity:first-child{grid-column:1/-1;display:block;padding:28px 30px}.cards .activity:first-child h3{font-size:25px}
.stage{border:0;padding:28px;background:var(--wash)}details{background:transparent;border-top:1px solid #30405025;border-radius:0;padding:20px 0;margin:0}details p{margin-top:14px}.notice{background:var(--wash);border-radius:16px}.quiet-field{background:var(--wash)}.sun{animation-play-state:paused}
.pause-intro{max-width:760px}.pause-nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pause-nav button{border:1px solid #30405030;background:transparent;color:var(--accent);padding:11px 16px;border-radius:24px;min-height:48px}.pause-nav button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.pause-stage{padding:clamp(18px,3vw,34px);background:var(--wash);border-radius:24px;min-height:320px}.pause-stage p{font-size:18px}.pause-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-width:430px;margin:20px 0}.pause-grid button{aspect-ratio:1;border:1px solid #30405030;border-radius:9px;min-height:42px;background:#fffef5}.palette{display:flex;gap:8px;flex-wrap:wrap}.palette button{border:2px solid transparent;border-radius:12px;min-width:55px;min-height:48px;font-size:14px;color:#203039}.palette button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}
.pause-stars{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0;max-width:540px}.pause-stars button{border:1px solid #30405030;border-radius:18px;background:var(--paper);min-width:64px;min-height:64px;font-size:30px;color:var(--accent)}.pause-stars button[aria-pressed=true]{background:var(--pop)}.pause-orbit{min-height:220px;display:grid;place-items:center}.pause-orbit span{display:block;width:110px;height:110px;border-radius:50%;background:var(--pop);box-shadow:0 0 0 24px var(--soft)}.pause-orbit.moving span{animation:float 9s ease-in-out infinite}.pause-status{min-height:30px;margin-top:16px}.pause-footer{font-size:14px;color:#53616a;margin-top:20px}.pause-story{font-size:23px!important;max-width:600px}.parent-note{margin-top:30px}
body.littles h1{font-family:Georgia,serif;letter-spacing:-1px}body.littles .pause-feature{border-radius:42px 24px 42px 24px}body.littles .activity{border-radius:28px}body.littles main{font-size:18px}body.littles .activity h3{font-size:23px}
body.preteens .activity{border-radius:16px}body.teens h1{text-transform:none}body.teens .hero,body.teens .titlebar{border-radius:8px}body.teens .pause-feature{border-radius:8px;border-left:6px solid var(--accent)}body.teens .activity{border-radius:8px}body.teens .eyebrow{font-weight:800}body.teens .titlebar{background:var(--accent);color:white}body.teens .titlebar strong{color:white}
footer{background:var(--paper);color:var(--accent);border-top:1px solid #30405020;text-align:left;padding:28px max(24px,calc((100vw - 1400px)/2));font-size:14px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a44219;outline-offset:4px}select{font:inherit}
@media(max-width:800px){.shell{display:block;padding:16px}.top{padding:18px 16px}.top-actions{gap:12px}.free{display:none}aside{position:static;padding:0 0 18px}aside nav,aside .nav-caption,aside .side-note{display:none}.mobile-navigation{display:block}.mobile-navigation label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}.mobile-navigation select{width:100%;padding:12px;border:1px solid #30405030;border-radius:12px;background:var(--paper);color:var(--accent)}.titlebar{margin-bottom:26px;padding:10px 15px}.titlebar span{display:none}.pause-feature{padding:24px;grid-template-columns:1fr}.feature-mark{display:none}.cards{grid-template-columns:1fr}.cards .activity:first-child{grid-column:auto}h1{letter-spacing:-1px}main{padding-bottom:32px}.pause-nav{gap:6px}.pause-nav button{padding:9px 12px;font-size:14px}.hero{border-radius:16px 16px 0 0}.brand{font-size:20px}.pause-shortcut{font-size:13px}.welcome-copy{padding:0}.pause-grid{gap:4px}}
@media(prefers-reduced-motion:reduce){.pause-orbit.moving span{animation:none}.activity{transition:none}}

:root{--accent:#493e78;--paper:#faf9fd;--wash:#ebe6f7;--pop:#d6ee87;--soft:#f3c1ba}

.shell:has([data-panel="pause"]:not([hidden])) .hero,.shell:has([data-panel="pause"]:not([hidden])) .titlebar{display:none}

.mascot{display:block;width:100px;height:100px;background-image:url("mascot-poses.png");background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;flex-shrink:0}.pose-read{background-position:0 0}.pose-make{background-position:100% 0}.pose-rest{background-position:0 100%}.pose-go{background-position:100% 100%}.section-mascot{float:right;margin:0 0 18px 20px;width:110px;height:110px}.pause-feature>.mascot{width:190px;height:190px;justify-self:center}.activity>.mascot{float:right;margin:0 0 10px 20px;width:90px;height:90px}.activity{display:flow-root}.pause-nav button{display:flex;align-items:center;gap:6px}.pause-nav .mascot{width:36px;height:36px}.pause-stage:after{content:"";display:block;clear:both}@media(max-width:800px){.pause-feature>.mascot{display:none}.section-mascot{width:76px;height:76px;margin-left:12px}.activity>.mascot{width:72px;height:72px}.pause-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pause-nav button{border-radius:14px;text-align:left}.pause-nav .mascot{width:38px;height:38px}}

.teens #heck-app>header{max-width:1500px;margin:auto;background:var(--paper);color:var(--accent);padding:20px 28px;display:flex;gap:16px;align-items:center;border:0}.teens #heck-app>header .brand{margin-right:auto}.teens #heck-app>header .pause-shortcut{background:transparent;border:0;color:var(--accent);padding:10px;text-decoration:underline;white-space:nowrap}
.teens .access-menu{margin:0 auto 16px;max-width:1440px;width:calc(100% - 48px);padding:6px 0;border:0}.teens .access-menu summary{text-align:right;font-size:13px}
.teens .shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;width:calc(100% - 48px);max-width:1450px;padding:0;margin:auto}
.teens aside{border:0!important;background:transparent!important;box-shadow:none;padding:12px 0;position:sticky;top:18px;border-radius:0}.teens nav{display:grid;gap:3px}.teens nav button{font-size:14px;text-align:left;border:0;background:transparent;color:var(--accent);border-radius:12px;box-shadow:none!important}.teens nav button[aria-current=page]{background:var(--wash)!important;color:var(--accent)!important}
.teens main{padding:0 0 40px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}.teens .hero{width:100%;margin:0 0 30px;border-radius:12px}.teens .hero img{height:auto;max-height:none;width:100%;object-fit:contain}.teens[data-section=parking] .hero{display:none}
.teens .card{border:0!important;border-radius:14px;padding:24px;box-shadow:none}.teens .card p{font-size:16px}.teens .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.teens .activity-welcome{padding:25px;border-radius:16px;background:var(--wash)!important;color:var(--accent)!important;box-shadow:none!important}.teens .activity-welcome h2{color:var(--accent)!important}.teens .activity-welcome .art-welcome{width:100px;height:100px;margin:0 0 12px 20px}.teens .art-card{width:100px;height:100px;aspect-ratio:1;float:right;margin:0 0 12px 16px}.teens .card{display:flow-root}.teens .art-section{width:110px;height:110px;float:right;margin:0 0 20px 20px}.teens .pause-stage h2{margin-top:0}
.teens .pause-nav button{border:1px solid #30405030!important}.teens .pause-nav button[aria-pressed=true]{background:var(--accent)!important;color:white!important}.teens .palette button{color:#203039!important}.teens main .pause-grid button{padding:0;min-width:0;min-height:42px;border-radius:9px}.teens .pause-stars button{padding:8px}.teens .pause-stars button[aria-pressed=true]{background:var(--pop)!important;color:var(--accent)!important}.teens .pause-orbit.moving span{animation:float 9s ease-in-out infinite}.teens.calm .pause-orbit.moving span{animation:none}
.teens footer{background:var(--paper)!important;color:var(--accent)!important;border-radius:0!important;border-top:1px solid #30405020;margin-top:30px}.low .mascot{display:none!important;background-image:none!important}.contrast{--accent:#fff;--paper:#111;--wash:#222;--pop:#444;--soft:#333;color:white}.contrast .mascot{mix-blend-mode:normal;background-color:white;border-radius:12px}.contrast .pause-stage,.contrast .pause-feature{color:white;background:#222}.contrast .palette button{color:#203039!important}.contrast .pause-nav button{border-color:white!important}.large .pause-stage p{font-size:1.3rem}.teens .mobile-navigation{display:none}
@media(max-width:800px){.teens .shell{display:block;width:calc(100% - 32px)}.teens aside{position:static;padding:0 0 20px}.teens nav,.teens aside>.eyebrow{display:none}.teens .mobile-navigation{display:block}.teens .mobile-navigation select{width:100%;background:var(--paper);color:var(--accent)}.teens .cards,.teens .activity-grid{grid-template-columns:1fr}.teens .hero{margin-bottom:25px}.teens #heck-app>header{padding:16px}.teens #heck-app>header .badge{display:none}.teens .access-menu{width:calc(100% - 32px)}.teens .art-card{width:76px;height:76px}.teens .art-welcome{float:right!important;width:85px!important;height:85px!important;margin:0 0 10px 15px!important}.teens .section-mascot{width:76px;height:76px}.teens .pause-feature{padding:22px}.teens .pause-nav .mascot{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.teens .pause-orbit.moving span{animation:none!important}}

.hab-reader{max-width:860px;margin:auto}.hab-reader>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:650;margin:20px 0}.hab-reader select{max-width:100%;padding:10px 14px;border:1px solid #9eafb3;border-radius:10px;background:var(--paper,#fff);color:inherit}.reader-page{padding:clamp(22px,4vw,44px);background:#fffef9;color:#27343c;border-radius:20px;margin:22px 0;box-shadow:0 3px 20px #20304009;min-height:340px}.reader-page p{font-family:Georgia,serif;font-size:22px;line-height:1.85;margin-bottom:24px;max-width:62ch}.reader-page h2{font-size:27px}.reader-navigation,.reader-audio{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reader-navigation{justify-content:space-between;margin:16px 0 24px}.reader-navigation button,.reader-audio button{font:650 16px/1.5 system-ui;min-height:48px;padding:10px 18px;border:1px solid #a2b2b6;border-radius:12px;background:var(--wash,#e8eff0);color:var(--accent,#234850);cursor:pointer}.reader-navigation button:disabled,.reader-audio button:disabled{opacity:.5;cursor:default}.reader-status{min-height:28px;margin:10px 0;font-size:15px}.reader-note{font-size:13px;color:#52666d}.contrast .reader-page{background:#111;color:#fff;border:1px solid white}.contrast .reader-note{color:#ddd}.large .reader-page p{font-size:28px}@media(max-width:600px){.reader-page{padding:22px 18px;min-height:0}.reader-page p{font-size:20px;line-height:1.8}.reader-navigation{gap:6px}.reader-navigation button{padding:10px 14px}.reader-navigation span{font-size:13px}}

.age-quiet{display:flow-root;max-width:820px}.cozy-picks,.sketch-tools,.next-choices{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cozy-picks button,.sketch-tools button,.next-choices button{font:650 15px/1.5 system-ui;min-height:48px;padding:10px 15px;border-radius:12px;border:1px solid #9eb5bd;background:var(--paper,#fff);color:var(--accent,#24505b)}.cozy-picks button[aria-pressed=true]{background:var(--pop,#ffdf68)}.cozy-room{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:linear-gradient(#dceff5 65%,#e5d5b7 65%);padding:18px;border-radius:20px;margin:20px 0;max-width:560px}.cozy-room button{aspect-ratio:1;min-width:0;min-height:55px;border:1px dashed #64858a80;background:#ffffff50;border-radius:12px;font-size:32px}.sketch-desk canvas{display:block;width:100%;height:auto;background:#fffef9;border:1px solid #c6cbd4;border-radius:16px;touch-action:none}.quiet-private{font-size:14px!important;color:#52666d}.unsent-desk textarea{min-height:220px;font:18px/1.7 system-ui;padding:20px;background:var(--paper,#fff);color:inherit;width:100%;border:1px solid #9aa7b6;border-radius:16px}.unsent-desk label{display:block;font-weight:650}.next-response{min-height:60px;font-size:20px}.contrast .quiet-private{color:white}@media(max-width:600px){.cozy-room{gap:5px;padding:10px}.cozy-room button{font-size:25px}.next-choices button{width:100%;text-align:left}}

.caregiver{--accent:#126b6c;--paper:#fffdf6;--wash:#e5f3eb;--pop:#f9df8b;--soft:#e8d2b9;background:var(--paper);color:#253e42;font-family:system-ui,sans-serif}.caregiver .mascot{background-image:url("parents-poses.png")}.littles .mascot{background-image:url("littles-poses.png")}.kids .mascot{background-image:url("kids-poses.png")}.preteens .mascot{background-image:url("preteens-poses.png")}
.caregiver header{background:var(--paper);color:var(--accent);border-bottom:1px solid #20304015;max-width:1450px;margin:auto;padding:24px 30px;gap:20px}.caregiver .brand{margin-right:auto}.caregiver .pause-shortcut{color:var(--accent);background:transparent;border:0;text-decoration:underline}.caregiver .access-menu{margin:0 auto 18px;max-width:1390px;border:0;background:transparent;padding:8px}.caregiver .access-menu summary{text-align:right;font-size:14px}.caregiver .shell{max-width:1450px;width:calc(100% - 48px);margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:0}.caregiver aside{background:transparent;position:sticky;top:18px;padding:12px 0;border:0}.caregiver nav{display:grid;gap:5px}.caregiver nav button{border:0;background:transparent;color:var(--accent);font-size:14px;text-align:left;border-radius:12px}.caregiver nav button[aria-current=page]{background:var(--wash);color:var(--accent)}.caregiver main{padding:0 0 40px;background:transparent;border:0;box-shadow:none}.caregiver .hero{width:100%;margin:0 0 32px;border-radius:20px}.caregiver h1{font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-1.5px}.caregiver .cards,.caregiver .activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.caregiver .card{background:var(--wash);border:0;border-radius:20px;padding:26px;display:flow-root}.caregiver .card:nth-child(3n+2){background:#fff0c1}.caregiver .card:nth-child(3n){background:#e4edf5}.caregiver .art-card{float:right;width:110px;height:110px;margin:0 0 15px 20px;aspect-ratio:1}.caregiver .art-section{float:right;width:120px;height:120px;margin:0 0 20px 20px}.caregiver .art-welcome{float:right;width:150px;height:150px;margin:0 0 12px 25px}.caregiver footer{background:var(--paper);color:var(--accent);border-top:1px solid #20304020}.caregiver .activity-welcome{background:#e5f3eb;color:#253e42;border:0;border-radius:20px;padding:28px}.caregiver .mobile-navigation{display:none}.caregiver .card .realm-link{clear:both}
@media(max-width:800px){.caregiver .shell{display:block;width:calc(100% - 32px)}.caregiver aside{position:static;padding:0 0 20px}.caregiver nav,.caregiver aside>.eyebrow{display:none}.caregiver .mobile-navigation{display:block}.caregiver .cards,.caregiver .activity-grid{grid-template-columns:1fr}.caregiver header{padding:18px 16px}.caregiver .badge{display:none}.caregiver .art-card{width:85px;height:85px}.caregiver .hero{margin-bottom:24px}.caregiver .access-menu{width:calc(100% - 32px)}}

.caregiver-return{display:block;margin:20px 0 10px;padding:12px 10px;color:inherit;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.caregiver-return:focus-visible{outline:3px solid currentColor;outline-offset:3px}