:root{color-scheme:dark;--bg: #080611;--bg-soft: #0c0917;--sidebar: #0d0a1a;--panel: #110d20;--panel-2: #171129;--panel-3: #1f1737;--panel-hover: #221a3c;--border: rgba(196, 184, 255, .1);--border-strong: rgba(196, 184, 255, .18);--text: #f5f2ff;--text-dim: #ada3c9;--text-faint: #766c94;--brand: #6a45ff;--brand-strong: #4e2ade;--brand-soft: #9a82ff;--brand-wash: rgba(106, 69, 255, .16);--mint: #b8f1db;--mint-strong: #77e7bd;--danger: #ff7095;--danger-wash: rgba(255, 112, 149, .12);--ok: #5be2a5;--radius: 12px;--radius-lg: 18px;--shadow-lg: 0 24px 70px rgba(0, 0, 0, .55);--font: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#6a45ff73;color:#fff}:focus-visible{outline:2px solid var(--mint);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(154,130,255,.25) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a82ff33;border:3px solid transparent;border-radius:99px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#9a82ff61;border:3px solid transparent;background-clip:padding-box}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-weight:600;font-size:14px;transition:background .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}.button:hover:not(:disabled){background:var(--panel-3);border-color:var(--border-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{border:none;background:linear-gradient(135deg,var(--brand-soft),var(--brand) 45%,var(--brand-strong));color:#fff;box-shadow:0 8px 24px #4e2ade47}.button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ab97ff,#744fff 45%,#5b33f0)}.button.ghost{background:transparent}.button.small{padding:7px 11px;font-size:13px;border-radius:8px}.button.danger-text{color:var(--danger)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:34px;height:34px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-dim);transition:background .15s ease,color .15s ease}.icon-button:hover:not(:disabled){background:#ffffff12;color:var(--text)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button.active{background:var(--brand-wash);color:var(--brand-soft)}.icon-button.subtle{width:26px;height:26px}.icon-button.tiny{width:24px;height:24px;border-radius:6px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.field>span em{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-faint)}.field input,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#07050e99;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:focus,.field textarea:focus{border-color:#7a5bffbf;background:#07050ed9;box-shadow:0 0 0 3px #6a45ff2e}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-hint{font-size:12px;color:var(--text-faint)}.form-error{display:flex;gap:8px;padding:10px 12px;border:1px solid rgba(255,112,149,.25);border-radius:9px;background:var(--danger-wash);color:#ffc2d1;font-size:13px}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;color:#ffffffeb;font-weight:800;letter-spacing:.02em;-webkit-user-select:none;user-select:none;object-fit:cover}.avatar-image{display:block;border:1px solid rgba(255,255,255,.1);background:var(--panel-2)}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100dvh;padding:28px;text-align:center;background:radial-gradient(circle at 50% 28%,rgba(106,69,255,.22),transparent 38%),radial-gradient(circle at 50% 80%,rgba(184,241,219,.05),transparent 34%),var(--bg)}.boot-mark{position:relative;display:grid;place-items:center}.boot-logo{width:94px;height:94px;filter:drop-shadow(0 18px 40px rgba(78,42,222,.45))}.boot-ring{position:absolute;inset:-16px;border:2px solid transparent;border-top-color:var(--mint);border-right-color:#b8f1db33;border-radius:50%;animation:spin 1.4s linear infinite}.boot-screen>p{margin:6px 0 0;color:var(--text-dim);font-size:14px}.boot-error{display:flex;align-items:flex-start;gap:12px;max-width:440px;padding:16px 18px;border:1px solid rgba(255,112,149,.25);border-radius:var(--radius);background:var(--danger-wash);text-align:left}.boot-error svg{flex:0 0 auto;margin-top:2px;color:var(--danger)}.boot-error h1{margin:0 0 4px;font-size:15px}.boot-error p{margin:0;color:var(--text-dim);font-size:13px}.auth-screen{display:grid;grid-template-columns:1.05fr 1fr;height:100dvh;overflow:hidden;background:var(--bg)}.auth-brand{position:relative;display:flex;align-items:center;overflow:hidden;padding:clamp(32px,6vw,84px);background:radial-gradient(circle at 12% 18%,rgba(184,241,219,.11),transparent 28%),radial-gradient(circle at 75% 20%,rgba(106,69,255,.36),transparent 45%),radial-gradient(circle at 30% 90%,rgba(78,42,222,.42),transparent 52%),#0a0716}.auth-brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 45% 45%,#000 10%,transparent 75%);mask-image:radial-gradient(circle at 45% 45%,#000 10%,transparent 75%);pointer-events:none}.auth-brand:after{content:"";position:absolute;width:560px;height:560px;right:-220px;bottom:-260px;border:1px solid rgba(184,241,219,.12);border-radius:50%;box-shadow:0 0 0 70px #6a45ff0d,0 0 0 150px #6a45ff08;pointer-events:none}.auth-brand-glow{position:absolute;top:46%;left:8%;width:300px;height:300px;background:#6a45ff40;filter:blur(90px);pointer-events:none}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(24px,4vh,44px);max-width:520px}.auth-logo{width:clamp(120px,14vw,172px);height:auto;align-self:flex-start;filter:drop-shadow(0 24px 50px rgba(0,0,0,.35))}.eyebrow{margin:0 0 10px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-brand h1{margin:0;font-size:clamp(46px,6vw,76px);line-height:.95;letter-spacing:-.045em;background:linear-gradient(120deg,#ffffff 20%,#d9ceff 55%,var(--mint) 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-tagline{max-width:440px;margin:20px 0 0;color:var(--text-dim);font-size:16px;line-height:1.65}.auth-points{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;color:var(--text-dim);font-size:14px}.auth-points li{display:flex;align-items:center;gap:12px}.auth-points svg{color:var(--mint)}.auth-panel{display:grid;place-items:center;overflow-y:auto;padding:40px clamp(20px,5vw,64px);background:radial-gradient(circle at 80% 10%,rgba(106,69,255,.08),transparent 40%),var(--bg-soft);border-left:1px solid var(--border)}.auth-card{width:min(430px,100%);padding:clamp(24px,4vw,36px);border:1px solid var(--border);border-radius:22px;background:linear-gradient(160deg,#1c1531eb,#0e0a1bf5);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:card-in .35s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.auth-card-mark{width:46px;height:46px;margin-bottom:18px}.auth-heading h2{margin:0;font-size:25px;letter-spacing:-.02em}.auth-heading p{margin:7px 0 0;color:var(--text-dim);font-size:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 20px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#07050e80}.auth-tabs button{padding:8px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;transition:background .16s ease,color .16s ease}.auth-tabs button.active{background:var(--panel-3);color:var(--text);box-shadow:0 2px 10px #00000040}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-submit{width:100%;margin-top:8px;padding:12px}.auth-switch{margin:22px 0 0;color:var(--text-faint);font-size:13px;text-align:center}.auth-switch button{padding:0;border:none;background:none;color:var(--mint);font-weight:600}.auth-switch button:hover{text-decoration:underline}.auth-footnote{margin:22px 0 0;color:var(--text-faint);font-size:12px;text-align:center}.app-shell{display:flex;height:100dvh;overflow:hidden;background:radial-gradient(circle at 68% -10%,rgba(106,69,255,.08),transparent 38%),var(--bg)}.sidebar{display:flex;flex-direction:column;flex:0 0 272px;width:272px;min-height:0;border-right:1px solid var(--border);background:radial-gradient(circle at 20% 0%,rgba(106,69,255,.12),transparent 34%),linear-gradient(180deg,#0e0a1c,#0b0816 70%)}.sidebar-brand{display:flex;align-items:center;gap:11px;height:68px;padding:0 16px;border-bottom:1px solid var(--border)}.sidebar-logo{width:36px;height:36px;filter:drop-shadow(0 6px 16px rgba(78,42,222,.35))}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.sidebar-brand-text strong{font-size:16px;letter-spacing:-.01em}.sidebar-brand-text span{overflow:hidden;color:var(--text-faint);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.sidebar-close{display:none;margin-left:auto}.channel-section{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;padding:18px 10px}.channel-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding-bottom:8px}.channel-button{position:relative;display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-size:14.5px;text-align:left;transition:background .14s ease,color .14s ease}.channel-button svg{flex:0 0 auto;color:var(--text-faint)}.channel-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-button:hover{background:#ffffff0d;color:var(--text)}.channel-button.active{background:linear-gradient(90deg,#6a45ff38,#6a45ff12);color:#fff}.channel-button.active:before{content:"";position:absolute;top:7px;bottom:7px;left:-10px;width:3px;border-radius:0 4px 4px 0;background:var(--mint);box-shadow:0 0 12px #b8f1db80}.channel-button.active svg{color:var(--mint)}.sidebar-empty{margin:8px 10px;color:var(--text-faint);font-size:12.5px}.sidebar-footer{display:flex;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--border);background:#07050e59}.user-card{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;border:none;border-radius:9px;background:transparent;text-align:left;transition:background .14s ease}.user-card:hover{background:#ffffff0d}.user-card-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-card-text strong{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.user-card-text span{overflow:hidden;color:var(--text-faint);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.user-actions{display:flex;gap:1px}.chat-main{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 50% 0%,rgba(106,69,255,.045),transparent 30%),var(--bg-soft)}.chat-header{display:flex;align-items:center;gap:12px;height:68px;padding:0 clamp(12px,2.4vw,26px);border-bottom:1px solid var(--border);background:#0a0713b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5}.mobile-menu{display:none}.channel-title{display:flex;flex:1;flex-direction:column;min-width:0}.channel-title-row{display:flex;align-items:center;gap:7px;min-width:0}.channel-title-row svg{flex:0 0 auto;color:var(--text-faint)}.channel-title h1{overflow:hidden;margin:0;font-size:17px;font-weight:700;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.channel-title p{overflow:hidden;margin:1px 0 0 27px;color:var(--text-faint);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{display:flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--border);border-radius:99px;background:#07050e66;color:var(--text-faint);font-size:11px;font-weight:600;letter-spacing:.02em}.live-badge.online{color:var(--mint);border-color:#b8f1db29;background:#b8f1db0d}.live-badge.connecting{color:#ffdf9e}.live-badge.offline{color:var(--danger)}.member-toggle{width:auto;padding:0 9px;border:1px solid transparent}.member-toggle span{font-size:12px;font-weight:700}.member-toggle.active{border-color:#6a45ff47}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px clamp(14px,3vw,32px) 0;padding:9px 12px;border-radius:9px;font-size:13px}.banner.error{border:1px solid rgba(255,112,149,.25);background:var(--danger-wash);color:#ffc2d1}.message-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain}.load-more{display:block;margin:18px auto 6px;padding:7px 14px;border:1px solid var(--border);border-radius:99px;background:var(--panel);color:var(--text-dim);font-size:12.5px;font-weight:600}.load-more:hover{background:var(--panel-2);color:var(--text)}.chat-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:32px;color:var(--text-faint);text-align:center}.chat-empty h2{margin:6px 0 0;color:var(--text);font-size:19px}.chat-empty p{max-width:340px;margin:0;font-size:13.5px}.channel-start{display:flex;flex-direction:column;align-items:center;padding:clamp(50px,10vh,120px) 28px 28px;text-align:center}.channel-start-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(106,69,255,.3);border-radius:22px;background:linear-gradient(145deg,#6a45ff38,#4e2ade0f);color:var(--mint);box-shadow:0 16px 40px #4e2ade2e}.channel-start h2{margin:20px 0 6px;font-size:25px;letter-spacing:-.03em}.channel-start p{max-width:400px;margin:0;color:var(--text-dim);font-size:14px}.message-list{display:flex;flex-direction:column;padding:12px clamp(12px,2.4vw,28px) 24px}.date-divider{display:flex;align-items:center;gap:14px;margin:22px 0 10px;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.date-divider span{flex:0 0 auto}.message{position:relative;display:flex;gap:13px;padding:3px 10px;border-radius:8px;transition:background .12s ease}.message:hover{background:#ffffff06}.message.grouped{padding-top:1px;padding-bottom:1px}.message>.avatar{margin-top:3px}.message-gutter{display:flex;flex:0 0 40px;justify-content:center;padding-top:4px;color:var(--text-faint);font-size:10px;opacity:0;transition:opacity .12s ease}.message-gutter time{font-variant-numeric:tabular-nums}.message:hover .message-gutter{opacity:1}.message-body{flex:1;min-width:0;padding:1px 0 3px}.message-head{display:flex;align-items:baseline;gap:9px;margin-bottom:1px}.message-author{color:var(--text);font-size:14.5px;font-weight:700;letter-spacing:-.005em}.message-head time{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums}.message-text{color:#e4dff2;font-size:14.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message-text a{color:var(--mint);text-decoration:underline;text-decoration-color:#b8f1db59;text-underline-offset:2px}.message-edited{margin-left:6px;color:var(--text-faint);font-size:10.5px}.message-delete{align-self:flex-start;display:grid;place-items:center;width:27px;height:27px;margin-top:2px;border:none;border-radius:7px;background:transparent;color:var(--text-faint);opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.message:hover .message-delete,.message-delete:focus-visible{opacity:1}.message-delete:hover{background:var(--danger-wash);color:var(--danger)}.attachment-images{display:grid;gap:6px;max-width:560px;margin-top:8px}.attachment-images.count-1{grid-template-columns:minmax(0,1fr)}.attachment-images.count-2,.attachment-images.count-3,.attachment-images.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-image{display:block;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);transition:border-color .15s ease,transform .15s ease}.attachment-image:hover{border-color:var(--border-strong)}.attachment-image img{display:block;width:100%;max-height:360px;object-fit:cover}.attachment-images.count-1 .attachment-image img{max-height:440px;object-fit:contain;background:#0003}.attachment-media{display:flex;flex-direction:column;gap:5px;max-width:560px;margin-top:8px}.attachment-media video{width:100%;max-height:380px;border:1px solid var(--border);border-radius:11px;background:#000}.attachment-media audio{width:100%;max-width:420px}.attachment-media-name{color:var(--text-faint);font-size:11.5px}.attachment-files{display:flex;flex-wrap:wrap;gap:7px;max-width:560px;margin-top:8px}.file-card{display:flex;align-items:center;gap:10px;min-width:240px;max-width:330px;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:#171129bf;color:var(--text);transition:border-color .15s ease,background .15s ease}.file-card:hover{border-color:var(--border-strong);background:var(--panel-2);text-decoration:none}.file-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:9px;background:var(--brand-wash);color:var(--brand-soft)}.file-meta{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.3}.file-meta strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-meta span{color:var(--text-faint);font-size:11px}.file-download{flex:0 0 auto;color:var(--text-faint)}.composer-wrap{position:relative;flex:0 0 auto;padding:0 clamp(12px,2.4vw,28px) 12px;background:linear-gradient(180deg,transparent,rgba(8,6,17,.65) 24%)}.typing-line{display:flex;align-items:center;gap:7px;min-height:22px;padding:0 4px;color:var(--text-faint);font-size:11.5px}.typing-dots{display:inline-flex;gap:2px;align-items:center}.typing-dots i{width:3px;height:3px;border-radius:50%;background:var(--mint);animation:typing-bounce 1.1s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.upload-tray{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.upload-chip{display:flex;align-items:center;gap:8px;width:min(270px,100%);padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.upload-chip.error{border-color:#ff709559}.upload-thumb{width:38px;height:38px;border-radius:7px;object-fit:cover}.upload-file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:var(--brand-wash);color:var(--brand-soft)}.upload-meta{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.3}.upload-meta strong{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upload-meta span{overflow:hidden;color:var(--text-faint);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.upload-chip.error .upload-meta span{color:var(--danger)}.composer-error{display:flex;align-items:center;gap:6px;padding:0 5px 7px;color:var(--danger);font-size:12px}.composer{display:flex;align-items:flex-end;gap:5px;padding:6px 7px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,#1b1431f2,#120d21f2);box-shadow:0 10px 30px #0000002e;transition:border-color .16s ease,box-shadow .16s ease}.composer:focus-within{border-color:#6a45ff8c;box-shadow:0 0 0 3px #6a45ff1f,0 10px 30px #0000002e}.composer textarea{flex:1;max-height:200px;padding:8px 3px;border:none;background:transparent;color:var(--text);font-size:14.5px;line-height:1.5;outline:none;resize:none}.composer textarea::placeholder{color:var(--text-faint)}.composer textarea:disabled{opacity:.5}.composer-attach{flex:0 0 auto;color:var(--text-faint)}.composer-send{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--brand-soft),var(--brand-strong));color:#fff;box-shadow:0 6px 16px #4e2ade4d;transition:transform .15s ease,opacity .15s ease}.composer-send:hover:not(:disabled){transform:translateY(-1px)}.composer-send:disabled{background:var(--panel-3);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.composer-hint{display:flex;justify-content:space-between;gap:10px;padding:6px 5px 0;color:var(--text-faint);font-size:10.5px}.composer-hint kbd{padding:1px 4px;border:1px solid var(--border);border-radius:4px;background:#ffffff0a;font-family:var(--mono);font-size:9.5px}.composer-limit{font-variant-numeric:tabular-nums}.drop-overlay{position:absolute;inset:-4px 10px 10px;display:grid;place-items:center;border:2px dashed rgba(184,241,219,.5);border-radius:16px;background:#0a0713e0;color:var(--mint);font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:4}.member-panel{display:none;flex:0 0 256px;flex-direction:column;width:256px;min-height:0;border-left:1px solid var(--border);background:#0a071373}.member-panel.open{display:flex}.member-panel-head{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.member-close{display:none}.member-scroll{flex:1;overflow-y:auto;padding:16px 8px}.member-group{margin-bottom:20px}.member-group.dim{opacity:.62}.member-group .section-label{margin-bottom:6px}.member-row{display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:8px}.member-row:hover{background:#ffffff09}.member-avatar{position:relative;flex:0 0 auto;display:flex}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--sidebar);border-radius:50%;background:var(--text-faint)}.presence-dot.online{background:var(--ok);box-shadow:0 0 7px #5be2a580}.member-name{display:flex;align-items:center;gap:5px;overflow:hidden;min-width:0;color:var(--text-dim);font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.member-group:not(.dim) .member-name{color:var(--text)}.you-tag{padding:1px 4px;border-radius:4px;background:var(--brand-wash);color:var(--brand-soft);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.owner-badge{display:inline-flex;color:#ffd98a}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#040309b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}}.modal{width:min(470px,100%);max-height:min(720px,90dvh);overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(160deg,#1a1430,#100c1e);box-shadow:var(--shadow-lg);animation:modal-in .22s cubic-bezier(.2,.8,.2,1) both}.modal.wide{width:min(560px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 14px}.modal-head h2{margin:0;font-size:19px;letter-spacing:-.02em}.modal-head p{margin:4px 0 0;color:var(--text-faint);font-size:13px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:6px 20px 20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:#07050e4d}.profile-banner-block{display:flex;flex-direction:column;gap:10px}.profile-banner-preview{display:grid;place-items:center;aspect-ratio:4 / 1;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 18% 18%,rgba(132,94,255,.45),transparent 45%),radial-gradient(circle at 82% 80%,rgba(95,230,196,.25),transparent 45%),var(--surface-2);color:var(--text-faint);font-size:12px}.profile-banner-preview img{width:100%;height:100%;object-fit:cover}.profile-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-banner-actions p{margin:0;color:var(--text-faint);font-size:12px;line-height:1.45}.profile-avatar-row{display:flex;gap:18px;align-items:center}.profile-avatar-preview{flex:0 0 auto}.profile-avatar-preview .avatar{border-radius:22px}.profile-avatar-actions{display:flex;flex-direction:column;gap:9px}.profile-avatar-actions p{margin:0;color:var(--text-faint);font-size:12px;line-height:1.45}.profile-username{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#07050e59}.profile-username>span{color:var(--text-faint);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-username code{color:var(--mint);font-family:var(--mono);font-size:13px}.profile-username small{color:var(--text-faint);font-size:11px}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix svg{position:absolute;left:12px;color:var(--text-faint);pointer-events:none}.input-with-prefix input{padding-left:36px}.lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:32px;background:#030207e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s ease both}.lightbox-inner{display:flex;flex-direction:column;gap:10px;max-width:min(1100px,95vw);max-height:92dvh}.lightbox-inner>img{max-width:100%;max-height:calc(92dvh - 60px);border-radius:12px;object-fit:contain;box-shadow:0 24px 80px #0009}.lightbox-bar{display:flex;align-items:center;gap:10px;padding:7px 9px 7px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.lightbox-bar>span{flex:1;overflow:hidden;color:var(--text-dim);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.mobile-scrim{display:none}@media(max-width:1099px){.member-panel{position:fixed;top:0;right:0;bottom:0;z-index:70;width:280px;flex-basis:auto;border-left:1px solid var(--border-strong);background:#0d0a1a;box-shadow:-24px 0 60px #00000073}.member-close{display:inline-flex}}@media(max-width:860px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:80;width:284px;flex-basis:284px;transform:translate(-102%);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 60px #00000080}.sidebar.open{transform:none}.sidebar-close{display:inline-flex}.mobile-menu{display:inline-flex;flex:0 0 auto}.mobile-scrim{position:fixed;inset:0;z-index:75;display:block;background:#0403099e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.live-badge span{display:none}.live-badge{padding:6px}.channel-title p{display:none}.message-list,.composer-wrap{padding-left:10px;padding-right:10px}}@media(max-width:760px){.auth-screen{grid-template-columns:1fr;overflow-y:auto}.auth-brand{display:none}.auth-panel{min-height:100dvh;border-left:none;padding:28px 18px}.auth-card{border:none;background:transparent;box-shadow:none;padding:8px 4px}}@media(max-width:560px){.chat-header{height:60px;gap:8px;padding:0 10px}.sidebar-brand{height:60px}.channel-title h1{font-size:15.5px}.message{gap:9px;padding-left:6px;padding-right:4px}.message>.avatar{width:34px!important;height:34px!important}.message-gutter{flex-basis:34px}.message-author{font-size:13.5px}.message-text{font-size:14px}.message-delete{opacity:1;width:24px;height:24px}.file-card{min-width:0;max-width:none;width:100%}.composer-hint{display:none}.typing-line{min-height:18px}.field-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:end}.modal{max-height:92dvh;border-radius:18px 18px 12px 12px}.profile-avatar-row{align-items:flex-start}.profile-banner-actions{align-items:flex-start;flex-direction:column}.lightbox{padding:12px}.lightbox-bar>span{max-width:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}