@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--bg-app:#0e0e11;--bg-surface-stitch:#131316;--bg-card:#1b1b1e;--bg-elevated:#2a2a32;--border-subtle:#ffffff14;--color-primary:#ff2e93;--color-primary-dark:#d81172;--color-primary-glow:#ff2e9359;--color-gold:#ffb703;--color-gold-gradient:linear-gradient(135deg, #ffb703 0%, #f77f00 100%);--color-cyan-pk:#00f2fe;--color-online:#10b981;--color-danger:#ef4444;--text-primary-stitch:#fff;--text-secondary-stitch:#94a3b8;--text-muted:#64748b;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--gradient-cta-ruby:linear-gradient(135deg, #ff2e93 0%, #f05 100%);--gradient-gift-combo:linear-gradient(135deg, #ff2e93 0%, #ffb703 100%);--canvas-width:390px;--canvas-height:844px;--primary-pink:var(--color-primary);--primary-glow:var(--color-primary-glow);--accent-cyan:var(--color-cyan-pk);--gold-accent:var(--color-gold);--bg-pill:#121218a6;--bg-color:var(--bg-app);--bg-surface:var(--bg-surface-stitch);--bg-input:var(--bg-elevated);--text-primary:var(--text-primary-stitch);--text-secondary:var(--text-secondary-stitch);--neon-pink:var(--color-primary);--neon-cyan:var(--color-cyan-pk);--gradient-btn:var(--gradient-cta-ruby);--glow-pink:var(--color-primary-glow);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-glow:0 0 12px #ff2a7a80;font-family:var(--font-family);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);background-color:#000;justify-content:center;align-items:center;display:flex}#root{width:100%;max-width:var(--canvas-width);background-color:var(--bg-color);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}@media (width>=420px){#root{height:var(--canvas-height);border:10px solid #2a2a30;border-radius:40px;overflow:hidden}}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.97)}input{border:none;outline:none;font-family:inherit}.screen-enter{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.heart-float-anim{pointer-events:none;z-index:100;color:#ff2e93;filter:drop-shadow(0 0 5px #ff2e93cc);font-size:24px;animation:2s cubic-bezier(.25,1,.5,1) forwards floatUpHeart;position:absolute;bottom:80px;right:20px}@keyframes floatUpHeart{0%{opacity:0;transform:translateY(0)scale(.5)rotate(0)}20%{opacity:1;transform:translateY(-40px)scale(1.2)rotate(-15deg)}80%{opacity:.8;transform:translateY(-140px)scale(1)rotate(15deg)}to{opacity:0;transform:translateY(-180px)scale(.8)rotate(0)}}.live-pulse-dot{position:relative}.live-pulse-dot:before{content:"";background-color:inherit;border-radius:inherit;z-index:-1;width:100%;height:100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.interactive-card{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s}.interactive-card:active{filter:brightness(.8);transform:scale(.95)}.shimmer-text{color:#0000;background:linear-gradient(90deg,#ff2e93,#00f2fe,#ff2e93) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.chat-bubble-enter{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideInChat}@keyframes slideInChat{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}