:root{color-scheme:light;--ink:#071f69;--paper:#fffaf3;--coral:#fa5356;--muted:#46597f;font-family:ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.45}img{max-width:100%;height:auto;display:block}a{color:inherit}button,select{font:inherit;color:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #215dca;outline-offset:5px}.page{max-width:1200px;margin:auto;background:#fffdfa}header{display:flex;align-items:center;gap:22px;min-height:78px;padding:10px 28px;flex-wrap:wrap}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:850;font-size:25px;line-height:1.1}.brand small{display:block;font-weight:500;font-size:10px;margin-top:5px;max-width:265px}nav{display:flex;gap:22px;margin-left:auto}nav a{text-decoration:none;font-size:13px;font-weight:750;padding:12px 0}.languages{display:flex;align-items:center;gap:4px}.languages select{border:0;background:transparent;font-size:13px;padding:10px 2px;max-width:135px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(35px,4.6vw,56px);letter-spacing:-1.9px;line-height:1.04;font-weight:850;margin:12px 0}h2{font-size:clamp(24px,2.6vw,31px);line-height:1.18;font-weight:850;letter-spacing:-.5px}h3{font-size:22px;line-height:1.2;font-weight:800}p{margin-top:8px}.hero{display:grid;grid-template-columns:43% 57%;align-items:center;background:#fcf6ed}.hero-copy{padding:26px 12px 24px 28px;position:relative;z-index:1}.eyebrow{font-size:15px}.lead{font-size:17px;font-weight:600;max-width:440px}.hero-image{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:55% center;mask-image:linear-gradient(to right,transparent,#000 6%)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:12px 17px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:750;border:1px solid #7890b0}.primary{background:var(--coral);color:white;border-color:var(--coral)}.primary:hover{background:#d93940}.secondary:hover{background:#eaf0fd}.small{font-size:12px;line-height:1.5}.inside{text-align:center;background:#f4f6fc;padding:32px 28px 18px}.inside>p{font-size:17px;margin-top:12px}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:25px auto 0;max-width:1050px}.screenshot h3{font-size:22px;min-height:52px;display:flex;align-items:center;justify-content:center}.shot{display:block;max-width:300px;margin:9px auto 0;background:white;padding:6px;border-radius:25px;box-shadow:0 7px 20px #182c5720;border:1px solid #dce3f1;transition:transform .2s}.shot:hover{transform:translateY(-4px)}.shot img{width:100%;height:600px;object-fit:contain;object-position:top;border-radius:18px}.screenshot figcaption{font-size:13px;margin-top:12px}.inside .screen-note{font-size:12px;color:var(--muted);margin-top:18px}#activities{padding:20px 22px 14px}.subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.subject{border-radius:18px;overflow:hidden;display:flex;align-items:center;padding:14px 12px 0;gap:10px;min-height:210px}.subject img{width:45%;align-self:stretch;object-fit:cover;object-position:top;mix-blend-mode:multiply}.subject>div{padding-bottom:16px;min-width:0}.subject h3{font-size:21px}.subject p{font-size:14px}.math{background:#dff3e5}.reading{background:#fbece0}.languages.subject{background:#e2f3fc}.hello{font-size:11px!important;color:#2256a0}.hello span{display:inline-block;margin:3px}.memory{margin:0 22px 14px;padding:18px 22px 12px;background:#eee2fc;border-radius:18px;text-align:center}.memory>p{font-size:16px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:14px}.games img{height:120px;width:100%;object-fit:contain;mix-blend-mode:multiply}.games h3{font-size:20px;margin-top:10px}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 22px 14px}.feature{padding:20px 20px 12px;border-radius:18px;overflow:hidden}.feature h2{font-size:27px}.feature>p{font-size:15px}.calendar{background:#e0f2ff}.diary{background:#ffede7}.taya{background:#f5e1f9}.road{background:#e6f4df}.feature-art{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px;height:180px}.feature-art>img{height:100%;width:auto;max-width:52%;object-fit:contain;mix-blend-mode:multiply}.taya .feature-art>img,.road .feature-art>img{max-width:100%}.week,.progress{padding:16px;background:#fffdf8;box-shadow:0 4px 12px #28366012;border-radius:12px;flex:1;max-width:260px;min-width:0}.week b,.progress b{display:block;margin-bottom:10px}.week span,.progress span{display:block;border-radius:5px;padding:5px 8px;margin-top:5px;font-size:13px;background:#d8ebfb}.week span:nth-child(3),.progress span:nth-child(3){background:#e1f1d7}.week span:nth-child(4),.progress span:nth-child(4){background:#fce8bd}.feature .small{font-size:12px}.subscription{display:grid;grid-template-columns:34% 66%;align-items:center;background:#fcf0df;border-radius:18px;margin:0 14px;padding:15px 22px 0 0;overflow:hidden}.subscription>img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:left;mix-blend-mode:multiply}.subscription>div{padding:12px 22px 24px}.subscription .actions{margin-top:16px}.subscription p{max-width:650px}.help{padding:22px 28px}.help h2{font-size:24px;margin-bottom:14px}.help details,.future{border-bottom:1px solid #dfdfdf;padding:12px 0}.help summary,.future summary{min-height:28px;font-weight:650}.help details p{max-width:780px;color:var(--muted)}.future{margin:14px 28px 0;font-size:14px}.detail-link{display:inline-block;padding:18px 0 0}footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:22px 28px;background:#fcf8f0}footer .brand{font-size:19px}footer>div{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px}footer button{border:1px solid #d8dfeb;border-radius:10px;padding:10px 14px;background:white}#share-status{width:100%;font-size:13px}dialog{border:0;border-radius:18px;padding:36px 16px 16px;max-height:94vh;max-width:95vw;background:#fffdf8}dialog::backdrop{background:#07152fbb}dialog>img{max-height:84vh;width:auto;max-width:86vw;object-fit:contain}.close{position:absolute;right:6px;top:0;width:38px;height:38px;background:transparent;border:0;font-size:30px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:12px}.page :target{scroll-margin-top:18px}html[lang=ja] h1,html[lang=zh-Hans] h1{letter-spacing:0;font-size:clamp(32px,4vw,49px)}html[lang=de] h1{font-size:clamp(34px,4.3vw,52px)}
@media(max-width:900px){header{gap:12px;padding:12px 20px}nav{order:3;width:100%;justify-content:center;margin:0;gap:30px}.languages{margin-left:auto}.hero-copy{padding-left:22px}h1{font-size:39px}.hero-image{min-height:440px}.shot img{height:450px}.subject{display:block;padding:12px;min-height:0}.subject img{width:100%;height:150px;object-fit:contain}.subject>div{padding:10px 0}.feature h2{font-size:23px}.feature-art{gap:10px}.week,.progress{padding:10px}.subscription h2{font-size:27px}}
@media(max-width:600px){body{font-size:15px}header{padding:12px 16px}.brand{font-size:20px;gap:6px}.brand img{width:42px;height:42px}.brand small{max-width:180px;font-size:9px}.languages select{max-width:90px;font-size:12px}.languages>span[aria-hidden]{display:none}nav{gap:0;justify-content:space-between;overflow-wrap:anywhere}nav a{font-size:12px}h1{font-size:42px;letter-spacing:-1.4px}.hero{grid-template-columns:1fr}.hero-copy{padding:20px 22px 16px}.hero-image{min-height:0;height:270px;object-position:center 55%;mask-image:linear-gradient(to bottom,transparent,#000 5%)}.lead{font-size:16px}.actions{gap:10px;margin-top:16px}.primary,.secondary{font-size:13px;padding:11px 14px}.inside{padding:24px 16px 16px}.inside>p{font-size:15px}.screens{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin-top:16px;padding:0 0 15px;text-align:center}.screenshot{flex:0 0 218px;scroll-snap-align:start}.screenshot h3{font-size:19px;min-height:48px}.shot{margin-top:5px}.shot img{height:420px}.screenshot figcaption{font-size:12px}#activities{padding:18px 16px 14px}.subjects{grid-template-columns:1fr;gap:12px}.subject{display:flex;gap:18px;min-height:160px;padding:10px 14px}.subject img{width:40%;height:155px}.subject h3{font-size:22px}.subject p{font-size:15px}.memory{margin:0 16px 14px;padding:20px 14px}.memory h2{font-size:25px}.games{gap:12px;grid-template-columns:1fr}.games>div{display:flex;align-items:center;gap:18px;text-align:left}.games img{width:45%;height:105px}.games h3{font-size:19px}.features{grid-template-columns:1fr;margin:0 16px 14px;gap:14px}.feature{padding:18px 16px}.feature h2{font-size:25px}.feature-art{height:170px}.subscription{grid-template-columns:1fr;padding:0;margin:0 16px}.subscription>img{min-height:0;height:170px;object-fit:cover;object-position:50% 38%}.subscription>div{padding:20px}.subscription h2{font-size:26px}.help{padding:22px 16px}.future{margin:14px 16px 0}footer{padding:20px 16px}.help h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero>*{min-width:0}@media(max-width:600px){h1{font-size:clamp(30px,9.7vw,42px)}html[lang=ja] h1,html[lang=zh-Hans] h1{font-size:clamp(28px,9vw,40px)}html[lang=de] h1{font-size:clamp(29px,9vw,40px)}}
p a, li a { padding: 11px 0; margin: -11px 0; } footer a, .help summary, .future summary { display: inline-flex; align-items: center; min-height: 44px; }
.primary { background:#d93940; border-color:#d93940; }
.primary:hover { background:#bd2830; border-color:#bd2830; }