.header{position:sticky;top:0;z-index:20;background:#fff9ecf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__inner{max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:15px var(--space-4) 12px}.header__logo-link{display:inline-flex;transition:transform var(--transition-fast)}.header__logo-link:active{transform:scale(.96)}.header__logo{height:54px;width:auto}@media(min-width:768px){.header__inner{padding:var(--space-5) var(--space-8)}.header__logo{height:72px}}.header__settings{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-sky-dark);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@media(min-width:1024px){.header__logo{height:78px}.header__settings{width:58px;height:58px}}.header__settings:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.header__settings:active{transform:scale(.94)}.mascot-hero{position:relative;display:flex;align-items:center;text-align:left;border-radius:30px;overflow:hidden;padding:0;margin:0 var(--space-3) var(--space-4);min-height:276px;isolation:isolate}.mascot-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-1}.mascot-hero__mascot{position:absolute;z-index:3;left:0;bottom:5px;width:min(55vw,218px);height:auto;filter:drop-shadow(0 12px 14px rgba(45,42,38,.18));animation:mascot-bob 3.2s ease-in-out infinite}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mascot-hero__text{position:absolute;z-index:4;left:48%;right:10px;top:82px}.mascot-hero__title{margin:0;font-size:clamp(2rem,10vw,2.7rem);font-weight:900;line-height:.9;letter-spacing:-1.5px;color:#0874d7;text-shadow:0 3px 0 #fff,0 6px 14px rgba(22,85,157,.16)}.mascot-hero__title span{color:#f35549}.mascot-hero__subtitle{margin:12px 0 0;font-size:clamp(1rem,5vw,1.28rem);font-weight:800;color:var(--color-sky-dark);white-space:nowrap}.mascot-hero__star,.mascot-hero__splash,.mascot-hero__steps,.mascot-hero__flower{position:absolute;z-index:2;pointer-events:none}.mascot-hero__star{width:64px;left:43%;top:34px;transform:rotate(-8deg)}.mascot-hero__splash{width:72px;left:-18px;bottom:34px}.mascot-hero__steps{width:59%;left:-4%;bottom:-7px;z-index:1}.mascot-hero__flower{width:54px;bottom:0}.mascot-hero__flower--one{right:-4px}.mascot-hero__flower--two{right:42px;width:38px;bottom:2px}@media(min-width:768px){.mascot-hero{margin:0 var(--space-8) var(--space-8);min-height:390px}.mascot-hero__mascot{left:6%;width:min(40%,410px);bottom:6px}.mascot-hero__text{left:48%;top:105px;right:4%}.mascot-hero__title{font-size:clamp(3.2rem,6vw,5.3rem);line-height:.94}.mascot-hero__subtitle{font-size:clamp(1.6rem,2.3vw,2.35rem);margin-top:22px}.mascot-hero__star{width:110px;left:42%;top:45px}.mascot-hero__splash{width:145px;left:-24px;bottom:46px}.mascot-hero__steps{width:47%;left:1%}.mascot-hero__flower--one{width:90px}.mascot-hero__flower--two{width:64px;right:72px}}@media(prefers-reduced-motion:reduce){.mascot-hero__mascot{animation:none}}.age-selector{display:flex;align-items:center;gap:var(--space-3);background:var(--color-white);border-radius:var(--radius-pill);padding:9px 10px 9px 18px;box-shadow:var(--shadow-soft);overflow-x:auto;margin:0 var(--space-3) var(--space-5);scrollbar-width:none}.age-selector::-webkit-scrollbar{display:none}.age-selector__label{flex-shrink:0;font-weight:700;font-size:var(--fs-sm);color:var(--color-sky-dark)}.age-selector__pills{display:flex;gap:4px}.age-selector__pill{flex-shrink:0;min-width:45px;min-height:44px;padding:7px 8px;border-radius:var(--radius-pill);border:none;background:#fffaf0;color:var(--color-sky-dark);font-weight:800;font-size:.9rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.age-selector__pill:hover{background:#f3ecd4}.age-selector__pill:active{transform:scale(.95)}.age-selector__pill--active{background:var(--color-sky);color:var(--color-white)}.age-selector__pill--active:hover{background:var(--color-sky-dark)}@media(min-width:768px){.age-selector{margin:0 var(--space-8) var(--space-8);justify-content:center;padding:14px 18px}.age-selector__label{font-size:1.15rem;margin-right:10px}.age-selector__pills{gap:var(--space-2)}.age-selector__pill{min-width:74px;min-height:52px;padding:var(--space-2) var(--space-4);font-size:1.08rem}}.category-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:168px;padding:16px 17px;border-radius:27px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:var(--shadow-card);isolation:isolate;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.category-card:before{content:"";position:absolute;inset:2px 3px auto;height:45%;z-index:-1;border-radius:24px 24px 60% 60%;background:linear-gradient(rgba(255,255,255,.3),transparent);opacity:.72}.category-card:hover{transform:translateY(-4px) rotate(-.25deg);box-shadow:0 18px 34px #1c577738}.category-card:active{transform:scale(.97)}.category-card__art{position:absolute;z-index:-1;top:2px;right:3px;bottom:27px;left:6px}.category-card__art img{position:absolute;width:62%;height:70%;right:2%;top:7%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(46,59,66,.18))}.category-card__art img:nth-child(1){width:80%;height:88%;right:3%;top:1%}.category-card__art img:nth-child(2){width:52%;height:58%;right:42%;top:30%;transform:rotate(-9deg)}.category-card__art img:nth-child(3){width:46%;height:54%;right:2%;top:28%;transform:rotate(8deg)}.category-card__art img:nth-child(4){width:38%;height:45%;right:35%;top:2%}.category-card__title{position:relative;z-index:2;max-width:calc(100% - 38px);font-size:clamp(1.12rem,5vw,1.42rem);font-weight:900;line-height:1.05;text-shadow:0 2px 3px rgba(20,56,74,.28)}.category-card__age-note{position:absolute;z-index:3;top:11px;left:12px;padding:4px 8px;border-radius:999px;background:#ffffffd9;color:var(--color-sky-dark);font:800 .66rem/1 var(--font-family);box-shadow:0 3px 8px #00000014}.category-card__arrow{position:absolute;z-index:3;right:13px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 10px #2c414d26}.category-card--mint{background:linear-gradient(145deg,#84dc50,#2fb66c)}.category-card--yellow{background:linear-gradient(145deg,#ffe971,#ffb92f);color:#784000}.category-card--sky{background:linear-gradient(145deg,#64d0ff,#168cf1)}.category-card--coral{background:linear-gradient(145deg,#ffadb6,#fa6979)}.category-card--lavender{background:linear-gradient(145deg,#d7a8ff,#9958ed)}.category-card--teal{background:linear-gradient(145deg,#48d5d5,#079dae)}.category-card--mint .category-card__arrow{color:#219958}.category-card--yellow .category-card__arrow{color:#a94d00}.category-card--sky .category-card__arrow{color:#0874d7}.category-card--coral .category-card__arrow{color:#e64e61}.category-card--lavender .category-card__arrow{color:#8242d8}.category-card--teal .category-card__arrow{color:#008696}.category-card--unavailable{filter:saturate(.87)}@media(min-width:480px){.category-card{min-height:196px}}@media(min-width:1024px){.category-card{min-height:238px;padding:22px 24px;border-radius:34px}.category-card__title{font-size:1.75rem}.category-card__arrow{width:46px;height:46px;right:19px;bottom:17px}.category-card__age-note{top:17px;left:18px;font-size:.78rem;padding:6px 10px}}.parent-corner{position:relative;display:flex;align-items:center;min-height:98px;gap:10px;margin:8px 12px 34px;padding:8px 16px 8px 128px;overflow:hidden;border:7px solid #fff;border-radius:40px;background:linear-gradient(105deg,#eaf8ff,#c5e9ff 55%,#9ddcff);color:var(--color-sky-dark);text-decoration:none;box-shadow:0 12px 25px #267eb42b;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.parent-corner:after{content:"";position:absolute;top:-30px;right:8%;width:130px;height:80px;border-radius:50%;background:#ffffff40}.parent-corner:hover{transform:translateY(-3px);box-shadow:0 16px 30px #267eb438}.parent-corner:active{transform:scale(.98)}.parent-corner__art{position:absolute;left:4px;bottom:-2px;width:122px;height:auto;object-fit:contain}.parent-corner__title{position:relative;z-index:2;flex:1;font-size:1.06rem;font-weight:900;line-height:1.05;white-space:nowrap}.parent-corner__arrow{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:0 4px 10px #235f8524}@media(min-width:768px){.parent-corner{min-height:132px;margin:8px var(--space-8) 50px;padding-left:190px;border-radius:52px}.parent-corner__art{width:180px;left:14px}.parent-corner__title{font-size:2rem;text-align:center}.parent-corner__arrow{width:54px;height:54px}}.home-page{min-height:100vh;padding-bottom:var(--space-8)}.home-page main{max-width:var(--content-max-width);margin:0 auto}.home-page__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;margin:0 var(--space-3) var(--space-6)}@media(max-width:374px){.home-page__categories{grid-template-columns:1fr}}@media(min-width:768px){.home-page__categories{margin:0 var(--space-8) var(--space-8);gap:var(--space-5)}}@media(min-width:1024px){.home-page__categories{grid-template-columns:repeat(3,1fr);gap:26px}}:root{--color-cream: #fff9ec;--color-cream-soft: #fffdf7;--color-sky: #168af0;--color-sky-dark: #16559d;--color-mint: #76cf48;--color-mint-dark: #2fb66c;--color-yellow: #ffe46c;--color-yellow-dark: #ffb92f;--color-coral: #ffa3ac;--color-coral-dark: #fa6979;--color-peach: #f6a96b;--color-lavender: #d7a8ff;--color-lavender-dark: #9958ed;--color-teal: #48d5d5;--color-teal-dark: #079dae;--color-ink: #2d2a26;--color-ink-soft: #5a564e;--color-white: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--shadow-soft: 0 4px 14px rgba(45, 42, 38, .08);--shadow-card: 0 12px 28px rgba(40, 91, 117, .16), inset 0 2px 0 rgba(255, 255, 255, .34);--shadow-pressed: 0 2px 8px rgba(45, 42, 38, .1);--font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.15rem;--fs-lg: 1.4rem;--fs-xl: 1.9rem;--fs-2xl: 2.4rem;--content-max-width: 1200px;--transition-fast: .15s ease;--transition-med: .25s ease}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-med: 0ms}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 8% 32%,rgba(255,225,99,.13),transparent 25rem),radial-gradient(circle at 96% 72%,rgba(100,208,255,.12),transparent 24rem),var(--color-cream);color:var(--color-ink);font-family:var(--font-family);font-size:var(--fs-base);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--color-sky-dark);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}