:root{--pink-canvas:oklch(90% .075 350);--pink-surface:oklch(98.5% .012 350);--pink-title:oklch(88% .09 350);--pink-ink:oklch(28% .08 350);--pink-accent:oklch(55% .21 355);--white:oklch(99.5% .004 350);--black:oklch(23% .06 350);--popup:20}*{box-sizing:border-box}html,body{background:var(--pink-canvas);width:100%;min-height:100%;color:var(--pink-ink);margin:0;font-family:YouYuan,Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}.surprise-shell{isolation:isolate;background:radial-gradient(circle at 22% 16%, oklch(98% .025 350/.92), transparent 30%), radial-gradient(circle at 78% 76%, oklch(83% .12 355/.72), transparent 34%), var(--pink-canvas);min-height:100svh;position:relative;overflow:hidden}.surprise-shell:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,oklch(100% 0 0/.45) 0 1.5px,#0000 2px) 0 0/34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.ambient-copy{z-index:0;color:oklch(55% .21 355/.11);letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(5rem,19vw,18rem);font-weight:900;line-height:.8;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-5deg)}.popup-field{z-index:var(--popup);position:absolute;inset:0}.popup-position{left:var(--x);top:var(--y);z-index:var(--layer);width:var(--w);opacity:0;transform:translate3d(0, 24px, 0) scale(.46) rotate(var(--turn));animation:popup-arrive .44s cubic-bezier(.16, 1, .3, 1) var(--delay) forwards;will-change:transform, opacity;position:absolute}.kitty-popup{border:2px solid var(--pink-accent);background:var(--pink-surface);animation:popup-drift 5s ease-in-out calc(var(--delay) + .44s) infinite alternate;border-radius:10px;overflow:hidden;box-shadow:6px 6px oklch(62% .13 350/.28)}.kitty-popup header,.hero-titlebar{background:var(--pink-title);min-height:29px;color:var(--pink-ink);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .55rem;font-size:.68rem;font-weight:900;display:flex}.window-dots{letter-spacing:.08em;white-space:nowrap;font-size:.55rem}.kitty-popup p{color:var(--pink-accent);text-align:center;margin:0;padding:.7rem .8rem .8rem;font-size:clamp(1.2rem,3vw,1.65rem);font-weight:900;line-height:1}.heart{color:oklch(55% .26 25);margin-left:.18em}.hero-popup{z-index:32;border:3px solid var(--pink-ink);background:var(--pink-surface);width:min(88vw,430px);box-shadow:9px 9px 0 var(--pink-accent);border-radius:12px;animation:.62s cubic-bezier(.16,1,.3,1) 1.48s both hero-arrive;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hero-titlebar{min-height:40px;padding-inline:.8rem;font-size:.82rem}.hero-popup p{color:var(--pink-accent);letter-spacing:-.04em;text-align:center;text-wrap:balance;margin:0;padding:clamp(1.35rem,7vw,2.6rem) 1rem;font-size:clamp(2.8rem,12vw,5.8rem);font-weight:900;line-height:.94}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes popup-arrive{to{opacity:1;transform:translate3d(0, 0, 0) scale(1) rotate(var(--turn))}}@keyframes popup-drift{to{transform:translate3d(var(--drift-x), var(--drift-y), 0)}}@keyframes hero-arrive{0%{opacity:0;filter:blur(14px);transform:translate(-50%,-44%)scale(.72)rotate(-4deg)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (width<=640px){.popup-position{--w:min(var(--w), 210px)}.hero-popup{width:min(86vw,360px)}}@media (prefers-reduced-motion:reduce){.popup-position,.hero-popup{animation-duration:1ms;animation-delay:0s}.kitty-popup{animation:none}}