:root{color-scheme:light;--ink:#143f59;--blue:#087caa;--yellow:#ffdc6a;--sky:#e8f8ff}*{box-sizing:border-box}body{margin:0;background:var(--sky);color:var(--ink);font:18px/1.55 ui-rounded,'Trebuchet MS',Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:2px solid transparent;border-radius:18px;min-height:50px;padding:12px 20px;font-weight:700;color:var(--ink)}button:disabled{cursor:default}a{color:inherit}header{padding:18px max(20px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;background:white}header a{text-decoration:none;font-weight:bold}.brand{font-size:24px}main{max-width:1240px;margin:auto;padding:28px 24px 60px}h1,h2,h3{line-height:1.15;margin:0 0 20px}h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.04em}h1 span{color:#0078a0}h2{font-size:clamp(26px,3vw,38px)}.eyebrow{font-weight:bold;font-size:14px;letter-spacing:.1em;color:#386378}.welcome{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;margin:15px 0 35px}.welcome img{width:100%;height:auto;object-fit:contain;background:white;padding:8px;border-radius:28px;box-shadow:0 8px 0 #a4dbea}.welcome button{margin:8px 8px 0 0}.primary{background:var(--blue);color:white;box-shadow:0 4px 0 #085779}.soft{background:white;border-color:#b7dbe8}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.progress-row p{font-weight:bold}.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.level{display:flex;flex-direction:column;padding:8px;text-align:left;background:white;border:3px solid white;border-radius:24px;box-shadow:0 5px 0 #aedbe8;min-width:0}.level img{width:100%;height:165px;object-fit:contain;background:#f1faff;border-radius:16px}.level .label{padding:16px;display:block}.level strong{font-size:22px;display:block;line-height:1.25}.level small{font-size:16px;display:block;margin-top:8px}.level .badge{display:inline-block;border-radius:20px;background:#fff2b9;font-size:14px;padding:4px 10px;margin-bottom:10px}.level[aria-disabled=true]{background:#e0edf4}.level.done{border-color:#63b293}.adult{background:white;border-radius:20px;padding:18px 24px;margin-top:35px;font-size:16px}.adult summary{cursor:pointer;font-weight:bold;min-height:36px}.lesson-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.lesson-layout{display:grid;grid-template-columns:.95fr 1fr;gap:28px;align-items:start}figure{margin:0;background:white;border-radius:26px;padding:10px;position:sticky;top:20px}figure img{width:100%;height:auto;max-height:65svh;object-fit:contain;display:block}figcaption{font-size:16px;padding:14px}.play{background:white;border-radius:26px;padding:28px}.phrase{padding:18px;text-align:center;background:#e7f7ff;border-radius:20px;margin:20px 0}.phrase p{font-size:28px;font-weight:800;line-height:1.3;margin:0 0 16px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice{background:#fff7db;border:3px solid #edd696;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;line-height:1.3}.choice .symbol{font-size:44px;line-height:1.2}.choice.correct{border-color:#278154;background:#e0f5d9}.choice.try{border-color:#bd6c1d;background:#fff0d1}#hint{margin-top:24px;font-size:16px}#hint summary{cursor:pointer;padding:10px 0;font-weight:bold}#feedback{font-weight:bold;min-height:2em;margin-bottom:12px}#next{width:100%}#finish{max-width:800px;margin:auto;text-align:center;background:white;border-radius:28px;padding:24px}#finish-art{width:100%;height:auto;max-height:340px;object-fit:contain;margin-bottom:25px}#finish button{margin:8px}.storage-note,footer{font-size:14px;color:#426478}.storage-note{margin-top:30px}footer{text-align:center;padding:24px;background:white}#audio-status:empty{display:none}#audio-status{background:#fff0bd;padding:14px;border-radius:14px}button:hover:not(:disabled),a:hover{filter:brightness(.96)}:focus-visible{outline:4px solid #7042ab;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:10}@media(max-width:850px){.welcome,.lesson-layout{grid-template-columns:1fr}.welcome img{max-height:330px}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}figure{position:static}figure img{max-height:300px}.welcome{gap:20px}.play{padding:22px}}@media(max-width:480px){body{font-size:17px}main{padding:18px 14px 40px}header{padding:14px;font-size:14px}.brand{font-size:20px}.levels{grid-template-columns:1fr}.level img{height:200px}.welcome img{max-height:240px}.play{padding:18px}.choice{padding:12px 8px;min-height:120px}.phrase p{font-size:24px}.lesson-bar{align-items:flex-start;font-size:15px}.progress-row{flex-wrap:wrap}h1{font-size:37px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}