.chat-shell{background:radial-gradient(1100px 600px at 20% -10%,rgba(255,255,255,.05),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(255,255,255,.04),transparent 60%),var(--bg);color:var(--text);display:flex;flex-direction:column}.chat-topbar{gap:18px;padding:18px 28px;border-bottom:1px solid var(--border);background:rgba(10,10,10,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-brand,.chat-topbar{display:flex;align-items:center}.chat-brand{gap:10px;font-weight:600;font-size:16px}.chat-brand span span{color:var(--muted);font-weight:400}.chat-logo{justify-content:center;width:28px;height:28px;border-radius:8px;object-fit:cover}.chat-logo,.chat-topbar-state{display:inline-flex;align-items:center}.chat-topbar-state{margin-left:auto;gap:8px;color:var(--muted);font-size:12.5px}.chat-topbar-state i{width:8px;height:8px;border-radius:50%;background:#555;box-shadow:0 0 0 3px rgba(255,255,255,.04)}.chat-topbar-state i.on{background:#4ade80;box-shadow:0 0 10px #4ade80aa,0 0 0 3px rgba(74,222,128,.12)}.chat-top-link{color:var(--text-dim);font-size:13px;padding:7px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;font-family:inherit}.chat-top-link:hover{color:var(--text);border-color:var(--border-hi)}.chat-content{flex:1 1;display:grid;grid-template-columns:320px 1fr;grid-gap:0;gap:0;max-width:1400px;width:100%;margin:0 auto;padding:24px;min-height:0;overflow:hidden}.chat-side{border:1px solid var(--border);border-right:none;border-radius:16px 0 0 16px;background:var(--panel);padding:22px;display:flex;flex-direction:column;gap:18px}.chat-side-head .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.chat-side-head h1{font-size:24px;margin:6px 0 8px}.chat-side-head p{color:var(--text-dim);font-size:13.5px;line-height:1.55;margin:0}.chat-auth{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1)}.chat-discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border-radius:10px;background:#5865F2;color:#fff;font-weight:600;font-size:14px;cursor:pointer;border:none;text-decoration:none;font-family:inherit;transition:background .15s,box-shadow .15s,transform .05s}.chat-discord-btn:hover{background:#4752c4;box-shadow:0 10px 28px rgba(88,101,242,.35)}.chat-discord-btn:active{transform:translateY(1px)}.chat-discord-btn svg{flex-shrink:0}.chat-auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:2px 0}.chat-auth-divider:after,.chat-auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.chat-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;background:var(--bg);padding:4px;border-radius:10px;border:1px solid var(--border-2)}.chat-auth-tabs button{background:transparent;border:none;color:var(--muted);padding:7px 8px;border-radius:7px;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.chat-auth-tabs button:hover{color:var(--text-dim)}.chat-auth-tabs button.active{background:var(--accent);color:#000}.chat-auth-form{display:flex;flex-direction:column;gap:10px}.chat-auth-form label{display:flex;flex-direction:column;gap:5px}.chat-auth-form label>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.chat-auth-form input{background:var(--bg);border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:13.5px}.chat-auth-form input:focus{outline:none;border-color:var(--border-hi)}.chat-auth-form button{background:var(--accent);color:#000;border:none;padding:11px;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px}.chat-auth-form button:hover:not(:disabled){box-shadow:0 8px 24px rgba(255,255,255,.1)}.chat-auth-form button:disabled{opacity:.4;cursor:not-allowed}.chat-auth-form small{color:var(--muted);font-size:11.5px;line-height:1.4}.chat-me{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1)}.chat-me strong{display:block;font-size:14px}.chat-me small{color:var(--muted);font-size:12px}.chat-support-card{display:grid;grid-gap:12px;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(96,165,250,.32);background:linear-gradient(145deg,rgba(96,165,250,.12),rgba(255,255,255,.02) 62%),var(--bg-1)}.chat-support-card span{display:block;color:#93c5fd;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.chat-support-card strong{display:block;color:var(--text);font-size:14px;margin-bottom:5px}.chat-support-card p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.45}.chat-support-card button{width:100%;border:1px solid rgba(96,165,250,.42);border-radius:10px;background:rgba(96,165,250,.14);color:#dbeafe;padding:10px 12px;font:750 12.5px var(--font-sans);cursor:pointer}.chat-support-card button:hover:not(:disabled){background:rgba(96,165,250,.2);border-color:rgba(147,197,253,.7)}.chat-support-card button:disabled{opacity:.55;cursor:wait}.chat-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;flex-shrink:0}.chat-avatar.small{width:32px;height:32px;font-size:11.5px}.chat-avatar.img{object-fit:cover;background:var(--bg)}.chat-avatar-spacer{width:32px;flex-shrink:0}.chat-rules{margin-top:auto;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1)}.chat-rules h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.chat-rules ul{margin:0;padding-left:18px;color:var(--text-dim);font-size:12.5px}.chat-rules li{margin-bottom:4px}.chat-main{border:1px solid var(--border);border-radius:0 16px 16px 0;background:var(--panel-2);display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-main-head{padding:16px 22px;border-bottom:1px solid var(--border);background:rgba(15,15,15,.5);display:flex;align-items:center;justify-content:space-between}.chat-main-head h2{margin:0;font-size:16px}.chat-main-head span{color:var(--muted);font-size:12px}.chat-head-actions{display:flex;align-items:center;gap:10px}.chat-close-support-btn{border:1px solid color-mix(in srgb,var(--accent-bright) 42%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent-deep) 12%,transparent);color:#fecaca;font:700 12px var(--font-sans);padding:9px 14px;cursor:pointer}.chat-close-support-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-deep) 20%,transparent);border-color:color-mix(in srgb,var(--accent-bright) 65%,transparent)}.chat-close-support-btn:disabled{opacity:.55;cursor:wait}.chat-list{flex:1 1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.chat-list::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.chat-msg{display:flex;gap:12px;padding:6px 0;border-radius:8px;position:relative}.chat-msg-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--accent-deep) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-deep) 40%,transparent);color:var(--accent-bright);font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;font-family:inherit}.chat-msg:hover .chat-msg-delete{opacity:1}.chat-msg-delete:hover{background:color-mix(in srgb,var(--accent-deep) 30%,transparent)}.chat-msg.grouped{padding:1px 0}.chat-msg-body{flex:1 1;min-width:0}.chat-msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-msg-head strong{font-size:14px;color:var(--text)}.chat-msg-time{font-size:11px;color:var(--muted)}.chat-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#fff,#999);color:#000}.chat-badge.founder{background:linear-gradient(135deg,#fef3c7,#f59e0b);color:#111;border:1px solid rgba(245,158,11,.5)}.chat-badge.owner{background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#06121f;border:1px solid rgba(96,165,250,.45)}.chat-badge.staff{background:linear-gradient(135deg,#dcfce7,#22c55e);color:#04130a;border:1px solid rgba(34,197,94,.42)}.chat-badge.guest,.chat-badge.member{background:transparent;border:1px solid var(--border-hi);color:var(--muted)}.chat-rank-pill{display:inline-flex;align-items:center;flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;color:var(--rank-color);border:1px solid color-mix(in srgb,var(--rank-color) 40%,transparent);background:color-mix(in srgb,var(--rank-color) 14%,transparent);animation:fadeIn .25s ease}.chat-name-row{display:flex;align-items:center;gap:6px;min-width:0}.chat-name-row strong{min-width:0}.chat-bubble{font-size:14px;line-height:1.5;color:var(--text-dim);word-wrap:break-word;white-space:pre-wrap}.chat-msg.mine .chat-bubble{color:var(--text)}.chat-composer{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--border);background:rgba(15,15,15,.5)}.chat-attach-btn{width:42px;padding:0!important;flex-shrink:0;font-size:20px!important;line-height:1}.chat-composer input{flex:1 1;background:var(--bg);border:1px solid var(--border-2);border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px}.chat-composer input:focus{outline:none;border-color:var(--border-hi);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.chat-composer button{background:var(--accent);color:#000;border:none;padding:0 22px;border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px}.chat-composer button:disabled{opacity:.4;cursor:not-allowed}.chat-composer button:not(:disabled):hover{box-shadow:0 8px 24px rgba(255,255,255,.12)}.chat-error{margin:0 18px 14px;padding:10px 12px;border:1px solid var(--accent-deep);background:color-mix(in srgb,var(--accent-deep) 12%,transparent);border-radius:8px;color:var(--accent-bright);font-size:13px}.chat-social-panel{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1)}.chat-live-panel{padding:14px;border-radius:14px;border:1px solid rgba(96,165,250,.28);background:linear-gradient(145deg,rgba(96,165,250,.1),rgba(255,255,255,.02) 58%),var(--bg-1)}.chat-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.chat-live-top span{color:#93c5fd;font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.chat-live-top strong{color:#dbeafe;font-size:12px}.chat-live-panel>small{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.chat-live-panel h4{margin:0 0 6px;color:var(--text);font-size:14px}.chat-live-panel p{margin:0 0 12px;color:var(--text-dim);font-size:12.5px;line-height:1.45}.chat-live-options{display:grid;grid-gap:7px;gap:7px}.chat-live-options button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;width:100%;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.03);color:var(--text-dim);padding:8px 9px;text-align:left;font:600 12px var(--font-sans);cursor:pointer}.chat-live-options button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.08);color:#93c5fd;font-size:11px}.chat-live-options button:hover:not(:disabled){border-color:rgba(96,165,250,.5);color:var(--text);background:rgba(96,165,250,.08)}.chat-live-options button.correct{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.12);color:#bbf7d0}.chat-live-options button.wrong{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:#fecaca}.chat-live-options button:disabled{cursor:default}.chat-live-result{margin-top:10px;padding:9px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,.04)}.chat-live-result span,.chat-live-result strong{display:block}.chat-live-result strong{font-size:12px;margin-bottom:3px}.chat-live-result span{color:var(--text-dim);font-size:11.5px;line-height:1.4}.chat-live-result.ok{border-color:rgba(34,197,94,.35)}.chat-live-result.bad{border-color:color-mix(in srgb,var(--accent) 32%,transparent)}.chat-live-rank{display:grid;grid-gap:5px;gap:5px;margin-top:10px}.chat-live-rank div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-gap:7px;gap:7px;align-items:center;font-size:11.5px;color:var(--muted)}.chat-live-rank div>span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.06);color:#93c5fd}.chat-live-rank strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.chat-social-panel h4{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.chat-conversation-list,.chat-group-picks,.chat-user-list{display:flex;flex-direction:column;gap:6px}.chat-conversation-list button,.chat-mini-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);font-family:inherit;font-size:12.5px;cursor:pointer;text-align:left}.chat-conversation-meta{display:grid;grid-gap:2px;gap:2px;min-width:0}.chat-conversation-meta small,.chat-conversation-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-meta strong{font-size:12.5px;color:inherit}.chat-conversation-meta small{color:var(--muted);font-size:10.5px}.chat-conversation-list button.active,.chat-conversation-list button:hover,.chat-mini-btn:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--text);border-color:var(--border-hi)}.chat-conversation-list button span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--muted);font-size:11px;flex-shrink:0}.chat-social-empty{margin:0;color:var(--muted);font-size:12px}.chat-request,.chat-user-row{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 0;border-top:1px solid rgba(255,255,255,.04)}.chat-request:first-of-type,.chat-user-row:first-of-type{border-top:0}.chat-user-row>a,.chat-user-row>div{flex:1 1;min-width:0}.chat-user-row>a{display:grid;grid-gap:2px;gap:2px;color:inherit;text-decoration:none}.chat-user-row>a:hover strong{color:var(--text)}.chat-request span,.chat-user-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.chat-request small,.chat-user-row small{color:var(--muted);font-size:11px}.chat-request button,.chat-user-row button{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:7px;padding:5px 8px;font-family:inherit;font-size:11px;cursor:pointer}.chat-request button:hover,.chat-user-row button:hover{border-color:var(--border-hi);color:var(--text)}.chat-request div{display:flex;gap:4px;margin-left:auto}.chat-group-name{width:100%;box-sizing:border-box;margin-bottom:8px;background:var(--bg);border:1px solid var(--border-2);border-radius:8px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:12.5px}.chat-group-picks label{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px}.chat-mini-btn{justify-content:center;margin-top:8px}.chat-mini-btn:disabled{opacity:.45;cursor:not-allowed}.chat-call-btn{border:1px solid var(--border-hi);border-radius:9px;background:rgba(255,255,255,.08);color:var(--text);font:600 12px var(--font-sans);padding:9px 14px;cursor:pointer}.chat-call-btn:hover:not(:disabled){background:rgba(255,255,255,.12)}.chat-call-btn:disabled{opacity:.55;cursor:wait}.chat-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:min(460px,100%)}.chat-image-attachment{display:block;width:min(360px,100%);border-radius:10px;border:1px solid var(--border);overflow:hidden;background:var(--bg)}.chat-image-attachment img{display:block;width:100%;max-height:320px;object-fit:contain}.chat-audio-attachment{width:min(360px,100%)}.chat-upload-strip{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-top:1px solid var(--border);background:rgba(255,255,255,.03)}.chat-upload-strip span{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:12px}.chat-upload-strip button{border:none;background:transparent;color:var(--muted);cursor:pointer}.chat-empty{text-align:center;padding:40px 20px}.chat-empty-icon{font-size:36px;margin-bottom:12px}.chat-empty h3{margin:0 0 6px}.chat-empty p{color:var(--muted);font-size:13.5px}.chat-gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 15% 10%,rgba(255,255,255,.06),transparent 60%),radial-gradient(800px 460px at 90% 90%,rgba(168,85,247,.1),transparent 60%),var(--bg);animation:chatGateIn .35s ease}@keyframes chatGateIn{0%{opacity:0}to{opacity:1}}.chat-gate-card{position:relative;max-width:480px;width:100%;border:1px solid var(--border-hi);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.01) 60%),var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.6);padding:36px 32px;text-align:center;overflow:hidden}.chat-gate-card:before{content:"";position:absolute;top:-60%;left:50%;width:480px;height:480px;transform:translateX(-50%);background:radial-gradient(circle,rgba(168,85,247,.18),transparent 65%);pointer-events:none}.chat-gate-brand{position:relative;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.5px;margin-bottom:22px}.chat-gate-brand img{width:32px;height:32px;border-radius:9px;object-fit:cover;box-shadow:0 0 18px rgba(255,255,255,.18)}.chat-gate-brand span span{color:var(--muted);font-weight:400}.chat-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:28px;margin:4px auto 18px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));box-shadow:none}.chat-gate-badge,.chat-gate-icon{position:relative;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.chat-gate-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--red-light);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:5px 12px;border-radius:999px;margin-bottom:14px}.chat-gate-card h1{position:relative;margin:0 0 12px;font-size:26px;line-height:1.25}.chat-gate-card h1 .grad{background:linear-gradient(135deg,#fff,#a855f7 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.chat-gate-card p{position:relative;color:var(--text-dim);font-size:14px;line-height:1.65;margin:0 0 10px}.chat-gate-card p.chat-gate-sub{color:var(--muted);font-size:12.5px}.chat-gate-rules{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;margin:20px 0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-1)}.chat-gate-rules li{list-style:none;font-size:13px;color:var(--text-dim);display:flex;gap:10px;align-items:flex-start}.chat-gate-rules li:before{content:"◆";color:var(--purple);font-size:10px;margin-top:3px;flex-shrink:0}.chat-gate-actions{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:22px}.chat-gate-actions button{background:linear-gradient(135deg,#fff,#e5e5e5);color:#000;border:none;padding:13px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:transform .05s,box-shadow .15s}.chat-gate-actions button:hover{box-shadow:0 10px 30px rgba(255,255,255,.18)}.chat-gate-actions button:active{transform:translateY(1px)}.chat-gate-actions a.chat-gate-back{color:var(--muted);font-size:12.5px;text-decoration:none}.chat-gate-actions a.chat-gate-back:hover{color:var(--text-dim)}.chat-reply-quote{display:flex;gap:6px;align-items:baseline;padding:4px 10px;margin-bottom:4px;border-left:2px solid var(--accent,#fff);background:rgba(255,255,255,.04);border-radius:4px;font-size:12px;color:var(--muted);max-width:100%;overflow:hidden}.chat-reply-author{font-weight:600;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.chat-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reaction-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:13px;cursor:pointer;transition:background .1s,border-color .1s}.chat-reaction-btn:hover{background:rgba(255,255,255,.08)}.chat-reaction-btn.active{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}.chat-reaction-btn span{font-size:11px;color:var(--muted)}.chat-msg-actions{display:none;align-items:center;gap:2px;position:relative;margin-left:4px;flex-shrink:0}.chat-msg:hover .chat-msg-actions{display:flex}.chat-action-btn{padding:3px 6px;border:none;background:rgba(255,255,255,.06);color:var(--muted);border-radius:6px;cursor:pointer;font-size:13px;transition:background .1s,color .1s}.chat-action-btn:hover{background:rgba(255,255,255,.12);color:var(--text)}.chat-emoji-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;gap:2px;padding:6px 8px;background:var(--card-bg,#1a1a1a);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);white-space:nowrap}.chat-emoji-picker button{background:none;border:none;font-size:18px;cursor:pointer;padding:2px 3px;border-radius:6px;transition:background .1s}.chat-emoji-picker button:hover{background:rgba(255,255,255,.1)}.chat-mention{color:#60a5fa;font-weight:500}.chat-mention.me{background:rgba(96,165,250,.15);border-radius:3px;padding:0 2px}.chat-composer-wrap{display:flex;flex-direction:column}.chat-reply-strip{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:rgba(255,255,255,.04);border-top:1px solid var(--border);font-size:12.5px;color:var(--muted);gap:8px}.chat-reply-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-strip strong{color:var(--text-dim)}.chat-reply-cancel{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;line-height:1;padding:0 2px}.chat-reply-cancel:hover{color:var(--text)}.chat-gate,.chat-shell{background:radial-gradient(1000px 520px at 50% -18%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 68%),var(--bg);color:#fff}.chat-composer,.chat-main-head,.chat-reply-strip,.chat-topbar{background:rgba(0,0,0,.76)}.chat-auth,.chat-gate-card,.chat-live-panel,.chat-main,.chat-me,.chat-rules,.chat-side,.chat-social-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,transparent),rgba(255,255,255,.015) 58%),rgba(0,0,0,.72);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.chat-auth-form button,.chat-auth-tabs button.active,.chat-composer button,.chat-discord-btn,.chat-gate-actions button{color:var(--accent-contrast);background:var(--accent-grad);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.chat-auth-form button:hover:not(:disabled),.chat-composer button:not(:disabled):hover,.chat-discord-btn:hover,.chat-gate-actions button:hover{background:linear-gradient(135deg,var(--accent-bright),var(--accent-deep));box-shadow:none;filter:brightness(1.08)}.chat-gate-card h1 .grad,.chat-live-options button span,.chat-live-rank div>span,.chat-live-top span,.chat-live-top strong,.chat-mention,.chat-mention.me{color:var(--accent-bright);background:none}.chat-badge,.chat-badge.owner,.chat-badge.staff{color:var(--accent-contrast);background:var(--accent-grad);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.chat-avatar{background:var(--accent)}.chat-gate-card:before,.chat-gate-icon,.chat-topbar-state i.on{background:var(--accent);box-shadow:none;filter:brightness(1.08)}.chat-gate-rules li:before{color:var(--accent)}.chat-action-btn:hover,.chat-call-btn:hover:not(:disabled),.chat-live-options button:hover:not(:disabled),.chat-mini-btn:hover:not(:disabled),.chat-reaction-btn.active,.chat-reaction-btn:hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.chat-conversation-list button:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.14)}.chat-conversation-list button.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,transparent);color:var(--accent-bright)}.chat-conversation-list button.active .chat-conversation-meta strong{color:#fecaca}@media (max-width:880px){.chat-content{grid-template-columns:1fr;padding:12px}.chat-side{border-right:1px solid var(--border);border-radius:16px 16px 0 0}.chat-main{border-radius:0 0 16px 16px;min-height:60vh}.chat-rules{display:none}}.chat-shell{height:100dvh;overflow:hidden;background:radial-gradient(1000px 520px at 50% -18%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 68%),var(--bg)}.chat-topbar{min-height:64px;padding:12px 24px;border-bottom-color:rgba(255,255,255,.08);background:rgba(3,3,3,.78);box-shadow:0 14px 40px rgba(0,0,0,.28)}.chat-brand{min-width:150px;font-size:15px;letter-spacing:0}.chat-logo{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:none}.chat-topbar-state{padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#d4d4d4}.chat-topbar-state i.on{background:#14b8a6;box-shadow:0 0 16px rgba(20,184,166,.7),0 0 0 3px rgba(20,184,166,.12)}.chat-top-link{min-height:34px;padding:0 13px;border-color:rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#d8d8d8}.chat-top-link:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.chat-content{max-width:1480px;height:calc(100vh - 64px);padding:18px;grid-template-columns:350px minmax(0,1fr)}.chat-side{min-height:0;overflow-y:auto;gap:14px;padding:16px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(8,8,8,.88);border-color:rgba(255,255,255,.09);box-shadow:inset -1px 0 rgba(255,255,255,.04)}.chat-side-head{padding:8px 6px 2px}.chat-side-head .eyebrow,.chat-social-panel h4{color:#efb8b8;letter-spacing:.12em}.chat-side-head h1{margin:5px 0;font-size:25px;letter-spacing:0}.chat-side-head p{color:#a3a3a3;font-size:12.5px}.chat-auth,.chat-live-panel,.chat-me,.chat-social-panel{border-radius:12px;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.04)}.chat-me{padding:10px;position:relative}.chat-me:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#14b8a6;box-shadow:0 0 14px rgba(20,184,166,.75)}.chat-avatar{color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.28)}.chat-avatar.img{border-color:rgba(255,255,255,.16)}.chat-conversation-list{gap:7px}.chat-conversation-list button{min-height:52px;padding:9px 10px;border-radius:10px;border-color:transparent;background:rgba(255,255,255,.028)}.chat-conversation-list button span{width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.07);color:var(--accent-bright);font-weight:850}.chat-conversation-list button.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),rgba(20,184,166,.07)),rgba(255,255,255,.045);box-shadow:none}.chat-conversation-list button.active span{background:var(--accent);color:#fff}.chat-conversation-meta strong{font-size:13px}.chat-conversation-meta small{color:#8e8e8e}.chat-request,.chat-user-row{min-height:44px;padding:8px 7px;border-top:0;border-radius:10px}.chat-request:hover,.chat-user-row:hover{background:rgba(255,255,255,.045)}.chat-mini-btn,.chat-request button,.chat-user-row button{min-width:34px;min-height:30px;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.chat-mini-btn:hover:not(:disabled),.chat-request button:hover,.chat-user-row button:hover{border-color:rgba(20,184,166,.48);background:rgba(20,184,166,.1);color:#ccfbf1}.chat-live-panel{border-color:rgba(20,184,166,.22);background:linear-gradient(145deg,rgba(20,184,166,.11),color-mix(in srgb,var(--accent) 6%,transparent) 64%),rgba(255,255,255,.025)}.chat-live-options button span,.chat-live-rank div>span,.chat-live-top span,.chat-live-top strong{color:#5eead4}.chat-live-options button:hover:not(:disabled){border-color:rgba(20,184,166,.38);background:rgba(20,184,166,.1)}.chat-main{border-radius:0 18px 18px 0;border-color:rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%),rgba(5,5,5,.86);box-shadow:0 22px 70px rgba(0,0,0,.34)}.chat-main-head{min-height:70px;padding:14px 20px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),rgba(20,184,166,.045)),rgba(0,0,0,.6);border-bottom-color:rgba(255,255,255,.08)}.chat-main-head h2{font-size:18px;letter-spacing:0}.chat-main-head span{color:#9ca3af}.chat-call-btn{min-height:38px;border-radius:999px;border-color:rgba(20,184,166,.35);background:rgba(20,184,166,.1);color:#ccfbf1}.chat-call-btn:hover:not(:disabled){background:rgba(20,184,166,.17)}.chat-list{padding:16px 20px 20px;gap:2px}.chat-msg{max-width:820px;padding:6px 10px;border-radius:12px}.chat-msg:not(.grouped){margin-top:12px}.chat-msg:not(.grouped):first-child{margin-top:0}.chat-msg.grouped{padding:2px 10px}.chat-msg:hover{background:rgba(255,255,255,.032)}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-msg.mine .chat-msg-head{justify-content:flex-end}.chat-msg.mine .chat-msg-body{display:grid;justify-items:end}.chat-msg-head{margin-bottom:6px;gap:7px;align-items:center}.chat-msg-head strong{font-size:13.5px;letter-spacing:.01em}.chat-msg-time{font-size:10.5px;opacity:.55;transition:opacity .15s}.chat-msg:hover .chat-msg-time{opacity:.85}.chat-bubble{width:-moz-fit-content;width:fit-content;max-width:min(660px,100%);padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.055);color:#f1f5f9;font-size:14.5px;line-height:1.65}.chat-msg.mine .chat-bubble{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,transparent),color-mix(in srgb,var(--accent-deep) 25%,transparent));color:#fff}.chat-badge{border-radius:999px;letter-spacing:.04em}.chat-badge.founder{background:linear-gradient(135deg,#f59e0b,var(--accent));color:#fff}.chat-badge.owner,.chat-badge.staff{background:rgba(20,184,166,.16);border-color:rgba(20,184,166,.32);color:#ccfbf1}.chat-reply-quote{border-left:3px solid #14b8a6;background:rgba(20,184,166,.09);border-radius:8px;padding:5px 12px;margin-bottom:6px;font-size:12.5px}.chat-reply-author{color:#5eead4}.chat-reply-text{color:#94a3b8}.chat-reactions{margin-top:6px}.chat-reaction-btn{border-color:rgba(255,255,255,.09);background:rgba(0,0,0,.36)}.chat-reaction-btn.active{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.12)}.chat-msg-actions{align-self:center}.chat-action-btn{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.56)}.chat-composer-wrap{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.42)),rgba(0,0,0,.72)}.chat-composer{gap:10px;padding:14px;border-top:0;background:transparent}.chat-composer input{min-height:46px;border-radius:999px;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:0 17px}.chat-composer input:focus{border-color:rgba(20,184,166,.48);box-shadow:0 0 0 4px rgba(20,184,166,.08)}.chat-attach-btn,.chat-composer button{min-height:46px;border-radius:999px}.chat-attach-btn{width:46px;background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.chat-composer button[type=submit]{min-width:100px;background:var(--accent-grad)}.chat-composer button[type=submit]:hover:not(:disabled){box-shadow:none;filter:brightness(1.08)}.chat-empty{min-width:min(420px,100%);margin:auto;border:1px dashed rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.025)}.chat-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fecaca;font-size:26px}.chat-auth{padding:16px}.chat-discord-btn{min-height:44px;border-radius:11px;background:linear-gradient(135deg,#5865f2,#3340b8);border-color:rgba(255,255,255,.13)}.chat-auth-tabs{border-color:rgba(255,255,255,.08);background:rgba(0,0,0,.38)}.chat-auth-tabs button.active{color:#fff;background:color-mix(in srgb,var(--accent) 88%,transparent)}.chat-auth-form input,.chat-group-name{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045)}.chat-group-picks label{min-height:30px;padding:4px 6px;border-radius:8px}.chat-group-picks label:hover{background:rgba(255,255,255,.04)}@media (max-width:1040px){.chat-content{grid-template-columns:310px minmax(0,1fr);padding:12px}}@media (max-width:880px){.chat-shell{height:100dvh}.chat-topbar{position:static;flex-wrap:wrap;gap:8px;padding:12px}.chat-topbar-state{order:5;width:100%;justify-content:center;margin-left:0}.chat-content{height:auto;min-height:calc(100dvh - 120px);grid-template-columns:1fr;gap:12px}.chat-main,.chat-side{border-radius:16px;border:1px solid rgba(255,255,255,.09)}.chat-side{max-height:none}.chat-main{min-height:72vh}.chat-main-head{align-items:flex-start;gap:10px}.chat-list{padding:12px 14px}.chat-msg:not(.grouped){margin-top:8px}.chat-msg{padding:7px 0}.chat-bubble{max-width:min(100%,78vw)}.chat-composer{padding:10px}.chat-composer button[type=submit]{min-width:78px;padding:0 14px}}@media (max-width:520px){.chat-brand{min-width:0;margin-right:auto}.chat-top-link{padding:0 10px;font-size:12px}.chat-side-head h1{font-size:22px}.chat-main-head{display:grid}.chat-call-btn{width:100%}.chat-msg{gap:8px}.chat-avatar-spacer{display:none}.chat-composer{display:grid;grid-template-columns:46px minmax(0,1fr)}.chat-composer button[type=submit]{grid-column:1/-1;width:100%}}