@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--midnight: #050b18;--navy: #0a1628;--royal: #1a3a6e;--cyan: #00bfff;--sky: #40a0f0;--lavender: #7060e0;--violet: #9a40f0;--fog: #d8e0ec;--bg: var(--midnight);--bg-elevated: #0d1526;--bg-panel: #111c31;--bg-hover: #1a2740;--border: #243552;--text: var(--fog);--text-muted: #8fa0b8;--accent: var(--cyan);--accent-2: var(--violet);--accent-dim: #0077aa;--danger: #e85d5d;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--brand-gradient: linear-gradient(135deg, var(--cyan) 0%, #3070ff 45%, var(--violet) 100%);--glow-cyan: 0 0 24px rgba(0, 191, 255, .28);font-family:Outfit,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:var(--brand-gradient);color:#fff;border-radius:10px;padding:.65rem 1rem;min-height:44px;font-weight:600;box-shadow:var(--glow-cyan)}button.secondary{background:var(--bg-hover);color:var(--text);box-shadow:none}button.ghost{background:transparent;color:var(--text-muted);box-shadow:none}button.icon-only{width:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}button.compact{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:1;min-height:36px;font-size:.8rem;padding:.35rem .5rem}.icon{display:block;flex-shrink:0}.accent-cyan{color:var(--cyan)}.accent-violet{color:var(--violet)}.nav-ico{opacity:.9}.feature-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem}.feature-row.auth-features{margin:0 0 1.1rem}.feature-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:999px;background:#111c31e6;border:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.auth-features .feature-pill{padding:.55rem}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}input,textarea{width:100%;background:var(--midnight);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;min-height:44px}input:focus,textarea:focus{outline:2px solid rgba(0,191,255,.35);border-color:var(--cyan)}.brand-mark{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-mark img.brand-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;box-shadow:var(--glow-cyan)}.brand-mark img.brand-wordmark{height:28px;width:auto;max-width:150px;object-fit:contain}.brand-mark .brand-fallback{margin:0;font-family:Space Grotesk,Outfit,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-page{min-height:100%;display:grid;place-items:center;padding:1.5rem;padding-top:calc(1.5rem + var(--safe-top));background:radial-gradient(ellipse at 15% 0%,rgba(0,191,255,.18) 0%,transparent 45%),radial-gradient(ellipse at 90% 100%,rgba(154,64,240,.2) 0%,transparent 48%),radial-gradient(ellipse at 50% 50%,#0d1a33 0%,var(--midnight) 70%)}.auth-card{width:min(100%,420px);background:#0d1526eb;border:1px solid var(--border);border-radius:18px;padding:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000073,var(--glow-cyan)}.auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-bottom:1.25rem}.auth-brand .auth-icon{width:72px;height:72px;border-radius:18px;box-shadow:var(--glow-cyan)}.auth-brand .auth-logo{width:min(100%,280px);height:auto;filter:drop-shadow(0 0 18px rgba(0,191,255,.25))}.auth-card .tagline{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem;text-align:center;letter-spacing:.04em}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.auth-tabs button{flex:1;background:var(--navy);box-shadow:none}.auth-tabs button.active{background:var(--brand-gradient);box-shadow:var(--glow-cyan)}.error{color:var(--danger);font-size:.9rem;margin:0}.app-shell{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:var(--bg);position:relative;overflow:hidden}@media(min-width:800px){.app-shell{grid-template-columns:280px 1fr}}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;border-radius:0;padding:0;min-height:0;background:#0206108c;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar{background:linear-gradient(180deg,#0c1528,#0a1220);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;position:fixed;inset:0 auto 0 0;width:min(86vw,300px);height:100%;z-index:40;transform:translate(-105%);transition:transform .22s ease;box-shadow:8px 0 28px #00000059}.app-shell.nav-open .sidebar{transform:translate(0)}@media(min-width:800px){.sidebar{position:static;width:auto;height:auto;transform:none;box-shadow:none;z-index:auto}.app-shell.nav-open .sidebar{transform:none}.nav-backdrop,.mobile-only{display:none!important}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;padding-top:calc(.85rem + var(--safe-top));border-bottom:1px solid var(--border)}.sidebar-header-actions{display:flex;align-items:center;gap:.15rem}.sidebar-scroll{overflow:auto;flex:1;padding:.5rem}.nav-section{margin-bottom:.65rem}.nav-section h2{margin:.5rem .5rem .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:Space Grotesk,Outfit,sans-serif}.nav-fold-head{display:flex;align-items:center;gap:.15rem}.nav-fold-head .nav-fold-toggle{flex:1;min-width:0;font-weight:600;text-transform:none;letter-spacing:0;font-size:.95rem}.nav-fold-avatar{margin-left:.35rem;flex-shrink:0}.nav-fold-body{padding-left:.15rem}.nav-chevron{flex-shrink:0;opacity:.65;transition:transform .15s ease;transform:rotate(0)}.nav-chevron.collapsed{transform:rotate(-90deg)}.nav-fold>.nav-fold-toggle{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-height:40px;padding:.4rem .65rem}.nav-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:transparent;color:var(--text);border-radius:10px;padding:.55rem .65rem;min-height:44px;box-shadow:none;font-weight:500}.nav-item.nav-label{cursor:default;font-weight:600;opacity:.95}.nav-label-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.nav-row{display:flex;align-items:center;gap:.15rem}.nav-row .nav-item{flex:1;min-width:0}.nav-delete{width:34px;min-height:34px;opacity:.55}.nav-delete:hover,.danger-ico:hover{opacity:1;color:var(--danger)}.nav-alert{width:34px;min-height:34px;opacity:.4;color:var(--text-muted);flex-shrink:0}.nav-alert.on{opacity:1;color:var(--accent)}.nav-alert:hover{opacity:1}.account-hint{padding:0 .65rem .55rem;margin:0;font-size:.78rem;line-height:1.35}.danger-ico{color:var(--text-muted)}.account-line{padding:0 .5rem .35rem;margin:0}.admin-users-modal{width:min(520px,94vw);max-height:min(80vh,640px);display:flex;flex-direction:column}.admin-users-hint{margin:0 0 .75rem}.admin-user-list{list-style:none;margin:0 0 1rem;padding:0;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.admin-user-row{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .75rem;border:1px solid var(--border);border-radius:12px;background:#08101ca6}@media(min-width:560px){.admin-user-row{flex-direction:row;align-items:center;justify-content:space-between}}.admin-user-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.admin-user-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.admin-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:#00bfff24;color:var(--cyan)}.admin-badge.warn{background:#e85d5d29;color:#f0a0a0}.admin-badge.you{background:#9a40f02e;color:#d0b8ff}.admin-user-actions{display:flex;flex-wrap:wrap;gap:.4rem}.admin-user-actions .compact{flex:0 0 auto;min-width:0;width:auto}.admin-user-actions .danger-action{color:#f0a0a0}.admin-user-actions .danger-action:hover:not(:disabled){background:#e85d5d2e;color:#ffc4c4}.temp-password{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;letter-spacing:.04em;padding:.75rem 1rem;border-radius:10px;background:var(--bg-panel);border:1px solid var(--border);color:var(--cyan);word-break:break-all}.install-steps{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-muted);line-height:1.55}.install-steps strong{color:var(--text)}.nav-item:disabled{opacity:.75;cursor:default}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:linear-gradient(90deg,#00bfff2e,#9a40f01f);color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.nav-item.has-unread .nav-label-text{font-weight:650;color:#fff}.unread-badge{flex-shrink:0;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--cyan);color:#041018;font-size:.7rem;font-weight:700;line-height:1.25rem;text-align:center;font-variant-numeric:tabular-nums}.nav-item.notify-on{color:var(--cyan)}.chat-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:radial-gradient(ellipse at 100% 0%,rgba(154,64,240,.06) 0%,transparent 40%),var(--midnight)}.chat-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;padding-top:calc(.65rem + var(--safe-top));border-bottom:1px solid var(--border);background:#0d1526e6}.nav-toggle{position:relative;color:var(--text)}.nav-toggle-badge{position:absolute;top:2px;right:2px;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:999px;background:var(--cyan);color:#041018;font-size:.62rem;font-weight:700;line-height:1rem;text-align:center}.empty-hero{display:flex;flex-direction:column;align-items:center;width:min(100%,36rem)}.empty-nav-btn{display:inline-flex;width:auto;flex:none;align-self:center;margin:0 0 1rem;gap:.45rem;min-height:44px;padding:.55rem 1rem}.chat-header-ico{display:inline-flex;align-items:center}.chat-header h2{margin:0;font-size:1.05rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,Outfit,sans-serif}.chat-header-meta{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.85rem}.readonly-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border);background:#9a40f01f;color:var(--text-muted);font-size:.72rem;font-weight:600}.readonly-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem;background:#0d1526f2}.chat-search-toggle{color:var(--text-muted)}.chat-search-toggle.active,.chat-search-toggle:hover{color:var(--accent)}.chat-search-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem .65rem;border-bottom:1px solid var(--border);background:#0d1526f2}.chat-search-bar input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:.45rem .7rem;min-height:36px}.chat-search-meta{flex-shrink:0;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.search-hit{background:#00bfff47;color:inherit;border-radius:3px;padding:0 .1em}.message.search-match{outline:1px solid rgba(0,191,255,.35);outline-offset:4px;border-radius:8px}.messages{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{max-width:min(100%,560px);scroll-margin:4rem}.message.flash .body{box-shadow:0 0 0 2px #00bfff8c;transition:box-shadow .2s ease}.message .meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.2rem}.message .meta-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reply-btn{width:28px;min-height:28px;opacity:.55;color:var(--text-muted);flex-shrink:0}.message:hover .msg-reply-btn,.message:focus-within .msg-reply-btn,.msg-reply-btn:focus-visible{opacity:1;color:var(--accent)}.reply-ref{display:flex;align-items:center;gap:.35rem;width:100%;margin:0 0 .45rem;padding:.3rem .45rem;border:0;border-left:3px solid var(--accent);border-radius:4px;background:#00bfff14;color:var(--text-muted);font-size:.78rem;line-height:1.25;text-align:left;cursor:pointer;min-height:0;box-shadow:none}.reply-ref:hover{background:#00bfff24;color:var(--text)}.reply-ref-name{color:var(--accent);font-weight:600;flex-shrink:0}.reply-ref-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reply-bar{display:flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border-top:1px solid var(--border);background:#00bfff0f}.reply-bar-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;line-height:1.25}.reply-bar-text strong{color:var(--accent);font-weight:600}.reply-bar-text span{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;background:var(--brand-gradient);flex-shrink:0;object-fit:cover}.avatar-img{padding:0;background:var(--bg-panel);border:1px solid var(--border)}.server-avatar-fallback{background:linear-gradient(135deg,#00bfff59,#9a40f073)}.server-avatar-btn{width:34px;min-height:34px;padding:0;border-radius:50%}.avatar-edit{display:flex;justify-content:center;margin:0 0 .75rem}.avatar-edit .avatar{box-shadow:var(--glow-cyan)}.avatar-btn{display:inline-flex;padding:0;margin:0;border:0;background:transparent;box-shadow:none;min-height:0;border-radius:50%;cursor:pointer;flex-shrink:0}.avatar-btn:hover{filter:brightness(1.08)}.avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message .meta-name{border:0;background:transparent;box-shadow:none;padding:0;margin:0;min-height:0;color:var(--text);font-size:inherit;font-weight:600;cursor:pointer}.message .meta-name:hover{color:var(--accent);text-decoration:underline}.profile-backdrop{z-index:60}.profile-card{width:min(100%,340px);text-align:center;position:relative;padding-top:1.5rem}.profile-close{position:absolute;top:.55rem;right:.55rem}.profile-hero{display:flex;justify-content:center;margin-bottom:.85rem}.profile-hero .avatar{box-shadow:var(--glow-cyan)}.profile-name{margin:0;font-family:Space Grotesk,Outfit,sans-serif;font-size:1.25rem}.profile-username{margin:.2rem 0 0;font-size:.95rem}.profile-joined,.profile-self{margin:.55rem 0 0;font-size:.85rem}.profile-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.1rem}.profile-actions button{flex:1 1 auto;min-width:7.5rem}.profile-at{font-weight:700;color:var(--accent);font-size:1rem;line-height:1}.message .body{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .8rem;white-space:pre-wrap;word-break:break-word;line-height:1.4}.mention{color:var(--cyan);font-weight:600;background:#00bfff1f;border-radius:4px;padding:.05em .2em}.mention-me{background:#9a40f038;color:#e8d8ff}.message.mine .body{background:linear-gradient(135deg,#00bfff29,#9a40f024);border-color:#00bfff59}.message .attach img,.message .attach video{display:block;max-width:100%;max-height:280px;border-radius:8px;margin-top:.5rem}.attach-zoom{display:block;width:fit-content;max-width:100%;padding:0;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:zoom-in;min-height:0}.attach-zoom img{margin-top:.5rem;pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;margin:0;padding:0;border:0;border-radius:0;min-height:0;width:100%;height:100%;background:#020610eb;box-shadow:none;cursor:zoom-out;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0;pointer-events:none}.composer{display:flex;gap:.5rem;align-items:flex-end;padding:.75rem;padding-bottom:calc(.75rem + var(--safe-bottom));border-top:1px solid var(--border);background:#0d1526f2}.composer-input-wrap{position:relative;flex:1;min-width:0}.composer textarea{width:100%;resize:none;min-height:44px;max-height:120px;background:var(--bg-panel)}.mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);z-index:20;max-height:220px;overflow:auto;background:#0c1528;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000073;padding:.35rem}.mention-option{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:transparent;color:var(--text);box-shadow:none;border-radius:8px;padding:.45rem .55rem;min-height:44px;font-weight:500}.mention-option.active,.mention-option:hover{background:#00bfff24}.mention-option .mention-option-avatar,.mention-option-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0}.mention-option .mention-option-avatar:not(.avatar-img),.mention-option-avatar:not(.avatar-img){background:var(--brand-gradient);flex-shrink:0}.mention-option-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.mention-option-text strong{font-size:.92rem}.mention-option-text .muted{font-size:.78rem}.composer .icon-btn{flex-shrink:0;width:44px;padding:0;background:var(--bg-hover);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.composer .icon-btn.active{color:var(--cyan);background:#00bfff29}.gif-picker{border-top:1px solid var(--border);background:linear-gradient(180deg,#0c1528,#0a1220);padding:.65rem .75rem .35rem;display:flex;flex-direction:column;gap:.45rem}.gif-picker-head{display:flex;gap:.5rem;align-items:center}.gif-picker-head input{flex:1;min-height:40px;background:var(--bg-panel)}.gif-picker-error{margin:0;color:var(--danger);font-size:.85rem}.gif-picker-status{margin:.25rem 0;font-size:.85rem}.gif-rail{display:flex;align-items:center;gap:.35rem;min-width:0}.gif-rail-nav{flex-shrink:0;width:36px;min-height:36px;padding:0;border-radius:10px;background:var(--bg-hover);color:var(--text);box-shadow:none;font-size:1.35rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.gif-scroller{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:.15rem .1rem .35rem;scrollbar-width:thin}.gif-tile{flex:0 0 calc((100% - 2rem)/5);width:calc((100% - 2rem)/5);min-width:72px;max-width:120px;height:96px;padding:0;margin:0;border:0;border-radius:10px;overflow:hidden;background:#081018;box-shadow:none;cursor:pointer;scroll-snap-align:start}@media(max-width:520px){.gif-tile{flex-basis:calc((100% - 1rem) / 3);width:calc((100% - 1rem) / 3);max-width:none;height:88px}}.gif-tile:hover,.gif-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.gif-tile img{width:100%;height:100%;object-fit:cover;display:block}.gif-tile:disabled{opacity:.55;cursor:wait}.gif-attribution{margin:0;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.composer .send-btn{width:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.empty-state{flex:1;display:grid;place-items:center;color:var(--text-muted);padding:2rem;text-align:center}.empty-state .empty-icon{display:block;width:88px;height:88px;border-radius:22px;margin:0 auto .85rem;box-shadow:var(--glow-cyan)}.empty-state h2{margin:0 0 .5rem;color:var(--text);font-family:Space Grotesk,Outfit,sans-serif}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020610b8;display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:min(100%,400px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--glow-cyan)}.modal h3{margin:0 0 1rem;font-family:Space Grotesk,Outfit,sans-serif;display:flex;align-items:center;gap:.5rem}.modal form,.modal .stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.5rem}.muted{color:var(--text-muted);font-size:.85rem}.menu-btn{display:inline-flex}@media(min-width:800px){.menu-btn{display:none}}