@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Inter:wght@400;500;700&display=swap";
:root{--color-bg-base:#070710;--color-bg-card:#100e1e73;--color-bg-elevated:#201c3899;--color-text-primary:#fff;--color-text-secondary:#b4a9c4;--color-text-muted:#726a85;--color-primary:#ff2e93;--color-primary-hover:#e61e7a;--color-primary-transparent:#ff2e9326;--color-accent:#00f0ff;--color-success:#39ff14;--color-error:#f33;--color-warning:gold;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 8px 16px #0009;--shadow-lg:0 12px 32px #000c;--shadow-glow:0 0 15px #ff2e9399;--shadow-glow-cyan:0 0 15px #00f0ff99;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-bg-base);max-width:100vw;color:var(--color-text-primary);font-family:var(--font-body);min-height:100dvh;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 15%,#ff2e931f,#0000 35%),radial-gradient(circle at 85% 30%,#00f0ff14,#0000 40%),radial-gradient(circle at 50% 80%,#4c1d9526,#0000 45%),radial-gradient(circle at 20% 10%,#0f172acc,#0000 50%);background-color:var(--color-bg-base);z-index:-2;width:200%;height:200%;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:-50%;left:-50%}body:after{content:"";pointer-events:none;z-index:9999;opacity:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:500px;position:fixed;inset:0}@keyframes bgShift{0%{transform:translate(0)scale(1)}50%{transform:translate(-2%,2%)scale(1.05)}to{transform:translate(2%,-2%)scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #ff2e93b3}50%{transform:scale(1.03);box-shadow:0 0 15px 10px #ff2e9300}to{transform:scale(1);box-shadow:0 0 #ff2e9300}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes flipIn{0%{opacity:0;transform:perspective(1000px)rotateY(-90deg)}to{opacity:1;transform:perspective(1000px)rotateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glitch{0%{text-shadow:2px 0 var(--color-primary), -2px 0 var(--color-accent);transform:translate(0)skew(0)}2%{text-shadow:-2px 0 var(--color-primary), 2px 0 var(--color-accent);transform:translate(-2px,1px)skew(-5deg)}4%{text-shadow:2px 0 var(--color-primary), -2px 0 var(--color-accent);transform:translate(2px,-1px)skew(5deg)}6%{text-shadow:none;transform:translate(0)skew(0)}92%{text-shadow:none;transform:translate(0)skew(0)}94%{text-shadow:-4px 0 var(--color-accent), 4px 0 var(--color-primary);transform:translate(3px)skew(-15deg)}96%{text-shadow:4px 0 var(--color-primary), -4px 0 var(--color-accent);transform:translate(-3px)skew(15deg)}98%{text-shadow:none;transform:translate(0)skew(0)}to{text-shadow:none;transform:translate(0)skew(0)}}@keyframes dangerBorder{0%{box-shadow:inset 0 0 #f330,0 0 #f330}50%{box-shadow:inset 0 0 30px 8px #ff333359,0 0 40px #ff33334d}to{box-shadow:inset 0 0 #f330,0 0 #f330}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes revealSlide{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlightPulse{0%{box-shadow:0 0 20px 5px #ff2e9366}50%{box-shadow:0 0 50px 15px #ff2e93cc}to{box-shadow:0 0 20px 5px #ff2e9366}}.glass-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid #ffffff0a;box-shadow:0 4px 24px -1px #0006,inset 0 1px #ffffff1f,inset 0 -1px #ffffff05}.text-neon-pink{background:linear-gradient(135deg,#ff2e93,#ff80bf);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ff2e9366);-webkit-background-clip:text}.text-neon-cyan{background:linear-gradient(135deg,#00f0ff,#80f8ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #00f0ff66);-webkit-background-clip:text}.animate-slide-up{animation:.5s ease-out forwards slideUpFade}.animate-flip-in{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards flipIn}.animate-float{animation:4s ease-in-out infinite float}.animate-pop{animation:.3s ease-out forwards pop}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:600px;padding:var(--safe-area-top) 20px calc(var(--safe-area-bottom) + 20px) 20px;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));grid-auto-rows:max-content;align-items:start;gap:12px;max-height:160px;padding-right:10px;display:grid;overflow-y:auto}@media (min-width:600px){.avatar-grid{grid-template-columns:repeat(5,1fr)}}.avatar-grid>div{width:100%}@keyframes stampDown{0%{opacity:0;transform:scale(3.5)rotate(-8deg)}60%{opacity:1;transform:scale(.95)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}.animate-stamp{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards stampDown}@keyframes screenShake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-10px,-10px)rotate(-1deg)}20%{transform:translate(10px,10px)rotate(1deg)}30%{transform:translate(-10px,5px)rotate(0)}40%{transform:translate(10px,-5px)rotate(1deg)}50%{transform:translate(-5px,10px)rotate(-1deg)}60%{transform:translate(5px,-10px)rotate(0)}70%{transform:translate(-5px,-5px)rotate(1deg)}80%{transform:translate(5px,5px)rotate(-1deg)}90%{transform:translate(-2px,2px)rotate(0)}to{transform:translate(0)rotate(0)}}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both screenShake}@keyframes dangerPulse{0%{border-color:#f336;box-shadow:0 0 10px #f336}50%{border-color:#f33;box-shadow:0 0 30px 10px #f33c}to{border-color:#f336;box-shadow:0 0 10px #f336}}.animate-danger-pulse{animation:1.5s infinite dangerPulse}@keyframes neonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-spinner{border:3px solid #ff2e931a;border-top-color:var(--color-primary);border-right-color:#ff2e9380;border-radius:50%;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite neonSpin;box-shadow:0 0 15px #ff2e9366,inset 0 0 10px #ff2e9333}.neon-spinner-white{border:3px solid #fff;border-color:#fff #ffffffa6 #ffffff38 #ffffff38;border-radius:50%;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite neonSpin;box-shadow:0 0 12px #ffffff80,inset 0 0 8px #fff3}@keyframes pulseOpacity{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.animate-pulse-opacity{animation:2s ease-in-out infinite pulseOpacity}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{border-radius:var(--radius-full);background:linear-gradient(90deg,#ffd70014 25%,#ffd70047 50%,#ffd70014 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite shimmerSweep}