@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_111fb964-module__2Tb6wa__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_111fb964-module__2Tb6wa__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg-primary:#050510;--bg-secondary:#0d0e1999;--bg-tertiary:#16182acc;--bg-card:#10121ba6;--bg-hover:#242846cc;--bg-input:#0a0b12e6;--border-color:#7c3aed33;--border-active:#7c3aed99;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#8492a6;--accent:#7c3aed;--accent-hover:#9333ea;--accent-glow:#7c3aed66;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gold:gold;--gold-hover:#ffc000;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--shadow-sm:0 4px 12px #0006;--shadow-md:0 12px 32px #00000080;--shadow-lg:0 24px 64px #000000b3;--glass-bg:#0a0b14a6;--glass-border:#ffffff0d;--transition:.3s cubic-bezier(.175, .885, .32, 1.275)}body.light{--bg-primary:#f1f5f9;--bg-secondary:#ffffffb3;--bg-tertiary:#f8fafccc;--bg-card:#fffc;--bg-hover:#e2e8f0cc;--bg-input:#ffffffe6;--border-color:#7c3aed26;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--glass-bg:#fffc;--shadow-sm:0 4px 16px #0000000f;--shadow-md:0 12px 40px #00000014;--shadow-lg:0 24px 64px #7c3aed14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-active);background-clip:padding-box;border:2px solid #0000}body{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 15%,#4215914d,#0000 25%),radial-gradient(circle at 85% 30%,#0ea5e933,#0000 25%);animation:20s ease-in-out infinite alternate bgDrift;position:fixed;inset:-50%}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}@keyframes bgDrift{0%{transform:translate(0)scale(1)}to{transform:translate(-2%,-2%)scale(1.05)}}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}input,select,textarea,button{outline:none;font-family:inherit}.header-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(150%);border-bottom:1px solid var(--glass-border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000004d}.logo img{object-fit:contain;transform-origin:0;width:auto;height:40px;transform:scale(1.3)}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-active)}.theme-toggle{border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;width:38px;height:38px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{background:var(--bg-hover)}.pro-header-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:#000;transition:all var(--transition);padding:6px 14px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 0 10px #ffd7004d}.pro-header-btn:hover{color:#000;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #ffd70080}.token-header-btn{color:var(--gold);cursor:pointer;transition:all var(--transition);background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.token-header-btn:hover{background:#ffd70033}.header-avatar{border:2px solid var(--accent);cursor:pointer;object-fit:cover;width:34px;height:34px;transition:all var(--transition);border-radius:50%}.header-avatar:hover{border-color:var(--accent-hover);transform:scale(1.05)}.header-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);z-index:200;padding:8px 0;position:absolute;top:55px;right:24px}.header-dropdown a,.header-dropdown button{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:10px 16px;font-size:13px;display:block}.header-dropdown a:hover,.header-dropdown button:hover{background:var(--bg-hover)}.page-center{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:20px;display:flex}.form-box{background:var(--bg-card);-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:440px;max-width:100%;box-shadow:var(--shadow-lg), 0 0 40px var(--accent-glow);text-align:center;border-top:1px solid #ffffff26;padding:44px 40px;position:relative;overflow:hidden}.form-box:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.form-box h2{color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:700}.login-logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:120px;filter:drop-shadow(0 4px 12px var(--accent-glow));margin:10px auto 20px;display:block}.loader-dots{color:var(--text-muted);letter-spacing:.5px;font-size:13px;font-weight:500}.tagline{color:var(--text-muted);margin-bottom:24px;font-size:13px}.form-box input,.form-box select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);transition:border-color var(--transition);margin-bottom:12px;padding:13px 16px;font-size:14px}.form-box input:focus,.form-box select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-box input::placeholder{color:var(--text-muted)}.captcha-box{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:20px;padding:16px;box-shadow:inset 0 2px 10px #0003}.captcha-question{color:var(--accent-hover);margin-bottom:10px;font-size:15px;font-weight:600}.policy-links{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.policy-links a{color:var(--accent);font-weight:600}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--accent), #a855f7);border-color:#0000}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translate(20px)}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;letter-spacing:.5px;cursor:pointer;width:100%;transition:all var(--transition);box-shadow:0 4px 15px var(--accent-glow);border:none;padding:14px;font-size:16px;font-weight:800;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:before{left:150%}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-link{color:var(--text-muted);margin-top:16px;font-size:13px;display:block}.form-link a{color:var(--accent);font-weight:600}.auth-tabs{border-bottom:1px solid var(--border-color);margin-bottom:24px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:600}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.oauth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:20px 0;font-size:13px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.oauth-divider span{padding:0 10px}.oauth-buttons{flex-direction:column;gap:10px;display:flex}.btn-oauth{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.btn-oauth:hover{background:var(--bg-input);transform:translateY(-1px)}.btn-oauth.discord:hover{background:#5865f21a;border-color:#5865f2}.chat-container{height:calc(100vh - 60px);display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--glass-border);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:700;display:flex}body.light .sidebar-header{color:var(--text-secondary)}.btn-random{background:linear-gradient(135deg, var(--success), #059669);color:#fff;cursor:pointer;transition:all var(--transition);border:none;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700}.btn-random:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.user-list{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent;flex:1;padding:8px;overflow-y:auto}.user-card{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.user-card:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:inset 0 0 15px #7c3aed1a}.user-card.active{background:var(--accent-glow);border:1px solid var(--border-active)}.user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:relative}.user-avatar.male{background:linear-gradient(135deg,#3b82f6,#6366f1)}.user-avatar.female{background:linear-gradient(135deg,#ec4899,#f43f5e)}.user-avatar.other{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.user-avatar.bot{background:linear-gradient(135deg,#f59e0b,#ef4444)}.online-dot{background:var(--success);border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;transition:color .2s;display:flex}body.light .user-name{color:var(--text-primary);font-weight:700}body.light .user-meta{color:var(--text-secondary)}.badge{border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.badge-ai{color:var(--warning);background:#f59e0b33}.badge-pro{color:var(--gold);background:#ffd70026}.chat-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--glass-border);background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);justify-content:space-between;align-items:center;padding:16px 24px;font-size:16px;font-weight:700;display:flex}.chat-header-info{align-items:center;gap:12px;display:flex}.actions{gap:6px;display:flex}.actions button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600}.actions button:hover{background:var(--bg-hover)}.actions .btn-gift{color:var(--gold);background:#ffd7001f;border-color:#ffd70033}.actions .btn-gift:hover{background:#ffd70033}.messages{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.empty-chat{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-chat-icon{opacity:.3;font-size:48px}.msg{max-width:70%;font-family:var(--font-inter), sans-serif;word-wrap:break-word;transform-origin:100% 100%;border-radius:18px;padding:12px 18px;font-size:14px;line-height:1.5;animation:.4s cubic-bezier(.175,.885,.32,1.275) messagePop}.msg.own{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 15px #7c3aed4d,0 0 20px #7c3aed26}.msg.other{background:var(--bg-card);border:1px solid var(--border-color);transform-origin:0 100%;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 4px 15px #0003,0 0 15px #7c3aed0d}.msg.system{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:20px;align-self:center;padding:6px 16px;font-size:12px}.msg-name{color:var(--accent-hover);font-size:12px;font-weight:700;font-family:var(--font-outfit), sans-serif;margin-bottom:4px}.msg-time{color:#fff9;text-align:right;margin-top:6px;font-size:10px}.msg.other .msg-time{color:var(--text-muted)}.typing-indicator{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:18px 18px 18px 4px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:13px;animation:.3s messagePop;display:flex}.typing-indicator:after{content:"";background:radial-gradient(circle 3px, var(--text-muted) 99%, transparent) 0 50%, radial-gradient(circle 3px, var(--text-muted) 99%, transparent) 50% 50%, radial-gradient(circle 3px, var(--text-muted) 99%, transparent) 100% 50%;background-repeat:no-repeat;background-size:6px 6px;gap:3px;width:24px;height:8px;animation:1.4s ease-in-out infinite typingDots;display:inline-flex}@keyframes typingDots{0%,80%,to{background-size:6px 6px,6px 6px,6px 6px}20%{background-size:6px 8px,6px 6px,6px 6px}40%{background-size:6px 6px,6px 8px,6px 6px}60%{background-size:6px 6px,6px 6px,6px 8px}}@keyframes messagePop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.input-area{border-top:1px solid var(--border-color);background:var(--bg-secondary);gap:10px;padding:14px 20px;display:flex}.input-area input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition);flex:1;padding:12px 16px;font-size:14px}.input-area input:focus{border-color:var(--accent)}.input-area button{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;transition:all var(--transition);border:none;padding:12px 24px;font-weight:700}.input-area button:hover{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:500;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:480px;max-width:90vw;max-height:85vh;box-shadow:var(--shadow-lg), 0 0 30px #00000080;border-top:1px solid #ffffff26;padding:36px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalPop;overflow-y:auto}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-card h3{margin-bottom:6px;font-size:20px;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:13px}.modal-actions{gap:10px;margin-top:16px;display:flex}.modal-actions button{flex:1}.btn-cancel{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:12px;font-weight:600}.btn-cancel:hover{background:var(--bg-hover)}.btn-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;transition:all var(--transition);border:none;padding:12px;font-weight:600}.btn-submit:hover{transform:translateY(-1px)}.gift-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.gift-item{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;transition:all .25s;display:flex}.gift-item:hover{background:#ffd7000d;border-color:#ffd70066;transform:translateY(-2px)}.gift-emoji{font-size:32px}.gift-name{font-size:12px;font-weight:600}.gift-cost{color:var(--gold);font-size:11px;font-weight:600}.token-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.token-pack{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;transition:all .25s;display:flex;position:relative}.token-pack:hover{border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.token-pack.popular{background:#ffd7000d;border-color:#ffd70066}.popular-tag{background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:#000;border-radius:10px;padding:2px 10px;font-size:9px;font-weight:700;position:absolute;top:-8px}.token-amount{color:var(--gold);font-size:24px;font-weight:800}.token-label{color:var(--text-muted);font-size:12px}.token-price{font-size:14px;font-weight:700}.gift-animation-overlay{z-index:9998;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-gift{opacity:0;animation:2.5s ease-out forwards floatUp;position:absolute;bottom:-80px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}10%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(360deg)scale(1)}}.random-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:400;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.random-box{background:var(--bg-card);-webkit-backdrop-filter:blur(40px)saturate(150%);backdrop-filter:blur(40px)saturate(150%);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:380px;max-width:90vw;box-shadow:var(--shadow-lg), 0 0 60px #7c3aed40, inset 0 0 20px #7c3aed1a;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:20px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalPop;display:flex}.pulse-ring{border:3px solid var(--accent);background:#7c3aed1a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:36px;animation:1.5s ease-out infinite pulseRing;display:flex}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--accent-glow);transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 0 30px #0000}}.random-box h3{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.random-box p{color:var(--text-muted);font-size:14px;line-height:1.5}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;right:20px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-width:340px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s slideInRight,.3s 3s forwards fadeOut}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--accent);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(30px)}}.premium-page{text-align:center;max-width:900px;margin:0 auto;padding:60px 24px}.premium-hero h1{background:linear-gradient(135deg, var(--gold), var(--gold-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:42px;font-weight:900}.premium-hero p{color:var(--text-muted);margin-bottom:40px;font-size:16px}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition);padding:32px 28px;position:relative}.pricing-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-card.featured{border-color:#ffd70066}.pricing-badge{background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:#000;border-radius:12px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-title{margin-bottom:8px;font-size:18px;font-weight:700}.pricing-amount{color:var(--gold);margin-bottom:4px;font-size:36px;font-weight:900}.pricing-period{color:var(--text-muted);margin-bottom:20px;font-size:13px}.pricing-features{margin-bottom:24px;list-style:none}.pricing-features li{color:var(--text-secondary);padding:6px 0;font-size:14px}.pricing-features li:before{content:"✓ ";color:var(--success);font-weight:700}.pricing-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);border:none;padding:14px;font-size:14px;font-weight:700}.pricing-btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:#000}.pricing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ffd7004d}.pricing-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.coupon-section{margin-top:30px}.coupon-section p{color:var(--text-muted);margin-bottom:10px;font-size:14px}.coupon-input-group{justify-content:center;gap:10px;max-width:400px;margin:0 auto;display:flex}.coupon-input-group input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);text-transform:uppercase;flex:1;padding:12px 16px;font-size:14px}.ad-container{border-radius:var(--radius-sm);margin-top:12px;overflow:hidden}.sidebar-ad{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:#6366f108;justify-content:center;align-items:center;min-height:250px;margin:8px;display:flex}.ad-placeholder{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;opacity:.4;font-size:11px;font-weight:600}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:20px 32px;display:flex}.admin-badge{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;display:inline-block}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.7;box-shadow:0 0 0 4px #10b98100}}.admin-stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding:20px 32px;display:grid}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);padding:16px;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), #8b5cf6);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.admin-stat-card:hover,.admin-stat-card.active{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #6366f11a}.admin-stat-card.active:before,.admin-stat-card:hover:before{opacity:1}.admin-stat-icon{margin-bottom:4px;font-size:22px}.admin-stat-number{color:var(--accent);font-size:28px;font-weight:800;line-height:1.2}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:600}.admin-tabs{border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;padding:0 32px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:800}.admin-panel-content{padding:24px 32px}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition);padding:18px;font-size:13px;line-height:1.6}.card:hover{border-color:#6366f14d}.admin-user-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.admin-user-avatar[data-gender=male]{background:#3b82f626}.admin-user-avatar[data-gender=female]{background:#ec489926}.admin-user-avatar[data-gender=other]{background:#a855f726}.admin-user-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.severity-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.severity-badge.high{color:var(--danger);background:#ef444426}.severity-badge.medium{color:var(--warning);background:#f59e0b26}.severity-badge.low{color:var(--accent);background:#6366f126}.admin-action-btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700}.admin-action-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn-kick{color:var(--warning);background:#f59e0b26}.btn-mute{color:var(--accent);background:#6366f126}.btn-ban{color:var(--danger);background:#ef444426}.btn-unban{color:var(--success);background:#10b98126}.ban-ip-form{gap:10px;margin-bottom:20px;display:flex}.ban-ip-form input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);flex:1;padding:12px 16px;font-size:14px}.ban-ip-form button{border-radius:var(--radius-sm);background:var(--danger);color:#fff;cursor:pointer;transition:all var(--transition);border:none;padding:12px 24px;font-weight:700}.ban-ip-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px;line-height:1.8}.empty-icon{opacity:.25;margin-bottom:12px;font-size:48px;display:block}.coupon-create-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;padding:24px}.coupon-create-form h4{margin-bottom:16px;font-size:16px;font-weight:700}.coupon-form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.coupon-form-grid input,.coupon-form-grid select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);padding:11px 14px;font-size:13px}.coupon-create-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;transition:all var(--transition);border:none;padding:12px 24px;font-size:14px;font-weight:600}.coupon-create-btn:hover{box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-1px)}.coupon-card{border-left:3px solid var(--success)}.coupon-card.inactive{border-left-color:var(--text-muted);opacity:.6}.coupon-code-display{letter-spacing:2px;color:var(--accent-hover);font-family:monospace;font-size:18px;font-weight:800}.coupon-type-badge{color:var(--success);background:#10b9811f;border-radius:6px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}@media (max-width:768px){.admin-header{flex-wrap:wrap;gap:10px;padding:16px 18px}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 18px}.admin-stat-number{font-size:22px}.admin-stat-icon{font-size:18px}.admin-stat-label{font-size:10px}.admin-tabs{padding:0 18px}.admin-tab{padding:12px 14px;font-size:12px}.admin-panel-content{padding:18px}.admin-grid,.coupon-form-grid{grid-template-columns:1fr}.ban-ip-form{flex-direction:column}.ban-ip-form button{width:100%}}.settings-container{max-width:1000px;min-height:calc(100vh - 60px);margin:0 auto;display:flex}.settings-nav{border-right:1px solid var(--border-color);flex-direction:column;gap:4px;width:220px;padding:24px 16px;display:flex}.settings-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:500}.settings-nav-item:hover{background:var(--bg-hover)}.settings-nav-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.settings-nav-item.danger{color:var(--danger)}.settings-content{flex:1;padding:32px 40px}.settings-section{margin-bottom:32px}.settings-section h2{margin-bottom:6px;font-size:20px;font-weight:700}.settings-section p{color:var(--text-muted);margin-bottom:20px;font-size:13px}.settings-field{margin-bottom:16px}.settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.settings-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);padding:12px 16px;font-size:14px}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-input:disabled{opacity:.5;cursor:not-allowed}.settings-avatar-section{align-items:center;gap:16px;margin-bottom:20px;display:flex}.settings-avatar{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.btn-danger{border-radius:var(--radius-sm);border:1px solid var(--danger);color:var(--danger);cursor:pointer;transition:all var(--transition);background:#ef44441a;padding:12px 24px;font-weight:600}.btn-danger:hover{background:var(--danger);color:#fff}.plan-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.plan-free{background:var(--bg-tertiary);color:var(--text-muted)}.plan-pro{color:var(--gold);background:#ffd70026}.policy-page{max-width:700px;margin:0 auto;padding:40px 24px}.policy-page h1{margin-bottom:8px;font-size:28px;font-weight:800}.policy-page .updated{color:var(--text-muted);margin-bottom:24px;font-size:12px}.policy-page h2{margin:24px 0 8px;font-size:18px;font-weight:700}.policy-page p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.policy-page ul{margin-bottom:12px;padding-left:20px}.policy-page li{color:var(--text-secondary);margin-bottom:4px;font-size:14px;line-height:1.7}@media (max-width:768px){.sidebar{width:200px;min-width:200px}.pricing-grid{grid-template-columns:1fr}.settings-container{flex-direction:column}.settings-nav{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;width:100%;overflow-x:auto}.settings-content{padding:24px 20px}.admin-panel-content{padding:16px}}.landing-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.landing-hero{z-index:10;justify-content:center;align-items:center;gap:60px;max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:40px 24px;display:flex;position:relative}.hero-text{flex:1;max-width:500px}.hero-title{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:1.25rem;line-height:1.6}.live-stats-container{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.stat-badge{border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.stat-badge.secondary{background:#7c3aed0d;border-color:#7c3aed4d}.stat-badge strong{color:var(--text-primary);font-weight:700}.pulse-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background-color:var(--success);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute;top:0;left:0}.about-section{background:linear-gradient(to bottom, transparent, var(--bg-primary), var(--bg-tertiary));z-index:10;border-top:1px solid var(--border-color);padding:100px 24px;position:relative}.about-content{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;gap:16px;padding:32px;display:flex}.bento-card:hover{border-color:var(--border-active);transform:translateY(-8px);box-shadow:0 10px 40px #7c3aed26}.bento-icon{background:#7c3aed1a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.bento-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.bento-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.bento-wide{grid-column:span 2}.hero-badge{color:var(--accent);background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid #7c3aed4d;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:500;animation:.6s ease-out fadeInDown;display:inline-block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.trust-indicators{flex-wrap:wrap;gap:20px;margin-top:8px;display:flex}.trust-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.trust-icon{font-size:16px}.how-it-works-section{background:linear-gradient(to bottom, var(--bg-primary), transparent);z-index:10;border-top:1px solid var(--border-color);padding:100px 24px 80px;position:relative}.how-it-works-content{max-width:1100px;margin:0 auto}.steps-grid{justify-content:center;align-items:center;gap:0;display:flex}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;max-width:280px;transition:all var(--transition);flex:1;padding:32px 24px;position:relative}.step-card:hover{border-color:var(--border-active);transform:translateY(-6px);box-shadow:0 12px 40px #7c3aed1f}.step-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.step-icon{margin-bottom:16px;font-size:2.5rem}.step-title{color:var(--text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:600}.step-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.step-connector{flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;display:flex}.social-proof-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:10;background:linear-gradient(90deg,#7c3aed08,#a855f70f,#7c3aed08);padding:64px 24px;position:relative}.social-proof-content{justify-content:space-between;align-items:center;gap:32px;max-width:900px;margin:0 auto;display:flex}.proof-stat{text-align:center;flex:1}.proof-number{background:linear-gradient(135deg, var(--accent), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2}.proof-label{color:var(--text-muted);margin-top:6px;font-size:.85rem;font-weight:500}.proof-divider{background:var(--border-color);flex-shrink:0;width:1px;height:48px}.cta-section{text-align:center;z-index:10;background:radial-gradient(#7c3aed14 0%,#0000 70%);padding:100px 24px;position:relative}.cta-content{max-width:600px;margin:0 auto}.cta-title{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:800}.cta-text{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem;line-height:1.5}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-btn{border-radius:12px!important;padding:14px 32px!important;font-size:16px!important}.cta-btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:12px;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.cta-btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#7c3aed0d}.landing-footer{border-top:1px solid var(--border-color);background:var(--bg-primary);z-index:10;padding:60px 24px 24px;position:relative}.footer-content{justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto 40px;display:flex}.footer-brand{max-width:280px}.footer-tagline{color:var(--text-muted);margin-top:12px;font-size:.9rem;line-height:1.5}.footer-links{gap:60px;display:flex}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85rem;font-weight:600}.footer-col a{color:var(--text-muted);transition:color var(--transition);font-size:.9rem;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;max-width:1100px;color:var(--text-muted);margin:0 auto;padding-top:20px;font-size:.8rem}@media (max-width:900px){.landing-hero{text-align:center;flex-direction:column;gap:40px;padding-top:60px}.hero-text{max-width:100%}.hero-title{font-size:2.5rem}.trust-indicators,.live-stats-container{justify-content:center}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.steps-grid{flex-direction:column;gap:16px}.step-connector{padding:0;transform:rotate(90deg)}.step-card{width:100%;max-width:100%}.social-proof-content{flex-wrap:wrap;gap:24px}.proof-stat{min-width:120px}.proof-divider{display:none}.proof-number,.cta-title{font-size:2rem}.footer-content{flex-direction:column;gap:30px}.footer-links{gap:40px}}.emoji-picker{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:380px;box-shadow:var(--shadow-lg);z-index:300;animation:.2s ease-out modalPopIn;position:absolute;bottom:60px;left:10px;right:10px;overflow:hidden}.emoji-picker-header{border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.emoji-picker-header::-webkit-scrollbar{display:none}.emoji-cat-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:18px;transition:background .2s}.emoji-cat-btn:hover,.emoji-cat-btn.active{background:var(--bg-hover)}.emoji-close-btn{color:var(--text-muted);margin-left:auto;font-size:14px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:22px;transition:background .15s,transform .15s}.emoji-btn:hover{background:var(--bg-hover);transform:scale(1.2)}.msg-reaction-bar{flex-wrap:wrap;gap:2px;margin-top:4px;display:none}.msg:hover .msg-reaction-bar{display:flex}.reaction-btn{cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 4px;font-size:14px;transition:all .15s}.reaction-btn:hover{opacity:1;transform:scale(1.3)}.reaction-btn.active{opacity:1;border-color:var(--accent);background:#7c3aed26}.msg-reactions-display{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.reaction-chip{border:1px solid var(--border-color);cursor:default;background:#7c3aed1a;border-radius:12px;padding:1px 6px;font-size:13px}.global-room-card{border-bottom:1px solid var(--border-color);background:#7c3aed0d}.global-room-card:hover{background:#7c3aed1a}.global-room-card.active{border-left:3px solid var(--accent);background:#7c3aed26}.reward-popup{z-index:9999;pointer-events:none;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.reward-popup-inner{background:var(--bg-card);border:2px solid var(--gold);border-radius:var(--radius-lg);text-align:center;box-shadow:0 0 60px #ffd7004d, var(--shadow-lg);padding:32px 40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards rewardPop}.reward-icon{margin-bottom:12px;font-size:3rem;animation:.6s infinite alternate bounce}.reward-popup-inner h3{color:var(--gold);margin-bottom:8px;font-size:1.3rem}.reward-tokens{color:var(--gold);text-shadow:0 0 16px #ffd70080;margin:8px 0;font-size:2rem;font-weight:800}.reward-streak{color:var(--text-secondary);font-size:.9rem}@keyframes rewardPop{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.leaderboard-section{text-align:center;background:linear-gradient(#0000 0%,#7c3aed08 100%);padding:60px 24px}.leaderboard-content{max-width:700px;margin:0 auto}.leaderboard-grid{flex-direction:column;gap:12px;margin-top:28px;display:flex}.leaderboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px 24px;transition:all .2s;display:flex}.leaderboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.leaderboard-card.gold{background:linear-gradient(135deg,#ffd70014,#ffd70005);border-color:#ffd70066;box-shadow:0 0 20px #ffd7001a}.leaderboard-card.silver{background:linear-gradient(135deg,#c0c0c014,#c0c0c005);border-color:#c0c0c066}.leaderboard-card.bronze{background:linear-gradient(135deg,#cd7f3214,#cd7f3205);border-color:#cd7f3266}.lb-rank{text-align:center;min-width:40px;font-size:1.8rem}.lb-name{text-align:left;color:var(--text-primary);flex:1;font-size:1rem;font-weight:700}.lb-tokens{color:var(--gold);font-size:.95rem;font-weight:700}.premium-gift-overlay{background:radial-gradient(circle at 50% 80%,#7c3aed26 0%,#0000 60%)}.premium-float{filter:drop-shadow(0 0 8px #ffd70099);animation:3s ease-out forwards premiumFloat!important}@keyframes premiumFloat{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}40%{opacity:1;transform:translateY(-40vh)scale(1.3)rotate(15deg)}70%{opacity:.8;transform:translateY(-60vh)scale(1.1)rotate(-10deg)}to{opacity:0;transform:translateY(-90vh)scale(.8)rotate(20deg)}}.wip-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wip-modal{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:500px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards modalPopIn;box-shadow:0 20px 80px #7c3aed33}.wip-icon{margin-bottom:20px;font-size:4rem}.wip-title{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.wip-text{color:var(--text-secondary);margin-bottom:30px;font-size:1rem;line-height:1.6}.wip-btn{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;width:100%;padding:14px 32px;font-size:1rem;font-weight:600}.wip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.mobile-btn-back{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-right:12px;padding:4px 8px;font-size:20px;transition:background .2s;display:none}.mobile-btn-back:hover{background:var(--bg-hover)}@media (max-width:768px){.chat-container{width:100%;position:relative}.sidebar{border-right:none;width:100%;min-width:100%}.chat-main{width:100%;display:none}.chat-container.mobile-chat-open .sidebar{display:none}.chat-container.mobile-chat-open .chat-main{display:flex}.mobile-btn-back{display:block}.header-bar{height:56px;padding:0 12px}.logo img{height:28px;transform:scale(1.1)}.header-right{gap:6px}.icon-btn,.theme-toggle{width:32px;height:32px;font-size:14px}.pro-header-btn,.token-header-btn{padding:4px 10px;font-size:11px}.header-avatar{width:30px;height:30px}.chat-header{gap:8px;padding:12px 16px}.chat-header-info{flex:1;gap:8px;min-width:0}.chat-header-info span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.actions{flex-shrink:0;gap:4px}.actions button{padding:4px 8px;font-size:10px}.user-card{gap:10px;padding:12px 14px}.messages{padding:12px}.input-area{padding:8px 12px}.input-area input{font-size:16px}.modal-card{max-width:95vw;max-height:85vh;padding:20px;overflow-y:auto}.gift-grid{grid-template-columns:repeat(3,1fr);gap:8px}.token-grid{grid-template-columns:repeat(2,1fr);gap:8px}.live-stats-container{justify-content:center}.settings-nav{gap:4px;padding:8px}.settings-nav button{white-space:nowrap;padding:8px 12px;font-size:12px}}@media (max-width:480px){.header-bar{height:50px;padding:0 10px}.logo img{height:24px;transform:scale(1)}.header-right{gap:4px}.icon-btn,.theme-toggle{width:28px;height:28px;font-size:13px}.pro-header-btn{border-radius:8px;padding:3px 8px;font-size:10px}.token-header-btn{padding:3px 8px;font-size:10px}.header-avatar{width:26px;height:26px}.actions button{background:0 0;border:none;padding:4px 6px;font-size:13px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.form-box{padding:24px 18px}.login-logo{max-height:80px}.wip-modal{max-width:90vw;padding:24px 16px}.wip-icon{margin-bottom:12px;font-size:2.2rem}.wip-title{margin-bottom:6px;font-size:1.15rem}.wip-text{font-size:.85rem}.emoji-grid{max-height:120px}.msg-reaction-bar{opacity:.4;display:flex}.header-dropdown{min-width:160px;top:50px;right:10px}}.btn-sm{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .2s}.btn-sm:hover{opacity:.85}.btn-sm.btn-danger{background:var(--danger);color:#fff}