.hero{min-height:520px;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero-orbit{position:absolute;width:620px;height:620px;right:-120px;top:-180px;border:1px solid #73d8ff30;border-radius:50%;box-shadow:0 0 90px #2aa9e91f,inset 0 0 90px #2aa9e912;transform:rotate(-18deg)}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border:1px solid #73d8ff22;border-radius:50%}
.hero-orbit::before{inset:72px -110px;transform:rotate(28deg)}
.hero-orbit::after{inset:170px -180px;transform:rotate(-20deg)}
.art-title{display:flex;flex-direction:column;width:max-content;text-transform:uppercase;font-family:Impact,"Arial Black",sans-serif;font-style:italic;filter:drop-shadow(0 16px 25px #0008)}
.art-title span:first-child{color:transparent;-webkit-text-stroke:1.5px #dff6ff;letter-spacing:.015em;text-shadow:5px 5px 0 #143b56,0 0 28px #73d8ff33}
.art-title span:last-child{align-self:flex-end;margin-top:-.06em;padding-right:.08em;background:linear-gradient(90deg,#73d8ff,#d9fff0 78%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.72em;letter-spacing:.2em;text-shadow:0 0 26px #73d8ff22}
.message-body{min-width:0}
.message-actions{display:flex;gap:12px;min-height:22px;opacity:0;transition:.15s}
.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}
.message-actions button{padding:0;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}
.message-actions button:hover{color:var(--accent)}
.message-quote{display:grid;width:100%;text-align:left;margin:7px 0 5px;padding:8px 11px;border:0;border-left:2px solid var(--accent);border-radius:0 7px 7px 0;background:#13273a;color:var(--muted);cursor:pointer}
.message-quote strong{color:var(--accent);font-size:12px}.message-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-flash{animation:messageFlash 1.2s ease}@keyframes messageFlash{50%{background:#73d8ff1a;border-radius:12px}}
.reply-bar{margin:0 24px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#112238}
.reply-bar div{display:grid;min-width:0}.reply-bar small{color:var(--accent)}.reply-bar span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar button{border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}
.admin-messages{margin:20px 0 70px}.admin-message-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.admin-message-row:last-child{border:0}.admin-message-row p{margin:5px 0;white-space:pre-wrap;word-break:break-word}.admin-message-row small,.admin-message-row .message-meta span{color:var(--muted)}
@media(max-width:760px){.hero-orbit{right:-430px}.art-title span:last-child{align-self:flex-start}.message-actions{opacity:1}.reply-bar{margin:0 12px}.admin-message-row{grid-template-columns:1fr}.admin-message-row .button{justify-self:start}}
.chat-account{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.icon-button,.attach-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--accent);font-size:24px;cursor:pointer}.conversation-list{display:grid;gap:5px}.conversation-item{width:100%;display:grid;grid-template-columns:28px 1fr;gap:9px;text-align:left;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.conversation-item:hover,.conversation-item.active{background:var(--panel2);color:var(--text)}.conversation-item div{display:grid}.conversation-item small{font-size:11px;color:var(--muted)}.connection{display:block;margin-top:24px;color:var(--muted)}.chat-head{display:flex;align-items:center;justify-content:space-between}.chat-head>div>div{color:var(--muted);font-size:12px}.composer{grid-template-columns:auto 1fr auto}.composer textarea{min-height:45px;max-height:160px;resize:vertical;line-height:1.45}.history-limit-notice{align-self:center;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.attach-button{width:45px;height:45px}.upload-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 24px;padding:10px 12px;background:#0b1927;border:1px solid var(--line);border-bottom:0}.upload-list span{padding:5px 8px;border-radius:7px;background:var(--panel2);font-size:12px;color:var(--muted)}.upload-list button{border:0;background:none;color:var(--danger);cursor:pointer}.attachments{display:grid;gap:8px;margin-top:8px}.image-attachment{display:grid;width:min(360px,100%);gap:5px}.image-attachment img{display:block;max-width:100%;max-height:300px;border-radius:10px;border:1px solid var(--line);object-fit:cover}.image-attachment span{font-size:11px;color:var(--muted)}.file-attachment{display:flex;align-items:center;gap:11px;width:min(360px,100%);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.file-attachment>span{font-size:24px;color:var(--accent)}.file-attachment div{display:grid;min-width:0}.file-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment small{color:var(--muted)}.dialog{width:min(92vw,500px);border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:24px}.dialog::backdrop{background:#020812b8;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:none;color:var(--muted);font-size:25px}.member-picker{max-height:240px;overflow:auto;display:grid;border:1px solid var(--line);border-radius:10px}.member-picker label{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.member-picker label:last-child{border:0}.member-picker input{width:auto}.member-picker small{color:var(--muted)}.settings-panel{margin:20px 0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:760px){.chat-side{display:block;position:absolute;z-index:5;width:230px;height:calc(100vh - 69px);transform:translateX(-100%)}.settings-grid{grid-template-columns:1fr}.dialog{padding:18px}}