:root{--pink:#ffd6ec;--pink-deep:#ff6fa5;--lavender:#e6d9ff;--grape:#b497f5;--sky:#8fd8ff;--mint:#79e6bd;--sun:#ffe066;--sun-deep:#ffb703;--plum:#4a2e5c;--plum-soft:#7a5c94;--white:#fff;--shadow:#7a479440;font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;min-height:100%;margin:0;padding:0}body{background:linear-gradient(160deg, var(--pink) 0%, var(--lavender) 45%, var(--sky) 100%);color:var(--plum);touch-action:pan-y;min-height:100vh;position:relative;overflow-x:hidden}#app{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:20px 16px 48px;display:flex;position:relative}.deco{pointer-events:none;z-index:0;opacity:.85;filter:drop-shadow(0 6px 10px #7a479426);animation:7s ease-in-out infinite float;position:fixed}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(6deg)}}.deco.slow{animation-duration:10s}.deco.rev{animation-direction:reverse}.title{color:var(--pink-deep);text-shadow:3px 3px 0 var(--white), 0 6px 14px var(--shadow);text-align:center;letter-spacing:1px;margin:6px 0 4px;font-family:"Baloo 2",sans-serif;font-size:clamp(26px,6vw,40px);font-weight:800}.subtitle{color:var(--plum-soft);text-align:center;margin-bottom:18px;font-size:clamp(13px,3vw,16px);font-weight:700}.nav-jump{z-index:10;position:fixed;bottom:18px;right:18px}.jump-link{color:var(--white);background:linear-gradient(135deg, var(--pink-deep), var(--grape));border-radius:999px;align-items:center;gap:6px;padding:9px 20px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 14px #ff6fa566}.jump-link:hover{transform:translateY(-2px)}.jump-link:active{transform:translateY(2px)}.mode-switch{background:var(--white);box-shadow:0 8px 20px var(--shadow);z-index:2;border-radius:999px;gap:8px;margin-bottom:20px;padding:6px;display:flex;position:relative}.mode-btn{color:var(--plum-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:10px 18px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700;transition:all .2s}.mode-btn.active{background:linear-gradient(135deg, var(--pink-deep), var(--grape));color:var(--white);transform:translateY(-1px);box-shadow:0 6px 14px #ff6fa573}.card{background:var(--white);box-shadow:0 16px 36px var(--shadow);z-index:1;outline-offset:-12px;border:4px solid #fff;border-radius:32px;outline:3px dashed #ffe1f0;width:min(420px,94vw);padding:22px 20px 26px;position:relative}.prompt-bubble{background:var(--sun);text-align:center;color:var(--plum);box-shadow:0 6px 0 var(--sun-deep);border-radius:20px;margin-bottom:16px;padding:12px 16px;font-family:"Baloo 2",sans-serif;font-size:clamp(15px,4vw,19px);font-weight:700;position:relative}.prompt-bubble .big-time{color:var(--pink-deep);margin-top:2px;font-size:clamp(28px,8vw,38px);display:block}.clock-wrap{touch-action:none;justify-content:center;margin:6px auto 14px;display:flex}.clock-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:min(320px,78vw);height:min(320px,78vw)}.hand{cursor:grab}.hand:active{cursor:grabbing}.hand-hit{fill:#0000;stroke:#0000;stroke-width:26px}.digital-display{text-align:center;color:var(--grape);background:var(--lavender);letter-spacing:2px;border-radius:18px;margin:4px 0 16px;padding:8px 10px;font-family:"Baloo 2",sans-serif;font-size:clamp(30px,8vw,40px);font-weight:800;box-shadow:inset 0 0 0 3px #fff,0 4px #cbb4ff}.digital-display .colon{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.btn{cursor:pointer;color:var(--white);border:none;border-radius:999px;padding:12px 22px;font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #0000001f}.btn:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.btn.check{background:linear-gradient(135deg, var(--mint), #4fd39a)}.btn.next{background:linear-gradient(135deg, var(--sky), #4bb8f0)}.btn.random{background:linear-gradient(135deg, var(--grape), #9161e8)}.btn.reset{background:linear-gradient(135deg, #ffb0c9, var(--pink-deep))}.feedback{text-align:center;border-radius:14px;min-height:30px;margin-top:14px;padding:8px;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:800;transition:all .2s}.feedback.correct{color:#1f9d63;background:#e3fbef}.feedback.wrong{color:#e8548a;background:#ffe9f1}.feedback.empty{visibility:hidden}.stars{text-align:center;color:var(--sun-deep);margin-top:6px;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:700}.footer-hint{text-align:center;color:var(--plum-soft);max-width:360px;margin-top:18px;font-size:12.5px;font-weight:700}@media (width<=380px){.card{padding:18px 12px 20px}}