:root{--ink:#1f2434;--navy:#363b54;--slate:#4e5478;--lavender:#8e83ff;--mist:#d9d3f7;--cream:#f1ebdd;--mint:#8fe5d0;--pink:#f6a4bb;--paper:#f7f6fb;--muted:#707696;--line:color-mix(in srgb,var(--mist) 72%,var(--paper));--accent-text:color-mix(in srgb,var(--lavender) 96%,var(--ink));color-scheme:light;font-family:Quicksand,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit}img{display:block;max-width:100%}.site-shell{width:min(100% - 6rem,1240px);min-height:100svh;margin-inline:auto;padding-bottom:4.2rem;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:2.75rem 1rem}.brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0;border-radius:.4rem}.brand:focus-visible{outline:3px solid var(--slate);outline-offset:7px}.brand-mark{width:4rem;height:4rem}.brand-wordmark{width:12rem;height:auto}.coming-soon{padding:.65rem 1.15rem;background:color-mix(in srgb,var(--mist) 65%,var(--paper));border:1px solid color-mix(in srgb,var(--mist) 85%,var(--paper));border-radius:1.15rem;font-size:.9375rem;font-weight:700;white-space:nowrap}main{flex:1 1;display:flex;flex-direction:column}.hero{flex:1 1;display:grid;grid-template-columns:1.45fr 1fr;grid-template-areas:"copy mascot";align-items:center;align-content:center;column-gap:2rem;padding-block:4rem 3rem;min-height:550px}.hero-copy{grid-area:copy;min-width:0}h1{font-family:Fredoka,Quicksand,sans-serif;font-size:clamp(4rem,8.3vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;overflow-wrap:break-word;margin:0}h1 span{color:var(--accent-text)}.hero-description{color:var(--muted);font-size:clamp(1.4rem,3vw,2rem);font-weight:600;line-height:1.5;letter-spacing:-.035em;margin:1.7rem 0 0}.mascot-scene{grid-area:mascot;position:relative;display:flex;justify-content:center;align-items:flex-end;align-self:center;isolation:isolate;padding-bottom:.6rem}.mascot-figure{position:relative;width:min(100%,365px)}.mascot{position:relative;z-index:1;width:100%;height:auto}.ground-shadow{position:absolute;z-index:0;bottom:2.9%;left:44.6%;transform:translateX(-50%);width:72%;height:8.4%;background:color-mix(in srgb,var(--mist) 78%,var(--paper));border-radius:50%}.learning-areas{border-top:1px solid var(--line);padding-block:2.35rem 1rem}.category-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.category{position:relative;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding-inline:1rem}.category+.category:before{content:"";position:absolute;left:0;top:.4rem;height:calc(100% - .8rem);width:1px;background:var(--line)}.category-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:1.2rem;font-family:Noto Sans JP,sans-serif;font-size:2.5rem;font-weight:700;line-height:1;padding-bottom:.2rem}.category-icon.lavender{background:color-mix(in srgb,var(--mist) 80%,var(--paper))}.category-icon.cream{background:var(--cream)}.category-icon.mint{background:var(--mint)}.category-icon.pink{background:var(--pink);font-size:2rem;width:5.8rem}.category-glyph{display:block}.radical-glyph{transform:translateX(.2365em)}.category-name{font-size:1.375rem;font-weight:700;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere;text-align:center}@media (min-width:1450px){.hero{min-height:590px;column-gap:3rem}.mascot-figure{width:min(100%,400px)}}@media (max-width:850px) and (min-width:641px){.site-shell{width:calc(100% - 4rem)}.hero{column-gap:1rem;min-height:480px;padding-block:3rem}h1{font-size:clamp(3.25rem,7.9vw,4.25rem)}.hero-description{font-size:1.55rem}.mascot-figure{width:min(100%,310px)}}@media (max-width:640px){.site-shell{width:calc(100% - 2.5rem);max-width:440px;padding-bottom:2.95rem}.site-header{padding-block:1.65rem 1rem;gap:.5rem}.brand{gap:.4rem}.brand-mark{width:2.15rem;height:2.15rem}.brand-wordmark{width:6.6rem}.coming-soon{padding:.55rem .7rem;border-radius:.95rem;font-size:.8125rem}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "mascot" "description";min-height:auto;padding-block:1.4rem 1.8rem;gap:0}.hero-copy{display:contents}h1{grid-area:title;font-size:clamp(2.55rem,11.5vw,3.7rem);line-height:1.12;letter-spacing:-.03em}.mascot-scene{margin-block:2rem .8rem}.mascot-figure{width:min(100%,clamp(180px,54vw,235px))}.hero-description{grid-area:description;font-size:clamp(1.1rem,4.8vw,1.3rem);line-height:1.5;margin:0;text-align:left}.desktop-break{display:none}.learning-areas{padding-block:1.45rem .2rem}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.4rem}.category{gap:.55rem;padding-inline:.25rem}.category+.category:before{display:none}.category:nth-child(2n):before{display:block}.category-icon{width:3.6rem;height:3.6rem;border-radius:1rem;font-size:2.1rem}.category-icon.pink{width:4.35rem;font-size:1.5rem}.category-name{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}