:root{color:#1f2937;background:#f6f8fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;height:100%;min-height:100%}body{margin:0;overflow:hidden}button{font:inherit}.page{width:100vw;min-height:100vh;padding:0}.sky-scene,.ocean-scene{width:100vw;height:100vh;min-height:100vh;box-shadow:none;border-radius:0;position:relative;overflow:hidden}.sky-scene{background:radial-gradient(circle at 18% 20%,#ffffff52,#0000 12%),linear-gradient(160deg,#10193f 0%,#1e3a8a 44%,#4c1d95 100%)}.moon{background:#fff7cf;border-radius:50%;width:92px;height:92px;position:absolute;top:48px;right:76px;box-shadow:0 0 46px #fff7cfb8}.moon:after{content:"";background:#1b2b73;border-radius:50%;width:92px;height:92px;position:absolute;top:12px;left:18px}.star{z-index:1;background:#fff;border-radius:50%;animation:1.35s ease-in-out infinite alternate starTwinkle;position:absolute;box-shadow:0 0 14px #fff6b8}.banana-button{z-index:2;color:#6b3f00;cursor:pointer;background:linear-gradient(135deg,#ffe66d 0%,#ffc53d 52%,#f59e0b 100%);border:0;border-radius:999px 70%;align-items:center;gap:12px;min-width:220px;padding:18px 32px;animation:.9s cubic-bezier(.2,1.4,.42,1) forwards bananaDrop;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-360px)rotate(-7deg);box-shadow:0 18px 36px #f59e0b57,inset 0 -5px #92400e2e}.banana-button:hover{filter:brightness(1.06);transform:translate(-50%)rotate(-4deg)scale(1.04)}.banana-shape{font-size:40px;line-height:1}.banana-text{letter-spacing:.12em;font-size:26px;font-weight:800}.ocean-scene{background:linear-gradient(#ffffffe0 0,#ffffffe0 18%,#0000 38%),linear-gradient(#7dd3fc 0%,#38bdf8 38%,#0369a1 100%);place-items:center;display:grid}.sun{background:#fde68a;border-radius:50%;width:96px;height:96px;animation:2.6s ease-in-out infinite sunPulse;position:absolute;top:58px;right:90px;box-shadow:0 0 58px #fde68ae6}.wave{opacity:.86;background:#0ea5e9b8;border-radius:45% 55% 0 0;height:230px;animation:4.2s ease-in-out infinite alternate waveMove;position:absolute;bottom:-76px;left:-10%;right:-10%}.wave-two{opacity:.72;background:#0369a1c2;animation-duration:5.4s;animation-direction:alternate-reverse;bottom:-118px}.floating-title{z-index:1;color:#fff;letter-spacing:.18em;text-shadow:0 8px 24px #0325416b;margin:0;font-size:max(40px,min(8vw,92px));animation:2.2s ease-in-out infinite textFloat,1.4s ease-in-out infinite alternate textGlow}@keyframes starTwinkle{0%{opacity:.25;transform:scale(.72)}to{opacity:1;transform:scale(1.45)}}@keyframes bananaDrop{0%{transform:translate(-50%,-360px)rotate(-18deg)}72%{transform:translate(-50%,20px)rotate(6deg)}to{transform:translate(-50%)rotate(-4deg)}}@keyframes waveMove{0%{transform:translate(-24px)skewY(-2deg)}to{transform:translate(24px)skewY(2deg)}}@keyframes textFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes textGlow{0%{filter:drop-shadow(0 0 4px #ffffff8c)}to{filter:drop-shadow(0 0 22px #bae6fdf2)}}@keyframes sunPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}