*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void-deep: #050a12;--void-mid: #0a1628;--void-surface: #0f1f3a;--void-elevated: #152a4a;--signal-bright: #00f0ff;--signal-mid: #00b8cc;--signal-dim: #007a8a;--signal-ghost: rgba(0, 240, 255, .06);--signal-glow: rgba(0, 240, 255, .15);--amber-bright: #ffbe2e;--amber-mid: #cc9520;--amber-dim: rgba(255, 190, 46, .3);--nebula: #b44aff;--nebula-dim: rgba(180, 74, 255, .2);--text-primary: #e0eaf5;--text-secondary: #7a92b0;--text-muted: #4a6080;--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-mid: .3s;--duration-slow: .6s;color-scheme:dark}[data-theme=solar-flare]{--void-deep: #0c0604;--void-mid: #1a0e08;--void-surface: #2a1610;--void-elevated: #3a201a;--signal-bright: #ffb833;--signal-mid: #e09020;--signal-dim: #a06818;--signal-ghost: rgba(255, 184, 51, .06);--signal-glow: rgba(255, 184, 51, .15);--amber-bright: #ff5544;--amber-mid: #cc3322;--amber-dim: rgba(255, 85, 68, .3);--nebula: #ff8844;--nebula-dim: rgba(255, 136, 68, .2);--text-primary: #f5e6d8;--text-secondary: #b08a6e;--text-muted: #7a5840}[data-theme=andromeda-shores]{--void-deep: #f5ede4;--void-mid: #ece3d8;--void-surface: #e2d6c8;--void-elevated: #d8cab8;--signal-bright: #0a8b7c;--signal-mid: #0b7468;--signal-dim: #0d5e54;--signal-ghost: rgba(10, 139, 124, .06);--signal-glow: rgba(10, 139, 124, .12);--amber-bright: #d94e3f;--amber-mid: #b84035;--amber-dim: rgba(217, 78, 63, .15);--nebula: #e06850;--nebula-dim: rgba(224, 104, 80, .12);--text-primary: #2e2318;--text-secondary: #6e5d4e;--text-muted: #9e8e7e;color-scheme:light}[data-theme=frozen-outpost]{--void-deep: #e8f0f7;--void-mid: #dde8f2;--void-surface: #d0deec;--void-elevated: #c2d0e0;--signal-bright: #1a7ab8;--signal-mid: #156aa0;--signal-dim: #0f5a88;--signal-ghost: rgba(26, 122, 184, .06);--signal-glow: rgba(26, 122, 184, .12);--amber-bright: #d97520;--amber-mid: #b86218;--amber-dim: rgba(217, 117, 32, .15);--nebula: #0ea878;--nebula-dim: rgba(14, 168, 120, .12);--text-primary: #1a2838;--text-secondary: #4a6078;--text-muted: #8498b0;color-scheme:light}[data-theme=iron-dunes]{--void-deep: #0c0806;--void-mid: #1c120c;--void-surface: #2c1c14;--void-elevated: #3c2820;--signal-bright: #d4804c;--signal-mid: #b06838;--signal-dim: #8c5028;--signal-ghost: rgba(212, 128, 76, .06);--signal-glow: rgba(212, 128, 76, .15);--amber-bright: #e85838;--amber-mid: #c04428;--amber-dim: rgba(232, 88, 56, .3);--nebula: #5aaa80;--nebula-dim: rgba(90, 170, 128, .2);--text-primary: #f0dcc8;--text-secondary: #a88a6e;--text-muted: #6e5540}html,body{margin:0;padding:0;min-height:100dvh;min-height:100vh;overflow:hidden;overscroll-behavior:none;background:var(--void-deep)}body{font-family:var(--font-mono);font-weight:400;font-size:14px;line-height:1.6;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#root{height:100dvh;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--signal-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--signal-mid)}::selection{background:var(--signal-glow);color:var(--signal-bright)}:focus-visible{outline:2px solid var(--signal-mid);outline-offset:2px}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .5s ease,color .35s ease,border-color .4s ease,box-shadow .4s ease,background .5s ease!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.starfield,.scanline-overlay,.static-fx{display:none!important}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes snowfall{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes static-flicker{0%{opacity:.04}2%{opacity:.08}4%{opacity:.03}5%{opacity:.12}5.5%{opacity:.05}7%{opacity:.03}10%{opacity:.06}12%{opacity:.02}15%{opacity:.07}18%{opacity:.04}20%{opacity:.15}20.5%{opacity:.06}23%{opacity:.03}28%{opacity:.05}30%{opacity:.04}35%{opacity:.08}37%{opacity:.03}40%{opacity:.06}42%{opacity:.18}42.5%{opacity:.07}43%{opacity:.1}43.5%{opacity:.04}50%{opacity:.05}55%{opacity:.03}60%{opacity:.07}65%{opacity:.04}68%{opacity:.12}68.5%{opacity:.05}72%{opacity:.03}75%{opacity:.06}78%{opacity:.2}78.3%{opacity:.08}78.5%{opacity:.04}82%{opacity:.06}85%{opacity:.03}88%{opacity:.05}90%{opacity:.07}93%{opacity:.04}95%{opacity:.1}97%{opacity:.03}to{opacity:.04}}@keyframes static-flicker-heavy{0%{opacity:.06}3%{opacity:.15}3.3%{opacity:.08}8%{opacity:.05}15%{opacity:.1}15.5%{opacity:.25}16%{opacity:.08}25%{opacity:.06}33%{opacity:.12}33.5%{opacity:.04}50%{opacity:.07}55%{opacity:.2}55.3%{opacity:.06}70%{opacity:.08}75%{opacity:.15}75.5%{opacity:.05}85%{opacity:.07}90%{opacity:.18}90.5%{opacity:.06}to{opacity:.06}}@keyframes signal-dropout{0%,to{opacity:0}15%{opacity:0}15.1%{opacity:.4}15.3%{opacity:.15}15.4%{opacity:0}48%{opacity:0}48.1%{opacity:.5}48.2%{opacity:.2}48.4%{opacity:.35}48.6%{opacity:0}82%{opacity:0}82.1%{opacity:.3}82.3%{opacity:0}}@keyframes glitch-shift{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}92%{clip-path:inset(0 0 0 0);transform:translate(0)}92.5%{clip-path:inset(20% 0 60% 0);transform:translate(-3px)}93%{clip-path:inset(65% 0 10% 0);transform:translate(4px)}93.5%{clip-path:inset(40% 0 30% 0);transform:translate(-2px)}94%{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-color{0%,to{text-shadow:none}92%{text-shadow:none}92.5%{text-shadow:-2px 0 rgba(0,240,255,.5),2px 0 rgba(255,50,50,.3)}93%{text-shadow:3px 0 rgba(0,240,255,.4),-1px 0 rgba(180,74,255,.4)}93.5%{text-shadow:-1px 0 rgba(255,50,50,.3),1px 0 rgba(0,240,255,.3)}94%{text-shadow:none}}@keyframes interference-bar{0%{top:-10%;opacity:0}10%{opacity:0}50%{opacity:.6}90%{opacity:0}to{top:110%;opacity:0}}@keyframes noise-scroll{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.starfield{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(0,240,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(180,74,255,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(0,120,200,.03) 0%,transparent 50%),var(--void-deep)}.starfield:before,.starfield:after{content:"";position:absolute;inset:0;height:200%;animation:drift 80s linear infinite}.starfield:before{background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 40% 60%,rgba(0,240,255,.6),transparent),radial-gradient(1px 1px at 55% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 70% 75%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 85% 45%,rgba(180,74,255,.5),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 95% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 50% 50%,rgba(0,240,255,.4),transparent),radial-gradient(1px 1px at 30% 90%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 65% 5%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 80% 85%,rgba(0,240,255,.3),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 45% 30%,rgba(180,74,255,.3),transparent),radial-gradient(1px 1px at 90% 60%,rgba(255,255,255,.4),transparent)}.starfield:after{background-image:radial-gradient(1px 1px at 12% 42%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 28% 68%,rgba(0,240,255,.4),transparent),radial-gradient(1px 1px at 62% 38%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 78% 12%,rgba(180,74,255,.4),transparent),radial-gradient(1px 1px at 35% 88%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 88% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 8% 72%,rgba(0,240,255,.3),transparent),radial-gradient(1px 1px at 52% 22%,rgba(255,255,255,.4),transparent);animation-duration:120s}.scanline-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px)}.scanline-overlay:after{content:"";position:absolute;inset:0;height:40px;background:linear-gradient(180deg,rgba(0,240,255,.06),transparent);animation:scanline 8s linear infinite;opacity:.5}.App{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100vh;height:100dvh;max-width:1400px;margin:0 auto;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.profile{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);padding-top:max(var(--space-sm),env(safe-area-inset-top));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));border-bottom:1px solid rgba(0,240,255,.1);background:linear-gradient(180deg,rgba(0,240,255,.04),transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:52px;position:relative;z-index:30}.profile .logo{font-family:var(--font-display);font-size:clamp(.65rem,.4rem + 1vw,1.1rem);font-weight:900;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.profile .logo .logo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--signal-bright);box-shadow:0 0 8px var(--signal-bright),0 0 20px #00f0ff4d;margin-left:var(--space-sm);animation:pulse-glow 2s ease-in-out infinite;vertical-align:middle;transition:background .6s ease,box-shadow .6s ease}.profile .logo .logo-dot-disconnected{background:var(--amber-bright);box-shadow:0 0 8px var(--amber-bright),0 0 20px var(--amber-dim);animation:logo-dot-warn 1s ease-in-out infinite}@keyframes logo-dot-warn{0%,to{opacity:1;box-shadow:0 0 8px var(--amber-bright),0 0 20px var(--amber-dim)}50%{opacity:.4;box-shadow:0 0 4px var(--amber-bright)}}.profile .callsign{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.profile .callsign-label{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.profile .callsign-name{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--signal-bright);padding:var(--space-xs) var(--space-sm);background:var(--signal-ghost);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .callsign-name.clickable{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.profile .callsign-name.clickable:hover{border-color:var(--signal-bright);color:var(--text-primary);box-shadow:0 0 12px #00f0ff26}.profile .callsign-name.clickable:focus-visible{outline:none;border-color:var(--signal-bright);box-shadow:0 0 0 3px #00f0ff1a}.profile form{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex:1;max-width:280px}.profile form input{font-family:var(--font-mono);font-size:.85rem;padding:var(--space-xs) var(--space-sm);background:var(--void-surface);border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;min-width:0;min-height:36px;transition:border-color var(--duration-fast) var(--ease-out)}.profile form input:focus{outline:none;border-color:var(--signal-bright);box-shadow:0 0 0 3px #00f0ff1a}.profile form button{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:44px;min-height:36px}.profile form button:hover{background:var(--signal-bright);box-shadow:0 0 16px #00f0ff4d}.crew-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;padding:0}.crew-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}.crew-toggle .hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.crew-toggle .hamburger-icon span{display:block;height:2px;width:100%;background:var(--signal-mid);border-radius:1px;transition:all var(--duration-mid) var(--ease-out)}.crew-toggle.is-open .hamburger-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.crew-toggle.is-open .hamburger-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.crew-toggle.is-open .hamburger-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.crew-toggle.is-open{border-color:var(--signal-bright)}.crew-toggle.is-open .hamburger-icon span{background:var(--signal-bright)}.crew-toggle .badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-family:var(--font-display);font-size:.5rem;font-weight:700;color:var(--void-deep);background:var(--signal-bright);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #00f0ff66;line-height:1}.message-panel{grid-row:2 / 3;grid-column:1 / -1;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-md);padding-bottom:2px}.message-panel .panel-header{font-family:var(--font-display);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(0,240,255,.06);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.message-panel .panel-header:before{content:"";display:inline-block;width:4px;height:4px;background:var(--signal-bright);border-radius:50%;box-shadow:0 0 6px var(--signal-bright);animation:pulse-glow 3s ease-in-out infinite}.messages{position:relative;z-index:9;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:var(--space-xs);padding-bottom:2px;-webkit-overflow-scrolling:touch}.messages-feed{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.static-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.static-fx:before{content:"";position:absolute;inset:-80%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:screen;animation:static-flicker 4s steps(1) infinite,noise-scroll .3s steps(5) infinite}.static-fx:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(5,10,18,.25) 100%);box-shadow:inset 0 0 30px #00f0ff08,inset 0 0 60px #0000001a}.static-fx .static-overlay{position:absolute;inset:-80%;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='1'/%3E%3C/svg%3E");background-size:120px 120px;animation:static-flicker-heavy 7s steps(1) infinite,noise-scroll .25s steps(6) infinite reverse}.static-fx .interference{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.2) 15%,rgba(0,240,255,.5) 50%,rgba(0,240,255,.2) 85%,transparent 100%);box-shadow:0 0 12px #00f0ff4d;animation:interference-bar 10s linear infinite}.static-fx .interference.i2{height:1px;animation-duration:6s;animation-delay:2s;opacity:.8}.static-fx .interference.i3{height:3px;animation-duration:18s;animation-delay:7s;opacity:.4}.messages-empty{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-style:italic;font-size:.85rem;animation:float 6s ease-in-out infinite}.messages-empty:before{content:"◇";margin-right:var(--space-sm);color:var(--signal-dim)}.user-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);animation:fade-in-up var(--duration-mid) var(--ease-out) both}.user-message:hover{background:var(--signal-ghost)}.user-message.msg-grouped{padding-top:1px;padding-bottom:1px}.user-message .msg-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:2px}.user-message .msg-sender{font-family:var(--font-mono);font-weight:500;font-size:.8rem;color:var(--signal-bright)}.user-message .msg-sender.clickable-sender{cursor:pointer;transition:text-decoration-color .15s ease;text-decoration:underline transparent}.user-message .msg-sender.clickable-sender:hover{text-decoration-color:var(--signal-mid)}.user-message .msg-time{font-size:.65rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.user-message .msg-body{display:flex;align-items:flex-end;gap:var(--space-sm)}.user-message .msg-text{font-size:.85rem;color:var(--text-primary);line-height:1.5;word-break:break-word;flex:1;min-width:0}.user-message .msg-timestamp{font-size:.6rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-self:flex-end;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.user-message:hover .msg-timestamp{opacity:1}.msg-text strong{color:var(--text-primary);font-weight:700}.msg-text em{color:var(--text-secondary);font-style:italic}.msg-text del{color:var(--text-muted);text-decoration:line-through}.msg-link{color:var(--signal-mid);text-decoration:none;border-bottom:1px solid rgba(0,184,204,.3);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.msg-link:hover{color:var(--signal-bright);border-bottom-color:var(--signal-bright)}.msg-inline-code{font-family:JetBrains Mono,monospace;font-size:.8em;color:var(--amber-bright);background:#ffbe2e14;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,190,46,.15)}.msg-code-block{font-family:JetBrains Mono,monospace;font-size:.78em;color:var(--text-primary);background:#050a1299;padding:var(--space-sm) var(--space-md);border-radius:4px;border:1px solid rgba(0,240,255,.1);margin:var(--space-xs) 0;overflow-x:auto;white-space:pre;line-height:1.6}.msg-code-block code{background:none;padding:0;border:none;font-size:inherit;color:inherit}.system-message{padding:var(--space-xs) var(--space-md);animation:fade-in-up var(--duration-mid) var(--ease-out) both}.system-message .msg-text{font-size:.7rem;font-style:italic;color:var(--amber-mid);letter-spacing:.02em;display:flex;align-items:center;gap:var(--space-sm)}.system-message .msg-text:before{content:"›";color:var(--amber-bright);font-style:normal;font-weight:700}.new-messages-divider{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);margin:var(--space-xs) 0;-webkit-user-select:none;user-select:none}.new-messages-divider:before,.new-messages-divider:after{content:"";flex:1;height:1px;background:var(--amber-bright);opacity:.6}.new-messages-divider span{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.15em;color:var(--amber-bright);white-space:nowrap;text-transform:uppercase}.mention{color:var(--signal-bright);font-weight:500;background:#00f0ff14;padding:1px 4px;border-radius:3px;cursor:default;transition:background var(--duration-fast) var(--ease-out)}.mention:hover{background:#00f0ff26}.mention-self{color:var(--nebula);background:#b44aff26;font-weight:600}.mention-self:hover{background:#b44aff40}.user-message.mention-ping{background:#b44aff0f;border-left:2px solid var(--nebula);padding-left:calc(var(--space-md) - 2px)}.user-message.mention-ping:hover{background:#b44aff1a}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--void-mid);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);box-shadow:0 -4px 24px #0006,0 0 0 1px #00f0ff0d;margin-bottom:var(--space-xs);z-index:20;-webkit-overflow-scrolling:touch;animation:fade-in-up var(--duration-fast) var(--ease-out) both}.mention-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease-out);font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary)}.mention-option:hover,.mention-option.highlighted{background:var(--signal-ghost)}.mention-option.highlighted{border-left:2px solid var(--signal-bright);padding-left:calc(var(--space-md) - 2px)}.mention-option .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mention-option .status-dot.online{background:var(--signal-bright);box-shadow:0 0 6px var(--signal-bright)}.mention-option .status-dot.offline{background:var(--text-muted);opacity:.5}.mention-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-backdrop{position:fixed;inset:0;z-index:10;background:#050a12b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-fade-in var(--duration-mid) var(--ease-out) both}.crew-backdrop.closing{opacity:0;transition:opacity var(--duration-mid) var(--ease-out)}.crew-drawer{position:fixed;top:0;right:0;bottom:0;z-index:11;width:min(300px,85vw);display:flex;flex-direction:column;background:var(--void-mid);border-left:1px solid rgba(0,240,255,.1);box-shadow:-8px 0 32px #00000080;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-xl) var(--space-lg);animation:drawer-slide-in var(--duration-mid) var(--ease-out) both}.crew-drawer.closing{animation:drawer-slide-out var(--duration-mid) var(--ease-out) both}.crew-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid rgba(0,240,255,.08)}.crew-drawer .drawer-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.crew-drawer .drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;line-height:1}.crew-drawer .drawer-close:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}.crew-section{margin-bottom:var(--space-xl)}.crew-section .section-label{font-family:var(--font-display);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(0,240,255,.06);margin-bottom:var(--space-sm)}.crew-member{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);animation:fade-in-up var(--duration-mid) var(--ease-out) both;min-height:40px}.crew-member:hover{background:var(--signal-ghost)}.crew-member .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.crew-member .status-dot.online{background:var(--signal-bright);box-shadow:0 0 6px var(--signal-bright);animation:pulse-glow 2.5s ease-in-out infinite}.crew-member .status-dot.offline{background:var(--text-muted);opacity:.5}.crew-member .member-name{font-size:.8rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-member .member-name.is-offline{color:var(--text-muted)}.drawer-share{padding:0 0 var(--space-md);border-bottom:1px solid rgba(0,240,255,.08);margin-bottom:var(--space-sm)}.share-open-btn{width:100%;font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--signal-mid);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.share-open-btn:hover{background:var(--signal-ghost);border-color:var(--signal-bright);color:var(--signal-bright);box-shadow:0 0 12px #00f0ff26}.share-backdrop{position:fixed;inset:0;z-index:20;background:#050a12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdrop-fade-in var(--duration-mid) var(--ease-out) both}.share-modal{position:fixed;z-index:21;inset:0;margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:min(340px,90vw);height:fit-content;padding:var(--space-xl) var(--space-lg);background:var(--void-mid);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);box-shadow:0 0 40px #00f0ff14,0 24px 64px #0009;animation:fade-in-up var(--duration-mid) var(--ease-out) both}.share-title{font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--signal-bright)}.share-qr{padding:var(--space-md);background:#0000004d;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);line-height:0}.share-info{display:flex;align-items:center;gap:var(--space-sm)}.share-label{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.share-name{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--signal-bright)}.share-url{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);word-break:break-all;text-align:center;line-height:1.5;padding:var(--space-xs) var(--space-sm);background:#0003;border-radius:var(--radius-sm);width:100%}.share-close-btn{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-xl);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px;min-width:44px}.share-close-btn:hover{background:var(--signal-bright);box-shadow:0 0 16px #00f0ff4d}.dm-backdrop{position:fixed;inset:0;z-index:20;background:#050a12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdrop-fade-in var(--duration-mid) var(--ease-out) both}.dm-modal{position:fixed;z-index:21;inset:0;margin:auto;display:flex;flex-direction:column;gap:var(--space-md);width:min(400px,92vw);height:fit-content;max-height:80vh;padding:var(--space-xl) var(--space-lg);background:var(--void-mid);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);box-shadow:0 0 40px #00f0ff14,0 24px 64px #0009;animation:fade-in-up var(--duration-mid) var(--ease-out) both}.dm-modal-title{font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--signal-bright);text-align:center}.dm-search-section{display:flex;flex-direction:column;gap:var(--space-xs)}.dm-search-wrapper{display:flex;align-items:center;background:var(--void-surface);border:1px solid rgba(0,240,255,.12);border-radius:var(--radius-sm);padding:0 var(--space-sm);transition:border-color var(--duration-fast) var(--ease-out)}.dm-search-wrapper:focus-within{border-color:var(--signal-mid);box-shadow:0 0 8px #00f0ff1a}.dm-search-at{font-family:var(--font-mono);font-size:.85rem;color:var(--signal-dim);-webkit-user-select:none;user-select:none;padding-right:var(--space-xs)}.dm-search-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);padding:var(--space-sm) 0;min-height:44px}.dm-search-input::placeholder{color:var(--text-muted)}.dm-search-results{max-height:240px;overflow-y:auto;border:1px solid rgba(0,240,255,.08);border-radius:var(--radius-sm);background:var(--void-deep)}.dm-user-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);min-height:44px}.dm-user-result:hover,.dm-user-result.highlighted{background:var(--signal-ghost)}.dm-user-result.highlighted{border-left:2px solid var(--signal-bright)}.dm-user-name{font-family:var(--font-mono);font-size:.85rem;color:var(--signal-bright);font-weight:500}.dm-user-display{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.dm-no-results{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:.8rem}.dm-compose-section{display:flex;flex-direction:column;gap:var(--space-sm)}.dm-selected-chip{display:inline-flex;align-items:center;gap:var(--space-xs);background:#00f0ff1a;border:1px solid var(--signal-dim);border-radius:100px;padding:var(--space-xs) var(--space-sm);width:fit-content}.dm-chip-name{font-family:var(--font-mono);font-size:.8rem;color:var(--signal-bright);font-weight:500}.dm-chip-remove{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 var(--space-xs);line-height:1;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--duration-fast) var(--ease-out)}.dm-chip-remove:hover{color:var(--signal-bright);background:#00f0ff26}.dm-channel-name-input{background:var(--void-surface);border:1px solid rgba(0,240,255,.08);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.dm-channel-name-input:focus{border-color:var(--signal-dim)}.dm-channel-name-input::placeholder{color:var(--text-muted);font-size:.75rem}.dm-message-input{background:var(--void-surface);border:1px solid rgba(0,240,255,.12);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);resize:vertical;min-height:80px;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.dm-message-input:focus{border-color:var(--signal-mid);box-shadow:0 0 8px #00f0ff1a}.dm-message-input::placeholder{color:var(--text-muted)}.dm-send-btn{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-xl);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px;align-self:flex-end}.dm-send-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 0 16px #00f0ff4d}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed}.dm-close-btn{font-family:var(--font-mono);font-size:.75rem;background:none;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);color:var(--text-muted);padding:var(--space-xs) var(--space-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px;text-align:center}.dm-close-btn:hover{color:var(--text-primary);border-color:#00f0ff4d}.dm-status-success{padding:var(--space-sm) var(--space-md);text-align:center;color:var(--signal-bright);font-family:var(--font-mono);font-size:.8rem;background:#00f0ff0f;border-radius:var(--radius-sm)}.dm-status-error{padding:var(--space-sm) var(--space-md);text-align:center;color:var(--amber-bright);font-family:var(--font-mono);font-size:.8rem;background:#ffbe2e14;border-radius:var(--radius-sm)}@keyframes roar-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes roar-pulse{0%,to{box-shadow:0 0 8px #00f0ff26}50%{box-shadow:0 0 24px #00f0ff59,0 0 48px #00f0ff1a}}.roar-container{position:fixed;top:60px;right:var(--space-md);z-index:30;display:flex;flex-direction:column;gap:var(--space-sm);max-width:min(360px,90vw);pointer-events:none}.roar-notification{position:relative;background:var(--void-mid);border:1px solid rgba(0,240,255,.25);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;pointer-events:auto;animation:roar-slide-in var(--duration-mid) var(--ease-out) both,roar-pulse 2s ease-in-out infinite .3s;transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.roar-notification:hover{border-color:var(--signal-bright);background:var(--void-surface)}.roar-header{font-family:var(--font-display);font-size:.5rem;letter-spacing:.25em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:var(--space-xs)}.roar-body{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.roar-sender{font-family:var(--font-mono);font-size:.85rem;color:var(--signal-bright);font-weight:600}.roar-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.roar-dismiss{position:absolute;top:var(--space-xs);right:var(--space-xs);background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--duration-fast) var(--ease-out);pointer-events:auto}.roar-dismiss:hover{color:var(--signal-bright);background:#00f0ff1a}.roar-pulse{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--signal-bright),transparent);animation:roar-pulse-bar 2s ease-in-out infinite}@keyframes roar-pulse-bar{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:767px){.roar-container{right:50%;transform:translate(50%);max-width:92vw}}.composer{grid-column:1 / -1;padding:2px var(--space-md);padding-bottom:max(2px,env(safe-area-inset-bottom));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));border-top:1px solid rgba(0,240,255,.08);background:linear-gradient(0deg,rgba(0,240,255,.03),transparent)}.composer form{display:flex;align-items:flex-end;gap:var(--space-sm)}.composer .input-wrapper{flex:1;position:relative;min-width:0}.composer textarea{width:100%;min-height:44px;max-height:120px;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:16px;color:var(--text-primary);background:var(--void-surface);border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-md);resize:none;line-height:1.5;transition:all var(--duration-fast) var(--ease-out);-webkit-overflow-scrolling:touch;margin-bottom:-7px}.composer textarea::placeholder{color:var(--text-muted);font-style:italic}.composer textarea:focus{outline:none;border-color:var(--signal-mid);background:var(--void-mid);box-shadow:0 0 0 3px #00f0ff0f,inset 0 0 20px #00f0ff05}.composer .send-btn{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);min-height:44px;min-width:44px;background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border:1px solid var(--signal-mid);border-radius:var(--radius-md);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.composer .send-btn:hover{background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 0 20px #00f0ff40,0 0 40px #00f0ff1a;transform:translateY(-1px)}.composer .send-btn:active{transform:translateY(0)}.composer .send-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--void-elevated);border-color:var(--text-muted);color:var(--text-muted);box-shadow:none;transform:none}.composer .send-btn .send-icon{display:none}@media(max-width:480px){.composer .send-btn .send-label{display:none}.composer .send-btn .send-icon{display:inline;font-size:1.2rem;font-weight:700;line-height:1}.composer .send-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}}.connecting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:var(--space-lg);position:relative;z-index:2;padding:var(--space-md)}.connecting-screen .conn-title{font-family:var(--font-display);font-size:clamp(1rem,.5rem + 2vw,1.5rem);font-weight:700;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 3s ease-in-out infinite}.connecting-screen .conn-sub{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}.connecting-screen .conn-dots{display:flex;gap:var(--space-sm)}.connecting-screen .conn-dots span{width:6px;height:6px;border-radius:50%;background:var(--signal-bright);animation:pulse-glow 1.5s ease-in-out infinite}.connecting-screen .conn-dots span:nth-child(2){animation-delay:.3s}.connecting-screen .conn-dots span:nth-child(3){animation-delay:.6s}.connecting-screen .conn-reset{margin-top:var(--space-lg);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-dim);border-radius:4px;cursor:pointer;letter-spacing:.05em;opacity:0;animation:fade-in 1s ease-in 3s forwards;min-height:44px;min-width:44px}.connecting-screen .conn-reset:active{background:var(--border-dim);color:var(--text-primary)}@keyframes fade-in{to{opacity:.6}}.connecting-screen .conn-debug{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-top:var(--space-md);opacity:.5}.diag-toggle{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px;min-width:44px}.diag-toggle:hover{border-color:var(--signal-mid);color:var(--signal-mid)}.diag-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:min(320px,90vw);padding:var(--space-md);background:#050a12d9;border:1px solid var(--signal-dim);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in-up var(--duration-mid) var(--ease-out) both}.diag-title{font-family:var(--font-display);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-mid)}.diag-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);width:100%;font-family:var(--font-mono);font-size:.7rem}.diag-label{color:var(--text-muted);text-align:right}.diag-value{color:var(--text-secondary);word-break:break-all}.diag-value.ok{color:var(--signal-bright)}.diag-value.err{color:var(--amber-bright)}.diag-actions{display:flex;gap:var(--space-sm);width:100%}.diag-btn{flex:1;font-family:var(--font-display);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-sm) var(--space-sm);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.diag-btn:hover{background:var(--signal-bright);box-shadow:0 0 16px #00f0ff4d}@media(min-width:640px){.profile{padding:var(--space-md) var(--space-xl)}.composer{padding:2px var(--space-xl)}.composer form{gap:0;align-items:stretch;max-width:860px;margin:0 auto}.composer textarea{border-top-right-radius:0;border-bottom-right-radius:0}.composer .send-btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;position:relative;z-index:1;padding:var(--space-sm) var(--space-xl);min-width:120px;font-size:.7rem;letter-spacing:.18em}.profile .callsign-name{max-width:none}}@media(max-width:480px){.desktop-only{display:none!important}}@media(min-width:481px){.mobile-only{display:none!important}}@media(max-width:480px){.App{grid-template-rows:auto 1fr;min-height:100dvh}.profile{min-height:44px;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);padding-top:max(var(--space-xs),env(safe-area-inset-top));padding-left:max(var(--space-sm),env(safe-area-inset-left));padding-right:max(var(--space-sm),env(safe-area-inset-right))}.profile .logo,.profile .callsign-label{display:none}.sidebar-toggle{width:44px;height:44px}.channel-info{flex:1;margin-left:0;justify-content:center}.channel-info-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.channel-info-topic,.channel-info-topic.placeholder,.share-header-btn{display:none}.composer{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:var(--space-xs) var(--space-sm);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));padding-left:max(var(--space-sm),env(safe-area-inset-left));padding-right:max(var(--space-sm),env(safe-area-inset-right));background:none;border-top:none}.composer form{gap:var(--space-xs);align-items:center;background:#0a1628a6;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(0,240,255,.12);border-radius:28px;padding:4px 4px 4px 16px}.composer textarea{min-height:36px;padding:6px 0;background:transparent;border:none;border-radius:0}.composer textarea:focus{background:transparent;border:none;box-shadow:none}.message-panel{padding:var(--space-sm) var(--space-sm) 0}.messages,.messages-empty{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.messages{gap:1px}.user-message{padding:var(--space-xs) var(--space-sm);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.user-message .msg-text{font-size:.82rem;line-height:1.4}.user-message .msg-sender{font-size:.75rem}.user-message .msg-time{font-size:.6rem}.user-message .msg-timestamp{opacity:.6}.user-message .msg-edit-btn,.user-message .msg-delete-btn{display:none}.typing-indicator{position:fixed;bottom:calc(48px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:20;background:#0a1628e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-sm)}}.header-overflow{position:relative;margin-left:auto;flex-shrink:0}.header-overflow-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.3rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;flex-shrink:0}.header-overflow-btn:active{background:var(--signal-ghost);border-color:var(--signal-mid)}.header-overflow-backdrop{position:absolute;top:-100vh;left:-100vw;width:300vw;height:300vh;z-index:19}.header-overflow-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:160px;background:var(--void-mid);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;padding:var(--space-xs) 0;animation:fade-in-up var(--duration-fast) var(--ease-out) both}.header-overflow-menu button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;text-align:left;cursor:pointer;min-height:44px;display:flex;align-items:center;transition:background var(--duration-fast) var(--ease-out)}.header-overflow-menu button:active{background:var(--signal-ghost)}.header-overflow-menu button.danger{color:#ff6b6b}.header-overflow-menu button.danger:active{background:#ff3c3c14}@media(min-width:768px){.App.has-sidebar{grid-template-columns:240px 1fr}.App.has-sidebar .message-panel,.App.has-sidebar .composer{grid-column:2 / -1}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;padding:0}.sidebar-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}.sidebar-toggle .hamburger-icon{display:flex;flex-direction:column;gap:3px;width:16px}.sidebar-toggle .hamburger-icon span{display:block;height:2px;width:100%;background:var(--signal-mid);border-radius:1px}.channel-info{flex:1;display:flex;align-items:baseline;gap:var(--space-sm);margin-left:var(--space-md);overflow:hidden;min-width:0}.channel-info-name{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.channel-info-username{font-size:.7rem;font-weight:400;color:var(--text-muted);margin-left:var(--space-sm)}.channel-info-name.editable{cursor:pointer;border-bottom:1px dashed var(--text-muted);padding-bottom:1px;transition:all var(--duration-fast) var(--ease-out)}.channel-info-name.editable:hover{color:var(--signal-bright);border-bottom-color:var(--signal-dim)}.channel-name-edit-row{display:flex;align-items:center;gap:var(--space-xs)}.channel-name-edit{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--signal-bright);background:var(--void-surface);border:1px solid var(--signal-dim);border-radius:var(--radius-sm);padding:4px var(--space-sm);outline:none;min-width:120px;max-width:220px}.channel-name-edit:focus{border-color:var(--signal-bright);box-shadow:0 0 8px #00f0ff26}.channel-name-save-btn{font-family:var(--font-display);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;padding:4px var(--space-sm);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;min-height:28px}.channel-name-save-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 0 12px #00f0ff40}.channel-name-save-btn:disabled{opacity:.4;cursor:not-allowed}.channel-name-cancel-btn{background:none;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px;line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.channel-name-cancel-btn:hover{color:var(--text-primary);border-color:#00f0ff4d}.channel-info-topic{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-info-topic.editable{cursor:pointer;border-bottom:1px dashed transparent;padding-bottom:1px;transition:all var(--duration-fast) var(--ease-out)}.channel-info-topic.editable:hover{color:var(--text-secondary);border-bottom-color:var(--text-muted)}.channel-info-topic.placeholder{font-style:italic;opacity:.5}.channel-info-topic.placeholder:hover{opacity:.8}.channel-topic-edit{font-size:.75rem;min-width:160px;max-width:280px}.share-header-btn{margin-left:auto;font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:36px;white-space:nowrap}.share-header-btn:hover{border-color:var(--signal-mid);color:var(--signal-mid)}.delete-channel-btn{margin-left:var(--space-sm);border-color:#ff3c3c40;color:#ff6464b3}.delete-channel-btn:hover{border-color:#ff3c3c99;color:#ff6b6b;background:#ff3c3c14;box-shadow:0 0 8px #ff3c3c26}.delete-confirm-modal{border-color:#ff3c3c33;box-shadow:0 0 40px #ff3c3c0f,0 24px 64px #0009}.delete-confirm-text{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--text-secondary);text-align:center;margin:0}.delete-confirm-text strong{color:var(--signal-bright)}.delete-confirm-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-sm)}.delete-confirm-cancel,.delete-confirm-execute{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px;min-width:100px}.delete-confirm-cancel{background:transparent;border:1px solid var(--signal-dim);color:var(--text-muted)}.delete-confirm-cancel:hover{border-color:var(--signal-mid);color:var(--text-primary)}.delete-confirm-execute{background:#ff3c3c1f;border:1px solid rgba(255,60,60,.4);color:#ff6b6b}.delete-confirm-execute:hover{background:#ff3c3c33;border-color:#ff3c3cb3;color:#ff8a8a;box-shadow:0 0 12px #ff3c3c33}.channel-sidebar{position:fixed;z-index:25;top:52px;top:calc(env(safe-area-inset-top,0px) + 48px);left:0;bottom:0;width:100%;display:flex;flex-direction:column;background:var(--void-mid);border-right:1px solid rgba(0,240,255,.08);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:4px 0 24px #00000080;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.App.has-sidebar .channel-sidebar{transform:translate(0)}@media(min-width:768px){.channel-sidebar{position:static;z-index:auto;top:auto;left:auto;bottom:auto;width:240px;grid-row:2 / 4;grid-column:1;box-shadow:none;transform:none;transition:none}.App:not(.has-sidebar) .channel-sidebar{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid rgba(0,240,255,.08)}.sidebar-user{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;flex:1}.notif-bell-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:transparent;border:1px solid rgba(0,240,255,.12);border-radius:6px;color:var(--signal-bright);cursor:pointer;transition:opacity .2s,background .2s,border-color .2s;flex-shrink:0}.notif-bell-btn:hover{background:#00f0ff0f;border-color:#00f0ff40}.notif-bell-btn.notif-off{opacity:.35;color:var(--text-secondary);border-color:#00f0ff0f}.notif-bell-btn.notif-off:hover{opacity:.6}.notif-bell-btn.notif-mentions{color:var(--signal-mid);border-color:#00f0ff14}[data-theme=solar-flare] .notif-bell-btn{border-color:#ffb8331f}[data-theme=solar-flare] .notif-bell-btn:hover{background:#ffb8330f;border-color:#ffb83340}[data-theme=andromeda-shores] .notif-bell-btn{border-color:#0a8b7c1f}[data-theme=andromeda-shores] .notif-bell-btn:hover{background:#0a8b7c0f;border-color:#0a8b7c40}[data-theme=frozen-outpost] .notif-bell-btn{border-color:#1a7ab826}[data-theme=frozen-outpost] .notif-bell-btn:hover{background:#1a7ab80f;border-color:#1a7ab840}[data-theme=iron-dunes] .notif-bell-btn{border-color:#d4804c1f}[data-theme=iron-dunes] .notif-bell-btn:hover{background:#d4804c0f;border-color:#d4804c40}.sidebar-username{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--signal-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-username.clickable-name{cursor:pointer;transition:text-decoration-color .15s ease;text-decoration:underline transparent}.sidebar-username.clickable-name:hover{text-decoration-color:var(--signal-mid)}.sidebar-name-edit{display:flex;flex-direction:column;gap:4px;width:100%}.sidebar-name-input{font-family:var(--font-mono);font-size:.8rem;background:var(--void-deep);border:1px solid var(--signal-dim);color:var(--text-primary);padding:4px 8px;border-radius:4px;width:100%;min-width:0}.sidebar-name-input:focus{outline:none;border-color:var(--signal-bright);box-shadow:0 0 4px var(--signal-glow)}.sidebar-name-actions{display:flex;gap:4px}.sidebar-name-confirm,.sidebar-name-cancel{min-width:28px;min-height:28px;padding:2px 8px;font-size:.75rem;border:1px solid var(--signal-dim);border-radius:4px;background:var(--void-surface);color:var(--text-primary);cursor:pointer}.sidebar-name-confirm:hover{background:var(--signal-dim);color:var(--signal-bright)}.sidebar-name-cancel:hover{background:var(--void-elevated)}.sidebar-handle{font-size:.65rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:0}.sidebar-disconnect{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-top:1px solid rgba(0,240,255,.06);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.sidebar-disconnect:hover{color:var(--amber-bright);background:#ffbe2e0f}.sidebar-section{padding:var(--space-sm) 0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md)}.sidebar-section-title{font-family:var(--font-display);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.sidebar-add-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;line-height:1}.sidebar-add-btn:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}.sidebar-channel{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;min-height:32px}.sidebar-channel:hover{background:var(--signal-ghost);color:var(--text-primary)}.sidebar-channel.active{background:#00f0ff14;color:var(--signal-bright);border-left:2px solid var(--signal-bright);padding-left:calc(var(--space-md) - 2px)}.sidebar-channel.unread .channel-name{color:var(--text-primary);font-weight:700}.sidebar-channel.unread .channel-hash{color:var(--signal-bright)}.unread-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--signal-bright);box-shadow:0 0 6px #00f0ff99;margin-left:auto;animation:unread-pulse 2s ease-in-out infinite}.mention-badge{margin-left:auto;font-size:.65rem;font-weight:800;font-family:var(--font-mono);line-height:1;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--signal-bright);color:var(--void-deep);box-shadow:0 0 8px #00f0ff80;animation:mention-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes mention-pulse{0%,to{box-shadow:0 0 6px #00f0ff66}50%{box-shadow:0 0 14px #00f0ffcc}}@keyframes unread-pulse{0%,to{box-shadow:0 0 4px #00f0ff66}50%{box-shadow:0 0 10px #00f0ffe6}}.channel-hash{color:var(--text-muted);font-weight:700}.sidebar-empty{padding:var(--space-sm) var(--space-md);font-size:.7rem;color:var(--text-muted);font-style:italic}.sidebar-online-count{font-family:var(--font-mono);font-size:.65rem;color:var(--signal-bright);background:#00f0ff1a;padding:1px 6px;border-radius:var(--radius-sm);min-width:18px;text-align:center}.sidebar-online-user{display:flex;align-items:center;gap:var(--space-sm)}.renamed-indicator{margin-left:auto;font-family:var(--font-display, "Orbitron", monospace);font-size:.65rem;font-weight:700;color:var(--accent-amber, #f0c040);background:#f0c0401f;border:1px solid rgba(240,192,64,.3);border-radius:4px;padding:1px 5px;cursor:pointer;line-height:1.4;transition:background .15s,border-color .15s}.renamed-indicator:hover{background:#f0c04040;border-color:#f0c04099}.online-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 8px #22c55ecc}}.create-channel-form{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.create-channel-form input{font-family:var(--font-mono);font-size:.75rem;padding:var(--space-xs) var(--space-sm);background:var(--void-surface);border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--text-primary);min-height:30px}.create-channel-form input:focus{outline:none;border-color:var(--signal-bright)}.create-channel-actions{display:flex;gap:var(--space-xs)}.create-channel-actions button{flex:1;font-family:var(--font-display);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-xs);background:var(--signal-dim);border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:28px}.create-channel-actions button:hover{background:var(--signal-bright)}.create-channel-actions button:last-child{background:transparent;border-color:var(--signal-dim);color:var(--text-muted)}.create-channel-actions button:last-child:hover{border-color:var(--signal-mid);color:var(--text-secondary);background:transparent}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:var(--space-lg);position:relative;z-index:2;padding:var(--space-md)}.auth-screen .conn-title{font-family:var(--font-display);font-size:clamp(1rem,.5rem + 2vw,1.5rem);font-weight:700;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 3s ease-in-out infinite}.auth-screen .conn-sub{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}.auth-form{display:flex;flex-direction:column;gap:var(--space-md);width:min(320px,90vw)}.auth-field{display:flex;flex-direction:column;gap:var(--space-xs)}.auth-field label{font-family:var(--font-display);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.auth-field input{font-family:var(--font-mono);font-size:.85rem;padding:var(--space-sm) var(--space-md);background:var(--void-surface);border:1px solid var(--signal-dim);border-radius:var(--radius-sm);color:var(--text-primary);min-height:44px;transition:border-color var(--duration-fast) var(--ease-out)}.auth-field input:focus{outline:none;border-color:var(--signal-bright);box-shadow:0 0 0 3px #00f0ff1a}.auth-field input:disabled{opacity:.5}.auth-error{font-size:.75rem;color:var(--amber-bright);padding:var(--space-sm);background:var(--amber-dim);border:1px solid rgba(255,190,46,.3);border-radius:var(--radius-sm)}.auth-submit{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border:1px solid var(--signal-mid);border-radius:var(--radius-sm);color:var(--void-deep);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 0 20px #00f0ff40}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{font-family:var(--font-mono);font-size:.7rem;color:var(--signal-mid);background:transparent;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.auth-toggle:hover{color:var(--signal-bright)}.auth-toggle:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{font-size:.7rem;color:var(--text-muted);font-style:italic;padding:var(--space-xs) var(--space-md);animation:fade-in-up var(--duration-fast) var(--ease-out) both}.msg-delete-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:1px solid rgba(255,190,46,.2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.6rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;line-height:1}.msg-delete-btn:hover{border-color:var(--amber-mid);color:var(--amber-bright);background:#ffbe2e14}.msg-deleted{color:var(--text-muted)!important;font-style:italic}.msg-edit-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:1px solid rgba(255,190,46,.2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.65rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;line-height:1}.msg-edit-btn:hover{border-color:var(--cyan-mid);color:var(--cyan-bright);background:#00ffff14}.msg-edited{font-size:.65rem;color:var(--text-muted);font-style:italic;opacity:.7}.msg-edit-form{padding:4px 0}.msg-edit-input{width:100%;background:#0000004d;border:1px solid var(--cyan-mid);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;padding:8px;resize:vertical;min-height:44px;box-sizing:border-box}.msg-edit-input:focus{outline:none;border-color:var(--cyan-bright);box-shadow:0 0 8px #00ffff26}.msg-edit-actions{display:flex;gap:8px;margin-top:4px}.msg-edit-save,.msg-edit-cancel{min-width:44px;min-height:44px;padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.msg-edit-save{background:#00ffff1a;border:1px solid var(--cyan-mid);color:var(--cyan-bright)}.msg-edit-save:hover{background:#0ff3}.msg-edit-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-muted)}.msg-edit-cancel:hover{border-color:var(--amber-mid);color:var(--text-secondary)}.msg-actions{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.user-message:hover .msg-actions{opacity:1}.msg-reactions-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-left:0}.msg-react-btn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 6px;border:1px dashed var(--accent);border-radius:12px;background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer;opacity:0;transition:all .15s ease}.user-message:hover .msg-react-btn,.msg-reactions-row:has(.reaction-badge) .msg-react-btn{opacity:.5}.msg-react-btn:hover{opacity:1;color:var(--accent-bright);border-style:solid;border-color:var(--accent-bright);background:#00ffff0d}.reaction-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--accent);border-radius:12px;background:#00ffff0a;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s ease;min-height:28px}.reaction-badge:hover{background:#00ffff1a;border-color:var(--accent-bright);box-shadow:0 0 8px #0ff3}.reaction-badge.user-reacted{background:#00ffff1f;border-color:var(--accent-bright)}.reaction-emoji{font-size:.95rem;line-height:1}.reaction-count{font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--accent-bright);min-width:8px;text-align:center}.reaction-picker{display:flex;align-items:center;gap:2px;padding:6px;margin-top:4px;background:var(--bg-panel);border:1px solid var(--accent);border-radius:8px;box-shadow:0 4px 16px #0006,0 0 12px #00ffff26;animation:reactionSlideIn .12s ease-out;width:fit-content;position:relative;z-index:51}@keyframes reactionSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reaction-picker-emoji{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;font-size:1.3rem;cursor:pointer;transition:all .12s ease}.reaction-picker-emoji:hover{background:#00ffff1a;border-color:var(--accent);transform:scale(1.15)}.reaction-picker-emoji:active{transform:scale(.95)}.reaction-picker-divider{width:1px;height:24px;background:var(--accent);opacity:.3;margin:0 2px}.reaction-picker-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .12s ease}.reaction-picker-action:hover{background:#00ffff1a;border-color:var(--accent);color:var(--accent-bright)}.reaction-picker-action.danger:hover{background:#ff64641a;border-color:#ff646480;color:#ff6464}.reaction-picker-backdrop{position:fixed;inset:0;z-index:50}@media(max-width:768px){.msg-actions{opacity:1}.msg-react-btn{display:none}.reaction-badge{min-height:36px;padding:4px 10px}.reaction-picker-emoji{width:48px;height:48px;font-size:1.5rem}.reaction-picker-action{width:48px;height:48px;font-size:1.1rem}.reaction-picker-divider{height:32px}}.deleted-message{opacity:.5}.loading-more{text-align:center;font-size:.7rem;color:var(--text-muted);padding:var(--space-sm);font-style:italic}.mention-option-display{font-size:.7rem;color:var(--text-muted);margin-left:var(--space-xs)}.mention-option-nick{font-size:.7rem;color:var(--amber-bright);margin-left:var(--space-xs);font-style:italic}[data-theme=solar-flare] .starfield{background:radial-gradient(ellipse at 20% 50%,rgba(255,120,20,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,60,20,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(255,184,51,.04) 0%,transparent 50%),var(--void-deep)}[data-theme=solar-flare] .starfield:before{background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,220,160,.7),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,200,120,.5),transparent),radial-gradient(1.5px 1.5px at 40% 60%,rgba(255,184,51,.6),transparent),radial-gradient(1px 1px at 55% 20%,rgba(255,230,180,.4),transparent),radial-gradient(1px 1px at 70% 75%,rgba(255,200,120,.6),transparent),radial-gradient(1.5px 1.5px at 85% 45%,rgba(255,100,40,.5),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,230,180,.3),transparent),radial-gradient(1px 1px at 95% 10%,rgba(255,200,120,.5),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,184,51,.4),transparent),radial-gradient(1px 1px at 30% 90%,rgba(255,220,160,.4),transparent),radial-gradient(1px 1px at 65% 5%,rgba(255,200,120,.6),transparent),radial-gradient(1.5px 1.5px at 80% 85%,rgba(255,184,51,.3),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,230,180,.5),transparent),radial-gradient(1px 1px at 45% 30%,rgba(255,100,40,.3),transparent),radial-gradient(1px 1px at 90% 60%,rgba(255,220,160,.4),transparent)}[data-theme=solar-flare] .starfield:after{background-image:radial-gradient(1px 1px at 12% 42%,rgba(255,230,180,.5),transparent),radial-gradient(1.5px 1.5px at 28% 68%,rgba(255,184,51,.4),transparent),radial-gradient(1px 1px at 62% 38%,rgba(255,200,120,.6),transparent),radial-gradient(1px 1px at 78% 12%,rgba(255,100,40,.4),transparent),radial-gradient(1px 1px at 35% 88%,rgba(255,230,180,.3),transparent),radial-gradient(1px 1px at 88% 55%,rgba(255,200,120,.5),transparent),radial-gradient(1px 1px at 8% 72%,rgba(255,184,51,.3),transparent),radial-gradient(1px 1px at 52% 22%,rgba(255,220,160,.4),transparent)}[data-theme=solar-flare] .scanline-overlay{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,184,51,.012) 2px,rgba(255,184,51,.012) 4px)}[data-theme=solar-flare] .scanline-overlay:after{background:linear-gradient(180deg,rgba(255,184,51,.06),transparent)}[data-theme=solar-flare] .profile{border-bottom:1px solid rgba(255,184,51,.1);background:linear-gradient(180deg,rgba(255,184,51,.04),transparent)}[data-theme=solar-flare] .profile .logo{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=solar-flare] .profile .logo .logo-dot{background:var(--signal-bright);box-shadow:0 0 8px var(--signal-bright),0 0 20px #ffb8334d}[data-theme=solar-flare] .sidebar-toggle{border-color:#ffb83326}[data-theme=solar-flare] .sidebar-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}[data-theme=solar-flare] .crew-toggle{border-color:#ffb83326}[data-theme=solar-flare] .crew-toggle .badge{box-shadow:0 0 8px #ffb83366}[data-theme=solar-flare] .message-panel .panel-header{border-bottom-color:#ffb8330f}[data-theme=solar-flare] .message-panel .panel-header:before{background:var(--signal-bright);box-shadow:0 0 6px var(--signal-bright)}[data-theme=solar-flare] .user-message:hover{background:var(--signal-ghost)}[data-theme=solar-flare] .mention{color:var(--signal-bright);background:#ffb83314}[data-theme=solar-flare] .mention:hover{background:#ffb83326}[data-theme=solar-flare] .mention-self{color:var(--nebula);background:#ff884426}[data-theme=solar-flare] .mention-self:hover{background:#ff884440}[data-theme=solar-flare] .user-message.mention-ping{background:#ff88440f;border-left-color:var(--nebula)}[data-theme=solar-flare] .user-message.mention-ping:hover{background:#ff88441a}[data-theme=solar-flare] .mention-autocomplete{border-color:#ffb83326;box-shadow:0 -4px 24px #0006,0 0 0 1px #ffb8330d}[data-theme=solar-flare] .mention-option.highlighted{border-left-color:var(--signal-bright)}[data-theme=solar-flare] .msg-inline-code{color:var(--amber-bright);background:#ff554414;border-color:#ff554426}[data-theme=solar-flare] .msg-code-block{background:#0c060499;border-color:#ffb8331a}[data-theme=solar-flare] .composer{border-top:1px solid rgba(255,184,51,.08);background:linear-gradient(0deg,rgba(255,184,51,.03),transparent)}[data-theme=solar-flare] .composer textarea{border-color:#ffb8331a}[data-theme=solar-flare] .composer textarea:focus{border-color:var(--signal-mid);box-shadow:0 0 0 3px #ffb8330f,inset 0 0 20px #ffb83305}[data-theme=solar-flare] .channel-sidebar{border-right-color:#ffb83314}[data-theme=solar-flare] .sidebar-header{border-bottom-color:#ffb83314}[data-theme=solar-flare] .sidebar-channel.active{background:#ffb83314;border-left-color:var(--signal-bright)}[data-theme=solar-flare] .unread-dot{box-shadow:0 0 6px #ff6b3599;animation-name:unread-pulse-solar}[data-theme=solar-flare] .mention-badge{box-shadow:0 0 8px #ff6b3580;animation-name:mention-pulse-solar}@keyframes unread-pulse-solar{0%,to{box-shadow:0 0 4px #ff6b3566}50%{box-shadow:0 0 10px #ff6b35e6}}@keyframes mention-pulse-solar{0%,to{box-shadow:0 0 6px #ff6b3566}50%{box-shadow:0 0 14px #ff6b35cc}}[data-theme=solar-flare] .sidebar-section-header{border-bottom-color:#ffb8330f}[data-theme=solar-flare] .sidebar-online-count{background:#ffb8331a}[data-theme=solar-flare] .online-dot{background:var(--signal-bright);box-shadow:0 0 6px #ffb83399}[data-theme=solar-flare] .crew-backdrop{background:#0c0604b3}[data-theme=solar-flare] .crew-drawer{border-left-color:#ffb8331a}[data-theme=solar-flare] .crew-drawer .drawer-header{border-bottom-color:#ffb83314}[data-theme=solar-flare] .share-backdrop,[data-theme=solar-flare] .dm-backdrop{background:#0c0604d9}[data-theme=solar-flare] .share-modal,[data-theme=solar-flare] .dm-modal{border-color:#ffb83326;box-shadow:0 0 40px #ffb83314,0 24px 64px #0009}[data-theme=solar-flare] .delete-channel-btn{border-color:#ff50284d;color:#ff7850b3}[data-theme=solar-flare] .delete-channel-btn:hover{border-color:#ff502899;color:#ff8a5c;background:#ff50281a;box-shadow:0 0 8px #ff502833}[data-theme=solar-flare] .delete-confirm-modal{border-color:#ff502833}[data-theme=solar-flare] .delete-confirm-execute{background:#ff502826;border-color:#ff502866;color:#ff8a5c}[data-theme=solar-flare] .delete-confirm-execute:hover{background:#ff502840;border-color:#ff5028b3;color:#ffab85;box-shadow:0 0 12px #ff502840}[data-theme=solar-flare] .roar-notification{border-color:#ffb83340}[data-theme=solar-flare] .roar-notification:hover{border-color:var(--signal-bright)}[data-theme=solar-flare] .roar-pulse{background:linear-gradient(90deg,transparent,var(--signal-bright),transparent)}[data-theme=solar-flare] .connecting-screen .conn-title,[data-theme=solar-flare] .auth-screen .conn-title{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=solar-flare] .glitch-color{text-shadow:-2px 0 rgba(255,184,51,.5),2px 0 rgba(255,50,50,.3)}[data-theme=solar-flare] .static-fx:after{box-shadow:inset 0 0 30px #ffb83308,inset 0 0 60px #0000001a}[data-theme=solar-flare] .static-fx .interference{background:linear-gradient(90deg,transparent 0%,rgba(255,184,51,.2) 15%,rgba(255,184,51,.5) 50%,rgba(255,184,51,.2) 85%,transparent 100%);box-shadow:0 0 12px #ffb8334d}[data-theme=solar-flare] ::selection{background:var(--signal-glow);color:var(--signal-bright)}[data-theme=solar-flare] :focus-visible{outline-color:var(--signal-mid)}[data-theme=solar-flare] ::-webkit-scrollbar-thumb{background:var(--signal-dim)}[data-theme=solar-flare] ::-webkit-scrollbar-thumb:hover{background:var(--signal-mid)}[data-theme=andromeda-shores] .starfield{background:radial-gradient(circle at 82% 18%,rgba(0,0,0,.85) 0%,rgba(0,0,0,.7) 1.5%,transparent 2.2%),radial-gradient(circle at 82% 18%,rgba(255,180,100,.5) 2.2%,rgba(255,130,60,.3) 3%,transparent 4%),radial-gradient(circle at 82% 18%,rgba(255,100,50,.15) 4%,transparent 7%),radial-gradient(circle at 22% 25%,rgba(230,218,200,.95) 0%,rgba(230,218,200,.95) 3%,transparent 3.1%),radial-gradient(circle at 20.5% 24%,rgba(245,237,228,0) 0%,rgba(245,237,228,0) 2.5%,transparent 2.6%),radial-gradient(circle at 38% 15%,rgba(210,200,190,.8) 0%,rgba(210,200,190,.7) .8%,transparent .9%),radial-gradient(circle at 60% 10%,rgba(200,190,178,.6) 0%,rgba(200,190,178,.5) .3%,transparent .4%),linear-gradient(180deg,#b8d8e8,#d4e8e4,#e8ece0 40%,#f0e8d8 65%,#f5ede4)}[data-theme=andromeda-shores] .starfield:before{background-image:radial-gradient(1px 1px at 15% 30%,rgba(10,139,124,.2),transparent),radial-gradient(1px 1px at 45% 20%,rgba(200,190,178,.4),transparent),radial-gradient(1px 1px at 70% 45%,rgba(10,139,124,.15),transparent),radial-gradient(1px 1px at 30% 70%,rgba(224,104,80,.12),transparent),radial-gradient(1px 1px at 85% 60%,rgba(200,190,178,.3),transparent),radial-gradient(1px 1px at 55% 85%,rgba(10,139,124,.1),transparent);animation-duration:200s;opacity:.6}[data-theme=andromeda-shores] .starfield:after{background-image:radial-gradient(1px 1px at 20% 50%,rgba(200,190,178,.3),transparent),radial-gradient(1px 1px at 60% 30%,rgba(10,139,124,.12),transparent),radial-gradient(1px 1px at 40% 80%,rgba(200,190,178,.2),transparent),radial-gradient(1px 1px at 75% 70%,rgba(224,104,80,.08),transparent);animation-duration:300s;opacity:.5}[data-theme=andromeda-shores] .scanline-overlay{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(10,139,124,.008) 2px,rgba(10,139,124,.008) 4px)}[data-theme=andromeda-shores] .scanline-overlay:after{background:linear-gradient(180deg,rgba(10,139,124,.03),transparent)}[data-theme=andromeda-shores] .profile{border-bottom:1px solid rgba(10,139,124,.12);background:linear-gradient(180deg,rgba(10,139,124,.04),transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=andromeda-shores] .profile .logo{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=andromeda-shores] .profile .logo .logo-dot{background:var(--signal-bright);box-shadow:0 0 6px #0a8b7c66,0 0 14px #0a8b7c26}[data-theme=andromeda-shores] .sidebar-toggle{border-color:#0a8b7c26}[data-theme=andromeda-shores] .sidebar-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}[data-theme=andromeda-shores] .sidebar-toggle .hamburger-icon span{background:var(--signal-mid)}[data-theme=andromeda-shores] .crew-toggle{border-color:#0a8b7c26}[data-theme=andromeda-shores] .crew-toggle .hamburger-icon span{background:var(--signal-mid)}[data-theme=andromeda-shores] .crew-toggle .badge{background:var(--signal-bright);color:#fff;box-shadow:0 1px 4px #0a8b7c4d}[data-theme=andromeda-shores] .message-panel .panel-header{border-bottom-color:#0a8b7c14}[data-theme=andromeda-shores] .message-panel .panel-header:before{background:var(--signal-bright);box-shadow:0 0 6px #0a8b7c66}[data-theme=andromeda-shores] .user-message:hover{background:var(--signal-ghost)}[data-theme=andromeda-shores] .user-message .msg-sender{color:var(--signal-bright)}[data-theme=andromeda-shores] .system-message .msg-text{color:var(--amber-mid)}[data-theme=andromeda-shores] .system-message .msg-text:before{color:var(--amber-bright)}[data-theme=andromeda-shores] .mention{color:var(--signal-bright);background:#0a8b7c14}[data-theme=andromeda-shores] .mention:hover{background:#0a8b7c24}[data-theme=andromeda-shores] .mention-self{color:var(--nebula);background:#e068501a}[data-theme=andromeda-shores] .mention-self:hover{background:#e068502e}[data-theme=andromeda-shores] .user-message.mention-ping{background:#e068500f;border-left-color:var(--nebula)}[data-theme=andromeda-shores] .user-message.mention-ping:hover{background:#e068501a}[data-theme=andromeda-shores] .mention-autocomplete{background:var(--void-mid);border-color:#0a8b7c26;box-shadow:0 -4px 24px #2e231814,0 0 0 1px #0a8b7c0d}[data-theme=andromeda-shores] .mention-option:hover,[data-theme=andromeda-shores] .mention-option.highlighted{background:var(--signal-ghost)}[data-theme=andromeda-shores] .mention-option.highlighted{border-left-color:var(--signal-bright)}[data-theme=andromeda-shores] .mention-option .status-dot.online{background:var(--signal-bright);box-shadow:0 0 4px #0a8b7c66}[data-theme=andromeda-shores] .composer{border-top:1px solid rgba(10,139,124,.1);background:linear-gradient(0deg,rgba(10,139,124,.03),transparent)}[data-theme=andromeda-shores] .composer textarea{background:var(--void-surface);border-color:#0a8b7c1f;color:var(--text-primary)}[data-theme=andromeda-shores] .composer textarea::placeholder{color:var(--text-muted)}[data-theme=andromeda-shores] .composer textarea:focus{border-color:var(--signal-mid);background:var(--void-mid);box-shadow:0 0 0 3px #0a8b7c14,inset 0 0 20px #0a8b7c05}[data-theme=andromeda-shores] .composer .send-btn{background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .composer .send-btn:hover{background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 2px 12px #0a8b7c40,0 4px 24px #0a8b7c1a}[data-theme=andromeda-shores] .channel-sidebar{background:var(--void-mid);border-right-color:#0a8b7c1a;box-shadow:2px 0 16px #2e23180f}[data-theme=andromeda-shores] .sidebar-header{border-bottom-color:#0a8b7c1a}[data-theme=andromeda-shores] .sidebar-username{color:var(--signal-bright)}[data-theme=andromeda-shores] .sidebar-channel:hover{background:var(--signal-ghost);color:var(--text-primary)}[data-theme=andromeda-shores] .sidebar-channel.active{background:#0a8b7c14;color:var(--signal-bright);border-left-color:var(--signal-bright)}[data-theme=andromeda-shores] .unread-dot{box-shadow:0 0 6px #0a8b7c99;animation-name:unread-pulse-andromeda}[data-theme=andromeda-shores] .mention-badge{box-shadow:0 0 8px #0a8b7c80;animation-name:mention-pulse-andromeda}@keyframes unread-pulse-andromeda{0%,to{box-shadow:0 0 4px #0a8b7c66}50%{box-shadow:0 0 10px #0a8b7ce6}}@keyframes mention-pulse-andromeda{0%,to{box-shadow:0 0 6px #0a8b7c66}50%{box-shadow:0 0 14px #0a8b7ccc}}[data-theme=andromeda-shores] .sidebar-add-btn{border-color:#0a8b7c1f}[data-theme=andromeda-shores] .sidebar-add-btn:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}[data-theme=andromeda-shores] .sidebar-online-count{color:var(--signal-bright);background:#0a8b7c14}[data-theme=andromeda-shores] .online-dot{background:var(--signal-bright);box-shadow:0 0 4px #0a8b7c80}[data-theme=andromeda-shores] .sidebar-disconnect{border-top-color:#0a8b7c0f}[data-theme=andromeda-shores] .sidebar-disconnect:hover{color:var(--amber-bright);background:#d94e3f0f}[data-theme=andromeda-shores] .create-channel-form input{background:var(--void-surface);border-color:#0a8b7c26;color:var(--text-primary)}[data-theme=andromeda-shores] .create-channel-form input:focus{border-color:var(--signal-bright)}[data-theme=andromeda-shores] .create-channel-actions button{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .create-channel-actions button:hover{background:var(--signal-bright)}[data-theme=andromeda-shores] .create-channel-actions button:last-child{background:transparent;color:var(--text-muted);border-color:#0a8b7c26}[data-theme=andromeda-shores] .create-channel-actions button:last-child:hover{color:var(--text-secondary);border-color:var(--signal-mid)}[data-theme=andromeda-shores] .crew-backdrop{background:#2e23184d}[data-theme=andromeda-shores] .crew-drawer{background:var(--void-mid);border-left-color:#0a8b7c1a;box-shadow:-4px 0 24px #2e231814}[data-theme=andromeda-shores] .crew-drawer .drawer-header{border-bottom-color:#0a8b7c1a}[data-theme=andromeda-shores] .crew-drawer .drawer-close{border-color:#0a8b7c1a}[data-theme=andromeda-shores] .crew-drawer .drawer-close:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}[data-theme=andromeda-shores] .crew-member .status-dot.online{background:var(--signal-bright);box-shadow:0 0 4px #0a8b7c66}[data-theme=andromeda-shores] .channel-info-name.editable:hover{color:var(--signal-bright);border-bottom-color:var(--signal-dim)}[data-theme=andromeda-shores] .channel-name-edit{color:var(--signal-bright);background:var(--void-surface);border-color:var(--signal-dim)}[data-theme=andromeda-shores] .channel-name-edit:focus{border-color:var(--signal-bright);box-shadow:0 0 8px #0a8b7c26}[data-theme=andromeda-shores] .channel-name-save-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .channel-name-save-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 2px 8px #0a8b7c33}[data-theme=andromeda-shores] .channel-name-cancel-btn{border-color:#0a8b7c1a}[data-theme=andromeda-shores] .channel-name-cancel-btn:hover{color:var(--text-primary);border-color:#0a8b7c4d}[data-theme=andromeda-shores] .share-header-btn{border-color:#0a8b7c26}[data-theme=andromeda-shores] .share-header-btn:hover{border-color:var(--signal-mid);color:var(--signal-mid)}[data-theme=andromeda-shores] .share-backdrop,[data-theme=andromeda-shores] .dm-backdrop{background:#2e231866;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=andromeda-shores] .share-modal,[data-theme=andromeda-shores] .dm-modal{background:var(--void-mid);border-color:#0a8b7c26;box-shadow:0 4px 32px #2e23181a,0 16px 48px #2e231814}[data-theme=andromeda-shores] .share-title,[data-theme=andromeda-shores] .dm-modal-title{color:var(--signal-bright)}[data-theme=andromeda-shores] .delete-channel-btn{border-color:#d94e3f40;color:#d94e3fb3}[data-theme=andromeda-shores] .delete-channel-btn:hover{border-color:#d94e3f80;color:var(--amber-bright);background:#d94e3f0f;box-shadow:0 0 8px #d94e3f1f}[data-theme=andromeda-shores] .delete-confirm-modal{border-color:#d94e3f26}[data-theme=andromeda-shores] .delete-confirm-execute{background:#d94e3f14;border-color:#d94e3f4d;color:var(--amber-bright)}[data-theme=andromeda-shores] .delete-confirm-execute:hover{background:#d94e3f24;border-color:#d94e3f80;box-shadow:0 2px 12px #d94e3f26}[data-theme=andromeda-shores] .share-qr{background:#f5ede480;border-color:#0a8b7c1a}[data-theme=andromeda-shores] .share-name{color:var(--signal-bright)}[data-theme=andromeda-shores] .share-close-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .share-close-btn:hover{background:var(--signal-bright);box-shadow:0 2px 12px #0a8b7c33}[data-theme=andromeda-shores] .dm-search-wrapper{background:var(--void-surface);border-color:#0a8b7c1f}[data-theme=andromeda-shores] .dm-search-wrapper:focus-within{border-color:var(--signal-mid);box-shadow:0 0 8px #0a8b7c14}[data-theme=andromeda-shores] .dm-search-at{color:var(--signal-dim)}[data-theme=andromeda-shores] .dm-search-input{color:var(--text-primary)}[data-theme=andromeda-shores] .dm-search-results{background:var(--void-deep);border-color:#0a8b7c14}[data-theme=andromeda-shores] .dm-user-result:hover,[data-theme=andromeda-shores] .dm-user-result.highlighted{background:var(--signal-ghost)}[data-theme=andromeda-shores] .dm-user-result.highlighted{border-left-color:var(--signal-bright)}[data-theme=andromeda-shores] .dm-user-name{color:var(--signal-bright)}[data-theme=andromeda-shores] .dm-selected-chip{background:#0a8b7c14;border-color:var(--signal-dim)}[data-theme=andromeda-shores] .dm-chip-name{color:var(--signal-bright)}[data-theme=andromeda-shores] .dm-chip-remove:hover{color:var(--signal-bright);background:#0a8b7c1f}[data-theme=andromeda-shores] .dm-message-input,[data-theme=andromeda-shores] .dm-channel-name-input{background:var(--void-surface);border-color:#0a8b7c1f;color:var(--text-primary)}[data-theme=andromeda-shores] .dm-message-input:focus{border-color:var(--signal-mid);box-shadow:0 0 8px #0a8b7c14}[data-theme=andromeda-shores] .dm-send-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .dm-send-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 2px 12px #0a8b7c33}[data-theme=andromeda-shores] .dm-close-btn{border-color:#0a8b7c1a}[data-theme=andromeda-shores] .dm-close-btn:hover{color:var(--text-primary);border-color:#0a8b7c4d}[data-theme=andromeda-shores] .dm-status-success{color:var(--signal-bright);background:#0a8b7c0f}[data-theme=andromeda-shores] .dm-status-error{color:var(--amber-bright);background:#d94e3f0f}[data-theme=andromeda-shores] .roar-notification{background:var(--void-mid);border-color:#0a8b7c33;box-shadow:0 4px 24px #2e23181a}[data-theme=andromeda-shores] .roar-notification:hover{border-color:var(--signal-bright);background:var(--void-surface)}[data-theme=andromeda-shores] .roar-header,[data-theme=andromeda-shores] .roar-sender{color:var(--signal-bright)}[data-theme=andromeda-shores] .roar-pulse{background:linear-gradient(90deg,transparent,var(--signal-bright),transparent)}[data-theme=andromeda-shores] .roar-dismiss:hover{color:var(--signal-bright);background:#0a8b7c14}[data-theme=andromeda-shores] .connecting-screen .conn-title,[data-theme=andromeda-shores] .auth-screen .conn-title{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=andromeda-shores] .connecting-screen .conn-dots span{background:var(--signal-bright)}[data-theme=andromeda-shores] .auth-field input{background:var(--void-surface);border-color:#0a8b7c26;color:var(--text-primary)}[data-theme=andromeda-shores] .auth-field input:focus{border-color:var(--signal-bright);box-shadow:0 0 0 3px #0a8b7c14}[data-theme=andromeda-shores] .auth-submit{background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 2px 16px #0a8b7c33}[data-theme=andromeda-shores] .auth-toggle{color:var(--signal-mid)}[data-theme=andromeda-shores] .auth-toggle:hover{color:var(--signal-bright)}[data-theme=andromeda-shores] .auth-error{color:var(--amber-bright);background:var(--amber-dim);border-color:#d94e3f33}[data-theme=andromeda-shores] .diag-panel{background:#ece3d8e6;border-color:var(--signal-dim)}[data-theme=andromeda-shores] .diag-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .diag-btn:hover{background:var(--signal-bright);box-shadow:0 2px 12px #0a8b7c33}[data-theme=andromeda-shores] .diag-toggle{border-color:var(--signal-dim)}[data-theme=andromeda-shores] .diag-toggle:hover{border-color:var(--signal-mid);color:var(--signal-mid)}[data-theme=andromeda-shores] .profile form input{background:var(--void-surface);border-color:#0a8b7c26;color:var(--text-primary)}[data-theme=andromeda-shores] .profile form input:focus{border-color:var(--signal-bright);box-shadow:0 0 0 3px #0a8b7c14}[data-theme=andromeda-shores] .profile form button{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=andromeda-shores] .profile form button:hover{background:var(--signal-bright);box-shadow:0 2px 12px #0a8b7c33}[data-theme=andromeda-shores] .profile .callsign-name{color:var(--signal-bright);background:var(--signal-ghost);border-color:#0a8b7c26}[data-theme=andromeda-shores] .profile .callsign-name.clickable:hover{border-color:var(--signal-bright);box-shadow:0 1px 8px #0a8b7c1f}[data-theme=andromeda-shores] .static-fx:after{background:radial-gradient(ellipse at center,transparent 60%,rgba(245,237,228,.15) 100%);box-shadow:inset 0 0 30px #0a8b7c05,inset 0 0 60px #f5ede40d}[data-theme=andromeda-shores] .static-fx .interference{background:linear-gradient(90deg,transparent 0%,rgba(10,139,124,.08) 15%,rgba(10,139,124,.15) 50%,rgba(10,139,124,.08) 85%,transparent 100%);box-shadow:0 0 8px #0a8b7c1a}[data-theme=andromeda-shores] ::selection{background:#0a8b7c26;color:var(--signal-bright)}[data-theme=andromeda-shores] :focus-visible{outline-color:var(--signal-mid)}[data-theme=andromeda-shores] ::-webkit-scrollbar-thumb{background:#0a8b7c33}[data-theme=andromeda-shores] ::-webkit-scrollbar-thumb:hover{background:#0a8b7c59}[data-theme=andromeda-shores] .typing-indicator{color:var(--text-muted)}[data-theme=andromeda-shores] .msg-delete-btn{border-color:#d94e3f26}[data-theme=andromeda-shores] .msg-delete-btn:hover{border-color:var(--amber-mid);color:var(--amber-bright);background:#d94e3f0f}[data-theme=andromeda-shores] .msg-edit-btn{border-color:#0a8b7c26}[data-theme=andromeda-shores] .msg-edit-btn:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:#0a8b7c0f}[data-theme=andromeda-shores] .msg-edit-input{border-color:var(--signal-dim)}[data-theme=andromeda-shores] .msg-edit-input:focus{border-color:var(--signal-bright);box-shadow:0 0 8px #0a8b7c26}[data-theme=andromeda-shores] .msg-edit-save{background:#0a8b7c1a;border-color:var(--signal-mid);color:var(--signal-bright)}[data-theme=andromeda-shores] .msg-edit-save:hover{background:#0a8b7c33}[data-theme=andromeda-shores] .msg-inline-code{color:var(--amber-bright);background:#d94e3f0f;border-color:#d94e3f1f}[data-theme=andromeda-shores] .msg-code-block{background:#2e23180d;border-color:#0a8b7c1f}[data-theme=andromeda-shores] .msg-link{color:var(--signal-mid);border-bottom-color:#0a8b7c4d}[data-theme=andromeda-shores] .msg-link:hover{color:var(--signal-bright);border-bottom-color:var(--signal-bright)}[data-theme=andromeda-shores] .theme-picker{border-top-color:#0a8b7c14}[data-theme=frozen-outpost] .starfield{display:block!important;background:radial-gradient(ellipse 120% 12% at 35% 18%,rgba(14,168,120,.1) 0%,transparent 100%),radial-gradient(ellipse 80% 8% at 60% 24%,rgba(26,122,184,.08) 0%,transparent 100%),radial-gradient(ellipse 60% 6% at 20% 10%,rgba(14,168,120,.06) 0%,transparent 100%),radial-gradient(ellipse 100% 30% at 50% 100%,rgba(255,255,255,.4) 0%,transparent 70%),radial-gradient(ellipse 60% 20% at 30% 100%,rgba(208,222,236,.3) 0%,transparent 60%),linear-gradient(180deg,#8ab4d4,#a0c8e0,#b8d8ec 30%,#cce4f2,#ddedf6 70%,#e8f0f7)}[data-theme=frozen-outpost] .starfield:before{background-image:radial-gradient(2.5px 2.5px at 8% 12%,rgba(255,255,255,.95),transparent),radial-gradient(3px 3px at 22% 38%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 35% 65%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 48% 22%,rgba(255,255,255,.8),transparent),radial-gradient(2.5px 2.5px at 62% 78%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 75% 45%,rgba(255,255,255,.75),transparent),radial-gradient(2.5px 2.5px at 88% 55%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 15% 85%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 42% 92%,rgba(255,255,255,.85),transparent),radial-gradient(2.5px 2.5px at 95% 18%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 55% 50%,rgba(255,255,255,.7),transparent),radial-gradient(2.5px 2.5px at 30% 30%,rgba(255,255,255,.8),transparent);animation:snowfall 30s linear infinite;opacity:.8}[data-theme=frozen-outpost] .starfield:after{background-image:radial-gradient(1.5px 1.5px at 5% 25%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 18% 55%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 32% 35%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 65% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 78% 85%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 92% 45%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 38% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 82% 62%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 12% 75%,rgba(255,255,255,.65),transparent);animation:snowfall 18s linear infinite;opacity:.6}[data-theme=frozen-outpost] .scanline-overlay{display:block!important;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(26,122,184,.008) 3px,rgba(26,122,184,.008) 5px)}[data-theme=frozen-outpost] .scanline-overlay:after{background:linear-gradient(180deg,rgba(26,122,184,.03),transparent)}[data-theme=frozen-outpost] .profile{border-bottom:1px solid rgba(26,122,184,.12);background:linear-gradient(180deg,rgba(26,122,184,.04),transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=frozen-outpost] .profile .logo{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=frozen-outpost] .profile .logo .logo-dot{background:var(--signal-bright);box-shadow:0 0 6px #1a7ab866,0 0 14px #1a7ab826}[data-theme=frozen-outpost] .sidebar-toggle{border-color:#1a7ab826}[data-theme=frozen-outpost] .sidebar-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}[data-theme=frozen-outpost] .sidebar-toggle .hamburger-icon span{background:var(--signal-mid)}[data-theme=frozen-outpost] .crew-toggle{border-color:#1a7ab826}[data-theme=frozen-outpost] .crew-toggle .hamburger-icon span{background:var(--signal-mid)}[data-theme=frozen-outpost] .crew-toggle .badge{background:var(--signal-bright);color:#fff;box-shadow:0 1px 4px #1a7ab84d}[data-theme=frozen-outpost] .message-panel .panel-header{border-bottom-color:#1a7ab814}[data-theme=frozen-outpost] .message-panel .panel-header:before{background:var(--signal-bright);box-shadow:0 0 6px #1a7ab866}[data-theme=frozen-outpost] .user-message:hover{background:var(--signal-ghost)}[data-theme=frozen-outpost] .user-message .msg-sender{color:var(--signal-bright)}[data-theme=frozen-outpost] .system-message .msg-text{color:var(--amber-mid)}[data-theme=frozen-outpost] .system-message .msg-text:before{color:var(--amber-bright)}[data-theme=frozen-outpost] .mention{color:var(--signal-bright);background:#1a7ab814}[data-theme=frozen-outpost] .mention:hover{background:#1a7ab824}[data-theme=frozen-outpost] .mention-self{color:var(--nebula);background:#0ea8781a}[data-theme=frozen-outpost] .mention-self:hover{background:#0ea8782e}[data-theme=frozen-outpost] .user-message.mention-ping{background:#0ea8780f;border-left-color:var(--nebula)}[data-theme=frozen-outpost] .user-message.mention-ping:hover{background:#0ea8781a}[data-theme=frozen-outpost] .mention-autocomplete{background:var(--void-mid);border-color:#1a7ab826;box-shadow:0 -4px 24px #1a283814,0 0 0 1px #1a7ab80d}[data-theme=frozen-outpost] .mention-option:hover,[data-theme=frozen-outpost] .mention-option.highlighted{background:var(--signal-ghost)}[data-theme=frozen-outpost] .mention-option.highlighted{border-left-color:var(--signal-bright)}[data-theme=frozen-outpost] .mention-option .status-dot.online{background:var(--signal-bright);box-shadow:0 0 4px #1a7ab866}[data-theme=frozen-outpost] .composer{border-top:1px solid rgba(26,122,184,.1);background:linear-gradient(0deg,rgba(26,122,184,.03),transparent)}[data-theme=frozen-outpost] .composer textarea{background:var(--void-surface);border-color:#1a7ab81f;color:var(--text-primary)}[data-theme=frozen-outpost] .composer textarea::placeholder{color:var(--text-muted)}[data-theme=frozen-outpost] .composer textarea:focus{border-color:var(--signal-mid);background:var(--void-mid);box-shadow:0 0 0 3px #1a7ab814,inset 0 0 20px #1a7ab805}[data-theme=frozen-outpost] .composer .send-btn{background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .composer .send-btn:hover{background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 2px 12px #1a7ab840,0 4px 24px #1a7ab81a}[data-theme=frozen-outpost] .channel-sidebar{background:var(--void-mid);border-right-color:#1a7ab81a;box-shadow:2px 0 16px #1a28380f}[data-theme=frozen-outpost] .sidebar-header{border-bottom-color:#1a7ab81a}[data-theme=frozen-outpost] .sidebar-username{color:var(--signal-bright)}[data-theme=frozen-outpost] .sidebar-channel:hover{background:var(--signal-ghost);color:var(--text-primary)}[data-theme=frozen-outpost] .sidebar-channel.active{background:#1a7ab814;color:var(--signal-bright);border-left-color:var(--signal-bright)}[data-theme=frozen-outpost] .unread-dot{box-shadow:0 0 6px #1a7ab899;animation-name:unread-pulse-frozen}[data-theme=frozen-outpost] .mention-badge{box-shadow:0 0 8px #1a7ab880;animation-name:mention-pulse-frozen}@keyframes unread-pulse-frozen{0%,to{box-shadow:0 0 4px #1a7ab866}50%{box-shadow:0 0 10px #1a7ab8e6}}@keyframes mention-pulse-frozen{0%,to{box-shadow:0 0 6px #1a7ab866}50%{box-shadow:0 0 14px #1a7ab8cc}}[data-theme=frozen-outpost] .sidebar-add-btn{border-color:#1a7ab81f}[data-theme=frozen-outpost] .sidebar-add-btn:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}[data-theme=frozen-outpost] .sidebar-online-count{color:var(--signal-bright);background:#1a7ab814}[data-theme=frozen-outpost] .online-dot{background:var(--signal-bright);box-shadow:0 0 4px #1a7ab880}[data-theme=frozen-outpost] .sidebar-disconnect{border-top-color:#1a7ab80f}[data-theme=frozen-outpost] .sidebar-disconnect:hover{color:var(--amber-bright);background:#d975200f}[data-theme=frozen-outpost] .create-channel-form input{background:var(--void-surface);border-color:#1a7ab826;color:var(--text-primary)}[data-theme=frozen-outpost] .create-channel-form input:focus{border-color:var(--signal-bright)}[data-theme=frozen-outpost] .create-channel-actions button{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .create-channel-actions button:hover{background:var(--signal-bright)}[data-theme=frozen-outpost] .create-channel-actions button:last-child{background:transparent;color:var(--text-muted);border-color:#1a7ab826}[data-theme=frozen-outpost] .create-channel-actions button:last-child:hover{color:var(--text-secondary);border-color:var(--signal-mid)}[data-theme=frozen-outpost] .crew-backdrop{background:#1a28384d}[data-theme=frozen-outpost] .crew-drawer{background:var(--void-mid);border-left-color:#1a7ab81a;box-shadow:-4px 0 24px #1a283814}[data-theme=frozen-outpost] .crew-drawer .drawer-header{border-bottom-color:#1a7ab81a}[data-theme=frozen-outpost] .crew-drawer .drawer-close{border-color:#1a7ab81a}[data-theme=frozen-outpost] .crew-drawer .drawer-close:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:var(--signal-ghost)}[data-theme=frozen-outpost] .crew-member .status-dot.online{background:var(--signal-bright);box-shadow:0 0 4px #1a7ab866}[data-theme=frozen-outpost] .channel-info-name.editable:hover{color:var(--signal-bright);border-bottom-color:var(--signal-dim)}[data-theme=frozen-outpost] .channel-name-edit{color:var(--signal-bright);background:var(--void-surface);border-color:var(--signal-dim)}[data-theme=frozen-outpost] .channel-name-edit:focus{border-color:var(--signal-bright);box-shadow:0 0 8px #1a7ab826}[data-theme=frozen-outpost] .channel-name-save-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .channel-name-save-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 2px 8px #1a7ab833}[data-theme=frozen-outpost] .channel-name-cancel-btn{border-color:#1a7ab81a}[data-theme=frozen-outpost] .channel-name-cancel-btn:hover{color:var(--text-primary);border-color:#1a7ab84d}[data-theme=frozen-outpost] .share-header-btn{border-color:#1a7ab826}[data-theme=frozen-outpost] .share-header-btn:hover{border-color:var(--signal-mid);color:var(--signal-mid)}[data-theme=frozen-outpost] .share-backdrop,[data-theme=frozen-outpost] .dm-backdrop{background:#1a283866;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=frozen-outpost] .share-modal,[data-theme=frozen-outpost] .dm-modal{background:var(--void-mid);border-color:#1a7ab826;box-shadow:0 4px 32px #1a28381a,0 16px 48px #1a283814}[data-theme=frozen-outpost] .share-title,[data-theme=frozen-outpost] .dm-modal-title{color:var(--signal-bright)}[data-theme=frozen-outpost] .delete-channel-btn{border-color:#d9752040;color:#d97520b3}[data-theme=frozen-outpost] .delete-channel-btn:hover{border-color:#d9752080;color:var(--amber-bright);background:#d975200f;box-shadow:0 0 8px #d975201f}[data-theme=frozen-outpost] .delete-confirm-modal{border-color:#d9752026}[data-theme=frozen-outpost] .delete-confirm-execute{background:#d9752014;border-color:#d975204d;color:var(--amber-bright)}[data-theme=frozen-outpost] .delete-confirm-execute:hover{background:#d9752024;border-color:#d9752080;box-shadow:0 2px 12px #d9752026}[data-theme=frozen-outpost] .share-qr{background:#e8f0f780;border-color:#1a7ab81a}[data-theme=frozen-outpost] .share-name{color:var(--signal-bright)}[data-theme=frozen-outpost] .share-close-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .share-close-btn:hover{background:var(--signal-bright);box-shadow:0 2px 12px #1a7ab833}[data-theme=frozen-outpost] .dm-search-wrapper{background:var(--void-surface);border-color:#1a7ab81f}[data-theme=frozen-outpost] .dm-search-wrapper:focus-within{border-color:var(--signal-mid);box-shadow:0 0 8px #1a7ab814}[data-theme=frozen-outpost] .dm-search-at{color:var(--signal-dim)}[data-theme=frozen-outpost] .dm-search-input{color:var(--text-primary)}[data-theme=frozen-outpost] .dm-search-results{background:var(--void-deep);border-color:#1a7ab814}[data-theme=frozen-outpost] .dm-user-result:hover,[data-theme=frozen-outpost] .dm-user-result.highlighted{background:var(--signal-ghost)}[data-theme=frozen-outpost] .dm-user-result.highlighted{border-left-color:var(--signal-bright)}[data-theme=frozen-outpost] .dm-user-name{color:var(--signal-bright)}[data-theme=frozen-outpost] .dm-selected-chip{background:#1a7ab814;border-color:var(--signal-dim)}[data-theme=frozen-outpost] .dm-chip-name{color:var(--signal-bright)}[data-theme=frozen-outpost] .dm-chip-remove:hover{color:var(--signal-bright);background:#1a7ab81f}[data-theme=frozen-outpost] .dm-message-input,[data-theme=frozen-outpost] .dm-channel-name-input{background:var(--void-surface);border-color:#1a7ab81f;color:var(--text-primary)}[data-theme=frozen-outpost] .dm-message-input:focus{border-color:var(--signal-mid);box-shadow:0 0 8px #1a7ab814}[data-theme=frozen-outpost] .dm-send-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .dm-send-btn:hover:not(:disabled){background:var(--signal-bright);box-shadow:0 2px 12px #1a7ab833}[data-theme=frozen-outpost] .dm-close-btn{border-color:#1a7ab81a}[data-theme=frozen-outpost] .dm-close-btn:hover{color:var(--text-primary);border-color:#1a7ab84d}[data-theme=frozen-outpost] .dm-status-success{color:var(--signal-bright);background:#1a7ab80f}[data-theme=frozen-outpost] .dm-status-error{color:var(--amber-bright);background:#d975200f}[data-theme=frozen-outpost] .roar-notification{background:var(--void-mid);border-color:#1a7ab833;box-shadow:0 4px 24px #1a28381a}[data-theme=frozen-outpost] .roar-notification:hover{border-color:var(--signal-bright);background:var(--void-surface)}[data-theme=frozen-outpost] .roar-header,[data-theme=frozen-outpost] .roar-sender{color:var(--signal-bright)}[data-theme=frozen-outpost] .roar-pulse{background:linear-gradient(90deg,transparent,var(--signal-bright),transparent)}[data-theme=frozen-outpost] .roar-dismiss:hover{color:var(--signal-bright);background:#1a7ab814}[data-theme=frozen-outpost] .connecting-screen .conn-title,[data-theme=frozen-outpost] .auth-screen .conn-title{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=frozen-outpost] .connecting-screen .conn-dots span{background:var(--signal-bright)}[data-theme=frozen-outpost] .auth-field input{background:var(--void-surface);border-color:#1a7ab826;color:var(--text-primary)}[data-theme=frozen-outpost] .auth-field input:focus{border-color:var(--signal-bright);box-shadow:0 0 0 3px #1a7ab814}[data-theme=frozen-outpost] .auth-submit{background:linear-gradient(135deg,var(--signal-dim),var(--signal-mid));border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--signal-mid),var(--signal-bright));box-shadow:0 2px 16px #1a7ab833}[data-theme=frozen-outpost] .auth-toggle{color:var(--signal-mid)}[data-theme=frozen-outpost] .auth-toggle:hover{color:var(--signal-bright)}[data-theme=frozen-outpost] .auth-error{color:var(--amber-bright);background:var(--amber-dim);border-color:#d9752033}[data-theme=frozen-outpost] .diag-panel{background:#dde8f2e6;border-color:var(--signal-dim)}[data-theme=frozen-outpost] .diag-btn{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .diag-btn:hover{background:var(--signal-bright);box-shadow:0 2px 12px #1a7ab833}[data-theme=frozen-outpost] .diag-toggle{border-color:var(--signal-dim)}[data-theme=frozen-outpost] .diag-toggle:hover{border-color:var(--signal-mid);color:var(--signal-mid)}[data-theme=frozen-outpost] .profile form input{background:var(--void-surface);border-color:#1a7ab826;color:var(--text-primary)}[data-theme=frozen-outpost] .profile form input:focus{border-color:var(--signal-bright);box-shadow:0 0 0 3px #1a7ab814}[data-theme=frozen-outpost] .profile form button{background:var(--signal-dim);border-color:var(--signal-mid);color:#fff}[data-theme=frozen-outpost] .profile form button:hover{background:var(--signal-bright);box-shadow:0 2px 12px #1a7ab833}[data-theme=frozen-outpost] .profile .callsign-name{color:var(--signal-bright);background:var(--signal-ghost);border-color:#1a7ab826}[data-theme=frozen-outpost] .profile .callsign-name.clickable:hover{border-color:var(--signal-bright);box-shadow:0 1px 8px #1a7ab81f}[data-theme=frozen-outpost] .static-fx:after{background:radial-gradient(ellipse at center,transparent 60%,rgba(232,240,247,.15) 100%);box-shadow:inset 0 0 30px #1a7ab805,inset 0 0 60px #e8f0f70d}[data-theme=frozen-outpost] .static-fx .interference{background:linear-gradient(90deg,transparent 0%,rgba(26,122,184,.08) 15%,rgba(26,122,184,.15) 50%,rgba(26,122,184,.08) 85%,transparent 100%);box-shadow:0 0 8px #1a7ab81a}[data-theme=frozen-outpost] ::selection{background:#1a7ab826;color:var(--signal-bright)}[data-theme=frozen-outpost] :focus-visible{outline-color:var(--signal-mid)}[data-theme=frozen-outpost] ::-webkit-scrollbar-thumb{background:#1a7ab833}[data-theme=frozen-outpost] ::-webkit-scrollbar-thumb:hover{background:#1a7ab859}[data-theme=frozen-outpost] .typing-indicator{color:var(--text-muted)}[data-theme=frozen-outpost] .msg-delete-btn{border-color:#d9752026}[data-theme=frozen-outpost] .msg-delete-btn:hover{border-color:var(--amber-mid);color:var(--amber-bright);background:#d975200f}[data-theme=frozen-outpost] .msg-edit-btn{border-color:#1a7ab826}[data-theme=frozen-outpost] .msg-edit-btn:hover{border-color:var(--signal-mid);color:var(--signal-bright);background:#1a7ab80f}[data-theme=frozen-outpost] .msg-edit-input{border-color:var(--signal-dim)}[data-theme=frozen-outpost] .msg-edit-input:focus{border-color:var(--signal-bright);box-shadow:0 0 8px #1a7ab826}[data-theme=frozen-outpost] .msg-edit-save{background:#1a7ab81a;border-color:var(--signal-mid);color:var(--signal-bright)}[data-theme=frozen-outpost] .msg-edit-save:hover{background:#1a7ab833}[data-theme=frozen-outpost] .msg-inline-code{color:var(--amber-bright);background:#d975200f;border-color:#d975201f}[data-theme=frozen-outpost] .msg-code-block{background:#1a28380d;border-color:#1a7ab81f}[data-theme=frozen-outpost] .msg-link{color:var(--signal-mid);border-bottom-color:#1a7ab84d}[data-theme=frozen-outpost] .msg-link:hover{color:var(--signal-bright);border-bottom-color:var(--signal-bright)}[data-theme=frozen-outpost] .theme-picker{border-top-color:#1a7ab814}[data-theme=iron-dunes] .starfield{display:block!important;background:radial-gradient(ellipse 120% 30% at 50% 100%,rgba(212,128,76,.12) 0%,transparent 70%),radial-gradient(ellipse 80% 20% at 25% 95%,rgba(232,88,56,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(140,80,40,.06) 0%,transparent 50%),radial-gradient(ellipse at 30% 15%,rgba(90,170,128,.03) 0%,transparent 40%),linear-gradient(180deg,#0c0806,#14100a,#1c140e 30%,#2c1c14,#3c2818 70%,#4a3420,#5c3c24)}[data-theme=iron-dunes] .starfield:before{background-image:radial-gradient(2px 2px at 8% 18%,rgba(240,200,140,.7),transparent),radial-gradient(2.5px 2.5px at 22% 42%,rgba(220,180,120,.6),transparent),radial-gradient(1.5px 1.5px at 35% 68%,rgba(240,220,160,.5),transparent),radial-gradient(2px 2px at 48% 25%,rgba(212,128,76,.4),transparent),radial-gradient(2.5px 2.5px at 62% 72%,rgba(240,200,140,.55),transparent),radial-gradient(1.5px 1.5px at 75% 48%,rgba(220,180,120,.5),transparent),radial-gradient(2px 2px at 88% 58%,rgba(240,220,160,.6),transparent),radial-gradient(2.5px 2.5px at 15% 88%,rgba(212,128,76,.45),transparent),radial-gradient(1.5px 1.5px at 42% 95%,rgba(240,200,140,.4),transparent),radial-gradient(2px 2px at 95% 15%,rgba(220,180,120,.5),transparent),radial-gradient(1.5px 1.5px at 55% 52%,rgba(240,220,160,.35),transparent),radial-gradient(2px 2px at 30% 32%,rgba(212,128,76,.5),transparent);animation:drift 25s linear infinite;opacity:.7}[data-theme=iron-dunes] .starfield:after{background-image:radial-gradient(1px 1px at 5% 28%,rgba(240,200,140,.5),transparent),radial-gradient(1.5px 1.5px at 18% 58%,rgba(220,180,120,.4),transparent),radial-gradient(1px 1px at 32% 38%,rgba(240,220,160,.45),transparent),radial-gradient(1.5px 1.5px at 50% 72%,rgba(212,128,76,.35),transparent),radial-gradient(1px 1px at 65% 18%,rgba(240,200,140,.4),transparent),radial-gradient(1px 1px at 78% 88%,rgba(220,180,120,.35),transparent),radial-gradient(1.5px 1.5px at 92% 48%,rgba(240,220,160,.5),transparent),radial-gradient(1px 1px at 38% 8%,rgba(212,128,76,.3),transparent),radial-gradient(1px 1px at 82% 65%,rgba(240,200,140,.35),transparent),radial-gradient(1.5px 1.5px at 12% 78%,rgba(220,180,120,.45),transparent);animation:drift 15s linear infinite;opacity:.5}[data-theme=iron-dunes] .scanline-overlay{display:block!important;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(212,128,76,.01) 3px,rgba(212,128,76,.01) 5px)}[data-theme=iron-dunes] .scanline-overlay:after{background:linear-gradient(180deg,transparent,rgba(212,128,76,.04))}[data-theme=iron-dunes] .profile{border-bottom:1px solid rgba(212,128,76,.1);background:linear-gradient(180deg,rgba(212,128,76,.04),transparent)}[data-theme=iron-dunes] .profile .logo{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=iron-dunes] .profile .logo .logo-dot{background:var(--signal-bright);box-shadow:0 0 8px var(--signal-bright),0 0 20px #d4804c4d}[data-theme=iron-dunes] .sidebar-toggle{border-color:#d4804c26}[data-theme=iron-dunes] .sidebar-toggle:hover{background:var(--signal-ghost);border-color:var(--signal-mid)}[data-theme=iron-dunes] .crew-toggle{border-color:#d4804c26}[data-theme=iron-dunes] .crew-toggle .badge{box-shadow:0 0 8px #d4804c66}[data-theme=iron-dunes] .message-panel .panel-header{border-bottom-color:#d4804c0f}[data-theme=iron-dunes] .message-panel .panel-header:before{background:var(--signal-bright);box-shadow:0 0 6px var(--signal-bright)}[data-theme=iron-dunes] .user-message:hover{background:var(--signal-ghost)}[data-theme=iron-dunes] .mention{color:var(--signal-bright);background:#d4804c14}[data-theme=iron-dunes] .mention:hover{background:#d4804c26}[data-theme=iron-dunes] .mention-self{color:var(--nebula);background:#5aaa8026}[data-theme=iron-dunes] .mention-self:hover{background:#5aaa8040}[data-theme=iron-dunes] .user-message.mention-ping{background:#5aaa800f;border-left-color:var(--nebula)}[data-theme=iron-dunes] .user-message.mention-ping:hover{background:#5aaa801a}[data-theme=iron-dunes] .mention-autocomplete{border-color:#d4804c26;box-shadow:0 -4px 24px #0006,0 0 0 1px #d4804c0d}[data-theme=iron-dunes] .mention-option.highlighted{border-left-color:var(--signal-bright)}[data-theme=iron-dunes] .msg-inline-code{color:var(--amber-bright);background:#e8583814;border-color:#e8583826}[data-theme=iron-dunes] .msg-code-block{background:#0c080699;border-color:#d4804c1a}[data-theme=iron-dunes] .composer{border-top:1px solid rgba(212,128,76,.08);background:linear-gradient(0deg,rgba(212,128,76,.03),transparent)}[data-theme=iron-dunes] .composer textarea{border-color:#d4804c1a}[data-theme=iron-dunes] .composer textarea:focus{border-color:var(--signal-mid);box-shadow:0 0 0 3px #d4804c0f,inset 0 0 20px #d4804c05}[data-theme=iron-dunes] .channel-sidebar{border-right-color:#d4804c14}[data-theme=iron-dunes] .sidebar-header{border-bottom-color:#d4804c14}[data-theme=iron-dunes] .sidebar-channel.active{background:#d4804c14;border-left-color:var(--signal-bright)}[data-theme=iron-dunes] .unread-dot{box-shadow:0 0 6px #d4804c99;animation-name:unread-pulse-iron}[data-theme=iron-dunes] .mention-badge{box-shadow:0 0 8px #d4804c80;animation-name:mention-pulse-iron}@keyframes unread-pulse-iron{0%,to{box-shadow:0 0 4px #d4804c66}50%{box-shadow:0 0 10px #d4804ce6}}@keyframes mention-pulse-iron{0%,to{box-shadow:0 0 6px #d4804c66}50%{box-shadow:0 0 14px #d4804ccc}}[data-theme=iron-dunes] .sidebar-section-header{border-bottom-color:#d4804c0f}[data-theme=iron-dunes] .sidebar-online-count{background:#d4804c1a}[data-theme=iron-dunes] .online-dot{background:var(--signal-bright);box-shadow:0 0 6px #d4804c99}[data-theme=iron-dunes] .crew-backdrop{background:#0c0806b3}[data-theme=iron-dunes] .crew-drawer{border-left-color:#d4804c1a}[data-theme=iron-dunes] .crew-drawer .drawer-header{border-bottom-color:#d4804c14}[data-theme=iron-dunes] .share-backdrop,[data-theme=iron-dunes] .dm-backdrop{background:#0c0806d9}[data-theme=iron-dunes] .share-modal,[data-theme=iron-dunes] .dm-modal{border-color:#d4804c26;box-shadow:0 0 40px #d4804c14,0 24px 64px #0009}[data-theme=iron-dunes] .delete-channel-btn{border-color:#e858384d;color:#e87850b3}[data-theme=iron-dunes] .delete-channel-btn:hover{border-color:#e8583899;color:#e88a5c;background:#e858381a;box-shadow:0 0 8px #e8583833}[data-theme=iron-dunes] .delete-confirm-modal{border-color:#e8583833}[data-theme=iron-dunes] .delete-confirm-execute{background:#e8583826;border-color:#e8583866;color:#e88a5c}[data-theme=iron-dunes] .delete-confirm-execute:hover{background:#e8583840;border-color:#e85838b3;color:#f0a880;box-shadow:0 0 12px #e8583840}[data-theme=iron-dunes] .roar-notification{border-color:#d4804c40}[data-theme=iron-dunes] .roar-notification:hover{border-color:var(--signal-bright)}[data-theme=iron-dunes] .roar-pulse{background:linear-gradient(90deg,transparent,var(--signal-bright),transparent)}[data-theme=iron-dunes] .connecting-screen .conn-title,[data-theme=iron-dunes] .auth-screen .conn-title{background:linear-gradient(135deg,var(--signal-bright),var(--nebula));background-clip:text;-webkit-background-clip:text}[data-theme=iron-dunes] .glitch-color{text-shadow:-2px 0 rgba(212,128,76,.5),2px 0 rgba(90,170,128,.3)}[data-theme=iron-dunes] .static-fx:after{box-shadow:inset 0 0 30px #d4804c08,inset 0 0 60px #0000001a}[data-theme=iron-dunes] .static-fx .interference{background:linear-gradient(90deg,transparent 0%,rgba(212,128,76,.2) 15%,rgba(212,128,76,.5) 50%,rgba(212,128,76,.2) 85%,transparent 100%);box-shadow:0 0 12px #d4804c4d}[data-theme=iron-dunes] ::selection{background:var(--signal-glow);color:var(--signal-bright)}[data-theme=iron-dunes] :focus-visible{outline-color:var(--signal-mid)}[data-theme=iron-dunes] ::-webkit-scrollbar-thumb{background:var(--signal-dim)}[data-theme=iron-dunes] ::-webkit-scrollbar-thumb:hover{background:var(--signal-mid)}[data-theme=iron-dunes] .theme-picker{border-top-color:#d4804c14}.theme-picker{padding:var(--space-md);border-top:1px solid rgba(0,240,255,.06)}[data-theme=solar-flare] .theme-picker{border-top-color:#ffb8330f}.theme-picker-label{font-family:var(--font-display);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.theme-picker-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.theme-option{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:60px;min-height:44px;padding:var(--space-xs);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.theme-option:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--radius-md) - 2px);z-index:0}.theme-option[data-swatch=deep-space]:before{background:linear-gradient(135deg,#050a12 30%,#007a8a 60%,#00f0ff)}.theme-option[data-swatch=solar-flare]:before{background:linear-gradient(135deg,#0c0604 30%,#a06818 60%,#ffb833)}.theme-option[data-swatch=andromeda-shores]:before{background:linear-gradient(135deg,#b8d8e8 10%,#e8ece0,#0a8b7c 80%,#e06850)}.theme-option[data-swatch=frozen-outpost]:before{background:linear-gradient(135deg,#c2d0e0 10%,#e8f0f7 35%,#1a7ab8 70%,#0ea878)}.theme-option[data-swatch=iron-dunes]:before{background:linear-gradient(135deg,#0c0806 15%,#8c5028 45%,#d4804c 70%,#5aaa80)}.theme-option:hover{border-color:var(--text-muted)}.theme-option.active{border-color:var(--signal-bright);box-shadow:0 0 12px #ffffff14}.theme-option-name{position:relative;z-index:1;font-family:var(--font-display);font-size:.4rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none;text-align:center;line-height:1.3}.theme-option .check-mark{position:absolute;top:3px;right:3px;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--signal-bright);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--void-deep);font-weight:700;line-height:1;box-shadow:0 0 6px #ffffff4d}.crew-user-row{overflow:hidden}.crew-disconnect-amber,.crew-disconnect-message,.crew-disconnect-fadeout{pointer-events:none}.crew-disconnect-amber .channel-name,.crew-disconnect-message .channel-name,.crew-disconnect-fadeout .channel-name{color:var(--text-muted);transition:color .5s ease}.online-dot.dot-amber{background:var(--amber-bright);box-shadow:0 0 8px var(--amber-dim);transition:background 1s ease,box-shadow 1s ease;animation:none}.online-dot.dot-amber-steady{background:var(--amber-bright);box-shadow:0 0 6px var(--amber-dim);animation:none}.crew-signal-lost-msg{padding:0 0 var(--space-xs) calc(8px + var(--space-sm) + var(--space-md));font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-bright);opacity:.7;animation:signal-msg-appear .4s ease-out}@keyframes signal-msg-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:.7;transform:translateY(0)}}.crew-disconnect-fadeout{animation:crew-slow-fade-out 10s ease-in forwards}@keyframes crew-slow-fade-out{0%{opacity:1;transform:translate(0);max-height:80px}70%{opacity:.15;transform:translate(-4px)}to{opacity:0;transform:translate(-10px);max-height:0;padding-top:0;padding-bottom:0;margin:0;overflow:hidden}}.crew-disconnect-fadeout .online-dot{animation:dot-fade-to-gray 10s ease-in forwards}@keyframes dot-fade-to-gray{0%{background:var(--amber-bright);box-shadow:0 0 6px var(--amber-dim)}to{background:var(--text-muted);box-shadow:none;opacity:0}}.crew-disconnect-fadeout .crew-signal-lost-msg{animation:signal-msg-fade 5s ease-in forwards}@keyframes signal-msg-fade{0%{opacity:.7}to{opacity:0}}.crew-descrambling{animation:crew-materialize .3s ease-out}@keyframes crew-materialize{0%{opacity:0;max-height:0}to{opacity:1;max-height:80px}}.descramble-text{font-family:var(--font-mono);color:var(--signal-bright);text-shadow:0 0 4px var(--signal-dim);letter-spacing:.02em}.crew-connect-msg{padding:0 0 var(--space-xs) calc(8px + var(--space-sm) + var(--space-md));font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;text-transform:uppercase;color:var(--signal-bright);opacity:.6;animation:connect-msg-pulse 1.5s ease-in-out infinite}@keyframes connect-msg-pulse{0%,to{opacity:.4}50%{opacity:.8}}.crew-resyncing .channel-name{font-weight:700;color:var(--signal-bright);text-shadow:0 0 6px var(--signal-dim);transition:font-weight .3s ease,color .3s ease,text-shadow .3s ease}.crew-resync-msg{padding:0 0 var(--space-xs) calc(8px + var(--space-sm) + var(--space-md));font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;text-transform:uppercase;color:var(--signal-bright);opacity:.7;animation:resync-msg-fade 2s ease-out forwards}@keyframes resync-msg-fade{0%{opacity:.9}70%{opacity:.7}to{opacity:0}}.notif-center-bell{margin-left:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--text-secondary);cursor:pointer;position:relative;flex-shrink:0}.notif-center-bell:hover{color:var(--signal-bright)}.notif-badge{position:absolute;top:6px;right:4px;min-width:18px;height:18px;background:var(--nebula);color:#fff;font-size:.6rem;font-weight:700;border-radius:9px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);line-height:1;pointer-events:none}.notif-backdrop{position:fixed;inset:0;z-index:80;background:#050a12b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notif-drawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(380px,90vw);background:var(--void-mid);border-left:1px solid rgba(0,240,255,.1);box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;animation:notif-drawer-slide-in var(--duration-mid) var(--ease-out) both}@keyframes notif-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-drawer-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);padding-top:max(var(--space-md),env(safe-area-inset-top));padding-right:max(var(--space-lg),env(safe-area-inset-right));border-bottom:1px solid rgba(0,240,255,.08);flex-shrink:0}.notif-drawer-title{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-bright)}.notif-mark-read{font-family:var(--font-mono);font-size:.65rem;color:var(--signal-dim);background:none;border:1px solid var(--signal-dim);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;margin-left:auto;white-space:nowrap}.notif-mark-read:hover{color:var(--signal-bright);border-color:var(--signal-bright)}.notif-drawer-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-drawer-close:hover{color:var(--text-primary)}.notif-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.notif-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;border:none;border-bottom:1px solid rgba(0,240,255,.04);background:none;width:100%;text-align:left;min-height:44px;color:var(--text-primary);font-family:var(--font-mono)}.notif-item:hover{background:#00f0ff08}.notif-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:2px}.notif-icon.mention{color:var(--nebula)}.notif-icon.reaction{color:var(--signal-bright)}.notif-icon.dm{color:var(--text-secondary)}.notif-icon.invite{color:var(--signal-mid)}.notif-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-summary{font-size:.78rem;color:var(--text-primary);line-height:1.3}.notif-preview{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{font-size:.6rem;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.05em}.notif-dismiss{width:28px;height:28px;flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:opacity var(--duration-fast) ease}.notif-item:hover .notif-dismiss{opacity:1}.notif-loading{text-align:center;color:var(--text-muted);font-family:var(--font-display);font-size:.65rem;letter-spacing:.1em;padding:var(--space-lg)}.notif-empty{text-align:center;color:var(--text-muted);font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.notif-dismiss{opacity:1}.notif-drawer{width:100vw}}