*{box-sizing:border-box}:root{--cream: #fff8ee;--cream-deep: #fbedd9;--card: #ffffff;--ink: #4a3f35;--ink-soft: #75655a;--edge-warm: #e8d8c2;--pink: #ff8fb1;--pink-deep: #e2628f;--pink-soft: #ffe3ed;--blue: #5fb6f5;--blue-deep: #3e93d9;--blue-soft: #e3f2fe;--yellow: #ffc94a;--yellow-deep: #e8a81d;--yellow-soft: #fff3d6;--mint: #5bcb9e;--mint-deep: #33a87b;--mint-soft: #e2f8ee;--violet: #a78bfa;--violet-deep: #7c5cd6;--violet-soft: #f1ebfe;--func: #fb923c;--func-deep: #ea7a1f;--func-soft: #ffedd5;--r-card: 26px;--shadow-panel: 0 6px 0 var(--edge-warm), 0 14px 26px rgba(74, 63, 53, .1);--bounce: cubic-bezier(.34, 1.56, .64, 1)}html,body{margin:0;padding:0}body{min-height:100vh;font-family:Comic Sans MS,Chalkboard SE,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.candy-key,.topbar__mark,.cta,.kb,.board__space{position:relative;border:none;border-radius:16px;background:var(--card);box-shadow:0 5px 0 var(--edge-warm),0 10px 18px #4a3f351a;transition:transform .13s var(--bounce),box-shadow .13s var(--bounce);cursor:pointer;-webkit-tap-highlight-color:transparent}.candy-key:before,.topbar__mark:before,.cta:before,.kb:before,.board__space:before{content:"";position:absolute;top:6px;left:12%;width:34%;height:7px;border-radius:99px;background:#ffffffe6;pointer-events:none}.candy-key:hover,.topbar__mark:hover,.cta:hover,.kb:hover,.board__space:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--edge-warm),0 7px 14px #4a3f351a}.candy-key:active,.candy-key--pressed,.topbar__mark:active,.cta:active,.cta--pressed,.kb:active,.kb.candy-key--pressed,.board__space:active,.board__space.candy-key--pressed{transform:translateY(5px) scale(.985,.965);box-shadow:0 0 0 var(--edge-warm),0 4px 10px #4a3f351a}.bg-deco{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-deco span{position:absolute;font-size:30px;opacity:.35;animation:floaty 7s ease-in-out infinite}.bg-deco span:nth-child(1){top:10%;left:5%;animation-delay:0s}.bg-deco span:nth-child(2){top:24%;right:6%;animation-delay:1.2s;font-size:24px}.bg-deco span:nth-child(3){bottom:14%;left:8%;animation-delay:2.1s;font-size:26px}.bg-deco span:nth-child(4){bottom:26%;right:4%;animation-delay:.6s}.bg-deco span:nth-child(5){top:52%;left:3%;animation-delay:1.8s;font-size:22px}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(6deg)}}.app{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:18px 24px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;margin-bottom:18px}.topbar__brand{display:inline-flex;align-items:center;gap:14px;padding:4px 6px;border-radius:16px}.topbar__mark{width:46px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--blue);box-shadow:0 5px 0 var(--blue-deep),0 10px 18px #3e93d947;font-size:21px;font-weight:900;color:var(--ink)}.topbar__name{font-size:25px;font-weight:900;letter-spacing:1px;color:var(--ink)}.topbar__name b{color:var(--pink-deep)}.topbar__actions{display:flex;align-items:center;gap:10px}.topbar__privacy{font-size:13px;color:var(--ink-soft);padding:5px 12px;border-radius:99px}.topbar__privacy:hover{text-decoration:underline;color:var(--ink)}.app__main{position:relative;z-index:2}.panel{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-panel)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 22px;border-radius:16px;font-size:17px;font-weight:800;color:var(--ink);transition:transform .12s var(--bounce),box-shadow .12s var(--bounce),filter .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(3px)}.btn--sm{padding:8px 14px;font-size:14px;border-radius:12px}.btn--primary{background:var(--blue);box-shadow:0 5px 0 var(--blue-deep),0 10px 18px #3e93d94d}.btn--primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn--primary:active{box-shadow:0 1px 0 var(--blue-deep);transform:translateY(3px)}.btn--green{background:var(--mint);box-shadow:0 5px 0 var(--mint-deep),0 10px 18px #33a87b4d}.btn--green:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn--green:active{box-shadow:0 1px 0 var(--mint-deep);transform:translateY(3px)}.btn--soft{color:var(--blue-deep);background:var(--blue-soft);box-shadow:0 4px #3e93d973}.btn--soft:hover{transform:translateY(-2px)}.btn--soft:active{box-shadow:0 1px #3e93d973}.btn--ghost{color:var(--ink-soft);background:var(--card);box-shadow:0 4px 0 var(--edge-warm),0 6px 12px #4a3f3514}.btn--ghost:hover{transform:translateY(-2px)}.btn--ghost:active{box-shadow:0 1px 0 var(--edge-warm);transform:translateY(2px)}.btn--text{margin-top:12px;color:var(--ink-soft);font-weight:800;font-size:15px;padding:8px 14px}.btn--text:hover{color:var(--ink)}.btn--lg{font-size:18px;padding:13px 34px}.home{display:flex;flex-direction:column;gap:24px}.home__hero{display:grid;grid-template-columns:150px 1fr 340px;gap:28px;align-items:center;min-height:224px}.hero-copy h1{margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:900;line-height:1.2;letter-spacing:1px}.hero-copy h1 em{font-style:normal;color:var(--pink-deep)}.hero-sub{margin:10px 0 0;font-size:17px;line-height:1.6;color:var(--ink-soft);font-weight:600}.cta{margin-top:20px;display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:var(--mint);box-shadow:0 6px 0 var(--mint-deep),0 12px 22px #33a87b4d;border-radius:20px;font-size:22px;font-weight:900;letter-spacing:2px}.cta:hover{box-shadow:0 3px 0 var(--mint-deep),0 8px 16px #33a87b47}.cta:active,.cta--pressed{box-shadow:0 0 0 var(--mint-deep),0 4px 10px #33a87b47}.cta:before{background:#ffffff8c}.cta__tip{font-size:13px;font-weight:700;letter-spacing:0;color:var(--mint-deep);background:#ffffffbf;padding:3px 10px;border-radius:99px}.mascot{display:flex;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.egg{position:relative;width:112px;height:128px;background:#fff;border-radius:52% 52% 46% 46%/58% 58% 42% 42%;box-shadow:0 8px 0 var(--edge-warm),0 14px 24px #4a3f351f;animation:eggFloat 3.4s ease-in-out infinite}.mascot--boing .egg{animation:boing .7s var(--bounce)}.egg__eye{position:absolute;top:58px;width:11px;height:12px;background:var(--ink);border-radius:50%;animation:blink 4.2s infinite;transform-origin:center}.egg__eye--l{left:32px}.egg__eye--r{right:32px}.egg__blush{position:absolute;top:77px;width:17px;height:10px;background:var(--pink);opacity:.65;border-radius:50%}.egg__blush--l{left:16px}.egg__blush--r{right:16px}.egg__mouth{position:absolute;top:76px;left:50%;transform:translate(-50%);width:20px;height:11px;border:3px solid var(--ink);border-top:none;border-radius:0 0 20px 20px}.egg__hat{position:absolute;top:-24px;left:50%;transform:translate(-50%) rotate(-8deg);width:50px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--pink);box-shadow:0 5px 0 var(--pink-deep);border-radius:14px;font-size:18px;font-weight:900;color:var(--ink)}.egg__cap{position:absolute;top:-26px;left:50%;width:0;height:0}.egg__cap:before{content:"";position:absolute;top:16px;left:-25px;width:50px;height:13px;background:#3a3f4d;border-radius:8px}.egg__cap:after{content:"";position:absolute;top:-4px;left:-24px;width:48px;height:48px;background:#3a3f4d;border-radius:7px;transform:scaleY(.6) rotate(45deg)}.egg__cap i{position:absolute;top:12px;left:13px;width:4px;height:24px;background:var(--yellow);border-radius:4px;transform:rotate(16deg)}.egg__cap i:after{content:"";position:absolute;bottom:-7px;left:-3px;width:10px;height:10px;background:var(--yellow-deep);border-radius:50%}.egg__cap--doctor:before,.egg__cap--doctor:after{background:#7c3a52;box-shadow:inset 0 0 0 2px #ffd76a8c}.egg__cap--doctor i{background:#ffd76a}.egg__cap--doctor i:after{background:#e8a81d}.egg__gown{position:absolute;bottom:-8px;left:-7px;right:-7px;height:44px;background:#3a3f4d;border-radius:20px 20px 16px 16px;box-shadow:0 5px #1e212a73}.egg__gown:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #fff}.egg__gown:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:15px;height:32px;background:linear-gradient(180deg,var(--pink),var(--pink-deep));border-radius:0 0 8px 8px}.egg__gown--doctor{background:#7c3a52;box-shadow:0 5px #501e2e80,inset 0 0 0 2px #ffd76a66}.egg__gown--doctor:after{background:linear-gradient(180deg,#ffd76a,var(--yellow-deep))}@keyframes eggFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes boing{0%{transform:scale(1)}30%{transform:scale(1.14,.86)}55%{transform:scale(.92,1.1)}75%{transform:scale(1.05,.96)}to{transform:scale(1)}}.jelly-card{background:var(--card);border-radius:24px;box-shadow:var(--shadow-panel);padding:22px 24px 20px;position:relative}.jelly-card:before{content:"";position:absolute;top:10px;left:16px;width:30%;height:8px;border-radius:99px;background:#ffffffe6}.jelly-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.jelly-title{font-size:14px;font-weight:900;letter-spacing:2px;color:var(--ink);background:var(--blue);padding:4px 14px;border-radius:99px;white-space:nowrap}.jelly-num{font-size:26px;font-weight:900;white-space:nowrap}.jelly-num em{font-style:normal;font-size:17px;color:var(--ink-soft)}.jelly-track{margin:16px 0;height:20px;border-radius:99px;background:var(--cream-deep);box-shadow:inset 0 2px 5px #4a3f3524;position:relative}.jelly-fill{position:relative;height:100%;min-width:0;background:var(--pink);border-radius:99px;box-shadow:inset 0 -4px #e2628f8c,inset 0 3px #ffffff80;transition:width .8s var(--bounce)}.jelly-rider{position:absolute;right:-11px;top:-16px;width:24px;height:27px;background:#fff;border-radius:52% 52% 46% 46%/58% 58% 42% 42%;box-shadow:0 3px 0 var(--edge-warm),0 5px 8px #4a3f3526}.jelly-rider:before,.jelly-rider:after{content:"";position:absolute;top:9px;width:3px;height:3.5px;background:var(--ink);border-radius:50%}.jelly-rider:before{left:6px}.jelly-rider:after{right:6px}.jelly-chips{display:flex;gap:10px}.jelly-egg-tip{margin:12px 0 0;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.5;text-align:center;color:var(--ink-soft);background:var(--cream);border-radius:10px}.jelly-egg-tip--on{color:var(--mint-deep);background:var(--mint-soft)}.chip{font-size:14px;font-weight:700;color:var(--ink);background:var(--cream-deep);padding:7px 14px;border-radius:99px;white-space:nowrap}.stations{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.station{position:relative;border:none;border-radius:var(--r-card);background:var(--card);padding:24px 24px 20px;text-align:left;font-family:inherit;color:var(--ink);overflow:hidden;transition:transform .13s var(--bounce),box-shadow .13s var(--bounce)}.station h2{font-size:25px;font-weight:900;letter-spacing:1px;margin:14px 0 8px;position:relative;z-index:1}.station p{font-size:15.5px;line-height:1.55;color:var(--ink-soft);font-weight:600;position:relative;z-index:1;margin:0}.station__tag{display:inline-block;font-size:13px;font-weight:900;letter-spacing:2px;padding:5px 15px;border-radius:99px;position:relative;z-index:1}.station__ghost{position:absolute;right:2px;bottom:-26px;font-size:120px;font-weight:900;line-height:1;opacity:.25;pointer-events:none;z-index:0}.station__progress{margin-top:16px;position:relative;z-index:1}.station__track{height:13px;border-radius:99px;background:var(--cream-deep);box-shadow:inset 0 2px 4px #4a3f351f;overflow:hidden}.station__track i{display:block;height:100%;border-radius:99px;transition:width .6s var(--bounce)}.station__progress span{display:block;margin-top:9px;font-size:14px;font-weight:800;color:var(--ink-soft)}.station__now{position:absolute;top:14px;right:18px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:900;letter-spacing:1px;padding:6px 15px;border-radius:99px;box-shadow:0 4px 0 var(--yellow-deep);transform:rotate(4deg);animation:bounceTag 1.6s ease-in-out infinite;z-index:2}@keyframes bounceTag{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}.station--s1{box-shadow:0 8px 0 var(--mint-deep),0 16px 26px #4a3f351f}.station--s1 .station__tag{background:var(--mint-soft);color:var(--mint-deep)}.station--s1 .station__ghost{color:var(--mint)}.station--s1 .station__track i{background:var(--mint);box-shadow:inset 0 -3px #33a87b80}.station--s1:hover{box-shadow:0 5px 0 var(--mint-deep),0 12px 20px #4a3f351f;transform:translateY(-3px)}.station--s1:active{box-shadow:0 1px 0 var(--mint-deep),0 6px 12px #4a3f351f;transform:translateY(2px)}.station--s2{box-shadow:0 8px 0 var(--blue-deep),0 16px 26px #4a3f351f}.station--s2 .station__tag{background:var(--blue-soft);color:var(--blue-deep)}.station--s2 .station__ghost{color:var(--blue)}.station--s2 .station__track i{background:var(--blue);box-shadow:inset 0 -3px #3e93d980}.station--s2:hover{box-shadow:0 5px 0 var(--blue-deep),0 12px 20px #4a3f351f;transform:translateY(-3px)}.station--s2:active{box-shadow:0 1px 0 var(--blue-deep),0 6px 12px #4a3f351f;transform:translateY(2px)}.station--s3{box-shadow:0 8px 0 var(--pink-deep),0 16px 26px #4a3f351f}.station--s3 .station__tag{background:var(--pink-soft);color:var(--pink-deep)}.station--s3 .station__ghost{color:var(--pink)}.station--s3 .station__track i{background:var(--pink);box-shadow:inset 0 -3px #e2628f80}.station--s3:hover{box-shadow:0 5px 0 var(--pink-deep),0 12px 20px #4a3f351f;transform:translateY(-3px)}.station--s3:active{box-shadow:0 1px 0 var(--pink-deep),0 6px 12px #4a3f351f;transform:translateY(2px)}.board{display:flex;flex-direction:column;gap:9px;padding-bottom:4px}.board__row{display:flex;justify-content:center;gap:9px}.kb{width:52px;height:46px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:var(--ink)}.kb:before{top:5px;height:6px}.kb--learned{background:var(--mint);box-shadow:0 5px 0 var(--mint-deep),0 10px 18px #33a87b38}.kb--learned:hover{box-shadow:0 2px 0 var(--mint-deep),0 7px 14px #33a87b38}.kb--learned.candy-key--pressed,.kb--learned:active{box-shadow:0 0 0 var(--mint-deep),0 4px 10px #33a87b38}.board__row2{margin-top:8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.board__hint{justify-self:end;padding-right:22px;font-size:15px;font-weight:700;color:var(--ink-soft)}.board__space{width:280px;height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;letter-spacing:10px;color:var(--ink-soft);text-indent:10px;border-radius:14px}.board__space:before{top:5px;height:6px}.board__sparkle{justify-self:start;padding-left:22px;font-size:22px;animation:twinkle 2.2s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(12deg)}}.keyboard{display:flex;flex-direction:column;gap:8px;width:100%;-webkit-user-select:none;user-select:none}.kb-row{display:flex;gap:6px}.space-pad{flex:3.5 1 0}.key{position:relative;min-width:0;height:clamp(40px,6.2vw,56px);border-radius:clamp(8px,1.2vw,12px);background:var(--card);border:none;box-shadow:0 4px 0 var(--edge-warm);display:flex;align-items:center;justify-content:center;transition:transform .06s,background .1s,box-shadow .1s}.key__label{font-size:clamp(11px,1.9vw,17px);font-weight:900;color:var(--ink);line-height:1}.key__label--space{font-size:clamp(10px,1.5vw,13px);color:var(--ink-soft)}.key--special{background:var(--cream-deep);box-shadow:0 4px 0 var(--edge-warm)}.key--special .key__label{color:var(--ink-soft);font-size:clamp(9px,1.4vw,12px)}.key--clickable{cursor:pointer}.key--clickable:hover{box-shadow:0 4px 0 var(--edge-warm),0 0 0 3px #ffc94a73}.key--down{transform:translateY(4px) scale(.985,.965);background:var(--yellow-soft);box-shadow:0 0 0 var(--edge-warm)}.key--lit{background:var(--yellow);box-shadow:0 4px 0 var(--yellow-deep);animation:litPulse .85s ease-in-out infinite;z-index:2}.key--lit .key__label{color:var(--ink)}@keyframes litPulse{0%,to{box-shadow:0 0 #ffc94aa6,0 4px 0 var(--yellow-deep);transform:translateY(0) scale(1)}50%{box-shadow:0 0 0 8px #ffc94a2e,0 4px 0 var(--yellow-deep);transform:translateY(-2px) scale(1.06)}}.key--ok{background:var(--mint);box-shadow:0 4px 0 var(--mint-deep);animation:pop .35s ease}.key--ok .key__label{color:#fff}.key--bad{background:var(--pink);box-shadow:0 4px 0 var(--pink-deep);animation:shake .4s ease}.key--bad .key__label{color:#fff}.key__finger{position:absolute;left:18%;right:18%;bottom:4px;height:5px;border-radius:999px;opacity:.9}.key--home-guide{box-shadow:0 4px 0 var(--edge-warm),inset 0 0 0 2px var(--blue);animation:homeBreathe 1.6s ease-in-out infinite}@keyframes homeBreathe{0%,to{box-shadow:0 4px 0 var(--edge-warm),inset 0 0 0 2px var(--blue),0 0 #5fb6f500}50%{box-shadow:0 4px 0 var(--edge-warm),inset 0 0 0 2px var(--blue),0 0 0 5px #5fb6f538}}.key__guide-chip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:6;padding:4px 9px;border-radius:999px;background:var(--blue-deep);color:#fff;font-size:clamp(9px,1.4vw,12px);font-weight:800;white-space:nowrap;box-shadow:0 4px 10px #3e93d959;pointer-events:none;animation:pop .35s ease}.key__guide-chip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--blue-deep)}.learn{display:flex;flex-direction:column;gap:18px}.learn__panel{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:26px;align-items:center}.learn__letter-box{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--blue-soft);border-radius:22px;padding:20px 14px}.learn__letter{font-size:104px;font-weight:900;line-height:1;color:var(--blue-deep);text-shadow:0 6px 0 rgba(62,147,217,.22)}.learn__letter-lower{font-weight:800;color:var(--ink-soft);font-size:16px}.learn__letter--idle{font-size:clamp(56px,8vw,84px)}.learn__idle-title{font-size:18px;font-weight:900;color:var(--blue-deep)}.learn__idle-text{margin:2px 0 0;font-size:14px;line-height:1.8;text-align:center;color:var(--ink-soft)}.learn__idle-text b{color:var(--blue-deep)}.section-title{margin:0 0 10px;font-size:20px;color:var(--ink)}.info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.info-list li{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--ink);font-size:16px}.info-list__k{flex:0 0 52px;background:var(--yellow-soft);color:var(--yellow-deep);border-radius:10px;padding:4px 0;text-align:center;font-size:14px}.info-list__v{display:inline-flex;align-items:center;gap:8px}.finger-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #4a3f3540;flex:0 0 auto}.learn__tip{margin:12px 0 14px;background:var(--yellow-soft);border:2px dashed var(--yellow);border-radius:14px;padding:10px 14px;font-weight:700;color:var(--yellow-deep);font-size:14px}.progress-bar{height:16px;background:var(--cream-deep);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #4a3f351f}.progress-bar__fill{height:100%;border-radius:999px;background:var(--pink);box-shadow:inset 0 -3px #e2628f8c,inset 0 2px #ffffff80;transition:width .4s ease}.learn__reset{margin-top:12px;font-size:13px;padding:8px 14px}.learn__kb-wrap{padding:20px}.learn__hint-text{margin:0 0 14px;text-align:center;font-weight:700;color:var(--ink-soft)}.finger-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:2px dashed var(--cream-deep)}.finger-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-soft)}.screen-title{text-align:center;margin:4px 0 6px;font-size:clamp(26px,3.4vw,34px);font-weight:900;color:var(--ink)}.screen-subtitle{text-align:center;margin:0 0 22px;font-weight:700;color:var(--ink-soft)}.level-grid,.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.level-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px;text-align:left;transition:transform .14s var(--bounce),box-shadow .14s var(--bounce)}.level-card:hover{transform:translateY(-4px)}.level-card--done{box-shadow:0 6px 0 var(--mint-deep),0 14px 26px #4a3f351a}.level-card__emoji{font-size:38px}.level-card__name{font-size:19px;font-weight:900;color:var(--ink)}.level-card__desc{font-size:14px;font-weight:600;color:var(--ink-soft);line-height:1.5}.level-card__keys{margin-top:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;font-size:14px;letter-spacing:1px;color:var(--blue-deep);background:var(--blue-soft);border-radius:10px;padding:6px 12px}.level-card__badge{margin-top:8px;display:inline-flex;align-items:center;font-size:13px;font-weight:900;color:var(--ink);background:var(--yellow);box-shadow:0 3px 0 var(--yellow-deep);padding:4px 12px;border-radius:999px;transform:rotate(-2deg)}.level-card__stars{margin-top:8px;display:inline-flex;align-items:center;gap:2px;font-size:16px;padding:4px 12px;background:var(--yellow-soft);border-radius:999px}.mini-star{color:var(--edge-warm)}.mini-star--on{color:var(--yellow-deep)}.level-card__acc{margin-left:6px;font-size:12px;font-weight:800;color:var(--yellow-deep)}.learn-select-grid{max-width:760px;margin:0 auto}.learn__back{align-self:center}.hud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px}.hud__pill{background:var(--card);border-radius:999px;padding:7px 16px;font-weight:800;font-size:14px;color:var(--ink);box-shadow:0 4px 0 var(--edge-warm),0 6px 12px #4a3f3514}.hud__pill--fire{color:var(--pink-deep)}.hud__heart{vertical-align:middle;margin:0 1px}.find-game{display:flex;flex-direction:column;align-items:center;gap:14px}.find-card{width:100%;text-align:center;padding:24px 20px 20px;transition:transform .15s}.find-card--happy{animation:happyBounce .6s ease}@keyframes happyBounce{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-8px) rotate(-1deg)}60%{transform:translateY(2px) rotate(1deg)}}.find-card__ask{margin:0;font-weight:800;color:var(--ink-soft)}.find-card__letter{font-size:clamp(80px,18vw,126px);font-weight:900;line-height:1.05;margin:4px 0;background:linear-gradient(135deg,var(--pink-deep),var(--blue-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.find-card__lower{margin:0 0 6px;font-weight:700;color:var(--ink-soft)}.find-card__msg{margin:6px 0 0;min-height:30px;font-size:20px;font-weight:900;color:var(--ink-soft)}.find-card__msg--ok{color:var(--mint-deep)}.find-card__msg--warn{color:var(--func-deep)}.find-card__hint{margin:8px 0 0;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;background:var(--yellow-soft);border:2px dashed var(--yellow);border-radius:14px;padding:9px 16px;font-weight:700;color:var(--yellow-deep)}.find-game__kb,.type-game__kb{width:100%;padding:18px}.song-game{display:flex;flex-direction:column;align-items:center;gap:14px}.song-card{width:100%;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.song-track{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto}.song-chip{width:clamp(26px,4.6vw,36px);height:clamp(26px,4.6vw,36px);display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--cream-deep);color:var(--ink-soft);font-weight:900;font-size:clamp(12px,1.8vw,15px);transition:all .15s}.song-chip--gap{margin-left:clamp(8px,2vw,18px)}.song-chip--done{background:var(--mint);color:#fff;box-shadow:0 3px 0 var(--mint-deep)}.song-chip--now{background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 var(--yellow-deep);animation:litPulse .85s ease-in-out infinite}.song-stage{position:relative;text-align:center;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center}.song-stage__tip{margin:0;font-weight:800;color:var(--ink-soft)}.song-stage__tip strong{color:var(--pink-deep)}.song-timer{margin-top:12px;width:min(340px,80%);height:10px;border-radius:999px;background:var(--cream-deep);overflow:hidden}.song-timer__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--yellow) 55%,var(--pink-deep));animation:timerShrink 2s linear forwards}@keyframes timerShrink{0%{width:100%}to{width:0%}}.song-banner{font-size:clamp(20px,3.4vw,28px);font-weight:900;color:var(--blue-deep);padding:18px 26px;background:var(--blue-soft);border:2px dashed var(--blue);border-radius:18px}.song-overlay{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 12px;animation:pop .3s ease}.song-overlay__emoji{font-size:56px;line-height:1}.song-overlay__title{margin:0;font-size:26px;color:var(--ink)}.song-overlay__title--warn{color:var(--pink-deep)}.song-overlay__desc{margin:0;font-weight:700;color:var(--ink-soft)}.song-rules{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left;font-weight:700;color:var(--ink-soft);font-size:15px}.song-rules b{color:var(--blue-deep)}.song-overlay__enter{margin:2px 0 0;font-size:12px;color:var(--ink-soft)}.type-game{display:flex;flex-direction:column;align-items:center;gap:14px}.type-card{width:100%;padding:22px 22px 18px;text-align:center}.type-card__top{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px}.type-card__emoji{font-size:32px}.type-card__note{font-weight:800;color:var(--ink-soft);font-size:17px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.chip--now,.chips .chip{border-radius:12px}.chips .chip{min-width:42px;padding:10px 12px;background:var(--cream-deep);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:24px;font-weight:900;color:var(--ink-soft);transition:all .12s}.chips .chip--space{min-width:92px;font-size:13px;display:flex;align-items:center;color:var(--ink-soft)}.chips .chip--done{background:var(--mint-soft);color:var(--mint-deep)}.chips .chip--now{background:var(--blue);color:#fff;transform:scale(1.18);box-shadow:0 6px 14px #3e93d966;animation:chipPulse 1s ease-in-out infinite}.chips .chip--space.chip--now{font-size:13px}@keyframes chipPulse{0%,to{transform:scale(1.18)}50%{transform:scale(1.28)}}.chips .chip--shake{animation:shake .4s ease}.type-card__guide{margin:6px 0 4px;font-weight:800;color:var(--ink-soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.next-key{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;background:var(--yellow);box-shadow:0 3px 0 var(--yellow-deep);color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;font-weight:900}.shift-tip{font-size:13px;font-weight:800;color:var(--yellow-deep);background:var(--yellow-soft);border:2px dashed var(--yellow);border-radius:10px;padding:3px 10px}.line-done{display:flex;flex-direction:column;align-items:center;gap:10px}.line-done__text{margin:4px 0;font-size:20px;font-weight:900;color:var(--mint-deep);display:flex;align-items:center;gap:6px}.result-screen{position:relative;max-width:560px;margin:10px auto;padding:34px 28px 30px;text-align:center;overflow:hidden}.result__emoji{font-size:72px;animation:happyBounce 1s ease infinite}.result__title{margin:8px 0 2px;font-size:30px;color:var(--ink)}.result__sub{margin:0 0 12px;font-weight:800;color:var(--ink-soft)}.result__stars{display:flex;justify-content:center;gap:10px;margin-bottom:14px}.star{font-size:48px;color:var(--cream-deep);text-shadow:none;transition:transform .2s}.star--sm{font-size:22px}.star--on{color:var(--yellow);text-shadow:0 3px 8px rgba(232,168,29,.5);animation:starPop .5s ease backwards}.star--on:nth-child(2){animation-delay:.15s}.star--on:nth-child(3){animation-delay:.3s}@keyframes starPop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}.result__stats{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;font-weight:700;color:var(--ink-soft);font-size:16px}.result__stats strong{color:var(--blue-deep);font-size:20px}.result__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti span{position:absolute;top:-40px;font-size:26px;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confettiFall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(520px) rotate(360deg);opacity:.9}}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.pop-in{animation:pop .35s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.learn-func__panel{align-items:center;padding:14px 20px;gap:16px;grid-template-columns:240px 1fr}.learn-func__panel .section-title{font-size:16px;margin:0 0 6px}.learn-func__panel .progress-bar{height:10px}.learn-func__panel .learn__tip{margin:6px 0 2px;padding:5px 10px;font-size:12px;border-radius:10px}.learn-func__kb{padding:12px 16px 16px}.learn-func__kb .learn__hint-text{margin:0 0 8px;font-size:13px}.learn-func__card{display:flex;flex-direction:column;justify-content:center;text-align:center}.learn-func__cap{width:54px;height:54px;margin:0 auto 4px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:var(--func);box-shadow:0 4px 0 var(--func-deep),0 8px 14px #ea7a1f40}.learn-func__name{margin:2px 0 4px;font-size:19px;color:var(--ink)}.learn-func__desc{margin:0 auto;max-width:400px;font-size:14px;line-height:1.55;font-weight:600;color:var(--ink-soft)}.learn-func__example{margin:6px auto 0;max-width:400px;font-size:13px;font-weight:800;color:var(--func-deep);background:var(--func-soft);border:2px dashed var(--func);border-radius:10px;padding:5px 10px}.learn-func__task{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink-soft)}.learn-func__task--done{color:var(--mint-deep);font-weight:900;font-size:15px}.fn-checklist{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.fn-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--cream-deep);color:var(--ink-soft);font-size:12px;font-weight:800;border:2px solid transparent;transition:all .15s var(--bounce)}.fn-chip__emoji{font-size:12px}.fn-chip--done{background:var(--mint-soft);border-color:var(--mint);color:var(--mint-deep)}.fn-chip__check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--mint);color:#fff;font-size:10px;font-weight:900;animation:pop .35s var(--bounce)}.learn-func__count{margin:4px 0 0;font-size:13px;font-weight:800;color:var(--ink-soft)}.learn-func__count strong{color:var(--mint-deep);font-size:15px}.learn-func__map-title{margin-top:8px}.learn-func__reset{margin-top:2px;font-size:12px;padding:5px 10px;align-self:flex-start}.region-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.region-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:2px solid var(--cream-deep);background:var(--card);font-size:12px;font-weight:800;color:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.region-chip:hover{transform:translateY(-2px)}.region-chip--on{background:var(--rc);color:#fff;border-color:var(--rc);box-shadow:0 5px 12px color-mix(in srgb,var(--rc) 40%,transparent)}.region-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.key--region{transition:opacity .2s,box-shadow .15s,transform .1s}.key--rg-letter{background:var(--mint-soft);box-shadow:0 4px #33a87b73}.key--rg-letter .key__label{color:var(--mint-deep)}.key--rg-number{background:var(--blue-soft);box-shadow:0 4px #3e93d973}.key--rg-number .key__label{color:var(--blue-deep)}.key--rg-symbol{background:var(--violet-soft);box-shadow:0 4px #7c5cd673}.key--rg-symbol .key__label{color:var(--violet-deep)}.key--rg-func{background:var(--func-soft);box-shadow:0 4px #ea7a1f80}.key--rg-func .key__label{color:var(--func-deep)}.key--rg-on{transform:translateY(-2px)}.key--rg-func.key--rg-on{box-shadow:0 6px 14px #ea7a1f4d,0 4px #ea7a1f80}.key--rg-dim{opacity:.32}.key--func-clickable{cursor:pointer}.key--func-clickable:hover{box-shadow:0 0 0 3px #fb923c73,0 4px #ea7a1f80;transform:translateY(-2px)}.key--func-active{background:var(--func)!important;box-shadow:0 0 0 4px #fb923c59,0 4px 0 var(--func-deep)!important;z-index:2}.key--func-active .key__label{color:#fff!important}.key--func-done{background:var(--mint-soft)!important;box-shadow:0 4px 0 var(--mint-deep)!important}.key--func-done .key__label{color:var(--mint-deep)!important}.key--func-done.key--func-active{background:var(--mint)!important}.key--func-done.key--func-active .key__label{color:#fff!important}.key__done-check{position:absolute;top:-7px;right:-7px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mint);border:2px solid #fff;color:#fff;font-size:11px;font-weight:900;box-shadow:0 2px 5px #33a87b66;animation:pop .35s var(--bounce);z-index:3;pointer-events:none}.shooter-game{display:flex;flex-direction:column;align-items:center;gap:14px}.shooter-stage{width:100%;padding:14px}.shooter-field{position:relative;width:100%;height:clamp(430px,64vh,600px);border-radius:22px;overflow:hidden;background:radial-gradient(2px 2px at 20% 30%,#fff 50%,transparent),radial-gradient(2px 2px at 70% 20%,#fff 50%,transparent),radial-gradient(1px 1px at 40% 70%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#fff 50%,transparent),radial-gradient(1px 1px at 10% 85%,#fff 50%,transparent),radial-gradient(2px 2px at 55% 45%,#fff 50%,transparent),linear-gradient(180deg,#0b1026,#1a1145 55%,#2a1860)}.px-sprite{position:relative;display:inline-block;line-height:0;image-rendering:pixelated}.px-sprite i{display:block;font-style:normal}.shooter-enemy{position:absolute;width:44px;height:44px;margin-left:-22px;margin-top:-22px;display:flex;align-items:center;justify-content:center;z-index:2}.shooter-enemy__letter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:24px;height:24px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:900;font-size:15px;color:#fff;background:#be123c;border:2px solid #fecdd3;box-shadow:0 0 0 2px #881337;z-index:2}.shooter-enemy--locked .px-sprite{filter:drop-shadow(0 0 8px rgba(253,224,71,.95))}.shooter-missile{position:absolute;z-index:4;pointer-events:none;filter:drop-shadow(0 0 6px rgba(251,191,36,.95))}.shooter-boom{position:absolute;width:36px;height:36px;margin-left:-18px;margin-top:-18px;display:flex;align-items:center;justify-content:center;z-index:5;animation:boom-pop .36s ease-out forwards;pointer-events:none}@keyframes boom-pop{0%{transform:scale(.3);opacity:0}35%{transform:scale(1.25);opacity:1}to{transform:scale(1.7);opacity:0}}.shooter-ground{position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(90deg,#22d3ee 0,#22d3ee 12px,#0e7490 12px,#0e7490 24px);box-shadow:0 -2px #67e8f999;z-index:1}.shooter-ship{position:absolute;left:50%;bottom:4px;transform:translate(-50%);z-index:3;pointer-events:none}.shooter-ship__rot{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .12s ease-out;filter:drop-shadow(0 0 8px rgba(34,211,238,.55))}.shooter-ship__muzzle{position:absolute;top:-10px;left:50%;margin-left:-10px;filter:drop-shadow(0 0 8px rgba(251,191,36,1));z-index:4}.speed-chips{display:flex;gap:10px;margin:2px 0 6px}.speed-chip{padding:9px 18px;border-radius:999px;border:2px solid #4c4f8a;background:#1e1b4bcc;color:#c7d2fe;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.speed-chip:hover{transform:translateY(-2px)}.speed-chip--on{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#a5b4fc;color:#fff;box-shadow:0 0 14px #8b5cf6a6}.shooter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#0b1026db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.shooter-overlay__emoji{font-size:56px}.shooter-overlay__title{margin:0;font-size:28px;color:#fff;text-shadow:0 0 16px rgba(251,113,133,.6)}.shooter-overlay__title--warn{color:#fecaca;text-shadow:0 0 16px rgba(225,29,72,.7)}.shooter-overlay__desc{margin:0;color:#c7d2fe;font-weight:600;line-height:1.8}.shooter-overlay__enter{margin:0;color:#a5b4fc;font-size:13px}.privacy-page{max-width:720px;margin:0 auto;padding:28px 26px 22px;text-align:left}.privacy-page__title{margin:0 0 14px;font-size:22px;font-weight:900;color:var(--ink)}.privacy-page__section{margin-bottom:14px}.privacy-page__section h3{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--blue-deep)}.privacy-page__section p{margin:0;font-size:14px;line-height:1.8;color:var(--ink-soft)}.privacy-page__back{display:block;margin:14px auto 0}@media (max-width: 980px){.home__hero{grid-template-columns:120px 1fr}.jelly-card{grid-column:1 / -1}}@media (max-width: 820px){.stations{grid-template-columns:1fr}.learn__panel{grid-template-columns:1fr;gap:16px}.learn__letter-box{max-width:320px;margin:0 auto;width:100%}.level-grid,.lesson-grid{grid-template-columns:1fr}}@media (max-width: 560px){.app{padding:12px 10px 24px}.kb-row{gap:4px}.keyboard{gap:5px}.find-game__kb,.type-game__kb,.learn__kb-wrap{padding:10px;border-radius:20px}.chips .chip{min-width:34px;padding:8px 9px;font-size:20px}.btn{padding:11px 16px;font-size:15px}.topbar__name{font-size:19px}.board__row{gap:5px}.kb{width:34px;height:36px;font-size:14px}.board__space{width:180px}.board__hint{font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chip--btn{border:2px solid var(--edge-warm);background:var(--card);color:var(--ink-soft);cursor:pointer;transition:transform .12s var(--bounce),background .15s,color .15s}.chip--btn:hover{transform:translateY(-2px)}.chip--btn.chip--on{background:var(--ink);border-color:var(--ink);color:#fff}.keyboard--blind .key__label{visibility:hidden}.keyboard--blind .key__finger,.keyboard--blind .key__guide-chip{display:none}.keyboard--blind .key{filter:grayscale(.9)}.weak-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-radius:20px;flex-wrap:wrap}.weak-card__head h3{margin:0;font-size:19px}.weak-card__head p{margin:4px 0 0;font-size:14px;color:var(--ink-soft);font-weight:600}.weak-card__keys{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.weak-key{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;border-radius:14px;background:var(--pink-soft);border:2px solid var(--pink)}.weak-key b{font-size:22px;color:var(--pink-deep);line-height:1}.weak-key i{font-style:normal;font-size:12px;font-weight:700;color:var(--ink-soft)}.playground{margin-top:2px}.playground__title{margin:0 0 12px 6px;font-size:21px;letter-spacing:1px}.playground__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.play-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 18px;border-radius:20px;text-align:left;transition:transform .14s var(--bounce),box-shadow .14s var(--bounce)}.play-card:hover{transform:translateY(-4px)}.play-card__emoji{font-size:30px;line-height:1.1}.play-card__name{font-size:17px;font-weight:900}.play-card__desc{font-size:13px;color:var(--ink-soft);font-weight:600;line-height:1.5}.play-card__badge{position:absolute;top:10px;right:12px;font-size:11px;font-weight:900;color:var(--pink-deep);background:var(--pink-soft);border:2px solid var(--pink);padding:2px 8px;border-radius:99px}.play-card--locked{filter:saturate(.35);opacity:.75}.speed-game{display:flex;flex-direction:column;gap:14px}.speed-card{padding:22px;border-radius:24px;text-align:center}.speed-card--shake{animation:speed-shake .38s}@keyframes speed-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.speed-timer{font-size:40px;font-weight:900;color:var(--blue-deep);margin-bottom:12px}.speed-timer[data-urgent=y]{color:var(--pink-deep);animation:speed-pulse .5s infinite}@keyframes speed-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.speed-strip{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;overflow:hidden}.speed-chip{flex:0 0 46px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--cream-deep);color:var(--ink-soft);font-size:26px;font-weight:900;font-family:ui-monospace,Menlo,Consolas,monospace;opacity:.55}.speed-chip--next{opacity:.8}.speed-chip--now{background:var(--yellow);color:var(--ink);opacity:1;box-shadow:0 4px 0 var(--yellow-deep),0 0 18px #ffc94aa6;animation:speed-pulse .9s infinite}.speed-tip{margin:14px 0 0;font-size:14px;color:var(--ink-soft);font-weight:600}.result__stats .speed-record{color:var(--pink-deep);font-weight:800}.cert-screen{display:flex;flex-direction:column;align-items:center;gap:14px}.cert-canvas-wrap{padding:14px;border-radius:24px;width:100%;display:flex;justify-content:center}.cert-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cert-name-input{padding:11px 18px;border-radius:14px;border:2px solid var(--edge-warm);font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);outline:none;width:260px}.cert-name-input:focus{border-color:var(--blue)}.shop-try{display:flex;align-items:center;gap:26px;padding:16px 26px;border-radius:22px;justify-content:center}.shop-try__tip{margin:0;font-size:15px;font-weight:700;color:var(--ink-soft);max-width:300px}.shop-coins{display:flex;align-items:baseline;gap:10px;padding:12px 22px;border-radius:18px;font-size:17px;font-weight:800;flex-wrap:wrap}.shop-coins strong{color:var(--yellow-deep);font-size:21px}.shop-coins__sub{font-size:13px;color:var(--ink-soft);font-weight:600}.shop-card{position:relative;align-items:center;text-align:center;gap:6px;padding-top:64px}.shop-card--on{outline:3px solid var(--mint);outline-offset:-3px}.shop-item-egg{position:relative;width:64px;height:52px;margin-top:4px}.egg__acc{position:absolute;top:-16px;right:4px;width:46px;height:40px;pointer-events:none;z-index:3;filter:drop-shadow(0 2px 2px rgba(74,63,53,.2))}.shop-item-egg.egg__acc{top:0;right:auto;left:50%;transform:translate(-50%);position:absolute}.egg__acc--bow:before,.egg__acc--bow:after{content:"";position:absolute;top:12px;width:17px;height:15px;background:var(--pink);border-radius:60%/70% 70% 30% 30%}.egg__acc--bow:before{left:3px;transform:rotate(-24deg)}.egg__acc--bow:after{right:3px;transform:rotate(24deg)}.egg__acc--bow{border-radius:50%;width:14px;height:14px;background:var(--pink-deep);top:-6px;right:14px}.egg__acc--bow:before{left:-12px;top:2px}.egg__acc--bow:after{right:-12px;top:2px}.egg__acc--flower:before{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:var(--pink);box-shadow:0 -12px 0 var(--pink),0 12px 0 var(--pink),-12px 0 0 var(--pink),12px 0 0 var(--pink)}.egg__acc--flower{width:16px;height:16px;border-radius:50%;background:var(--yellow);top:-8px;right:14px}.egg__acc--headset:before{content:"";position:absolute;left:50%;top:6px;width:40px;height:22px;margin-left:-20px;border:5px solid #4a3f35;border-bottom:none;border-radius:22px 22px 0 0}.egg__acc--headset:after{content:"";position:absolute;top:22px;left:50%;width:44px;height:0;margin-left:-22px;box-shadow:-19px 0 #4a3f35,-19px -8px 0 2px #4a3f35,-19px -16px 0 2px #4a3f35,19px 0 #4a3f35,19px -8px 0 2px #4a3f35,19px -16px 0 2px #4a3f35;border-radius:6px}.egg__acc--headset{width:50px;height:40px;top:-18px;right:0}.egg__acc--wizard:before{content:"";position:absolute;left:50%;bottom:0;margin-left:-19px;width:0;height:0;border-left:19px solid transparent;border-right:19px solid transparent;border-bottom:38px solid var(--violet-deep);border-radius:4px}.egg__acc--wizard:after{content:"✦";position:absolute;right:2px;top:0;color:#ffd76a;font-size:16px;font-weight:900}.egg__acc--wizard{width:40px;height:42px;top:-20px;right:8px}.egg__acc--crown:before{content:"";position:absolute;left:50%;bottom:0;width:38px;height:22px;margin-left:-19px;background:#ffd76a;clip-path:polygon(0 100%,0 0,25% 55%,50% 0,75% 55%,100% 0,100% 100%)}.egg__acc--crown:after{content:"⭐";position:absolute;left:50%;top:-6px;transform:translate(-50%);font-size:11px}.egg__acc--crown{width:40px;height:30px;top:-14px;right:8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.badge-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 14px 15px;border-radius:20px;text-align:center;filter:saturate(.15);opacity:.72}.badge-card--on{filter:none;opacity:1}.badge-card__emoji{font-size:38px;line-height:1.15}.badge-card__name{font-size:16px;font-weight:900}.badge-card__desc{font-size:12.5px;color:var(--ink-soft);font-weight:600;line-height:1.5}.badge-card--on .badge-card__emoji{animation:badge-pop .5s var(--bounce)}@keyframes badge-pop{0%{transform:scale(.4)}70%{transform:scale(1.2)}to{transform:scale(1)}}.badge-streak{text-align:center;font-size:14px;font-weight:700;color:var(--ink-soft);margin:16px 0 0}.music-screen{display:flex;flex-direction:column;gap:14px}.music-stage{position:relative;padding:54px 22px 20px;border-radius:22px;text-align:center;overflow:hidden}.music-hint{margin:0;font-size:15px;font-weight:700;color:var(--ink-soft)}.music-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.music-bubble{position:absolute;top:12px;padding:5px 12px;border-radius:99px;background:var(--blue-soft);border:2px solid var(--blue);color:var(--blue-deep);font-size:15px;font-weight:900;animation:bubble-float .95s ease-out forwards}@keyframes bubble-float{0%{transform:translateY(14px) scale(.7);opacity:0}25%{opacity:1}to{transform:translateY(-26px) scale(1.05);opacity:0}}.music-kb{padding:14px;border-radius:22px}.mole-game{display:flex;flex-direction:column;gap:12px}.mole-intro{max-width:460px;margin:0 auto;width:100%}.mole-field{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:26px;border-radius:24px;background:var(--mint-soft);max-width:560px;margin:0 auto;width:100%}.mole-hole{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,#8a5a3b,#6b4226 62%,#55341d);box-shadow:inset 0 8px 14px #00000059,0 5px #33a87b80;overflow:visible;cursor:pointer}.mole-hole__dirt{position:absolute;left:12%;bottom:8%;width:76%;height:22%;border-radius:50%;background:#4a2c16;opacity:.85}.mole-mole{position:absolute;left:50%;bottom:14%;width:62%;transform:translate(-50%) translateY(0);animation:mole-up .18s ease-out}.mole-hole--up .mole-mole{z-index:2}@keyframes mole-up{0%{transform:translate(-50%) translateY(46px) scale(.7)}to{transform:translate(-50%) translateY(0) scale(1)}}.mole-hole--dizzy .mole-mole{animation:mole-dizzy .2s ease-out forwards}@keyframes mole-dizzy{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) translateY(50px) rotate(-18deg);opacity:.4}}.mole-mole__face{position:relative;display:block;width:100%;aspect-ratio:.9;border-radius:48% 48% 42% 42%/58% 58% 42% 42%;background:#c98a5a;border:3px solid #a06a3e}.mole-mole__eye{position:absolute;top:26%;width:8px;height:8px;border-radius:50%;background:#3d2413}.mole-mole__eye:first-child{left:26%}.mole-mole__eye:last-child{right:26%}.mole-mole__nose{position:absolute;top:46%;left:50%;width:10px;height:7px;margin-left:-5px;border-radius:50%;background:#ff8fb1}.mole-mole__letter{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);min-width:30px;height:30px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--card);border:2.5px solid var(--yellow);font-size:18px;font-weight:900;color:var(--ink);box-shadow:0 3px #e8a81d8c;z-index:3}.mole-tip{text-align:center;font-size:14px;font-weight:700;color:var(--ink-soft);margin:0}.hud__pill[data-urgent=y]{color:var(--pink-deep);animation:speed-pulse .5s infinite}