@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400;1,600&display=swap";:root{--bg-root: #06060c;--bg-surface: #0c0c17;--bg-surface-glass: rgba(14, 14, 26, .78);--bg-surface-glass-light: rgba(255, 255, 255, .04);--bg-card: rgba(18, 18, 34, .6);--bg-elevated: rgba(22, 22, 40, .8);--border-glass: rgba(255, 255, 255, .07);--border-glass-hover: rgba(255, 255, 255, .14);--border-glass-active: rgba(255, 255, 255, .22);--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-glow: rgba(139, 92, 246, .3);--color-accent: #ec4899;--color-accent-glow: rgba(236, 72, 153, .3);--color-secondary: #6366f1;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .35);--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .3);--color-warning: #f59e0b;--text-main: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--text-ghost: #475569;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 9999px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(139, 92, 246, .2);--shadow-elevated: 0 20px 50px -12px rgba(0, 0, 0, .55);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-smooth: .35s var(--ease-out-expo);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-accent: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #6366f1 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #ec4899 100%);--gradient-surface: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(99, 102, 241, .04) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-root);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-pill);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}::selection{background:#8b5cf666;color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 20px 4px #8b5cf626}}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background:#06060ccc;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-glass);transition:all var(--transition-smooth)}.navbar-compact{background:#06060ceb;border-bottom-color:#ffffff0a}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:64px;transition:height var(--transition-smooth);position:relative}.navbar-compact .navbar-container{height:50px;padding:0 1rem}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-main);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;transition:all var(--transition-base);z-index:1002}.navbar-brand:hover{opacity:.85}.navbar-logo-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1rem;font-weight:800;background:#8b5cf61a;padding:.3rem .55rem;border-radius:var(--radius-sm);border:1px solid rgba(139,92,246,.2);animation:pulseGlow 4s infinite ease-in-out;transition:all var(--transition-base)}.navbar-brand:hover .navbar-logo-icon{background:#8b5cf62e;border-color:#8b5cf659}.navbar-brand-text{background:linear-gradient(135deg,#fff,#a5b4c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.navbar-menu{display:flex;align-items:center;gap:.5rem}.navbar-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;padding:.45rem .9rem;border-radius:var(--radius-pill);transition:all var(--transition-base);border:1px solid transparent;white-space:nowrap}.navbar-link:hover{color:var(--text-main);background:#ffffff0d}.navbar-link.active{color:var(--text-main);background:#8b5cf61f;border-color:#8b5cf640}.navbar-auth-group{display:flex;align-items:center;gap:.5rem}.navbar-btn-signup{background:var(--gradient-primary);color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;padding:.5rem 1.15rem;border-radius:var(--radius-pill);box-shadow:0 4px 14px #8b5cf64d;transition:all var(--transition-base);border:1px solid rgba(139,92,246,.3);white-space:nowrap}.navbar-btn-signup:hover{transform:translateY(-1px);box-shadow:0 6px 22px #8b5cf673;color:#fff}.navbar-user{display:flex;align-items:center;gap:.65rem;background:#ffffff0a;padding:.35rem .45rem .35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--border-glass);transition:all var(--transition-base)}.navbar-user:hover{border-color:var(--border-glass-hover)}.user-status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px #10b98199;flex-shrink:0}.user-info{color:var(--text-main);font-weight:500;font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 14px var(--color-danger-glow)}.logout-btn:active{transform:scale(.97)}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:1002;padding:6px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.navbar-hamburger:hover{background:#ffffff0f}.navbar-hamburger span{display:block;width:22px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-overlay{display:none}@media (max-width: 768px){.navbar-container{padding:0 1rem;height:56px}.navbar-hamburger{display:flex}.navbar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}.navbar-menu{position:fixed;top:0;right:0;width:min(280px,80vw);height:100vh;background:#0a0a14f7;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-left:1px solid var(--border-glass);flex-direction:column;align-items:stretch;gap:.35rem;padding:5rem 1.5rem 2rem;z-index:1001;transform:translate(100%);transition:transform .35s var(--ease-out-expo);box-shadow:-10px 0 40px #00000080}.navbar-menu.menu-open{transform:translate(0)}.navbar-link{font-size:1rem;padding:.75rem 1rem;border-radius:var(--radius-md)}.navbar-auth-group{flex-direction:column;gap:.5rem}.navbar-btn-signup{text-align:center;padding:.75rem 1rem}.navbar-user{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);margin-top:.5rem}.user-info{max-width:none;flex:1}.logout-btn{padding:.5rem .85rem}}@media (max-width: 480px){.navbar-logo-icon{font-size:.9rem;padding:.2rem .4rem}.navbar-brand-text{font-size:1rem}}@media (max-width: 768px){.navbar-compact{display:none}}.mainpage-container{min-height:calc(100vh - 64px);background-color:var(--bg-root);background-image:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(139,92,246,.14) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(236,72,153,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(99,102,241,.06) 0%,transparent 50%);color:var(--text-main);padding:0 1.5rem 6rem;overflow-x:hidden;position:relative}.mainpage-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.mainpage-container>*{position:relative;z-index:1}.mainpage-hero-wrapper{max-width:1200px;margin:0 auto;padding-top:4rem;padding-bottom:5rem;display:flex;flex-direction:column;gap:3rem}.mainpage-top-badge{display:inline-flex;align-items:center;gap:.55rem;background:#ffffff08;border:1px solid var(--border-glass);padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;letter-spacing:.1em;width:fit-content;color:var(--text-muted);animation:slideDown .6s var(--ease-out-expo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 10px #10b981b3;animation:livePulse 2s infinite;flex-shrink:0}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.badge-divider{color:var(--text-ghost);font-weight:300}.badge-version{color:var(--color-primary-hover)}.mainpage-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.mainpage-hero-text{display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .7s var(--ease-out-expo);animation-delay:.1s;animation-fill-mode:both}.hero-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;color:var(--text-main)}.title-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);font-weight:300;line-height:1.65;max-width:500px}.hero-cta-group{margin-top:.75rem;animation:slideUp .8s var(--ease-out-expo);animation-delay:.3s;animation-fill-mode:both}.hero-auth-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.cta-pill-button{display:inline-flex;align-items:center;gap:.6rem;background:#fff;color:#07070b;font-weight:600;font-size:.95rem;padding:.85rem 1.6rem;border-radius:var(--radius-pill);text-decoration:none;box-shadow:0 4px 20px #ffffff26,inset 0 1px #ffffff4d;transition:all .3s var(--ease-out-expo);border:1px solid rgba(255,255,255,.2)}.cta-pill-button:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ffffff4d,inset 0 1px #ffffff4d;background:#f8fafc;color:#000}.cta-pill-button:active{transform:translateY(-1px)}.cta-arrow{display:inline-flex;align-items:center;justify-content:center;background:#07070b;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.78rem;transition:transform .3s var(--ease-out-expo)}.cta-pill-button:hover .cta-arrow{transform:translate(2px,-2px)}.cta-secondary-button{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text-main);border:1px solid var(--border-glass);font-weight:500;font-size:.95rem;padding:.85rem 1.6rem;border-radius:var(--radius-pill);text-decoration:none;transition:all .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-secondary-button:hover{background:#ffffff14;border-color:var(--border-glass-hover);transform:translateY(-2px);color:var(--text-main)}.mainpage-preview-card{background:#0c0c16d9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:0 30px 60px -15px #0009,0 0 40px #8b5cf61f,inset 0 1px #ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1.25rem;position:relative;animation:float 6s ease-in-out infinite,slideUp .8s var(--ease-out-expo);animation-delay:0s,.4s;animation-fill-mode:none,both;overflow:hidden}.mainpage-preview-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(236,72,153,.3),transparent)}.preview-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.9rem}.preview-title{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.preview-globe-icon{font-size:.85rem}.preview-dots{display:flex;gap:5px}.preview-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff26;transition:background var(--transition-base)}.preview-dots span:first-child{background:#ef444480}.preview-dots span:nth-child(2){background:#f59e0b80}.preview-dots span:last-child{background:#10b98180}.preview-chat-list{display:flex;flex-direction:column;gap:1rem}.preview-message-group{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.preview-message-group.own-group{align-items:flex-end}.preview-sender{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pink-sender{color:#f472b6}.you-sender{color:#a78bfa}.blue-sender{color:#38bdf8}.preview-bubble{padding:.65rem 1rem;border-radius:14px;font-size:.86rem;max-width:88%;line-height:1.45}.dark-bubble{background:#ffffff0d;color:var(--text-secondary);border-top-left-radius:4px;border:1px solid rgba(255,255,255,.04)}.purple-bubble{background:var(--gradient-primary);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 16px #8b5cf64d}.preview-footer-dots{display:flex;gap:5px;align-items:center;padding-top:.4rem}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);animation:typingBounce 1.4s infinite ease-in-out}.pulse-dot.delay-1{animation-delay:.2s}.pulse-dot.delay-2{animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.mainpage-bento-section{max-width:1200px;margin:0 auto 6rem;display:flex;flex-direction:column;gap:3rem}.bento-section-header{display:flex;flex-direction:column;gap:.5rem;animation:slideUp .6s var(--ease-out-expo)}.section-label{font-size:.73rem;font-weight:600;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.section-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:var(--text-main);letter-spacing:-.02em}.section-counter{font-size:.73rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin-top:.15rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.bento-card{background:#0e0e1c99;border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bento-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .4s ease;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none}.bento-card:hover{background:#141426d9;border-color:#ffffff24;transform:translateY(-6px);box-shadow:0 20px 45px -12px #00000080,0 0 25px #8b5cf614}.bento-card:hover:after{opacity:1}.bento-card-large{grid-column:span 1}.bento-card-top{display:flex;justify-content:space-between;align-items:center}.bento-icon-circle{width:46px;height:46px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all var(--transition-base)}.bento-card:hover .bento-icon-circle{background:#8b5cf61a;border-color:#8b5cf640;transform:scale(1.05)}.bento-number{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-ghost);transition:color var(--transition-base)}.bento-card:hover .bento-number{color:var(--text-dim)}.bento-card h3{font-size:1.35rem;font-weight:600;color:var(--text-main);margin-bottom:.45rem;font-family:Outfit,sans-serif}.bento-card p{font-size:.92rem;color:var(--text-muted);line-height:1.6}.mainpage-footer-cta{max-width:1000px;margin:0 auto 3rem;text-align:center;background:#0e0e1c80;border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:5rem 2.5rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mainpage-footer-cta:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),rgba(236,72,153,.3),transparent)}.mainpage-footer-cta:after{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:500px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 60%);pointer-events:none}.cta-sub-label{font-size:.73rem;font-weight:600;letter-spacing:.12em;color:var(--text-dim);display:block;margin-bottom:1.25rem;text-transform:uppercase;position:relative;z-index:1}.footer-cta-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:700;line-height:1.15;margin-bottom:2.5rem;color:var(--text-main);position:relative;z-index:1;letter-spacing:-.02em}.headline-gradient{background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.footer-cta-button-wrapper{display:flex;justify-content:center;position:relative;z-index:1}.cta-glow-white{box-shadow:0 0 35px #fff3,0 4px 20px #ffffff26}.cta-glow-white:hover{box-shadow:0 0 50px #ffffff4d,0 10px 35px #ffffff40}@media (max-width: 992px){.mainpage-hero-wrapper{padding-top:3rem}.mainpage-hero-grid{grid-template-columns:1fr;gap:3rem}.mainpage-preview-card{max-width:480px}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card:last-child{grid-column:span 2}}@media (max-width: 640px){.mainpage-container{padding:0 1rem 3.5rem}.mainpage-container:before{background-size:24px 24px}.mainpage-hero-wrapper{padding-top:2rem;padding-bottom:3.5rem;gap:2rem}.mainpage-top-badge{font-size:.65rem;padding:.3rem .75rem}.mainpage-hero-grid{gap:2rem}.hero-title{font-size:clamp(2.2rem,9vw,3rem)}.hero-subtitle{font-size:.95rem}.bento-grid{grid-template-columns:1fr}.bento-card:last-child{grid-column:span 1}.bento-card{padding:1.5rem}.hero-auth-row{flex-direction:column;align-items:stretch}.cta-pill-button,.cta-secondary-button{justify-content:center;width:100%}.mainpage-footer-cta{padding:3rem 1.5rem;border-radius:var(--radius-xl)}.mainpage-bento-section{margin-bottom:4rem}}.login-container,.signup-container{min-height:calc(100vh - 64px);background-color:var(--bg-root);background-image:radial-gradient(ellipse 70% 50% at 50% 15%,rgba(139,92,246,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 10% 85%,rgba(236,72,153,.1) 0%,transparent 50%);display:flex;justify-content:center;align-items:center;padding:3rem 1.25rem;position:relative;overflow:hidden}.login-container:before,.signup-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.login-box,.signup-box{background:#0c0c16d1;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border-radius:var(--radius-xl);padding:2.75rem 2.5rem;box-shadow:0 25px 55px -12px #0009,0 0 35px #8b5cf61a,inset 0 1px #ffffff0d;border:1px solid var(--border-glass);width:100%;max-width:440px;position:relative;animation:authSlideUp .55s var(--ease-out-expo);z-index:1}@keyframes authSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header,.signup-header{text-align:center;margin-bottom:2rem}.chat-icon{font-size:2.8rem;margin-bottom:.8rem;display:inline-block;animation:float 3s infinite ease-in-out}.login-header h1,.signup-header h1{font-family:Outfit,sans-serif;color:var(--text-main);font-size:2rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em}.login-header p,.signup-header p{color:var(--text-muted);font-size:.92rem;margin:0}.auth-tabs{display:flex;gap:4px;margin-bottom:1.75rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-pill);padding:4px}.auth-tab{flex:1;padding:.6rem .5rem;border:none;background:transparent;border-radius:var(--radius-pill);font-size:.84rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid transparent}.auth-tab:hover{color:var(--text-main);background:#ffffff0a}.auth-tab.active{background:#8b5cf626;color:var(--text-main);border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf626}.login-form,.signup-form{display:flex;flex-direction:column;gap:1rem}.auth-input{width:100%;padding:.9rem 1.15rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.93rem;color:var(--text-main);background:#ffffff08;box-sizing:border-box;transition:all var(--transition-base);font-family:inherit}.auth-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626,0 4px 12px #00000026}.auth-input:disabled{background:#ffffff04;cursor:not-allowed;opacity:.55}.auth-input::placeholder{color:var(--text-dim);font-weight:400}.auth-submit-btn,.login-btn,.join-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:0 6px 20px #8b5cf64d;margin-top:.4rem;font-family:inherit;position:relative;overflow:hidden}.auth-submit-btn:before,.login-btn:before,.join-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.auth-submit-btn:hover:not(:disabled):before,.login-btn:hover:not(:disabled):before,.join-btn:hover:not(:disabled):before{opacity:1}.auth-submit-btn:hover:not(:disabled),.login-btn:hover:not(:disabled),.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf673}.auth-submit-btn:active:not(:disabled),.login-btn:active:not(:disabled),.join-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled,.login-btn:disabled,.join-btn:disabled{background:#ffffff0f;color:var(--text-dim);cursor:not-allowed;transform:none;box-shadow:none;border:1px solid var(--border-glass)}.otp-section{display:flex;flex-direction:column;gap:.6rem;animation:authSlideUp .35s var(--ease-out-expo)}.otp-label{font-size:.83rem;color:var(--text-muted);text-align:center;margin:0}.otp-input{text-align:center;font-size:1.35rem!important;font-weight:700;letter-spacing:.5rem;padding:.7rem 1rem!important;font-family:Courier New,monospace;background:#8b5cf60f!important;border-color:#8b5cf640!important}.otp-countdown{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0}.otp-countdown span{color:var(--color-primary-hover);font-weight:700}.resend-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.84rem;cursor:pointer;padding:.3rem;transition:all .2s ease;font-family:inherit}.resend-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-message{text-align:center;font-weight:500;font-size:.88rem;margin:1rem 0 0;padding:.65rem 1rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-glass);animation:authSlideUp .3s var(--ease-out-expo)}.sandbox-notice{display:flex;align-items:flex-start;gap:.65rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.22);border-radius:var(--radius-md);padding:.75rem .95rem;margin-bottom:1.25rem;font-size:.82rem;color:#fcd34d;line-height:1.45;animation:authSlideUp .35s var(--ease-out-expo)}.sandbox-notice-icon{font-size:1.05rem;flex-shrink:0;margin-top:.04rem}.sandbox-notice p{margin:0;color:#fef3c7}.sandbox-notice strong{color:#fff;font-weight:600}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent)}.auth-divider span{font-size:.72rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.14em}.google-btn-wrapper{display:flex;justify-content:center;margin-bottom:.75rem}.toggle-auth{margin-top:1.5rem;text-align:center;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05)}.toggle-auth p{color:var(--text-muted);margin:0;font-size:.88rem}.toggle-auth-btn{color:var(--color-primary);text-decoration:none;font-weight:600;margin-left:.35rem;transition:all var(--transition-base)}.toggle-auth-btn:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 480px){.login-container,.signup-container{padding:2.5rem 1rem 2rem;align-items:flex-start}.login-box,.signup-box{padding:2rem 1.5rem;border-radius:var(--radius-lg)}.auth-tab{font-size:.78rem;padding:.55rem .4rem}.login-header h1,.signup-header h1{font-size:1.7rem}}.profile-container{min-height:calc(100vh - 64px);background-color:var(--bg-root);background-image:radial-gradient(ellipse 60% 45% at 75% 25%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 25% 75%,rgba(236,72,153,.07) 0%,transparent 50%);display:flex;justify-content:center;padding:2.5rem 1.5rem;position:relative;overflow-y:auto;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-main);gap:1.25rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite}.profile-box{background:#0e0e1ac7;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border-radius:var(--radius-xl);padding:2.5rem 2.75rem;box-shadow:var(--shadow-elevated),0 0 35px #8b5cf614;border:1px solid var(--border-glass);width:100%;max-width:680px;position:relative;animation:profileSlideUp .5s var(--ease-out-expo);align-self:flex-start}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-glass)}.profile-avatar-large{width:80px;height:80px;border-radius:22px;background:var(--gradient-primary);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #8b5cf659;border:1px solid rgba(255,255,255,.15)}.profile-header-info h1{margin:0;font-size:1.6rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-main);letter-spacing:-.01em}.profile-username{margin:.2rem 0 0;color:#c4b5fd;font-size:.9rem;font-weight:500}.profile-bio{margin:.5rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.5}.profile-message{padding:.8rem 1.1rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px;animation:slideDown .3s var(--ease-out-expo)}.profile-message.success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.25)}.profile-message.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}.profile-section{margin-bottom:2rem}.profile-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.profile-section h2{font-size:1.1rem;font-weight:600;font-family:Outfit,sans-serif;color:var(--text-main);margin:0 0 .3rem}.section-subtitle{color:var(--text-dim);font-size:.83rem;margin:0 0 1.1rem}.edit-btn{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;padding:.45rem 1.1rem;border-radius:var(--radius-pill);font-size:.83rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.edit-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #8b5cf659}.edit-form{display:flex;flex-direction:column;gap:1.1rem;animation:slideUp .3s ease}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.83rem;font-weight:600;color:var(--text-muted)}.profile-input{padding:.8rem 1rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.92rem;color:var(--text-main);transition:all var(--transition-base);background:#ffffff08;font-family:inherit;box-sizing:border-box;width:100%}.profile-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626}.profile-input:disabled{background:#ffffff03;color:var(--text-dim);opacity:.55}.profile-input.compact{padding:.6rem .85rem;font-size:.86rem}.profile-input.otp{text-align:center;font-size:1.25rem;font-weight:700;letter-spacing:.5rem;font-family:Courier New,monospace}.profile-textarea{padding:.8rem 1rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.92rem;color:var(--text-main);transition:all var(--transition-base);background:#ffffff08;font-family:inherit;resize:vertical;min-height:75px;box-sizing:border-box;width:100%}.profile-textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626}.char-count{font-size:.75rem;color:var(--text-dim);text-align:right}.edit-actions{display:flex;gap:.75rem;margin-top:.5rem}.save-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px #8b5cf64d}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.save-btn:disabled{background:#ffffff0f;color:var(--text-dim);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-glass)}.cancel-btn{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-muted);padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cancel-btn:hover{border-color:#f87171;color:#f87171;background:#ef44440f}.profile-details{display:flex;flex-direction:column;gap:.6rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.88rem;color:var(--text-dim);font-weight:500}.detail-value{font-size:.88rem;color:var(--text-main);font-weight:500}.detail-value.badge{background:#8b5cf624;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;padding:.2rem .75rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-value.muted{color:var(--text-dim);font-family:Courier New,monospace}.accounts-grid{display:flex;flex-direction:column;gap:.85rem}.account-card{border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;transition:all var(--transition-base);background:#ffffff04}.account-card.connected{border-color:#10b98140;background:#10b9810a}.account-card.disconnected{border-color:var(--border-glass)}.account-card:hover{border-color:var(--border-glass-hover);box-shadow:0 6px 20px #0003}.account-card-header{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.account-icon{font-size:1.4rem;flex-shrink:0}.account-info{flex:1;min-width:0}.account-info h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-main)}.account-info p{margin:.1rem 0 0;font-size:.8rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.status-badge.active{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.status-badge.inactive{background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-dim)}.link-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:var(--radius-pill);font-size:.83rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);width:100%;box-shadow:0 4px 12px #8b5cf640}.link-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.link-btn:disabled{background:#ffffff0f;color:var(--text-dim);cursor:not-allowed;box-shadow:none}.unlink-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:.55rem 1.1rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);width:100%}.unlink-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480;color:#fff}.unlink-btn:disabled{opacity:.5;cursor:not-allowed}.link-form{display:flex;flex-direction:column;gap:.65rem;animation:slideUp .3s ease}.link-actions{display:flex;gap:.5rem}.link-actions .link-btn{flex:1}.cancel-link-btn{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-muted);padding:.55rem .9rem;border-radius:var(--radius-pill);font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-link-btn:hover{border-color:var(--border-glass-hover);color:var(--text-main)}.google-link-wrapper{display:flex;justify-content:center;padding-top:.3rem}.account-meta{padding-top:1.5rem;border-top:1px solid var(--border-glass)}@media (max-width: 640px){.profile-container{padding:1.5rem 1rem}.profile-box{padding:1.5rem 1.25rem;border-radius:var(--radius-lg)}.profile-header{flex-direction:column;text-align:center;gap:.85rem}.profile-avatar-large{width:70px;height:70px;font-size:1.6rem}.profile-header-info h1{font-size:1.35rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.edit-actions{flex-direction:column}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.dm-chat-window{position:fixed;bottom:0;right:380px;width:360px;height:520px;background:#0e0e1af5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass-hover);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -10px 40px #0000008c;display:flex;flex-direction:column;z-index:1050;animation:dmSlideUp .3s var(--ease-out-expo)}.dm-chat-window.embedded{position:relative;bottom:auto;right:auto;width:100%;height:100%;border:none;background:transparent;border-radius:var(--radius-lg);box-shadow:none;z-index:1;animation:dmFadeIn .25s ease-out}@keyframes dmFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dmSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dm-chat-header{background:#ffffff05;border-bottom:1px solid var(--border-glass);color:var(--text-main);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;min-height:56px}.dm-recipient-info{display:flex;align-items:center;gap:10px;min-width:0}.dm-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafc;font-size:1.1rem;cursor:pointer;transition:all .2s;flex-shrink:0;margin-right:2px}.dm-back-btn:active{background:#ffffff2e;transform:scale(.94)}.dm-avatar-wrapper{position:relative;flex-shrink:0}.dm-avatar{width:36px;height:36px;border-radius:11px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;box-shadow:0 3px 10px #8b5cf640;border:1px solid rgba(255,255,255,.15)}.dm-online-badge{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface)}.dm-online-badge.online{background-color:var(--color-success);box-shadow:0 0 7px var(--color-success-glow)}.dm-online-badge.offline{background-color:var(--text-dim)}.dm-header-titles h3{margin:0;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-badge-ephemeral{background:#ec489924;border:1px solid rgba(236,72,153,.3);color:#f472b6;font-size:.62rem;padding:1px 6px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}.dm-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.retention-select{background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-main);border-radius:var(--radius-sm);padding:4px 6px;font-size:.7rem;cursor:pointer;outline:none;transition:all .2s}.retention-select:hover,.retention-select:focus{background:#ffffff14;border-color:var(--border-glass-hover)}.retention-select option{background:#0e0e1a;color:var(--text-main)}.dm-close-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-main);width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.dm-close-btn:hover{background:#ef44442e;border-color:#ef444459;color:#f87171}.dm-messages-container{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:10px}.dm-loading,.dm-no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:.84rem;text-align:center;gap:6px}.dm-ephemeral-banner{background:#ec48990f;border:1px dashed rgba(236,72,153,.22);border-radius:var(--radius-md);padding:7px 11px;font-size:.7rem;color:#f472b6;text-align:center;margin-bottom:6px}.dm-message{max-width:82%;display:flex;flex-direction:column;animation:dmFadeIn .2s ease-out}.dm-message.own-message{align-self:flex-end}.dm-message.received-message{align-self:flex-start}.dm-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;padding:0 4px;gap:8px}.dm-sender-name{font-size:.73rem;font-weight:600;color:#c4b5fd}.dm-timestamp{font-size:.66rem;color:var(--text-dim)}.dm-message-content{padding:9px 13px;word-wrap:break-word;line-height:1.45;font-size:.9rem;box-shadow:0 3px 10px #00000026}.dm-message.own-message .dm-message-content{background:var(--gradient-primary);color:#fff;border-radius:14px 14px 4px;border:none}.dm-message.received-message .dm-message-content{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-glass);border-radius:14px 14px 14px 4px}.dm-message-footer{font-size:.66rem;color:var(--text-dim);text-align:right;margin-top:2px;padding:0 4px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.dm-message.own-message .dm-message-footer{color:#ffffff8c}.dm-typing-indicator{align-self:flex-start;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);padding:5px 11px;border-radius:var(--radius-pill);font-size:.76rem;font-style:italic;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.dm-input-container{padding:10px 14px;background:#ffffff04;border-top:1px solid var(--border-glass)}.dm-form{display:flex;gap:8px;align-items:center}.dm-input{flex:1;padding:9px 14px;border:1px solid var(--border-glass);border-radius:var(--radius-pill);font-size:.9rem;outline:none;background:#ffffff08;color:var(--text-main);transition:all .2s ease;font-family:inherit;min-width:0}.dm-input:focus{border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626}.dm-input::placeholder{color:var(--text-dim)}.dm-send-btn{background:var(--gradient-primary);border:none;color:#fff;padding:9px 18px;border-radius:var(--radius-pill);cursor:pointer;font-size:.88rem;font-weight:600;transition:all var(--transition-base);box-shadow:0 4px 14px #8b5cf64d;flex-shrink:0}.dm-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.dm-send-btn:disabled{background:#ffffff0f;color:var(--text-dim);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-glass)}@media (max-width: 480px){.dm-chat-header{padding:8px 10px;min-height:50px}.dm-header-titles h3{font-size:.84rem}.dm-input-container{padding:8px 10px}.dm-send-btn{padding:9px 14px;font-size:.82rem}}.friends-modal-overlay,.ffm-overlay{position:fixed;inset:0;background:var(--bg-root);z-index:2000;display:flex;flex-direction:column;animation:ffmFadeIn .2s ease}@keyframes ffmFadeIn{0%{opacity:0}to{opacity:1}}.friends-modal-content,.ffm-sheet{background-color:var(--bg-root);background-image:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(139,92,246,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(236,72,153,.08) 0%,transparent 55%);width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column;overflow:hidden;animation:ffmSlideUp .28s cubic-bezier(.16,1,.3,1) forwards;position:relative}.ffm-sheet:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.ffm-sheet>*{position:relative;z-index:1}@keyframes ffmSlideUp{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}.ffm-handle{display:none}.friends-modal-header,.ffm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border-glass);flex-shrink:0;background:#06060c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friends-modal-header h3,.ffm-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em;background:linear-gradient(135deg,#f1f5f9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ffm-header-right{display:flex;align-items:center;gap:8px}.ffm-close-btn,.friends-modal-close{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-surface-glass-light);border:1px solid var(--border-glass);color:var(--text-muted);font-size:.82rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.ffm-close-btn:active,.friends-modal-close:active{background:#ef44441f;border-color:#ef44444d;color:var(--color-danger)}.ffm-refresh-btn,.friends-refresh-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.ffm-refresh-btn.spin,.friends-refresh-btn.spin{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friends-modal-tabs,.ffm-tabs{display:flex;gap:4px;padding:10px 14px 6px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:#0003}.friends-tab-btn,.ffm-tab{flex:1;padding:8px 6px;border:none;background:transparent;font-size:.81rem;font-weight:600;color:#6b7d94;cursor:pointer;border-radius:10px;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:5px;font-family:inherit;position:relative}.friends-tab-btn.active,.ffm-tab.active{color:#7baff8;background:#7baff81f}.friends-tab-btn:active,.ffm-tab:active{opacity:.7}.friends-tab-badge,.ffm-tab-badge{background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.modal-feedback-msg,.ffm-feedback{margin:8px 14px 0;padding:8px 14px;border-radius:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:.82rem;font-weight:600;flex-shrink:0}.friends-modal-body,.ffm-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:200px}.ffm-tab-content{padding:10px 0}.friends-search-form,.ffm-search-form{display:flex;gap:8px;padding:10px 14px 6px;flex-shrink:0}.ffm-search-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 12px;height:42px;transition:border-color .2s}.ffm-search-wrap:focus-within{border-color:#7baff873}.ffm-search-icon{color:#6b7d94;flex-shrink:0}.friends-search-input,.ffm-search-input{flex:1;background:transparent;border:none;outline:none;color:#e8edf5;font-size:.93rem;font-family:inherit}.friends-search-input::placeholder,.ffm-search-input::placeholder{color:#6b7d94}.friends-search-btn,.ffm-search-btn{padding:0 18px;height:42px;border-radius:14px;background:#3b82f640;border:1px solid rgba(59,130,246,.4);color:#7baff8;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;flex-shrink:0}.friends-search-btn:hover:not(:disabled),.ffm-search-btn:hover:not(:disabled){background:#3b82f666}.friends-search-btn:disabled,.ffm-search-btn:disabled{opacity:.4;cursor:not-allowed}.friend-item-row,.ffm-person-row{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .14s;cursor:default}.friend-item-row:active,.ffm-person-row:active{background:#ffffff0a}.friend-item-avatar,.ffm-person-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.friend-item-details,.ffm-person-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-item-name,.ffm-person-name{font-weight:600;font-size:.92rem;color:#e8edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-item-sub,.ffm-person-sub{font-size:.76rem;color:#6b7d94}.friend-item-actions,.ffm-person-action{display:flex;gap:6px;align-items:center;flex-shrink:0}.ffm-action-row{flex-direction:row}.btn-add-friend,.ffm-btn-add{padding:7px 16px;border-radius:20px;background:#3b82f633;border:1px solid rgba(59,130,246,.45);color:#7baff8;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.btn-add-friend:active,.ffm-btn-add:active{background:#3b82f659}.btn-accept-request,.ffm-btn-accept{width:34px;height:34px;border-radius:50%;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;font-family:inherit}.btn-accept-request:active,.ffm-btn-accept:active{background:#10b9814d}.btn-reject-request,.ffm-btn-reject{width:34px;height:34px;border-radius:50%;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;font-family:inherit}.btn-reject-request:active,.ffm-btn-reject:active{background:#ef444440}.btn-cancel-request,.ffm-btn-unblock{padding:7px 14px;border-radius:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.btn-cancel-request:active,.ffm-btn-unblock:active{background:#ef444438}.status-badge,.ffm-badge-friends,.ffm-badge-pending{padding:4px 10px;border-radius:12px;font-size:.73rem;font-weight:600;white-space:nowrap;border:1px solid}.status-badge.accepted,.ffm-badge-friends{background:#10b9811f;border-color:#10b9814d;color:#34d399}.status-badge.pending,.ffm-badge-pending{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.empty-state,.ffm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.75rem;text-align:center;color:#6b7d94}.empty-state span,.ffm-empty-icon{font-size:2.2rem}.empty-state p,.ffm-empty p{margin:0;font-size:.88rem}.ffm-btn-refresh{padding:7px 16px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s}.ffm-btn-refresh:active{background:#ffffff1f}.chat-container{display:flex;height:calc(100vh - 64px);background-color:var(--bg-root);background-image:radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 45%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.06) 0%,transparent 50%);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.mobile-sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:60;width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;font-size:1.2rem;box-shadow:0 6px 24px #8b5cf673;cursor:pointer;transition:all var(--transition-base);align-items:center;justify-content:center}.mobile-sidebar-toggle:active{transform:scale(.92)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;animation:fadeIn .2s ease}.sidebar-close-mobile{display:none}.friend-notifications{position:absolute;top:14px;right:14px;z-index:50;display:flex;flex-direction:column;gap:10px}.friend-notification{min-width:240px;max-width:340px;padding:11px 16px;border-radius:var(--radius-md);background:#0e0e1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass-hover);color:var(--text-main);box-shadow:var(--shadow-elevated),0 0 18px #8b5cf626;font-size:.84rem;font-weight:500;display:flex;align-items:center;gap:8px;animation:notificationSlide .3s var(--ease-out-expo)}@keyframes notificationSlide{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.friend-notification.error{border-color:#ef444466;background:#1e0c10f2;box-shadow:var(--shadow-elevated),0 0 18px var(--color-danger-glow)}.sidebar{width:275px;height:100%;min-height:100%;background:#0a0a14c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:10;flex-shrink:0;transition:transform .35s var(--ease-out-expo)}.sidebar-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;background:#ffffff04;gap:8px}.sidebar-header h3{margin:0;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em}.sidebar-header-actions{display:flex;align-items:center;gap:6px}.sidebar-refresh-icon{background:#ffffff0a;border:1px solid var(--border-glass);cursor:pointer;font-size:.82rem;padding:5px 8px;border-radius:var(--radius-sm);transition:all .2s ease;color:var(--text-muted)}.sidebar-refresh-icon:hover{background:#ffffff14;border-color:var(--border-glass-hover);color:var(--text-main)}.sidebar-refresh-icon.spin{animation:spin .6s linear infinite}.open-global-chat-btn{margin:10px 12px 0;padding:9px 14px;background:#8b5cf61a;color:#c4b5fd;border:1px dashed rgba(139,92,246,.35);border-radius:var(--radius-md);font-weight:600;font-size:.82rem;cursor:pointer;text-align:center;transition:all var(--transition-base)}.open-global-chat-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#fff}.sidebar-tabs{display:flex;background:#0003;border-bottom:1px solid var(--border-glass);padding:5px 8px;gap:5px}.sidebar-tab-btn{flex:1;padding:8px 6px;border:none;background:transparent;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.sidebar-tab-btn:hover{background:#ffffff0a;color:var(--text-main)}.sidebar-tab-btn.active{background:#ffffff14;color:var(--text-main);box-shadow:0 2px 8px #00000040}.add-friend-trigger-btn{margin:10px 12px;padding:10px 14px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #8b5cf64d;transition:all var(--transition-base)}.add-friend-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.users-list{flex:1;padding:6px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.friends-empty-hint{padding:20px 10px;text-align:center;color:var(--text-dim);font-size:.82rem;line-height:1.5}.friend-sidebar-item,.user-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative}.friend-sidebar-item:hover,.user-item:hover:not(.current-user){background:#ffffff0a;border-color:#ffffff0f}.friend-sidebar-item.menu-active{background:#8b5cf61f;border-color:#8b5cf640}.friend-sidebar-user{display:flex;align-items:center;gap:10px;min-width:0}.friend-sidebar-meta{display:flex;flex-direction:column;min-width:0}.friend-sidebar-name{font-weight:600;font-size:.85rem;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-sidebar-status{font-size:.7rem;color:var(--text-dim);transition:color var(--transition-base)}.friend-sidebar-status.online{color:var(--color-success)}.friend-sidebar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.friend-dm-icon{font-size:.95rem;opacity:.7}.friend-avatar{background:linear-gradient(135deg,#1e3c72,#2a5298)!important}.user-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.82rem;box-shadow:0 3px 10px #00000040;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.user-item span{color:var(--text-main);font-size:.86rem;font-weight:500}.you-label{color:#a78bfa;font-size:.72rem;margin-left:5px}.global-user-tag{margin-left:auto;font-size:.65rem;font-weight:600;color:#c4b5fd;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-pill);padding:2px 7px}.unread-count{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);padding:2px 7px;font-size:.68rem;font-weight:700;box-shadow:0 0 10px var(--color-accent-glow)}.friend-menu-trigger-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:700;padding:2px 5px;border-radius:4px;transition:all .2s ease}.friend-menu-trigger-btn:hover{background:#ffffff14;color:var(--text-main)}.friend-longpress-menu{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#10101ef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass-hover);box-shadow:var(--shadow-elevated),0 0 18px #ef44441a;border-radius:var(--radius-md);padding:6px 8px;display:flex;align-items:center;gap:6px;z-index:100;animation:fadeInMenu .15s var(--ease-out-expo)}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-50%) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}.delete-friend-btn{border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);background:#ef44441f;color:#f87171;cursor:pointer;font-size:.73rem;font-weight:600;padding:6px 10px;transition:all .2s;display:flex;align-items:center;gap:5px;white-space:nowrap}.delete-friend-btn:hover:not(:disabled){background:#ef444438;color:#fff}.delete-friend-btn:disabled{cursor:not-allowed;opacity:.5}.close-menu-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:22px;height:22px;transition:all .2s}.close-menu-btn:hover{background:#ffffff14;color:var(--text-main)}.global-users-hint{margin-bottom:8px;padding:10px 12px;border-radius:var(--radius-md);background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);color:#c4b5fd;font-size:.73rem;line-height:1.4}.chat-workspace-grid{flex:1;height:100%;display:grid;gap:1rem;padding:1rem;background:transparent;overflow:hidden;transition:all .35s var(--ease-out-expo)}.chat-workspace-grid.columns-1{grid-template-columns:minmax(0,1fr)}.chat-workspace-grid.columns-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chat-workspace-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-panel-card{height:100%;max-height:100%;display:flex;flex-direction:column;background:#0c0c18bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-glass);overflow:hidden;position:relative;animation:fadeInPanel .3s var(--ease-out-expo)}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:#ffffff05;border-bottom:1px solid var(--border-glass);padding:.85rem 1.15rem;display:flex;justify-content:space-between;align-items:center}.chat-header-title{margin:0;font-size:1rem;font-family:Outfit,sans-serif;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--text-main)}.online-badge-count{font-size:.72rem;font-family:Inter,sans-serif;background:#ffffff14;padding:2px 8px;border-radius:var(--radius-pill);font-weight:500;color:var(--text-secondary)}.chat-header-subtitle{margin:2px 0 0;font-size:.75rem;color:var(--text-muted)}.panel-close-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-main);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s}.panel-close-btn:hover{background:#ef44442e;border-color:#ef444459;color:#f87171}.messages-container{flex:1;padding:1.15rem;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{margin-bottom:2px}.system-message{text-align:center;color:var(--text-dim);font-size:.73rem;padding:4px 12px;background:#ffffff06;border-radius:var(--radius-pill);width:fit-content;margin:4px auto;border:1px solid rgba(255,255,255,.04)}.chat-message{max-width:82%;width:fit-content;align-self:flex-start;display:flex;flex-direction:column;animation:fadeInPanel .2s ease-out}.own-message{margin-left:auto;align-self:flex-end;align-items:flex-end}.message-info{display:flex;align-items:center;gap:7px;margin-bottom:3px;padding:0 4px}.sender{font-weight:600;font-size:.76rem}.time{font-size:.68rem;color:var(--text-dim)}.message-text{background:#ffffff0d;padding:9px 13px;border-radius:14px 14px 14px 4px;border:1px solid var(--border-glass);color:var(--text-main);word-wrap:break-word;font-size:.9rem;line-height:1.45;box-shadow:0 3px 10px #0000001f}.own-message .message-text{background:var(--gradient-primary);color:#fff;border-radius:14px 14px 4px;border:none;box-shadow:0 5px 16px #8b5cf647}.typing-indicator{color:var(--text-muted);font-style:italic;font-size:.78rem;padding:5px 11px;background:#ffffff06;border-radius:var(--radius-sm);width:fit-content}.input-area{position:relative;background:#ffffff04;border-top:1px solid var(--border-glass);padding:.85rem 1.15rem}.emoji-picker{position:absolute;bottom:calc(100% + 6px);left:16px;background:#10101ef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);padding:10px;display:flex;flex-wrap:wrap;gap:4px;box-shadow:var(--shadow-elevated);z-index:20}.emoji-picker button{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:5px;border-radius:6px;transition:transform .15s}.emoji-picker button:hover{background:#ffffff14;transform:scale(1.15)}.message-form{display:flex;gap:8px;align-items:center}.emoji-btn{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.emoji-btn:hover{background:#ffffff14;border-color:var(--border-glass-hover)}.message-input{flex:1;padding:9px 15px;border:1px solid var(--border-glass);border-radius:var(--radius-pill);font-size:.9rem;color:var(--text-main);background:#ffffff08;outline:none;transition:all var(--transition-base);font-family:inherit;min-width:0}.message-input:focus{border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626}.message-input::placeholder{color:var(--text-dim)}.send-btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:9px 20px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all var(--transition-base);box-shadow:0 4px 14px #8b5cf64d;flex-shrink:0}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.send-btn:disabled{background:#ffffff0f;color:var(--text-dim);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-glass)}@media (max-width: 992px){.chat-workspace-grid.columns-2,.chat-workspace-grid.columns-3{grid-template-columns:1fr}}@media (max-width: 768px){.chat-container{height:100dvh;overflow:hidden;position:relative}.mobile-chat-layout{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-main, #0a0e17);position:relative;overflow:hidden}.mobile-chat-list-view{width:100%;height:100%;overflow:hidden}.mobile-list-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .25rem .25rem;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-list-header-title{display:flex;align-items:center;gap:.5rem}.mobile-header-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(0,198,255,.4))}.mobile-list-header h3{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-list-header-actions{display:flex;align-items:center;gap:.6rem}.online-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.75rem;font-weight:600}.mobile-global-chat-card{display:flex;align-items:center;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px #00000040,0 0 20px #6366f126;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);gap:.9rem;position:relative;overflow:hidden}.mobile-global-chat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#6366f1,#00c6ff)}.mobile-global-chat-card:active{transform:scale(.98);background:linear-gradient(135deg,#28354de6,#141e37f2)}.mobile-chat-avatar.global-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f133,#00c6ff33);border:1px solid rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;box-shadow:0 4px 15px #6366f133}.mobile-chat-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-chat-top-line{display:flex;align-items:center;justify-content:space-between}.mobile-chat-name{font-weight:700;font-size:1rem;color:#f8fafc;letter-spacing:.2px}.global-online-tag{font-size:.72rem;font-weight:600;color:#818cf8;background:#6366f126;padding:2px 8px;border-radius:12px}.mobile-chat-preview{font-size:.82rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-chat-chevron{font-size:1.5rem;color:#64748b;font-weight:300}.mobile-tabs{margin:.25rem 0}.mobile-users-list{flex:1;overflow-y:auto;padding-right:2px}.mobile-friend-item{padding:.85rem .75rem;border-radius:14px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);margin-bottom:.5rem;transition:background .2s,border-color .2s}.mobile-friend-item:active{background:#ffffff0f;border-color:#ffffff1f}.mobile-panel{width:100%;height:100%;border-radius:0;border:none;display:flex;flex-direction:column;animation:slideInMobile .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInMobile{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.mobile-header-left{display:flex;align-items:center;gap:.75rem}.mobile-back-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafc;font-size:1.2rem;cursor:pointer;transition:all .2s;flex-shrink:0}.mobile-back-button:active{background:#ffffff2e;transform:scale(.94)}.mobile-sidebar-toggle{display:none}.chat-workspace-grid{padding:.5rem;gap:.5rem}.chat-message{max-width:90%}.friend-notifications{top:8px;right:8px;z-index:100}.friend-notification{min-width:200px;max-width:280px;font-size:.78rem;padding:9px 12px}}@media (max-width: 480px){.message-form{gap:6px}.send-btn{padding:9px 14px;font-size:.82rem}.emoji-btn{width:34px;height:34px;font-size:.9rem}.input-area{padding:.7rem .85rem}}.mobile-chat-list-view{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--bg-root);background-image:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(139,92,246,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(236,72,153,.08) 0%,transparent 55%);position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-chat-list-view:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.mobile-chat-list-view>*{position:relative;z-index:1}.tg-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:#06060ceb;border-bottom:1px solid var(--border-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;flex-shrink:0;transition:transform .3s var(--ease-out-expo)}.tg-topbar.tg-topbar-hidden{transform:translateY(-100%)}.tg-sticky-brand-bar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:#06060cf0;border-bottom:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:15;pointer-events:none;transform:translateY(-100%);opacity:0;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo)}.tg-sticky-brand-bar.tg-brand-bar-visible{transform:translateY(0);opacity:1;pointer-events:auto}.tg-brand-text{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:.03em;margin:0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tg-topbar-menu-btn{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.tg-topbar-menu-btn:active{background:#ffffff1a;transform:scale(.92)}.tg-hamburger-line{width:16px;height:2px;background:var(--text-main);border-radius:2px;transition:background var(--transition-fast)}.tg-topbar-menu-btn:hover .tg-hamburger-line{background:var(--color-primary)}.tg-topbar-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em;flex:1;text-align:center;background:linear-gradient(135deg,#f1f5f9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tg-topbar-compose-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:var(--color-primary-hover);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;flex-shrink:0}.tg-topbar-compose-btn:active{background:#8b5cf638;transform:scale(.92)}.tg-compose-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--color-accent);color:#fff;font-size:.62rem;font-weight:700;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 8px var(--color-accent-glow)}.tg-search-bar{display:flex;align-items:center;margin:10px 14px 6px;padding:0 14px;background:var(--bg-surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-pill);gap:8px;height:42px;flex-shrink:0;transition:border-color var(--transition-base),background var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tg-search-bar:focus-within{border-color:#8b5cf659;background:#8b5cf60d}.tg-search-icon{color:var(--text-ghost);flex-shrink:0}.tg-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-main);font-size:.9rem;font-family:Inter,sans-serif}.tg-search-input::placeholder{color:var(--text-ghost)}.tg-search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.78rem;padding:0;line-height:1;transition:color var(--transition-fast)}.tg-search-clear:hover{color:var(--text-muted)}.tg-chat-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 14px 1.5rem;display:flex;flex-direction:column;gap:10px}.tg-chat-row{display:flex;align-items:center;padding:14px 16px;gap:14px;cursor:pointer;transition:all var(--transition-fast);position:relative;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#121424a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-height:74px;box-shadow:0 4px 20px #0003}.tg-chat-row:hover{border-color:#8b5cf640;background:#1a1c30bf}.tg-chat-row:active,.tg-chat-row.tg-menu-open{background:#1e2038d9;border-color:#8b5cf666;transform:scale(.985)}.tg-chat-row-pinned{background:linear-gradient(135deg,#8b5cf626,#ec489914);border:1px solid rgba(139,92,246,.3);box-shadow:0 6px 24px #8b5cf62e}.tg-chat-row-pinned:hover{background:linear-gradient(135deg,#8b5cf633,#ec48991f);border-color:#8b5cf673}.tg-chat-row-pinned:active{background:linear-gradient(135deg,#8b5cf638,#ec489924)}.tg-avatar-wrapper{position:relative;flex-shrink:0}.tg-avatar{width:50px;height:50px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0;box-shadow:0 4px 14px var(--color-primary-glow)}.tg-avatar-global{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-md)}.tg-online-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--color-success);border:2px solid var(--bg-root);box-shadow:0 0 6px var(--color-success-glow)}.tg-chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tg-chat-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tg-chat-name{font-family:Outfit,sans-serif;font-weight:600;font-size:.97rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tg-chat-time{font-size:.71rem;color:var(--text-dim);flex-shrink:0;font-variant-numeric:tabular-nums}.tg-chat-status-label{font-size:.71rem;color:var(--text-dim);flex-shrink:0}.tg-chat-status-label.online{color:var(--color-success)}.tg-chat-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.tg-chat-preview{font-size:.82rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tg-pin-icon{font-size:.72rem;opacity:.4;flex-shrink:0}.tg-unread-badge{min-width:20px;height:20px;background:var(--gradient-primary);color:#fff;font-size:.68rem;font-weight:700;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;box-shadow:0 0 8px var(--color-primary-glow)}.tg-context-menu{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--bg-elevated);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:20;overflow:hidden;display:flex;flex-direction:column;min-width:160px;animation:ctxFadeIn .15s var(--ease-out-expo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes ctxFadeIn{0%{opacity:0;transform:translateY(calc(-50% - 8px)) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tg-ctx-item{padding:12px 16px;text-align:left;background:none;border:none;color:var(--text-secondary);font-size:.88rem;cursor:pointer;transition:background var(--transition-fast);font-family:Inter,sans-serif}.tg-ctx-item:active{background:var(--bg-surface-glass-light)}.tg-ctx-item.tg-ctx-danger{color:var(--color-danger)}.tg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center;color:var(--text-dim)}.tg-empty-icon{font-size:2.8rem}.tg-empty-state p{margin:0;font-size:.9rem;color:var(--text-muted)}.tg-empty-add-btn{padding:10px 24px;border-radius:var(--radius-pill);background:var(--gradient-primary);border:none;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:Outfit,sans-serif;box-shadow:0 4px 16px var(--color-primary-glow)}.tg-empty-add-btn:active{opacity:.85;transform:scale(.97)}.tg-drawer-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.tg-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;background:#0c0e1cf5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-glass-hover);box-shadow:10px 0 30px #00000080;z-index:1001;display:flex;flex-direction:column;animation:slideInDrawer .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInDrawer{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}.tg-drawer-header{padding:24px 20px 20px;background:linear-gradient(135deg,#8b5cf62e,#ec489914);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;gap:14px}.tg-drawer-avatar{width:54px;height:54px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--color-primary-glow);flex-shrink:0}.tg-drawer-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.tg-drawer-username{font-family:Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-drawer-subtitle{font-size:.78rem;color:#a78bfa;font-weight:500}.tg-drawer-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.tg-drawer-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-main);font-size:.95rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-fast);text-align:left}.tg-drawer-item:hover,.tg-drawer-item:active{background:#ffffff0f;color:#fff}.tg-drawer-item-icon{font-size:1.15rem;width:24px;text-align:center}.tg-drawer-divider{height:1px;background:var(--border-glass);margin:8px 6px}.tg-drawer-logout{color:#f87171;margin-top:auto}.tg-drawer-logout:hover,.tg-drawer-logout:active{background:#ef44441f;color:#ef4444}