:root{--retro-pink:#fcd5dc;--retro-pink-deep:#ff5f8d;--retro-blue:#bfdcef;--retro-blue-deep:#4aa3d1;--retro-mint:#cfeacd;--retro-mint-deep:#6dd989;--retro-yellow:#ffe8a3;--retro-yellow-deep:#fff66d;--retro-peach:#ffd1b1;--retro-peach-deep:#ff9a52;--retro-lavender:#d7c9ec;--retro-lavender-deep:#9d7fd6;--retro-teal:#a9d5d2;--retro-ink:#111;--retro-paper:#fff;--retro-hot:#d11048;--retro-bg:#fbe3e9;--retro-bg-dark:#0b0b0b;--retro-bg-pink:#fdf2f8;--retro-bg-yellow:#fffbeb;--retro-bg-blue:#eff6ff;--retro-bg-mint:#f0fdf4;--retro-text-cool:#0369a1;--retro-text-warm:#b45309;--retro-border:2.5px solid var(--retro-ink);--retro-border-sm:2px solid var(--retro-ink);--retro-border-xs:1.5px solid var(--retro-ink);--retro-shadow-pop:4px 4px 0 var(--retro-ink);--retro-shadow-pop-sm:2px 2px 0 var(--retro-ink);--retro-shadow-pop-lg:6px 6px 0 var(--retro-ink);--retro-font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--retro-font-display:"Pretendard", "Apple SD Gothic Neo", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.retro-page{background-color:var(--retro-bg);font-family:var(--retro-font-display);color:var(--retro-ink);background-image:radial-gradient(circle,#ff9eb259 1px,#0000 1px),radial-gradient(circle,#ff9eb233 1px,#0000 1px);background-position:0 0,8px 8px;background-size:16px 16px}.retro-heart-band{border-bottom:2px solid var(--retro-ink);background-image:repeating-linear-gradient(90deg,#ff7193 0 6px,#0000 6px 14px);height:12px}.retro-mono{font-family:var(--retro-font-mono)}.retro-stream-cursor{animation:.76s step-end infinite retro-stream-cursor}@keyframes retro-stream-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.reveal{--reveal-delay:0s;opacity:0;transition:opacity .54s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay), transform .54s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay);will-change:transform, opacity}.reveal--up{transform:translateY(28px)}.reveal--left{transform:translate(-24px,12px)}.reveal--right{transform:translate(24px,12px)}.reveal--pop{transform:scale(.92)}.reveal--tilt{transform:rotate(-3deg)translateY(20px)scale(.96)}.reveal--in{opacity:1;transform:none}.reveal .retro-stat__big{transition:transform .52s cubic-bezier(.16,1,.3,1) .16s;transform:scale(.92)}.reveal--in .retro-stat__big{transform:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal .retro-stat__big{opacity:1;transition:none;transform:none}}
