@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;img:not([data-fullscreen]){max-height:150px!important;max-width:100%!important;object-fit:contain!important;width:auto!important;height:auto!important}html,body,#root{height:100%;width:100%;overflow:hidden}.flex-1{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:80px!important}[class*=BottomNav]{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;background:#000!important}@layer base{:root{--background: 240 10% 8%;--foreground: 60 10% 95%;--card: 240 10% 12%;--card-foreground: 60 10% 95%;--popover: 240 10% 12%;--popover-foreground: 60 10% 95%;--primary: 82 100% 40%;--primary-foreground: 240 10% 8%;--secondary: 240 8% 16%;--secondary-foreground: 60 10% 85%;--muted: 240 8% 18%;--muted-foreground: 240 5% 50%;--accent: 82 100% 45%;--accent-foreground: 240 10% 8%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 240 8% 18%;--input: 240 8% 18%;--ring: 82 100% 40%;--radius: 1rem;--genie-blue: 82 100% 45%;--genie-blue-light: 82 80% 55%;--gold: 43 100% 50%;--gold-warm: 33 100% 50%;--midnight: 240 10% 6%;--glass: 240 10% 14%;--sidebar-background: 240 10% 8%;--sidebar-foreground: 60 10% 95%;--sidebar-primary: 82 100% 40%;--sidebar-primary-foreground: 240 10% 8%;--sidebar-accent: 240 8% 16%;--sidebar-accent-foreground: 60 10% 85%;--sidebar-border: 240 8% 18%;--sidebar-ring: 82 100% 40%;--theme-glow: 82 100% 40%;--theme-surface: 240 10% 12%;--theme-bubble-from: 82 100% 45% / .15;--theme-bubble-border: 82 100% 45% / .2;--theme-star-hue: 82}[data-theme=coquette]{--background: 340 30% 8%;--foreground: 340 15% 95%;--card: 340 25% 15%;--card-foreground: 340 15% 95%;--popover: 340 25% 15%;--popover-foreground: 340 15% 95%;--primary: 346 80% 65%;--primary-foreground: 0 0% 100%;--secondary: 340 20% 18%;--secondary-foreground: 340 15% 85%;--muted: 340 18% 20%;--muted-foreground: 340 12% 50%;--accent: 330 70% 70%;--accent-foreground: 340 30% 10%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 340 18% 22%;--input: 340 18% 22%;--ring: 346 80% 65%;--genie-blue: 346 80% 65%;--genie-blue-light: 340 70% 75%;--gold: 43 100% 50%;--gold-warm: 33 100% 50%;--midnight: 340 30% 8%;--glass: 340 25% 16%;--sidebar-background: 340 30% 10%;--sidebar-foreground: 340 15% 95%;--sidebar-primary: 346 80% 65%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 340 20% 18%;--sidebar-accent-foreground: 340 15% 85%;--sidebar-border: 340 18% 22%;--sidebar-ring: 346 80% 65%;--theme-glow: 346 80% 65%;--theme-surface: 340 25% 15%;--theme-bubble-from: 346 80% 65% / .15;--theme-bubble-border: 346 80% 65% / .2;--theme-star-hue: 340}[data-theme=blush]{--background: 330 25% 7%;--foreground: 330 20% 95%;--card: 330 22% 13%;--card-foreground: 330 20% 95%;--popover: 330 22% 13%;--popover-foreground: 330 20% 95%;--primary: 330 70% 60%;--primary-foreground: 0 0% 100%;--secondary: 330 18% 16%;--secondary-foreground: 330 15% 85%;--muted: 330 16% 18%;--muted-foreground: 330 10% 48%;--accent: 340 60% 72%;--accent-foreground: 330 25% 7%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 330 16% 20%;--input: 330 16% 20%;--ring: 330 70% 60%;--genie-blue: 330 70% 60%;--genie-blue-light: 330 60% 72%;--gold: 43 100% 50%;--gold-warm: 33 100% 50%;--midnight: 330 25% 5%;--glass: 330 22% 14%;--sidebar-background: 330 25% 7%;--sidebar-foreground: 330 20% 95%;--sidebar-primary: 330 70% 60%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 330 18% 16%;--sidebar-accent-foreground: 330 15% 85%;--sidebar-border: 330 16% 20%;--sidebar-ring: 330 70% 60%;--theme-glow: 330 70% 60%;--theme-surface: 330 22% 13%;--theme-bubble-from: 330 70% 60% / .15;--theme-bubble-border: 330 70% 60% / .2;--theme-star-hue: 330}[data-theme=hotpink]{--background: 325 30% 7%;--foreground: 325 15% 95%;--card: 325 25% 13%;--card-foreground: 325 15% 95%;--popover: 325 25% 13%;--popover-foreground: 325 15% 95%;--primary: 325 90% 58%;--primary-foreground: 0 0% 100%;--secondary: 325 20% 16%;--secondary-foreground: 325 15% 85%;--muted: 325 18% 18%;--muted-foreground: 325 12% 48%;--accent: 320 85% 65%;--accent-foreground: 325 30% 7%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 325 18% 20%;--input: 325 18% 20%;--ring: 325 90% 58%;--genie-blue: 325 90% 58%;--genie-blue-light: 320 80% 68%;--gold: 43 100% 50%;--gold-warm: 33 100% 50%;--midnight: 325 30% 5%;--glass: 325 25% 14%;--sidebar-background: 325 30% 7%;--sidebar-foreground: 325 15% 95%;--sidebar-primary: 325 90% 58%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 325 20% 16%;--sidebar-accent-foreground: 325 15% 85%;--sidebar-border: 325 18% 20%;--sidebar-ring: 325 90% 58%;--theme-glow: 325 90% 58%;--theme-surface: 325 25% 13%;--theme-bubble-from: 325 90% 58% / .15;--theme-bubble-border: 325 90% 58% / .2;--theme-star-hue: 325}[data-theme=genie]{--background: 230 25% 9%;--foreground: 220 15% 95%;--card: 230 25% 13%;--card-foreground: 220 15% 95%;--popover: 230 25% 13%;--popover-foreground: 220 15% 95%;--primary: 217 91% 60%;--primary-foreground: 0 0% 100%;--secondary: 230 20% 17%;--secondary-foreground: 220 15% 85%;--muted: 230 20% 20%;--muted-foreground: 220 10% 50%;--accent: 262 83% 58%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 230 20% 22%;--input: 230 20% 22%;--ring: 217 91% 60%;--genie-blue: 217 91% 60%;--genie-blue-light: 199 89% 70%;--gold: 43 100% 50%;--gold-warm: 33 100% 50%;--midnight: 230 25% 7%;--glass: 230 25% 13%;--sidebar-background: 230 25% 9%;--sidebar-foreground: 220 15% 95%;--sidebar-primary: 217 91% 60%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 230 20% 17%;--sidebar-accent-foreground: 220 15% 85%;--sidebar-border: 230 20% 22%;--sidebar-ring: 217 91% 60%;--theme-glow: 217 91% 60%;--theme-surface: 230 25% 13%;--theme-bubble-from: 217 91% 60% / .15;--theme-bubble-border: 262 83% 58% / .2;--theme-star-hue: 217}}@layer base{*{@apply border-border;}html{font-family:Heebo,sans-serif;direction:rtl;height:100dvh;overflow:hidden}body{@apply text-foreground;background:hsl(var(--background));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;user-select:none;-webkit-user-select:none;height:100dvh;overflow:hidden}}.mood-gradient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;background-size:200% 200%;animation:mood-shift 8s ease-in-out infinite;transition:background 1.5s ease-in-out,opacity 1s ease}.mood-gradient-overlay[data-mood=great]{background:linear-gradient(135deg,hsl(var(--gold)),hsl(var(--primary)),hsl(var(--accent)),hsl(var(--primary)));opacity:.25}.mood-gradient-overlay[data-mood=good]{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)),hsl(var(--primary)));opacity:.2}.mood-gradient-overlay[data-mood=neutral]{background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)),hsl(var(--accent)));opacity:.15}.mood-gradient-overlay[data-mood=low]{background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--muted)),hsl(var(--background)));opacity:.2}.mood-gradient-overlay[data-mood=bad]{background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)),hsl(var(--card)));opacity:.25}@keyframes mood-shift{0%{background-position:0% 50%;background-size:200% 200%}50%{background-position:100% 50%;background-size:250% 250%}to{background-position:0% 50%;background-size:200% 200%}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsl(var(--theme-glow) / .3)}50%{box-shadow:0 0 40px hsl(var(--theme-glow) / .6),0 0 60px hsl(var(--theme-glow) / .2)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 hsl(var(--theme-glow) / .5)}70%{transform:scale(1.05);box-shadow:0 0 0 15px hsl(var(--theme-glow) / 0)}to{transform:scale(1);box-shadow:0 0 hsl(var(--theme-glow) / 0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-ring{0%,to{box-shadow:0 0 5px hsl(var(--theme-glow) / .3)}50%{box-shadow:0 0 15px hsl(var(--theme-glow) / .6)}}@keyframes wave{0%{transform:scaleY(.5)}50%{transform:scaleY(1.5)}to{transform:scaleY(.5)}}@keyframes ribbon-drift{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float-slow 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-mic-pulse{animation:mic-pulse 1.5s ease-out infinite}.animate-slide-up{animation:slide-up .5s ease-out forwards}.animate-glow-ring{animation:glow-ring 2s ease-in-out infinite}.animate-ribbon-drift{animation:ribbon-drift 4s ease-in-out infinite}.glass-card{background:hsl(var(--theme-surface) / .6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--border) / .5)}.genie-bubble{background:linear-gradient(135deg,hsl(var(--theme-bubble-from)),hsl(var(--primary) / .08));border:1px solid hsl(var(--theme-bubble-border))}.gold-text{background:linear-gradient(135deg,#ffb700,#ff8c00,#ffc533);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.animate-shake{animation:shake .4s ease-in-out}[data-theme=brat] .brat-shimmer,:root:not([data-theme]) .brat-shimmer{background:linear-gradient(90deg,transparent 30%,#8ACE00 50%,transparent 70%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.stars-bg{background-image:radial-gradient(2px 2px at 20% 30%,hsl(var(--theme-star-hue) 80% 80% / .25),transparent),radial-gradient(2px 2px at 40% 70%,hsl(var(--theme-star-hue) 80% 75% / .18),transparent),radial-gradient(1px 1px at 60% 20%,hsl(var(--theme-star-hue) 80% 80% / .35),transparent),radial-gradient(1px 1px at 80% 50%,hsl(var(--theme-star-hue) 80% 75% / .25),transparent),radial-gradient(2px 2px at 10% 80%,hsl(var(--theme-star-hue) 80% 80% / .18),transparent),radial-gradient(1px 1px at 70% 90%,hsl(var(--theme-star-hue) 80% 80% / .25),transparent),radial-gradient(1px 1px at 90% 10%,hsl(var(--theme-star-hue) 80% 80% / .35),transparent),radial-gradient(2px 2px at 50% 50%,hsl(var(--theme-star-hue) 80% 80% / .12),transparent)}[data-theme=coquette] .glass-card{border:1px solid hsl(346 80% 65% / .15)}[data-theme=coquette] .coquette-ribbon:before{content:"🎀";position:absolute;top:-8px;right:12px;font-size:14px;animation:ribbon-drift 4s ease-in-out infinite}.birthday-mode .stars-bg:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(3px 3px at 15% 20%,#FFD700,transparent),radial-gradient(3px 3px at 45% 40%,#FF8FA3,transparent),radial-gradient(2px 2px at 75% 15%,#8ACE00,transparent),radial-gradient(3px 3px at 25% 75%,#C9A0DC,transparent),radial-gradient(2px 2px at 85% 60%,#FFB6C1,transparent);animation:birthday-fall 6s linear infinite;pointer-events:none;z-index:100;opacity:.6}@keyframes birthday-fall{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.tea-bubble-shimmer{position:relative;background:hsl(var(--background));border:2px solid transparent;background-clip:padding-box}.tea-bubble-shimmer:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from var(--shimmer-angle, 0deg),#ff6b8a,#c084fc,#60a5fa,#4ade80,#fbbf24,#ff6b8a);z-index:-1;animation:tea-shimmer-rotate 3s linear infinite}@keyframes tea-shimmer-rotate{to{--shimmer-angle: 360deg}}@property --shimmer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom,0px),16px)}.safe-top{padding-top:max(env(safe-area-inset-top,0px),20px)}:root{--genie-primary: #3B82F6;--genie-secondary: #8B5CF6;--genie-glow: #06B6D4}.v2-active .friend-card,.v2-active [data-card]{background:#ffffff0d!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}.v2-active .bottom-nav,.v2-active nav[role=tablist]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009!important}.v2-active [data-active=true],.v2-active .tab-active{color:var(--genie-primary)!important}.v2-active .screen-content{background-image:radial-gradient(ellipse at center top,color-mix(in srgb,var(--genie-primary) 5%,transparent),transparent 70%)}.v2-active [class*=friend],.v2-active [class*=Friend],.v2-active [class*=card],.v2-active [class*=Card]{border:1px solid rgba(255,255,255,.1)!important}.v2-active nav,.v2-active [class*=BottomNav],.v2-active [class*=bottom-nav]{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0009!important}.v2-active [data-active=true],.v2-active .tab-active,.v2-active [aria-selected=true]{color:var(--genie-primary)!important;filter:drop-shadow(0 0 6px var(--genie-primary))}.v2-active [class*=mic-button],.v2-active [class*=MicButton],.v2-active .w-14.h-14.rounded-full.bg-gradient-to-br{box-shadow:0 0 20px var(--genie-primary),0 0 40px var(--genie-glow)!important}.v2-active [class*=strength],.v2-active [class*=progress],.v2-active [class*=bar]{box-shadow:0 0 6px var(--genie-glow)}.v2-active h1,.v2-active h2{text-shadow:0 0 30px rgba(59,130,246,.15)}.v2-active .friend-card{background:#ffffff08!important}.chat-header-username-placeholder{display:none}:root{--v4-void: #0A0A0F;--v4-deep: #12121F;--v4-indigo: #1E1B4B;--v4-surface: #1A1A2E;--v4-surface-light: rgba(255, 255, 255, .06);--v4-border: rgba(255, 255, 255, .08);--v4-border-strong: rgba(255, 255, 255, .15);--v4-genie-purple: #7C3AED;--v4-genie-gold: #F59E0B;--v4-genie-blue: #3B82F6;--v4-text-primary: #FFFFFF;--v4-text-secondary: rgba(255, 255, 255, .6);--v4-text-muted: rgba(255, 255, 255, .35)}.screen{height:100dvh;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--content-pb, 100px);background:var(--v4-void);color:var(--v4-text-primary);-webkit-overflow-scrolling:touch}.screen-no-scroll{height:100dvh;overflow:hidden;background:var(--v4-void);color:var(--v4-text-primary)}@keyframes abuFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease forwards}:root{--bg: #030712;--surface: #0f172a;--card: #1e293b;--primary: #3b82f6;--primary-glow: #6366f1;--accent: #06b6d4;--secondary: #e040fb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text-1: #f8fafc;--text-2: #94a3b8;--text-3: #475569;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08)}.glass-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem}.primary-glow{box-shadow:0 0 30px #3b82f64d}.text-gradient{background:linear-gradient(to right,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes abu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f6b3}}.abu-floating{animation:abu-float 3s ease-in-out infinite}.abu-glow-ring{position:relative}.abu-glow-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--primary);animation:glow-pulse 2s infinite}[direction=rtl] .ltr{direction:ltr}body{background-color:var(--bg);color:var(--text-1);font-family:Heebo,sans-serif;direction:rtl}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.safe-top{padding-top:env(safe-area-inset-top,20px)}