:root{--ink:#343046;--muted:#6c6377;--lav:#7d56ad;--lilac:#e9dcff;--pink:#f8c9df;--cream:#fff9f1;--white:#fff;--blue:#dff2ff;--green:#e8f5de;--gold:#ffe2a4;--shadow:0 14px 45px rgba(77,46,92,.1);--border:#ede3f2;--r:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,'Trebuchet MS',Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.big-number{font-family:'Baloo 2','Trebuchet MS',sans-serif;line-height:1.12}h1{font-size:clamp(2.5rem,7.5vw,5rem);font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;letter-spacing:-.028em}h3{font-size:clamp(1.3rem,2.5vw,1.65rem);font-weight:800}p{color:var(--muted)}.container{width:min(1130px,calc(100% - 42px));margin:auto}.skip{position:absolute;z-index:200;left:14px;top:-55px;padding:10px;background:white;border:2px solid var(--lav);border-radius:9px}.skip:focus{top:12px}:focus-visible{outline:3px solid #ff9a5a;outline-offset:3px}.header{position:sticky;top:0;z-index:100;background:rgba(255,251,247,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(127,89,160,.13)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:8px;font-size:1.7rem;font-weight:800;color:#784da8;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:17px;background:linear-gradient(145deg,#fcd6eb,#e3d1fc);font-size:1.5rem}.nav{display:flex;align-items:center;gap:7px}.nav a{padding:10px 13px;font-weight:800;font-size:.92rem;border-radius:16px;color:#5f5570}.nav a:hover,.nav a.active{background:#efe5fb;color:#6f409c}.nav a.nav-play{background:#8654bb;color:#fff}.nav a.nav-play:hover{background:#70439d;color:#fff}.menu-btn{display:none;border:1px solid var(--border);background:white;border-radius:13px;width:46px;height:46px;color:var(--lav);font-size:1.35rem}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff3df;border-radius:30px;padding:6px 12px;color:#9e6937;font-weight:900;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.lead{font-size:clamp(1.03rem,2vw,1.24rem);max-width:600px;line-height:1.65}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:13px 22px;min-height:51px;background:#885abb;color:#fff;font-weight:900;box-shadow:0 7px 0 rgba(90,48,126,.11);transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#7044a4}.btn:active{transform:translateY(2px)}.btn.alt{background:#fff;color:#7c50a8;border:2px solid #d8c3ed;box-shadow:none}.btn.alt:hover{background:#f7ecff}.btn.pink{background:#e56fa3}.btn.green{background:#6b9d5e}.btn.small{padding:9px 16px;min-height:44px;font-size:.9rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 6% 12%,#fff4c6 0 15%,transparent 33%),radial-gradient(circle at 97% 8%,#ffdef1 0 15%,transparent 37%),linear-gradient(180deg,#f5ebff 0%,#fffbf3 85%);padding:74px 0 65px}.hero:after{content:'✦  ✽  ✦';position:absolute;bottom:8px;left:4%;color:#d7beef;letter-spacing:60px;opacity:.9}.hero-content{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:40px}.hero h1{color:#7948ad;margin:15px 0 7px}.hero h1 span{color:#dc7eab}.hero h2{font-size:clamp(1.7rem,3.7vw,2.9rem);margin-bottom:14px}.hero-copy{z-index:2}.hero-art{position:relative;min-height:410px;background:radial-gradient(ellipse,#faf3ff 20%,#f1e5fa 67%,transparent 70%);border-radius:46%}.hero-art:after{content:'';position:absolute;bottom:19px;left:5%;right:5%;border-radius:50%;height:60px;background:#d9edc8;z-index:0}.hero-friend{position:absolute;width:44%;height:54%;border-radius:35px;overflow:hidden;border:8px solid #fff;box-shadow:var(--shadow);background:#fff;z-index:1}.hero-friend img{height:100%;width:100%;object-fit:cover}.hero-friend:nth-child(1){left:4%;top:3%;transform:rotate(-8deg)}.hero-friend:nth-child(2){right:2%;top:1%;transform:rotate(7deg)}.hero-friend:nth-child(3){left:10%;bottom:0;transform:rotate(6deg)}.hero-friend:nth-child(4){right:9%;bottom:-2%;transform:rotate(-6deg)}.hero-star{position:absolute;color:#e7ab53;font-size:42px;z-index:5;left:48%;top:43%;text-shadow:0 2px 0 #fff}.section{padding:72px 0}.section.soft{background:#f7f0ff}.section.blue{background:#edf7ff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-head h2{margin-top:12px}.section-head p{margin-top:8px}.section-link{color:#8153af;font-weight:900;white-space:nowrap}.grid{display:grid;gap:21px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .18s}.card:hover{transform:translateY(-4px)}.card-image{aspect-ratio:1.17;overflow:hidden;background:#f7eafa}.card-image img{width:100%;height:100%;object-fit:cover}.character:nth-child(2) .card-image{background:#e7f4ff}.character:nth-child(3) .card-image{background:#e7f1db}.character:nth-child(4) .card-image{background:#fff1d3}.card-body{padding:20px 19px 22px}.card-body p{margin-top:8px;font-size:.95rem}.card-body .link-more{display:inline-block;margin-top:15px;color:var(--lav);font-weight:900}.game-card{padding:22px;position:relative;display:flex;gap:15px;align-items:center;min-height:150px}.game-card img{width:95px;height:95px;border-radius:23px;object-fit:cover;flex-shrink:0}.game-card p{font-size:.91rem}.pill{display:inline-block;background:#f1e5fb;border-radius:20px;color:#8755a7;padding:4px 10px;font-weight:900;font-size:.75rem}.story-image{aspect-ratio:16/9;background:#eddcf8;overflow:hidden}.story-image img{height:100%;width:100%;object-fit:cover}.story-card .card-body{padding:22px}.notice{display:flex;gap:14px;align-items:center;background:#fff5df;border:1px solid #f5dfaa;border-radius:21px;padding:16px 20px;margin:25px 0;color:#7c653d}.notice p{color:inherit}.page-hero{background:linear-gradient(135deg,#eee1ff,#fef7ec);padding:70px 0 55px;text-align:center}.page-hero .lead{margin:12px auto 0}.page-hero h1{margin:13px 0}.detail-card .card-image{aspect-ratio:1.4}.details-note{margin-top:22px;text-align:center;font-weight:800;color:var(--lav)}.round-icon{width:68px;height:68px;border-radius:24px;display:grid;place-items:center;background:#f7e4fa;font-size:2rem;flex-shrink:0}.feature-cards .card{padding:24px}.feature-cards .card p{margin-top:8px}.parent-panel{display:flex;gap:30px;align-items:center;background:white;border:1px solid var(--border);padding:26px;border-radius:30px;box-shadow:var(--shadow)}.parent-panel img{max-width:220px;border-radius:22px}.parent-panel h2{margin-bottom:12px}.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-row a{padding:10px 14px;border-radius:15px;background:#f0e6fa;color:#7550a1;font-weight:900}.banner{padding:50px 0;background:linear-gradient(110deg,#f8d5e9,#e8dafe);text-align:center}.banner h2{margin-bottom:10px}.footer{background:#392d4d;color:#fff;padding:36px 0}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between}.footer p{color:#decfe8;font-size:.87rem}.footer a{color:white}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-size:.9rem}.floating-flower{position:absolute;pointer-events:none;font-size:38px;color:#dab8f5;opacity:.6}.float-a{left:2%;top:15%}.float-b{right:3%;bottom:15%;color:#ebb4cc}.game-panel{background:white;border:1px solid #e6ddef;box-shadow:var(--shadow);border-radius:30px;padding:25px;max-width:850px;margin:20px auto}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.game-top p{max-width:550px}.game-top h2{margin-bottom:7px}.level-options{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.chip{border:2px solid #e9d8f6;color:#8052aa;background:#fff;border-radius:18px;min-height:46px;padding:8px 16px;font-weight:900}.chip[aria-pressed=true]{background:#8156b6;color:white;border-color:#8156b6}.game-status{font-size:1.08rem;font-weight:900;color:#755099;min-height:32px;margin:15px 0}.memory-board{display:grid;gap:11px;max-width:680px;margin:20px auto}.memory-board.pairs-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:410px}.memory-board.pairs-3{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-board.pairs-4{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-card{border:4px solid #e8d7fa;border-radius:18px;background:linear-gradient(145deg,#f8e6f3,#e4d2fa);aspect-ratio:1/1;display:grid;place-items:center;min-height:0;overflow:hidden;font-size:clamp(1.6rem,6vw,3.2rem);transition:transform .15s}.memory-card:not(:disabled):active{transform:scale(.96)}.memory-card img{width:100%;height:100%;object-fit:cover}.memory-card.matched{border-color:#9cce82;background:#e4f4db}.memory-card:disabled{cursor:default}.memory-card .back{color:#a277cc}.feedback{font-weight:900;color:#7751a4;text-align:center;padding:11px;border-radius:15px;min-height:54px}.feedback.success{background:#eaf8df;color:#4a8044}.feedback.try{background:#fff4da;color:#856c3b}.round-controls{display:flex;justify-content:center;gap:12px;margin-top:14px;flex-wrap:wrap}.scene{position:relative;min-height:370px;overflow:hidden;border-radius:26px;background:linear-gradient(#b5e2ff 0 58%,#a8d996 58% 100%);border:5px solid #f2e7ff;margin:20px 0}.scene:before,.scene:after{content:'';position:absolute;background:white;opacity:.9;border-radius:50px;width:100px;height:30px;top:18%;left:6%;box-shadow:27px -15px 0 0 #fff,53px 1px 0 0 #fff}.scene:after{top:26%;left:auto;right:16%;transform:scale(.7)}.hill{position:absolute;bottom:-78px;background:#82c16d;border-radius:50%;width:65%;height:230px}.hill.left{left:-17%}.hill.right{right:-20%;background:#7abf84}.tree{position:absolute;bottom:63px;left:58%;width:25px;height:135px;border-radius:20px;background:#916f4b}.tree:before{content:'';position:absolute;width:155px;height:150px;background:#6eb78d;border-radius:50%;left:-63px;top:-96px;box-shadow:0 0 0 16px rgba(102,177,126,.26)}.scene-character{position:absolute;bottom:5%;left:9%;width:125px;height:125px;object-fit:cover;border:5px solid white;border-radius:50%;box-shadow:var(--shadow)}.scene-object{position:absolute;border:0;background:transparent;padding:7px;font-size:2.5rem;line-height:1;display:grid;place-items:center;min-height:54px;min-width:54px;z-index:6;filter:drop-shadow(1px 3px 2px #45663855);transition:transform .15s}.scene-object:hover{transform:scale(1.16)}.scene-object.decoy{cursor:pointer}.scene-flower{position:absolute;bottom:26px;font-size:38px;color:#f0b6cf}.prompt-card{display:flex;align-items:center;gap:20px;background:#f7edfe;border-radius:24px;padding:18px;margin:23px 0}.prompt-card img{width:120px;aspect-ratio:1;border-radius:20px;object-fit:cover}.prompt-card p{font-size:1.09rem;color:var(--ink);font-weight:800}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.choice{border:2px solid #ecddf4;background:#fff;border-radius:22px;min-height:108px;padding:16px 8px;display:grid;place-items:center;gap:6px;color:var(--ink);font-weight:900}.choice:hover{background:#f7eeff}.choice .emoji{font-size:2.5rem;line-height:1.2}.choice.selected{border-color:#8460ab;background:#ede0f9}.choice.correct{border-color:#74aa65;background:#e9f8de}.choice:disabled{opacity:.8;cursor:default}.colors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.swatch{display:grid;place-items:center;gap:12px;border:2px solid #eee4f5;background:#fff;border-radius:22px;min-height:126px;padding:12px 8px;font-weight:900}.swatch-dot{height:52px;width:52px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #e0d7ea}.swatch.selected{border-color:#8a5ab5;background:#f3e8fc}.swatch.correct{border-color:#70b565;background:#eff9e9}.print-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.paper{display:none}.activity-tile .card-image{padding:25px;text-align:center;display:grid;place-items:center;aspect-ratio:1.5}.activity-drawing{font-size:3rem;letter-spacing:10px}.activity-tile .card-body{padding:21px}.tiny{font-size:.85rem}.muted{color:var(--muted)}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.decor{font-size:2rem;letter-spacing:15px}.empty-space{padding:35px}.disabled-btn{opacity:.5}.privacy{max-width:780px;margin:auto}.privacy p{margin:12px 0}.print-title{font-family:'Baloo 2',sans-serif}.site-credit{margin-top:18px;color:#b3a1bd}
@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{gap:10px}.hero-art{min-height:380px}}
@media(max-width:900px){.header-inner{min-height:65px}.menu-btn{display:grid;place-items:center}.nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff9f5;padding:14px 22px 20px;box-shadow:0 15px 20px #4938571c}.nav.open{display:flex}.nav a{padding:13px}.hero{padding:42px 0 58px}.hero-content{display:flex;flex-direction:column;gap:32px}.hero-copy{text-align:center}.hero-copy .button-row{justify-content:center}.hero h1{font-size:3.7rem}.hero-art{min-height:340px;width:min(100%,520px)}.section{padding:50px 0}.section-head{align-items:flex-start;flex-direction:column;gap:11px}.container{width:min(100% - 30px,600px)}.page-hero{padding:47px 0 39px}.parent-panel{flex-direction:column;align-items:flex-start}.parent-panel img{max-width:170px}.footer-inner{flex-direction:column;align-items:flex-start}.game-panel{padding:16px}.prompt-card{gap:12px}.prompt-card img{width:95px}.scene{min-height:325px}}
@media(max-width:520px){.brand{font-size:1.37rem}.brand-mark{width:34px;height:34px;font-size:1.18rem}.hero h1{font-size:3.15rem}.hero h2{font-size:1.72rem}.hero-art{min-height:300px}.hero-friend{border:5px solid #fff;border-radius:20px}.grid.two,.grid.three{grid-template-columns:1fr}.grid.four{gap:11px}.grid.four .card-body{padding:13px}.grid.four h3{font-size:1.21rem}.grid.four .card-body p{font-size:.83rem}.game-card{padding:12px;min-height:128px}.game-card img{width:82px;height:82px}.choices{gap:7px}.choice{min-height:95px;padding:8px 2px}.choice .emoji{font-size:2rem}.colors-grid{grid-template-columns:repeat(2,1fr)}.memory-board.pairs-4{gap:6px}.memory-card{border-width:2px;border-radius:12px}.scene-character{width:100px;height:100px}.page-hero h1{font-size:2.6rem}.banner{padding:34px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn,.memory-card,.scene-object{transition:none}}
@media print{.header,.footer,.screen-only,.page-hero,.hero,.section,.banner,.notice{display:none!important}body{background:white!important;color:black!important}.paper.active{display:block!important;max-width:190mm;padding:14mm;margin:auto;page-break-after:avoid;color:#202020}.paper h1{font-size:30pt;margin:8mm 0 4mm}.paper p{font-size:14pt;color:#222}.print-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 30mm;margin:12mm auto}.print-pair-col{display:grid;gap:13mm}.print-person{display:flex;align-items:center;gap:12px;font-size:14pt;font-weight:bold}.print-person img{width:30mm;height:30mm;object-fit:cover;border:1px solid #ccc;border-radius:10px}.line-start{border-bottom:1px dashed #888;flex:1}.print-garden{width:100%;height:auto;margin-top:15mm}.print-brand{font-weight:900;font-size:14pt;color:#70549f} @page{size:A4 portrait;margin:12mm}}
.detail-card .card-image.joy-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0;overflow:hidden}.detail-card .joy-photo-pair img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:50% 43%;border-radius:0}.detail-card .joy-photo-pair img+img{object-position:50% 47%}

.feelings-panel{max-width:900px}.emotion-trail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0}.emotion-trail-step{display:grid;place-items:center;border:2px solid #e7daef;background:#faf5ff;width:42px;height:42px;border-radius:50%;font-size:1.35rem;color:#6b8f54}.emotion-trail-step.current{border-color:#8958b8;background:#f0dffd;box-shadow:0 0 0 3px #faf2ff}.emotion-trail-step.visited{background:#edf8e4;border-color:#a5c994}.emotion-story-scene{width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;border-radius:25px;background:#f0e3fc url('/assets/feelings-stories-atlas.png') 0 0/300% 300% no-repeat;border:3px solid #eee0f6;scroll-margin-top:90px}.emotion-story-copy{display:flex;align-items:center;gap:16px;margin:18px 0;padding:17px;background:#f8effd;border-radius:20px}.emotion-story-copy p{flex:1;font-size:1.07rem;line-height:1.6}.emotion-story-copy .btn{flex-shrink:0}.emotion-question{text-align:center;font-size:1.5rem;margin:24px 0 12px;scroll-margin-top:90px}.emotion-question:focus{outline:none}.feeling-choice{min-height:145px;border-width:3px;gap:8px}.feeling-choice .emoji{font-size:3.3rem}.feeling-choice[aria-pressed=true]{border-color:#8757b7;background:#f0e3fc}.emotion-welcome{background:#f0e9fa;color:#604279;text-align:left;line-height:1.65;font-weight:700;padding:18px}.emotion-selected{display:block;font-size:2.5rem;text-align:center;margin:16px auto 8px}.feelings-panel [hidden]{display:none!important}#emotion-listen-feedback{display:flex;margin:10px auto}#emotion-next{min-height:58px}.feelings-panel .feedback{margin-top:16px}.emotion-audio-status{margin:10px 0}@media(max-width:520px){.feelings-panel{padding:14px}.emotion-trail{gap:5px}.emotion-trail-step{width:29px;height:29px;font-size:1rem}.emotion-story-copy{display:block;padding:13px}.emotion-story-copy .btn{margin:13px auto 0;display:flex;width:fit-content}.emotion-story-copy p{font-size:1rem}.feeling-choice{min-height:120px;padding:10px 4px;font-size:.86rem;border-radius:18px}.feeling-choice .emoji{font-size:2.6rem}.emotion-question{font-size:1.3rem}.emotion-story-scene{border-radius:20px}}

.emotion-story-copy{display:block}.emotion-audio-tools{margin-top:14px}.emotion-playback{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.emotion-voice-settings{margin-top:15px;padding:12px;background:#fff9;border:1px solid #dfcbea;border-radius:15px}.emotion-voice-settings summary{cursor:pointer;color:#755099;font-weight:800;min-height:32px;line-height:1.5}.emotion-voice-settings label{display:block;margin:12px 0 6px;font-weight:800;color:#755099}.emotion-voice-settings select{display:block;width:100%;max-width:100%;min-height:48px;border:2px solid #dfcbea;border-radius:12px;background:white;color:#493a59;font:inherit;padding:8px}.emotion-voice-settings .btn{margin:12px 0!important}.emotion-voice-settings p{font-size:.87rem}.emotion-story-copy .emotion-playback .btn{margin:0;width:auto}.emotion-playback .btn{padding:10px 15px}@media(max-width:520px){.emotion-playback .btn{font-size:.9rem;min-height:48px;padding:10px 12px}.emotion-voice-settings select{font-size:.92rem}}