@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800;900&family=DM+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0a0a1a;--glass: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.09);--accent: #7C5CFC;--accent2: #FC5CA8;--text: #F0F0FF;--text-muted: rgba(240,240,255,.45);--success: #4ADE80;--danger: #F87171;--warning: #FBBF24;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}html,body,#root{height:100dvh;max-height:100dvh;overflow:hidden}body{background:#050510;color:var(--text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c5cfc4d;border-radius:4px}.input{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px 14px;color:var(--text);font-family:var(--font-body);font-size:.95rem;outline:none;width:100%;transition:border-color .2s;display:block}.input:focus{border-color:#7c5cfc8c}.input::placeholder{color:#f0f0ff47}textarea.input{resize:vertical;line-height:1.5}.btn{border:none;cursor:pointer;border-radius:14px;font-family:var(--font-display);transition:all .2s}.btn-primary{background:linear-gradient(135deg,#7c5cfc,#9b7cff);color:#fff}.btn-primary:hover{box-shadow:0 4px 20px #7c5cfc66;transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.glass{background:#0f0c1eeb;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-strong{background:#120e24f5;border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.bubble{padding:8px 12px;border-radius:6px;font-size:.915rem;line-height:1.5;word-break:normal;overflow-wrap:break-word;max-width:100%;min-width:fit-content;display:inline-block}.bubble.sent{background:linear-gradient(135deg,#7c5cfc59,#7c5cfc38)}.bubble.recv{background:#ffffff12}.reaction-pill{display:inline-flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2px 8px;font-size:1rem;cursor:pointer;transition:background .15s}.reaction-pill:hover{background:#7c5cfc33}.ctx-menu{border-radius:14px;padding:6px 0;box-shadow:0 12px 48px #000000b3;overflow:hidden;z-index:999}.ctx-item{display:flex;align-items:center;padding:10px 16px;font-size:.88rem;cursor:pointer;color:var(--text);transition:background .12s;white-space:nowrap;background:none;border:none;width:100%;font-family:var(--font-body)}.ctx-item:hover{background:#ffffff0f}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:#ef44441a}.logo{font-family:var(--font-display);font-weight:900;background:linear-gradient(135deg,#7c5cfc,#fc5ca8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-new{animation:msgSlideIn .25s cubic-bezier(.25,.46,.45,.94) both}@keyframes msgFadeOut{0%{opacity:1;transform:scale(1) translateY(0);max-height:400px;margin-bottom:2px}60%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:0;transform:scale(.88) translateY(4px);max-height:0;margin-bottom:0;padding:0}}.msg-deleting{animation:msgFadeOut .32s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;overflow:hidden}@keyframes videoFadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.video-appear{animation:videoFadeIn .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes callSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.call-appear{animation:callSlideUp .38s cubic-bezier(.25,.46,.45,.94) both}@keyframes incomingPop{0%{opacity:0;transform:translateY(60px) scale(.92)}70%{transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-appear{animation:incomingPop .42s cubic-bezier(.34,1.2,.64,1) both}@keyframes sendPulse{0%{box-shadow:0 4px 16px #7c5cfc66}50%{box-shadow:0 4px 28px #7c5cfcbf;transform:scale(.93)}to{box-shadow:0 4px 16px #7c5cfc66;transform:scale(1)}}.send-pulse{animation:sendPulse .22s ease both}@keyframes ic-star-pulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0px #FFD700)}50%{transform:scale(1.18) rotate(8deg);filter:drop-shadow(0 0 6px #FFD70088)}}@keyframes ic-zap-flash{0%,to{opacity:1;filter:drop-shadow(0 0 0 #7C5CFC)}40%{opacity:.5;filter:drop-shadow(0 0 8px #FC5CA8)}60%{opacity:1;filter:drop-shadow(0 0 4px #7C5CFC)}}@keyframes ic-bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(14deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}@keyframes ic-mic-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes ic-rocket-float{0%,to{transform:translateY(0) rotate(-35deg)}50%{transform:translateY(-4px) rotate(-35deg)}}@keyframes ic-gift-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-5px) scale(1.08)}60%{transform:translateY(-2px) scale(1.04)}}@keyframes ic-lock-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 5px rgba(124,92,252,.8))}}@keyframes ic-shield-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(74,222,128,.6))}}@keyframes ic-heart-beat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@keyframes ic-fire-flicker{0%,to{transform:scaleX(1);filter:drop-shadow(0 2px 4px rgba(251,146,60,.4))}33%{transform:scaleX(1.04);filter:drop-shadow(0 2px 8px rgba(251,146,60,.8))}66%{transform:scaleX(.96);filter:drop-shadow(0 2px 4px rgba(239,68,68,.5))}}@keyframes ic-sparkles{0%,to{transform:rotate(0) scale(1);opacity:1}25%{transform:rotate(15deg) scale(1.12);opacity:.85}75%{transform:rotate(-15deg) scale(.9);opacity:.9}}@keyframes ic-folder-open{0%,70%,to{transform:scaleY(1)}35%{transform:scaleY(1.06) translateY(-1px)}}@keyframes ic-snowflake-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ic-hourglass-flip{0%,45%{transform:rotate(0)}50%,95%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes ic-plane-fly{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(3px) translateY(-3px)}}@keyframes ic-pin-drop{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-1px)}}@keyframes ic-gem-rotate{0%,to{filter:drop-shadow(0 0 2px rgba(124,92,252,.3))}50%{filter:drop-shadow(0 0 8px rgba(252,92,168,.7))}}@keyframes ic-trophy-shine{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}}@keyframes ic-building-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 5px rgba(167,139,250,.6))}}@keyframes ic-robot-blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes ic-globe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ic-camera-shutter{0%,to{transform:scale(1)}20%{transform:scale(.92)}40%{transform:scale(1.04)}}@keyframes ic-bookmark-drop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes ic-music-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes ic-palette-swirl{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes ic-crown-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,.9))}}@keyframes ic-bot-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.ic-anim-star{animation:ic-star-pulse 2.4s ease-in-out infinite}.ic-anim-zap{animation:ic-zap-flash 1.8s ease-in-out infinite}.ic-anim-bell{animation:ic-bell-ring 3s ease-in-out infinite}.ic-anim-mic{animation:ic-mic-wave 1.2s ease-in-out infinite}.ic-anim-rocket{animation:ic-rocket-float 2s ease-in-out infinite}.ic-anim-gift{animation:ic-gift-bounce 2s cubic-bezier(.34,1.56,.64,1) infinite}.ic-anim-lock{animation:ic-lock-glow 2.5s ease-in-out infinite}.ic-anim-shield{animation:ic-shield-pulse 2s ease-in-out infinite}.ic-anim-heart{animation:ic-heart-beat 1.4s ease-in-out infinite}.ic-anim-fire{animation:ic-fire-flicker 1.1s ease-in-out infinite}.ic-anim-sparkles{animation:ic-sparkles 2s ease-in-out infinite}.ic-anim-folder{animation:ic-folder-open 2.5s ease-in-out infinite}.ic-anim-snowflake{animation:ic-snowflake-spin 4s linear infinite}.ic-anim-hourglass{animation:ic-hourglass-flip 3s ease-in-out infinite}.ic-anim-plane{animation:ic-plane-fly 2s ease-in-out infinite}.ic-anim-pin{animation:ic-pin-drop 2.2s cubic-bezier(.34,1.56,.64,1) infinite}.ic-anim-gem{animation:ic-gem-rotate 2s ease-in-out infinite}.ic-anim-trophy{animation:ic-trophy-shine 2s ease-in-out infinite}.ic-anim-building{animation:ic-building-glow 3s ease-in-out infinite}.ic-anim-robot{animation:ic-robot-blink 3s ease-in-out infinite}.ic-anim-globe{animation:ic-globe-spin 8s linear infinite}.ic-anim-camera{animation:ic-camera-shutter 2.5s ease-in-out infinite}.ic-anim-bookmark{animation:ic-bookmark-drop 2.5s cubic-bezier(.34,1.56,.64,1) infinite}.ic-anim-music{animation:ic-music-bounce 1.8s ease-in-out infinite}.ic-anim-palette{animation:ic-palette-swirl 2s ease-in-out infinite}.ic-anim-crown{animation:ic-crown-glow 2s ease-in-out infinite}.ic-anim-bot{animation:ic-bot-wobble 2s ease-in-out infinite}.ic-anim-spin{animation:spin 2s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes shakeX{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake{animation:shakeX .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes onlinePulseRing{0%{transform:scale(1);opacity:.9}60%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@keyframes onlineDotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.online-dot{position:relative}.online-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#4ade80;animation:onlinePulseRing 2s ease-out infinite}@keyframes chatItemEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.chat-item-enter{animation:chatItemEnter .28s cubic-bezier(.25,.46,.45,.94) both}.chat-item-enter:nth-child(1){animation-delay:.03s}.chat-item-enter:nth-child(2){animation-delay:.06s}.chat-item-enter:nth-child(3){animation-delay:.09s}.chat-item-enter:nth-child(4){animation-delay:.12s}.chat-item-enter:nth-child(5){animation-delay:.15s}.chat-item-enter:nth-child(6){animation-delay:.18s}.chat-item-enter:nth-child(7){animation-delay:.21s}.chat-item-enter:nth-child(8){animation-delay:.24s}.chat-item-enter:nth-child(n+9){animation-delay:.27s}@keyframes ctxPop{0%{opacity:0;transform:scale(.88) translateY(-8px)}60%{transform:scale(1.03) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-pop{animation:ctxPop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes backdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.backdrop-in{animation:backdropIn .25s ease both}.sheet-in{animation:slideUpSheet .34s cubic-bezier(.25,.46,.45,.94) both}@keyframes badgePop{0%{transform:scale(0) rotate(-15deg)}65%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.badge-pop{animation:badgePop .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:800px 100%;animation:skeletonShimmer 1.6s infinite linear;border-radius:8px}@keyframes btnShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .2s;pointer-events:none}.btn-shimmer:hover:after{opacity:1;animation:btnShimmer .7s ease both}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.typing-dot:nth-child(1){animation:typingDot 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation:typingDot 1.2s ease-in-out .2s infinite}.typing-dot:nth-child(3){animation:typingDot 1.2s ease-in-out .4s infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1) rotate(0)}40%{transform:translate(-25px,30px) scale(1.08) rotate(5deg)}70%{transform:translate(20px,-10px) scale(.95) rotate(-3deg)}}@keyframes blobFloat3{0%,to{transform:translate(0)}50%{transform:translate(15px,-25px)}}@keyframes logoBreathe{0%,to{transform:scale(1);box-shadow:0 0 30px #7c5cfc66}50%{transform:scale(1.06);box-shadow:0 0 60px #7c5cfcb3,0 0 100px #fc5ca84d}}@keyframes logoIconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(-2px) rotate(4deg)}}@keyframes inputFocusGlow{0%{box-shadow:0 0 #7c5cfc80}to{box-shadow:0 0 0 3px #7c5cfc2e}}.input:focus{animation:inputFocusGlow .2s ease forwards}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-animated{background:linear-gradient(135deg,#7c5cfc,#fc5ca8,#7c5cfc,#5cf4fc);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}@keyframes unreadPulse{0%,to{box-shadow:0 0 #7c5cfc80}50%{box-shadow:0 0 0 5px #7c5cfc00}}.ctx-item{transition:background .12s,transform .1s,padding-left .12s!important}.ctx-item:hover{padding-left:22px!important}@keyframes avatarHover{0%{transform:scale(1)}to{transform:scale(1.07);box-shadow:0 4px 16px #7c5cfc66}}@keyframes newMsgPill{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{transform:translateY(-2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.new-msg-pill{animation:newMsgPill .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes tabActivePop{0%{transform:scaleX(.5);opacity:0}to{transform:scaleX(1);opacity:1}}.folder-tab-active-bar{animation:tabActivePop .2s cubic-bezier(.34,1.56,.64,1) both}.page-enter{animation:fadeInUp .35s cubic-bezier(.25,.46,.45,.94) both}.anim-fade-in{animation:fadeIn .3s ease both}.anim-scale-in{animation:scaleIn .28s cubic-bezier(.34,1.56,.64,1) both}.anim-slide-up{animation:fadeInUp .3s cubic-bezier(.25,.46,.45,.94) both}.anim-slide-left{animation:slideInLeft .25s ease both}.anim-slide-right{animation:slideInRight .25s ease both}.anim-slide-down{animation:fadeInDown .22s ease both}.hover-lift{transition:transform .18s ease,box-shadow .18s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}