:root{--ink:#172033;--muted:#778196;--line:#e8ebf1;--paper:#fff;--wash:#f5f7fb;--accent:#635bff;--accent2:#8b5cf6;--danger:#d43d51;--shadow:0 24px 70px rgba(35,42,68,.13)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--wash);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e7e4ff 0,transparent 30%),radial-gradient(circle at 90% 90%,#d9f4ff 0,transparent 34%),#f7f7fb}.auth-card{width:min(430px,100%);padding:42px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.brand-icon,.mini-logo{display:block;object-fit:cover;box-shadow:0 7px 18px rgba(99,91,255,.3)}.brand-icon{width:52px;height:52px;border-radius:15px}.eyebrow{margin:26px 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.17em}.auth-card h1{margin:0;font-size:29px;letter-spacing:-.03em}.muted{color:var(--muted)}.tabs{display:flex;margin:27px 0 22px;padding:4px;border-radius:11px;background:#f0f1f5}.tab{width:50%;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.tab.active{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 2px 8px #dfe1e8}.auth-card label{display:block;margin:15px 0;color:#495269;font-size:13px;font-weight:650}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #dfe2e9;border-radius:10px;outline:0;background:#fff}.auth-card input:focus,.composer:focus-within{border-color:#9c97ff;box-shadow:0 0 0 3px rgba(99,91,255,.11)}.primary{width:100%;padding:12px;border:0;border-radius:10px;color:#fff;background:var(--accent);font-weight:750}.error{min-height:22px;margin:4px 0;color:var(--danger);font-size:13px}
.chat-shell{height:100dvh;padding-left:255px;background:#fff;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:255px;height:100dvh;min-width:0;display:flex;flex-direction:column;color:#d8deeb;background:#111827}.side-head{height:73px;flex:0 0 73px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid #263044;color:#fff;font-size:17px}.mini-logo{width:31px;height:31px;border-radius:9px}.room-title{display:flex;justify-content:space-between;padding:23px 17px 8px;color:#78859e;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-title button,.profile>button{border:0;color:#9aa5b9;background:transparent;font-size:20px}.room-title button:hover,.profile>button:hover{color:#fff}#rooms{min-height:0;padding:3px 9px;overflow-y:auto;overscroll-behavior:contain}.room{width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px;border:0;border-radius:9px;color:#9da8bb;background:transparent;text-align:left}.room::before{content:'#';color:#647088;font-size:18px}.room:hover{color:#eef2ff;background:#1c2639}.room.active{color:#fff;background:#28344a;font-weight:700}.room-badge{min-width:19px;height:19px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border-radius:10px;color:#fff;background:#ef476f;font-size:10px;font-weight:800}.profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:15px;border-top:1px solid #263044;background:#0e1625}.profile-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;padding:0!important;overflow:hidden;border-radius:50%!important;color:#fff!important;background:#6158df!important;font-size:14px!important;font-weight:800}.profile-avatar img,.account-avatar img,.message .avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile div{min-width:0;display:flex;flex:1;flex-direction:column}.profile strong{overflow:hidden;text-overflow:ellipsis;color:#fff}.profile small{color:#43c98b;font-size:10px}.conversation{height:100dvh;min-width:0;display:flex;flex-direction:column;background:#fff}.topbar{height:73px;flex:0 0 73px;display:flex;align-items:center;gap:12px;padding:0 26px;border-bottom:1px solid var(--line)}.topbar div{flex:1}.topbar h2{margin:0;font-size:17px}.topbar p{margin:1px 0 0;color:var(--muted);font-size:12px}.status{color:#3eaf7c;font-size:12px}.notify-button{width:35px;height:35px;border:1px solid #e2e5ec;border-radius:10px;background:#f7f8fb;filter:grayscale(1);font-size:16px}.notify-button:hover{border-color:#aaa5ff;background:#f3f2ff}.notify-button.active{border-color:#aaa5ff;background:#eeedff;filter:none}.notify-button.unavailable{border-color:#f0cf8a;background:#fff9eb;filter:none}.notify-button:disabled{cursor:not-allowed;opacity:.45}.mobile-only{display:none}.messages{min-height:0;flex:1;overflow:auto;padding:24px max(26px,calc((100% - 900px)/2));scroll-behavior:smooth}.empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center}.empty b{display:block;color:var(--ink);font-size:20px}.message{display:grid;grid-template-columns:42px 1fr;gap:12px;margin:4px 0 22px}.message .avatar{width:39px;height:39px;display:grid;place-items:center;overflow:hidden;border-radius:12px;color:#fff;background:var(--avatar,#635bff);font-weight:800}.message-head{display:flex;gap:8px;align-items:baseline}.message-head strong{font-size:14px}.message-head time{color:#9ca5b5;font-size:11px}.markdown{max-width:760px;margin-top:3px;overflow-wrap:anywhere;color:#30394b}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:5px 0 10px}.markdown h1,.markdown h2,.markdown h3{margin:15px 0 7px;line-height:1.25}.markdown h1{font-size:23px}.markdown h2{font-size:19px}.markdown h3{font-size:16px}.markdown blockquote{margin:8px 0;padding:2px 13px;border-left:3px solid #a9a4ff;color:#657086;background:#f8f8ff}.markdown code{padding:2px 5px;border-radius:5px;background:#f0f1f5;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.markdown pre{overflow:auto;padding:13px;border-radius:9px;color:#e6edf7;background:#182132}.markdown pre code{padding:0;background:none}.markdown a{color:var(--accent)}.markdown img{max-width:100%;border-radius:8px}.markdown .math-block{overflow:auto;padding:9px 0}.file-card{max-width:430px;display:flex;align-items:center;gap:11px;margin-top:9px;padding:11px 13px;border:1px solid #e1e4ec;border-radius:11px;color:inherit;background:#f8f9fc;text-decoration:none}.file-card:hover{border-color:#aaa5ff;background:#f5f4ff}.file-card .file-icon,.attachment-preview .file-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:9px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:17px}.file-card div,.attachment-preview div{min-width:0;display:flex;flex:1;flex-direction:column}.file-card strong,.attachment-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-card small,.attachment-preview small{color:var(--muted);font-size:11px}.composer{margin:0 max(22px,calc((100% - 930px)/2)) 20px;border:1px solid #dfe3eb;border-radius:13px;background:#fff;box-shadow:0 6px 24px rgba(24,32,51,.06);transition:.15s}.composer.dragover{border-color:var(--accent);background:#f8f7ff;box-shadow:0 0 0 4px rgba(99,91,255,.1)}.composer textarea{width:100%;max-height:170px;resize:none;padding:13px 15px 4px;border:0;outline:0;background:transparent}.attachment-preview{display:flex;align-items:center;gap:10px;margin:10px 10px 0;padding:8px 10px;border:1px solid #e2e5ed;border-radius:10px;background:#f8f9fc}.attachment-preview button{border:0;color:#8892a5;background:transparent;font-size:20px}.compose-foot{display:flex;align-items:center;gap:8px;padding:5px 8px 8px;color:#9aa3b3;font-size:11px}.compose-foot span{flex:1}.attach-file{width:32px;height:32px;border:0;border-radius:8px;color:#667086;background:#f1f2f6;font-size:20px;transform:rotate(-45deg)}.attach-file:hover{color:var(--accent);background:#ecebff}.send{width:34px;height:34px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-size:20px;font-weight:800}.send:hover{filter:brightness(1.08)}.send:disabled{cursor:wait;opacity:.55}kbd{padding:1px 4px;border:1px solid #d9dde5;border-radius:4px;background:#f8f9fb;font:10px inherit}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(10,17,31,.56);backdrop-filter:blur(5px)}.account-card{position:relative;width:min(390px,100%);padding:32px;border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}.account-card h2{margin:0 0 20px}.account-card .eyebrow{margin:0 0 4px}.modal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#8490a4;font-size:24px}.account-avatar{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 12px;overflow:hidden;border-radius:28px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:30px;font-weight:800}.account-actions{display:flex;gap:8px;margin-top:20px}.account-actions .primary{flex:1}.account-actions>button:not(.primary){padding:10px 13px;border:1px solid #dfe3eb;border-radius:10px;background:#fff}.account-actions button:disabled{cursor:not-allowed;opacity:.45}.account-status{min-height:22px;margin:12px 0 0;color:var(--accent);font-size:12px}#toast{position:fixed;right:20px;bottom:20px;z-index:40;padding:10px 15px;border-radius:9px;color:#fff;background:#1e293b;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}
@media(max-width:700px){.chat-shell{padding-left:0}.sidebar{z-index:10;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:20px 0 50px #18213255}.mobile-only{display:block;border:0;background:none;font-size:21px}.topbar{padding:0 13px}.status{display:none}.messages{padding:18px 14px}.composer{margin:0 12px 12px}.compose-foot>span{display:none}.compose-foot{justify-content:flex-end}.compose-foot .attach-file{margin-right:auto}.auth-card{padding:30px 24px}}
.attachment-thumbnail{width:64px;height:64px;display:block;flex:0 0 64px;border-radius:9px;object-fit:cover;background:#e9ebf2}
.image-message{width:fit-content;max-width:100%;margin-top:8px;overflow:auto;border:1px solid #e1e4ec;border-radius:12px;background:#f8f9fc}.image-message>a:first-child{display:block;width:max-content;line-height:0}.message-image{display:block;width:auto;max-width:none;height:auto;max-height:none;background:#eef0f5}.image-message>div{display:flex;min-width:max-content;align-items:center;gap:12px;padding:8px 11px;color:var(--muted);font-size:11px}.image-message>div span{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.image-message>div a{flex:0 0 auto;color:var(--accent);font-weight:700;text-decoration:none}
.message{grid-template-columns:42px minmax(0,1fr)}