@import"https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-glass: rgba(255,255,255,.85);--text-primary: #1a1a2e;--text-secondary: #64748b;--accent: #0078D4;--accent-hover: #006ab5;--border: #e2e8f0;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--bubble-other: #f1f5f9;--sidebar-bg: rgba(255,255,255,.9);--input-bg: #f8fafc;--hover-bg: rgba(0,120,212,.06);--active-bg: rgba(0,120,212,.12);--chat-bg: #f0f4f8}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-glass: rgba(26,26,46,.92);--text-primary: #e8e8f0;--text-secondary: #94a3b8;--accent: #2196F3;--accent-hover: #1976D2;--border: #2a2a3e;--shadow: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--bubble-other: #262640;--sidebar-bg: rgba(22,22,40,.95);--input-bg: #1e1e32;--hover-bg: rgba(33,150,243,.08);--active-bg: rgba(33,150,243,.15);--chat-bg: #131325}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100vh;display:flex}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:320px;min-width:220px;height:100vh;display:flex;flex-direction:row;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);box-shadow:2px 0 20px #0000000d;color:var(--text-primary)}.sidebar-nav{width:56px;min-width:56px;height:100%;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;border-right:1px solid var(--border);background:var(--bg-secondary)}.sidebar-header{position:absolute;top:0;left:56px;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.sidebar-content{position:absolute;top:56px;left:56px;right:0;bottom:0;overflow-y:auto;display:flex;flex-direction:column}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--chat-bg);height:100vh;overflow:hidden}.nav-btn{width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.nav-btn:hover{background:var(--hover-bg);color:var(--accent)}.nav-btn.active{background:var(--active-bg);color:var(--accent)}.nav-btn:last-child{margin-top:auto}.chat-header{height:56px;display:flex;align-items:center;padding:0 16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000a;flex-shrink:0}.messages-area{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;background:var(--chat-bg)}.message-input-area{padding:12px 16px;display:flex;gap:10px;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);flex-shrink:0}.message-input{flex:1;padding:10px 16px;border-radius:24px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.message-input:focus{border-color:var(--accent)}.send-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border);color:var(--text-primary)}.chat-item:hover{background:var(--hover-bg)}.chat-item.active{background:var(--active-bg)}.user-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s;border-radius:10px}.user-item:hover{background:var(--hover-bg)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 16px;margin:0 16px 8px;width:fit-content;background:var(--bubble-other);border-radius:16px 16px 16px 4px}.typing-indicator span{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,120,212,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.1) 0%,transparent 50%);pointer-events:none}.auth-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:36px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.theme-toggle-float{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow)}.input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;display:block}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0078d41f}.input-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.search-input{width:100%;padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-primary);font-size:13px;outline:none;font-family:inherit}.search-input:focus{border-color:var(--accent)}.btn-primary{padding:10px 20px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent)}.icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;font-size:14px}.icon-btn:hover{background:var(--hover-bg);color:var(--accent)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);padding:14px}.profile-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.profile-row:last-child{border-bottom:none}.profile-row span:first-child{color:var(--text-secondary)}.stat-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);padding:12px;text-align:center}.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-primary);padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;z-index:99999;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.error-msg{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 14px;border-radius:10px;font-size:13px;margin-top:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-secondary);border-radius:16px;padding:24px;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mobile-back{display:none}@media (max-width: 768px){.sidebar{width:100vw;min-width:unset;position:absolute;z-index:10}.chat-area{position:absolute;width:100vw;z-index:20}.mobile-back{display:flex}.sidebar:has(~.chat-area){display:flex}}.chat-item,.user-item,.nav-btn,.btn-primary,.btn-secondary{transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card,.modal-content{animation:fadeIn .3s ease}body:has(.vg-page){overflow:auto!important;height:auto!important;background:#050b24!important}body:has(.vg-page) #root{height:auto!important;display:block!important;min-height:100vh}.vg-page{min-height:100vh!important;width:100%!important}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef4ff;background:#050b24}.vg-page{min-height:100vh;position:relative;overflow:hidden;background-image:url(/assets/bg/viralgram-bg-production.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:96px 24px 106px}@media (max-width: 768px){.vg-page{background-image:url(/assets/bg/viralgram-bg-mobile.png)!important;background-position:center top!important}}.vg-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0d1c4e1f,#0206146b 78%);pointer-events:none}.vg-topbar{position:absolute;top:26px;left:7vw;right:7vw;display:flex;align-items:center;justify-content:space-between;z-index:5}.vg-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.vg-brand img{width:78px;height:78px}.vg-brand h1{font-size:36px;line-height:1;margin:0;background:linear-gradient(90deg,#28a0ff,#e849dd);-webkit-background-clip:text;background-clip:text;color:transparent}.vg-brand p{margin:5px 0 0;color:#d7d9ee;font-size:15px}.vg-actions{display:flex;gap:16px}.vg-pill{height:48px;padding:0 18px;border:1px solid rgba(141,161,210,.28);background:#0c122c8f;color:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.vg-card{position:relative;z-index:4;width:620px;max-width:100%;border-radius:34px;padding:46px 52px 42px;background:linear-gradient(180deg,#080f2bd6,#050a1edb);border:1px solid rgba(75,166,255,.46);box-shadow:0 0 0 1px #9b50ff2e,0 0 70px #1b95ff47,0 0 95px #ce30ff2e,0 30px 80px #0000007a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.vg-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:36px;background:linear-gradient(120deg,#289effd9,#9a54ff33,#e83edda6);z-index:-1;filter:blur(14px);opacity:.4}.vg-logo-center{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.vg-logo-center img.icon{width:92px;height:92px;filter:drop-shadow(0 0 22px rgba(124,80,255,.8))}.vg-logo-center img.wordmark{width:132px;margin-top:10px}.vg-logo-center h2{font-size:44px;line-height:1.05;margin:18px 0 8px;background:linear-gradient(90deg,#299fff,#eb45df);-webkit-background-clip:text;background-clip:text;color:transparent}.vg-logo-center .create-title{font-size:28px;color:#fff;background:none;-webkit-text-fill-color:#fff}.vg-logo-center p{margin:0;color:#c7cce0;font-size:16px}.vg-logo-center b{color:#c65cff}.vg-field{height:60px;width:100%;border-radius:14px;border:1px solid rgba(139,124,255,.42);background:#0c1436c2;display:flex;align-items:center;gap:12px;padding:0 18px;margin:16px 0;color:#d9ddf1;box-shadow:inset 0 0 0 1px #ffffff06}.vg-field span{opacity:.75}.vg-field input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.vg-field input::placeholder{color:#9ca4c7}.vg-field:focus-within{border-color:#bb61ff;box-shadow:0 0 0 3px #b859ff21,0 0 24px #40a7ff29}.vg-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 22px;color:#aeb7d4;font-size:14px}.vg-row a,.vg-link{color:#ec51d7;text-decoration:none;font-weight:800}.vg-check{display:flex;align-items:center;gap:9px}.vg-check input{width:17px;height:17px;accent-color:#9b5cff}.vg-btn{width:100%;height:64px;border:0;border-radius:14px;background:linear-gradient(90deg,#238fff,#8c5aff,#e944a7);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 12px 34px #5b5cff59,0 0 26px #ea3fd547}.vg-divider{display:flex;align-items:center;gap:16px;margin:30px 0 20px;color:#7e86a6;font-size:14px}.vg-divider:before,.vg-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(129,145,196,.38),transparent)}.vg-social{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vg-social button{height:58px;border-radius:13px;border:1px solid rgba(97,116,170,.32);background:#0a1332a8;color:#fff;font-weight:900}.vg-foot{text-align:center;margin-top:26px;color:#aeb7d4}.vg-foot a{color:#f04bd7;text-decoration:none;font-weight:900}.vg-features{position:absolute;left:0;right:0;bottom:24px;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(160px,230px));justify-content:center;gap:34px;color:#c8d0e8}.vg-feature{display:flex;gap:13px}.vg-feature .i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(96,117,255,.65);background:#131f4eb3;color:#36aaff}.vg-feature b{color:#fff}.vg-feature p{margin:4px 0 0;font-size:13px;color:#9fa9c9}.vg-register .vg-card{width:520px;padding:40px 36px 32px}.vg-register .vg-logo-center{margin-bottom:16px}.vg-register .vg-logo-center img.icon{width:66px;height:66px}.vg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}.vg-tab{height:48px;border-radius:11px;border:1px solid rgba(134,150,205,.32);background:#0c1436c2;color:#bfc6df;font-weight:800}.vg-tab.active{border-color:#bd5cff;color:#ec61e9;box-shadow:0 0 0 2px #be5cff26}@media (max-width:900px){.vg-page{padding:92px 16px 40px;background-position:center}.vg-topbar{left:18px;right:18px}.vg-brand h1,.vg-brand p{display:none}.vg-card{width:100%;padding:34px 22px}.vg-logo-center h2{font-size:36px}.vg-features{display:none}.vg-actions{gap:8px}.vg-pill{height:40px;padding:0 12px}.vg-brand img{width:54px;height:54px}}body:has(.vg-bg-wrapper){overflow:hidden!important;height:100vh!important;background:#050b24!important}body:has(.vg-bg-wrapper) #root{height:100vh!important;display:block!important;overflow:hidden}.vg-bg-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:url(/assets/bg/viralgram-bg-production.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#040818}@media (max-width: 768px){.vg-bg-wrapper{background-image:url(/assets/bg/viralgram-bg-mobile.png)!important;background-position:center center!important;height:100dvh!important;align-items:flex-start!important;overflow-y:auto!important}}.vg-bg-img{display:none}.vg-center-box{position:relative;z-index:10;width:420px;max-width:94vw;max-height:92vh;overflow-y:auto;scrollbar-width:none;border-radius:24px;background:#060a24b8;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(80,140,255,.4);box-shadow:0 0 0 1px #8c3cff26,0 0 60px #1e78ff38,0 0 80px #c832ff1f,0 24px 64px #0000008c;padding:36px 32px 28px;text-align:center}.vg-center-box::-webkit-scrollbar{display:none}.vg-form-inner{width:100%}.vg-form-icon{width:68px;height:68px;border-radius:50%;margin-bottom:6px;filter:drop-shadow(0 0 18px rgba(120,70,255,.9))}.vg-form-title{font-size:26px;font-weight:800;margin:0 0 4px;background:linear-gradient(90deg,#28a0ff,#e849dd);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.vg-form-sub{font-size:13px;color:#b4bee699;margin:0 0 20px}.vg-field2{display:flex;align-items:center;background:#0a1234d9;border:1px solid rgba(90,70,210,.4);border-radius:12px;height:52px;padding:0 16px;margin-bottom:12px;gap:10px;transition:border-color .2s,box-shadow .2s}.vg-field2:focus-within{border-color:#9b5cff;box-shadow:0 0 0 3px #9b5cff2e}.vg-fi2{font-size:15px;opacity:.55;flex-shrink:0}.vg-inp2{flex:1;background:transparent;border:none;outline:none;color:#eef4ff;font-size:14px;font-family:inherit}.vg-inp2::placeholder{color:#a0aadc66}.vg-eye2{cursor:pointer;font-size:15px;opacity:.55;flex-shrink:0;-webkit-user-select:none;user-select:none}.vg-eye2:hover{opacity:1}.vg-row2{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.vg-chk2{display:flex;align-items:center;gap:6px;font-size:12px;color:#b4bee68c;cursor:pointer}.vg-submit2{width:100%;height:54px;border:none;border-radius:13px;background:linear-gradient(90deg,#1f8fff,#8c5aff,#e944a7);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px #5b5cff61,0 0 20px #e944a733;transition:opacity .2s,transform .15s;margin-bottom:16px;font-family:inherit;letter-spacing:.3px}.vg-submit2:hover{opacity:.9;transform:translateY(-1px)}.vg-submit2:disabled{opacity:.55;cursor:not-allowed;transform:none}.vg-div2{position:relative;text-align:center;margin:4px 0 14px;color:#a0aadc66;font-size:12px}.vg-div2:before,.vg-div2:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#6450dc47}.vg-div2:before{left:0}.vg-div2:after{right:0}.vg-social2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.vg-social2 button{height:48px;border-radius:11px;border:1px solid rgba(90,80,200,.35);background:#0a1234cc;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.vg-social2 button:hover{background:#5a3cc84d;border-color:#9b5cff}.vg-lnk2{background:none;border:none;color:#d860f0;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600}.vg-lnk2:hover{text-decoration:underline}.vg-lnk2.bold{font-weight:800;font-size:13px;color:#e050f5}.vg-switch2{font-size:12px;color:#b4bee680;margin:0}.vg-err2{background:#dc282826;border:1px solid rgba(220,40,40,.35);color:#fca5a5;border-radius:9px;padding:8px 12px;font-size:12px;margin-bottom:10px;text-align:left}.vg-tabs2{display:flex;gap:8px;margin-bottom:12px}.vg-tab2{flex:1;height:42px;border-radius:10px;border:1px solid rgba(90,80,200,.3);background:#0a1234cc;color:#b4bee68c;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.vg-tab2.active{border-color:#9b5cff;background:#9b5cff2e;color:#d580ff}@media (max-width: 500px){.vg-center-box{padding:28px 18px 22px}.vg-form-title{font-size:22px}}@media (max-width: 768px){.vg-dropdown-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:100!important;padding:16px!important}.vg-glass-card{position:relative!important;top:unset!important;right:unset!important;left:unset!important;width:100%!important;max-width:400px!important;max-height:88dvh!important;overflow-y:auto!important}.vg-glass-card-reg{position:relative!important;top:unset!important;right:unset!important;width:100%!important;max-width:400px!important;max-height:88dvh!important;overflow-y:auto!important}}.vg-topright-bar{position:absolute;top:20px;right:28px;z-index:20;display:flex;align-items:center;gap:10px}.vg-signin-topbtn{height:42px;padding:0 28px;border-radius:22px;border:none;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s;letter-spacing:.3px;box-shadow:none;outline:none}.vg-signin-topbtn:hover{opacity:.88;transform:translateY(-1px)}.vg-signin-topbtn.active{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);box-shadow:none}.vg-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#02051473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.vg-glass-card{width:380px;max-width:96vw;padding:24px 26px 20px;border-radius:20px;background:#0f164180;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(100,140,255,.35);box-shadow:0 0 0 1px #a050ff1f,0 8px 40px #1464ff33,0 20px 60px #00000080;animation:vgSlideDown .22s cubic-bezier(.34,1.56,.64,1)}.vg-glass-card-reg{width:400px;max-height:85vh;overflow-y:auto;scrollbar-width:none}.vg-glass-card-reg::-webkit-scrollbar{display:none}@keyframes vgSlideDown{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vg-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vg-card-logo-sm{width:42px;height:42px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(130,80,255,.7));flex-shrink:0}.vg-card-title{font-size:17px;font-weight:800;color:#fff;margin:0;background:linear-gradient(90deg,#60aaff,#d060ff);-webkit-background-clip:text;background-clip:text;color:transparent}.vg-card-sub{font-size:12px;color:#b4bee68c;margin:2px 0 0}.vg-close-btn{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(120,100,220,.35);background:#ffffff0f;color:#c8c8ffb3;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.vg-close-btn:hover{background:#ff505033;color:#ff8080;border-color:#ff505066}.vg-glass-field{display:flex;align-items:center;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(90,70,200,.35);background:#0a1032bf;margin-bottom:10px;gap:10px;transition:border-color .2s,box-shadow .2s}.vg-glass-field:focus-within{border-color:#9b5cff;box-shadow:0 0 0 3px #9b5cff24}.vg-gf-icon{font-size:14px;opacity:.5;flex-shrink:0}.vg-gf-input{flex:1;background:transparent;border:none;outline:none;color:#eef4ff;font-size:13px;font-family:inherit}.vg-gf-input::placeholder{color:#96a0d273}.vg-gf-eye{cursor:pointer;font-size:14px;opacity:.5;flex-shrink:0;-webkit-user-select:none;user-select:none}.vg-gf-eye:hover{opacity:1}.vg-gf-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vg-gf-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#aab4dc8c;cursor:pointer}.vg-gf-submit{width:100%;height:50px;border:none;border-radius:12px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:none;transition:opacity .2s,transform .15s;margin-bottom:14px;font-family:inherit}.vg-gf-submit:hover{opacity:.88;transform:translateY(-1px)}.vg-gf-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.vg-gf-divider{position:relative;text-align:center;margin:4px 0 12px;color:#96a0d266;font-size:11px}.vg-gf-divider:before,.vg-gf-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#6450dc40}.vg-gf-divider:before{left:0}.vg-gf-divider:after{right:0}.vg-gf-social{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.vg-gf-social button{height:42px;border-radius:10px;border:1px solid rgba(90,80,200,.3);background:#0a1032b3;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.vg-gf-social button:hover{background:#6450dc40}.vg-gf-link{background:none;border:none;color:#d060ff;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600}.vg-gf-link:hover{text-decoration:underline}.vg-gf-link.bold{font-weight:800;font-size:13px;color:#e060ff}.vg-gf-switch{font-size:12px;color:#aab4dc80;margin:0;text-align:center}.vg-gf-error{background:#dc282826;border:1px solid rgba(220,40,40,.3);color:#fca5a5;border-radius:9px;padding:7px 12px;font-size:12px;margin-bottom:10px;text-align:left}.vg-gf-tabs{display:flex;gap:8px;margin-bottom:10px}.vg-gf-tab{flex:1;height:38px;border-radius:9px;border:1px solid rgba(90,80,200,.3);background:#0a1032bf;color:#aab4dc8c;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.vg-gf-tab.active{border-color:#9b5cff;background:#9b5cff29;color:#d580ff}.vg-card-title-lg{font-size:22px;font-weight:900;margin:0;color:#fff;font-family:Segoe UI,Georgia,serif;letter-spacing:.5px;text-shadow:0 2px 12px rgba(160,100,255,.4);background:linear-gradient(90deg,#fff,#e8d0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.message-bubble-content{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-show{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:50!important;display:flex!important}}@media (max-width: 768px){.app-container,#root{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.sidebar{width:100vw!important;min-width:unset!important;max-width:unset!important;height:100dvh!important;flex-direction:column!important;flex-shrink:0;position:relative!important}.sidebar-nav{width:100%!important;min-width:unset!important;height:56px!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0 8px!important;gap:0!important;border-right:none!important;border-top:1px solid var(--border)!important;order:3;position:relative;bottom:0;left:0;right:0}.nav-btn{width:48px!important;height:48px!important;font-size:20px!important;border-radius:12px!important}.nav-btn:last-child{margin-top:0!important}.sidebar-header{position:relative!important;top:unset!important;left:unset!important;right:unset!important;width:100%!important;order:1}.sidebar-content{position:relative!important;top:unset!important;left:unset!important;right:unset!important;bottom:unset!important;flex:1!important;overflow-y:auto!important;order:2}.chat-area{width:100vw!important;height:100dvh!important;max-height:100dvh!important;flex-shrink:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-header{padding:10px 12px!important;min-height:56px!important;max-height:56px!important;flex-shrink:0!important;overflow:hidden!important}.messages-area{flex:1 1 0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:unset!important}.reply-bar{flex-shrink:0!important}.message-input-area{padding:8px 10px!important;flex-shrink:0!important;background:var(--bg-glass)!important}.message-input{font-size:16px!important;padding:10px 14px!important}.send-btn{width:44px!important;height:44px!important;flex-shrink:0!important}.mobile-back{display:flex!important;width:36px!important;height:36px!important;font-size:18px!important;padding:0!important}.search-input{font-size:16px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-radius:20px 20px 0 0!important;width:100vw!important;max-height:88dvh!important;overflow-y:auto}}@media (max-width: 768px){.vg-page{padding:0!important;min-height:100dvh}.vg-topright-bar{top:14px!important;right:14px!important;gap:6px!important}.vg-signin-topbtn{height:36px!important;padding:0 14px!important;font-size:12px!important}.vg-glass-card{width:95vw!important;max-width:95vw!important;padding:18px 16px!important}.vg-glass-card-reg{width:95vw!important;max-height:82dvh!important}.vg-gf-input{font-size:16px!important}.vg-gf-submit{height:50px!important}}@media (max-width: 380px){.vg-signin-topbtn{padding:0 10px!important;font-size:11px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.message-input-area{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}}@media (max-width: 768px){.msg-ctx-menu{position:fixed!important;left:50%!important;transform:translate(-50%)!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;top:auto!important;min-width:260px!important;max-width:90vw!important;border-radius:16px!important;box-shadow:0 12px 40px #0006!important;animation:ctxSlideUp .2s ease!important}.msg-ctx-menu button{padding:14px 20px!important;font-size:15px!important}}@keyframes ctxSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.hamburger-panel{width:82vw!important;max-width:320px!important;height:100dvh!important;border-radius:0 20px 20px 0!important}.profile-modal{width:100vw!important;max-width:100vw!important;border-radius:20px 20px 0 0!important;max-height:92dvh!important;overflow-y:auto!important}.chat-item{padding:12px 14px!important;min-height:64px!important}.badge{min-width:20px!important;height:20px!important;font-size:11px!important}.msg-bubble-wrap{max-width:82%!important}.sidebar-resize-handle{display:none!important}.nav-avatar-btn{margin-top:0!important;width:48px!important;height:48px!important}.group-settings-modal{width:100vw!important;max-width:100vw!important;border-radius:20px 20px 0 0!important;max-height:92dvh!important}input,textarea,select{font-size:16px!important}.scroll-to-bottom-btn{bottom:72px!important;right:12px!important}}.sidebar-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:ew-resize;z-index:100;background:transparent;transition:background .2s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent);opacity:.5}@media (max-width: 768px){.sidebar-resize-handle{display:none}}@keyframes pulse-green{0%{box-shadow:0 0 #43a047b3}70%{box-shadow:0 0 0 16px #43a04700}to{box-shadow:0 0 #43a04700}}