:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#3b4b45;background:#fff9ec;font-synthesis:none;text-rendering:optimizeLegibility;--green: #277a69;--green-dark: #1d6258;--orange: #ed9b59;--pink: #eb8a95;--line: #e9ddc5;--paper: #fffefa;--text-soft: #6d7971;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{min-width:320px;background:#fff9ec}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button,a{touch-action:manipulation}button,.button{min-height:52px;padding:12px 18px;border:2px solid #d9e5d6;border-radius:18px;background:#fff;color:#354941;font:inherit;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 3px #e5e2d3}button:disabled{opacity:.6;cursor:wait}button:not(:disabled):active,.button:active{transform:translateY(2px);box-shadow:none}button:focus-visible,a:focus-visible{outline:4px solid #f0a949;outline-offset:3px}.app-shell{width:min(100%,1000px);min-height:100vh;min-height:100dvh;margin:auto;padding:0 18px calc(24px + var(--safe-bottom))}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.home-link{color:var(--green-dark);text-decoration:none;font-weight:900;font-size:16px}.profile-greeting{color:var(--text-soft);font-size:14px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;color:#34534a;font-size:clamp(26px,7vw,38px);line-height:1.38}h2{font-size:clamp(22px,5vw,30px)}p{line-height:1.8}.card{width:min(100%,650px);margin:clamp(18px,5vh,48px) auto;padding:clamp(22px,6vw,48px);border:2px solid var(--line);border-radius:30px;background:var(--paper);box-shadow:0 8px #f1e8d5}.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.center>p{max-width:44ch;margin-bottom:0}.eyebrow{display:block;margin-bottom:9px;color:#758c72;font-size:12px;font-weight:900;letter-spacing:.12em}.illustration{display:block;width:min(100%,180px);height:auto;margin:0 auto}.title-screen{margin-top:clamp(24px,7vh,76px)}.title-screen .illustration{width:148px}.title-screen h1{font-size:clamp(36px,10vw,60px);line-height:1.22;color:var(--green-dark)}.small-break{display:none}.primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 4px #174b45}.primary:hover:not(:disabled){background:var(--green-dark)}.big-button{width:min(100%,410px);min-height:60px;padding:14px 22px;font-size:clamp(19px,5vw,23px)}.quiet,.privacy-note,.site-footer{color:var(--text-soft);font-size:13px}.title-screen .quiet{margin-top:6px}.text-link{display:inline-block;margin:8px;color:var(--green-dark);font-weight:800}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 20px}.section-title h1{margin:0;font-size:clamp(24px,6vw,34px)}.small-button{min-height:44px;padding:9px 14px;border-radius:14px;font-size:15px}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.page-card{min-width:0;padding:13px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:22px;background:var(--paper);text-align:center}.page-card .illustration{width:min(100%,140px)}.page-number{color:#788978;font-size:13px}.page-card strong{font-size:clamp(14px,3.8vw,18px)}.page-card-done{border-color:#78b697;background:#f0f8e9}.done-label{color:var(--green-dark);font-size:13px}.back-link{margin-top:20px;border:0;background:none;box-shadow:none;cursor:pointer}.learning-screen{width:min(100%,740px);margin:16px auto 30px}.learning-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;color:var(--text-soft);font-weight:800}.learning-topline span{text-align:right}.step-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.step-track span{min-height:36px;padding:7px;border-radius:18px;background:#f1ebdd;color:#758077;text-align:center;font-size:14px;font-weight:800}.step-track .step-current{background:#ffdfa9;color:#735629}.step-track .step-done{background:#d9efdc;color:var(--green-dark)}.story-card{padding:clamp(16px,5vw,30px);border:2px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:0 7px #f1e8d5}.picture-frame{width:min(100%,240px);margin:0 auto 15px;padding:8px;border-radius:25px;background:#fff4da}.picture-frame .illustration{width:100%}.activity{text-align:center}.activity h1{margin-bottom:8px;font-size:clamp(24px,6vw,34px)}.activity>p{margin-bottom:14px}.assembled-word{min-height:55px;margin:14px auto;color:var(--green-dark);font-size:32px;font-weight:900;letter-spacing:.12em}.tile-row{min-height:72px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.letter-tile{width:66px;min-height:66px;padding:8px;border:3px solid #f3cb73;border-radius:19px;background:#fff4d1;color:#6e5334;font-size:30px}.letter-tile[aria-pressed=true]{background:#def0df;border-color:#81b997}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.word-choice{min-height:68px;padding:8px;font-size:clamp(18px,5vw,26px)}.word-choice[aria-pressed=true]{border-color:var(--green);background:#e0f1e4}.kind-retry{max-width:460px;margin:15px auto 0;padding:14px;border-radius:18px;background:#fff3db}.kind-retry p{margin-bottom:10px;font-weight:800}.happy-note{color:var(--green-dark);font-size:20px;font-weight:900}.story-sentence{margin:18px auto;padding:18px 12px;border-radius:18px;background:#fff4d1;color:#3e5147;font-size:clamp(25px,7vw,38px);font-weight:900;line-height:1.5}.read-note{color:var(--text-soft);font-size:14px}.activity .big-button{margin-top:12px}.sync-warning{margin-top:18px;padding:14px;border:2px solid #edc798;border-radius:18px;background:#fff5e5;color:#714d2d}.sync-warning p{margin-bottom:12px;overflow-wrap:anywhere}.privacy-note{margin:18px 2px;text-align:center}.completion-screen .illustration{width:150px}.completion-star{color:#edac52;font-size:48px;line-height:1}.completion-screen h1{margin-bottom:0;font-size:clamp(32px,8vw,48px)}.completion-actions{width:100%;display:grid;justify-items:center;gap:10px;margin-top:12px}.reward-chip{padding:8px 15px;border-radius:20px;background:#fff0bf;font-weight:800}.today-screen,.today-screen h1{text-align:center}.today-score{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:7px 10px;margin:26px 0}.today-score strong{color:var(--green);font-size:38px}.today-score span{font-weight:800}.score-divider{color:#d5a352;font-size:28px}.today-list{margin:18px 0 28px;padding:0;list-style:none;text-align:left}.today-list li{padding:12px 3px;border-bottom:1px solid var(--line);font-size:18px}.hub-gate .illustration{width:150px}.hub-gate h1{font-size:clamp(26px,7vw,36px)}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 18px;padding:18px 5px;text-align:center}@media(max-width:620px){.app-shell{padding-right:14px;padding-left:14px}.topbar{min-height:58px}.title-screen{margin-top:24px}.small-break{display:initial}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.page-card{padding:10px 8px 13px}.page-card .illustration{width:min(100%,120px)}.section-title{align-items:center}.section-title .small-button{flex-shrink:0}.story-card{padding:16px 14px 22px}.choice-grid{gap:7px}}@media(max-width:360px){.app-shell{padding-right:10px;padding-left:10px}.page-grid{gap:8px}.page-card strong{font-size:14px}.section-title{align-items:start}.section-title .small-button{padding:8px;font-size:13px}.story-card{padding:14px 10px 19px}.choice-grid{gap:5px}.word-choice{min-height:62px;padding:5px;font-size:18px}}@media(min-width:900px){.app-shell{padding-right:28px;padding-left:28px}.page-card{padding:17px}.learning-screen{margin-top:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}