:root{--sky1: #81d4fa;--sky2: #e1f5fe;--navy: #37474f;--ink: #263238;--accent: #ff7043;--accent2: #ff8a65;--green: #66bb6a;--green2: #81c784;--pink: #f06292;--gold: #ffd54f;--shadow: 0 6px 0 rgba(0, 0, 0, .14);--shadow-sm: 0 4px 0 rgba(0, 0, 0, .12);font-size:clamp(14px,1.4vw,18px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:-apple-system,system-ui,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,var(--sky1),var(--sky2));color:var(--ink);overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.screen{position:relative;height:100vh;height:100dvh;width:100%;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sun{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,#fff176,#ffd54f 70%);border-radius:50%;opacity:.9;pointer-events:none}.cloud{position:absolute;background:#fff;border-radius:40px;opacity:.85;pointer-events:none}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:55%;height:150%;top:-60%;left:15%}.cloud:after{width:40%;height:110%;top:-40%;right:15%}.cloud-1{width:150px;height:50px;top:12%;left:6%;animation:drift 26s ease-in-out infinite alternate}.cloud-2{width:110px;height:38px;top:55%;left:78%;animation:drift 20s ease-in-out infinite alternate-reverse}.cloud-3{width:90px;height:30px;top:8%;left:55%;animation:drift 30s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px)}}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:800;color:#fff;border-radius:999px;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.12)}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(4px);box-shadow:0 2px #00000024}.btn-accent{background:linear-gradient(180deg,var(--accent2),var(--accent))}.btn-green{background:linear-gradient(180deg,var(--green2),var(--green))}.btn-gold{background:linear-gradient(180deg,#ffe082,var(--gold));color:#7a5c00;text-shadow:none}.btn-big{font-size:clamp(26px,3.6vw,42px);padding:.55em 1.5em}.btn-mid{font-size:clamp(20px,2.6vw,30px);padding:.5em 1.2em}.btn-sm{font-size:clamp(16px,2vw,22px);padding:.45em 1em}.icon-btn{width:clamp(44px,5.5vw,62px);height:clamp(44px,5.5vw,62px);border-radius:50%;border:none;cursor:pointer;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2.6vw,30px);transition:transform .08s ease}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #0000001f}.card{background:#fff;border-radius:clamp(18px,2.4vw,28px);box-shadow:var(--shadow-sm)}.word-en{font-weight:900;color:var(--navy);letter-spacing:.03em}.topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.6vh,16px) clamp(12px,2vw,24px);gap:12px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:clamp(8px,1.2vw,14px)}.star-pill{display:flex;align-items:center;gap:6px;background:#ffffffeb;border-radius:999px;padding:6px 16px 6px 10px;font-weight:800;font-size:clamp(18px,2.2vw,26px);color:#7a5c00;box-shadow:var(--shadow-sm)}.lock-btn{opacity:.55;font-size:clamp(16px,2vw,22px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffd54fb3}50%{box-shadow:0 0 0 16px #ffd54f00}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fall-rainbow{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.7}}@keyframes progress-ring{0%{stroke-dashoffset:0}}.anim-bounce{animation:bounce 1.2s ease-in-out infinite}.anim-bounce-soft{animation:bounce-soft 1.4s ease-in-out infinite}.anim-pop-in{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.anim-pop-out{animation:pop-out .3s ease-out both}.anim-shake{animation:shake .45s ease-in-out}.anim-float{animation:float 3.2s ease-in-out infinite}.anim-wiggle{animation:wiggle 1.1s ease-in-out infinite}.anim-glow{animation:pulse-glow 1.6s ease-out infinite}.parent-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.parent-card{background:#fffffff0;border-radius:24px;box-shadow:var(--shadow);padding:28px 36px;max-width:760px;width:100%}.parent-title{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:var(--navy);margin:0 0 8px}.parent-text{font-size:clamp(16px,1.9vw,21px);color:#546e7a;line-height:1.7;margin:6px 0}.num-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.num-pad .btn{font-size:clamp(24px,3vw,34px);padding:.35em 0}