*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f7f5ff;color:#30475d}button{font:inherit;cursor:pointer;touch-action:manipulation}.garden{max-width:980px;margin:20px auto;padding:22px;border:1px solid #e7d5f4;border-radius:28px;background:linear-gradient(160deg,#fff5fd,#f1f9ff)}.garden.tom{background:linear-gradient(160deg,#e9fbef,#fffbea);border-color:#c9ead5}header{text-align:center;padding:12px}.header-icon{font-size:60px}h1{font-size:clamp(25px,5vw,38px);margin:5px;color:#a55b99}.tom h1{color:#35826c}header p{margin:8px}nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0 22px}nav button{background:#fff;border:2px solid #e4deec;border-radius:18px;padding:13px 26px;min-width:150px;font-weight:750}nav button.active{background:#f9dffa;border-color:#c37fc2}.tom nav button.active{background:#d8f7df;border-color:#64b894}nav small{display:block;font-size:12px;font-weight:400}.intro{text-align:center;padding:18px;background:#ffffffa8;border-radius:24px}.intro h2{margin:0 0 5px}.progress{max-width:460px;margin:16px auto 0;font-weight:700}.track{height:12px;background:#e4e9f0;border-radius:12px;margin-top:9px;overflow:hidden}.track div{height:100%;background:#83d6ac;transition:width .2s}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.topics button{border:2px solid transparent;background:#fff;border-radius:18px;padding:14px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:105px;font-size:13px;font-weight:650;position:relative}.topics button.selected{border-color:#ad84ce;background:#f9eaff}.tom .topics button.selected{border-color:#60b998;background:#e3faed}.topics .emoji{font-size:33px}.topics b{position:absolute;right:8px;top:6px;color:#269b66}.story,.quiz{background:#fff;border-radius:25px;padding:22px;text-align:center;margin:18px 0;box-shadow:0 5px 20px #3241590b}.hero-emoji{font-size:100px;background:linear-gradient(120deg,#e6f5ff,#fef0e2);border-radius:22px;padding:24px}.story h2{font-size:27px}.meta{color:#637489}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}.actions button,.answers button{border:0;border-radius:15px;padding:14px 18px;background:#e9eef9;color:#375070;font-weight:750;min-height:49px}.actions button.primary{background:#63b6df;color:#fff}.tom .actions button.primary{background:#58b998}.transcript{background:#f5f8fc;border-radius:17px;text-align:left;padding:15px 24px;max-width:530px;margin:18px auto;line-height:1.65}.quiz h3{font-size:21px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px auto;max-width:650px}.answers button.correct{background:#baf1d0}.answers button.wrong{background:#ffe2e0}.quiz [role=status]{min-height:22px;font-weight:700}footer{text-align:center;color:#64718a;font-size:12px;padding:8px}footer p{margin:5px}@media(max-width:600px){.garden{margin:0;padding:12px;border-radius:0;min-height:100vh}.topics{grid-template-columns:repeat(3,minmax(0,1fr))}.topics button{min-height:95px}.story,.quiz{padding:15px}.hero-emoji{font-size:76px}.answers{grid-template-columns:1fr}.actions button{flex:1 1 130px}nav button{min-width:130px}}