*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#000;color:#fff}body{overscroll-behavior:none;touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}input,textarea{border:none;outline:none;font:inherit;background:none;color:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}::selection{background:#8b5cf64d;color:#fff}:root{--bg: #000000;--bg-card: #050505;--surface: #0A0A0A;--surface-elevated:#111111;--surface-hover: #1A1A1A;--surface-pressed: #222222;--border: #1A1A1A;--border-light: #2A2A2A;--border-glow: rgba(139, 92, 246, .3);--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-tertiary: #707070;--text-muted: #4A4A4A;--accent: #8B5CF6;--accent-light: #A78BFA;--accent-dark: #6D28D9;--pink: #EC4899;--pink-light: #F472B6;--cyan: #06B6D4;--green: #10B981;--red: #EF4444;--orange: #F97316;--yellow: #FBBF24;--glass: rgba(10, 10, 10, .75);--glass-medium: rgba(10, 10, 10, .85);--glass-heavy: rgba(10, 10, 10, .92);--glass-border: rgba(255, 255, 255, .06);--glass-border-l: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--gradient-accent: linear-gradient(135deg, #8B5CF6, #EC4899);--gradient-accent-h:linear-gradient(90deg, #8B5CF6, #EC4899);--gradient-dark: linear-gradient(to top, rgba(0,0,0,.95), rgba(0,0,0,.6), transparent);--gradient-story: linear-gradient(135deg, #8B5CF6, #EC4899, #F97316);--gradient-frost: linear-gradient(135deg, rgba(139,92,246,.15), rgba(236,72,153,.15));--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--shadow-glow-pink:0 0 20px rgba(236, 72, 153, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--nav-height: 64px;--topbar-height: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}.glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-heavy{background:var(--glass-heavy);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border-l)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.02) translate(2px,-1px)}50%{transform:scale(1.03) translate(-1px,2px)}75%{transform:scale(1.01) translate(1px,1px)}}@keyframes heartPop{0%{transform:scale(0);opacity:0}30%{transform:scale(1.3);opacity:1}50%{transform:scale(.95);opacity:1}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 20px 10px #8b5cf600}}@keyframes storyRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-breathe{animation:breathe 6s ease-in-out infinite}.animate-heart-pop{animation:heartPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-badge-pulse{animation:badgePulse 1.5s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-elevated) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-waveform{animation:waveform .8s ease-in-out infinite}