:root{font-family:Inter,Arial,sans-serif;color:#e8eef8;background:#0d1117;--line:#253142;--muted:#8e9aac;--accent:#65d6b0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d1117}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:#151c26;border:1px solid var(--line);padding:36px;border-radius:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--accent);color:#09201a;display:grid;place-items:center;font-weight:800}.auth h1{font-size:30px;margin:32px 0 8px}.sub,.small{color:var(--muted)}.sub{margin:0 0 26px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;color:#aeb8c7}.field input,.composer input,.modal input,.modal textarea{width:100%;background:#0f151e;border:1px solid var(--line);color:#fff;padding:13px;border-radius:9px;outline:none}.primary{width:100%;background:var(--accent);color:#082019;padding:13px;border-radius:9px;font-weight:700;margin-top:10px}.switch{background:none;color:var(--muted);display:block;margin:18px auto 0}.switch span{color:var(--accent)}.error{color:#ff9e9e;background:#3a1e25;padding:10px;border-radius:8px;font-size:13px;margin-top:12px}.shell{height:100vh;display:grid;grid-template-columns:280px 1fr;max-width:1400px;margin:auto}.sidebar{border-right:1px solid var(--line);padding:24px 18px;background:#111821;overflow:auto}.side-top,.user-pill,.profile,.room,.topbar{display:flex;align-items:center}.side-top{justify-content:space-between;margin-bottom:22px}.logout,.close{background:none;color:var(--muted)}.profile{width:100%;gap:10px;background:#18222d;color:#e8eef8;text-align:left;padding:10px;border-radius:10px;margin-bottom:22px}.profile span{margin-left:auto}.avatar{width:36px;height:36px;border-radius:50%;background:#223b4b;color:var(--accent);display:grid;place-items:center;font-weight:700;background-size:cover;background-position:center;flex:none}.big{width:42px;height:42px}.section-label{font-size:10px;letter-spacing:1px;color:#657386;margin:18px 5px 8px}.room{width:100%;gap:12px;color:#e8eef8;text-align:left;background:transparent;padding:10px;border-radius:10px}.room.selected{background:#1b3c38;border:1px solid #2c7061}.person:hover{background:#18232e}.room-icon{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#082019;display:grid;place-items:center;font-weight:800}.main{display:grid;grid-template-rows:82px 1fr auto;min-width:0;height:100vh;position:relative}.topbar{border-bottom:1px solid var(--line);padding:0 30px;justify-content:space-between}.topbar h2{margin:0;font-size:18px}.status{color:var(--accent);font-size:12px}.messages{padding:26px 30px;overflow:auto;display:flex;flex-direction:column;gap:15px;min-height:0}.empty{margin:auto;text-align:center;color:var(--muted)}.msg{display:flex;gap:10px;max-width:min(700px,90%)}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.bubble{background:#1a2430;border:1px solid var(--line);padding:11px 14px;border-radius:4px 14px 14px 14px}.mine .bubble{background:#16453c;border-color:#236455;border-radius:14px 4px 14px 14px}.meta{font-size:11px;color:var(--muted);margin-bottom:4px}.text{white-space:pre-wrap;line-height:1.45}.attachment{display:flex;gap:10px;align-items:center;color:#cfe4df;text-decoration:none;background:#132f2b;padding:10px;border-radius:8px}.attachment img{max-width:240px;max-height:200px;border-radius:7px;display:block}.reply-btn{display:block;background:none;color:#86a79f;font-size:11px;padding:5px 0 0}.quoted{border-left:2px solid var(--accent);padding:3px 8px;color:#9bbab3;font-size:12px;margin-bottom:7px;background:#102723}.composer{padding:18px 30px 24px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;background:#111821}.icon-btn{width:43px;height:43px;background:#1a2430;color:#b8c4d3;border:1px solid var(--line);border-radius:10px;font-size:20px}.send{background:var(--accent);color:#09201a}.replying{padding:8px 30px;color:#9bbab3;background:#102723;border-top:1px solid var(--line);font-size:12px}.replying button{float:right;background:none;color:#fff;font-size:18px}.modal-wrap{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(420px,100%);background:#151c26;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:12px;position:relative}.modal h3{margin:0}.modal .close{position:absolute;right:14px;top:10px;font-size:24px}.modal textarea{min-height:80px;resize:vertical}.profile-preview{text-align:center}.huge{width:76px;height:76px;margin:auto;font-size:28px}.upload-avatar{text-align:center;color:var(--accent);font-size:13px;cursor:pointer}.mobile-chats{display:none;background:none;color:#fff}.to-bottom{position:fixed;right:34px;bottom:100px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#09201a;font-size:22px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 4px 18px #0006}.to-bottom.visible{opacity:1;pointer-events:auto}@media(max-width:700px){.shell{display:block;height:100vh}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(330px,88vw);z-index:4;box-shadow:20px 0 50px #0008}.sidebar.open{display:block}.main{height:100vh}.topbar{height:68px;padding:0 16px}.messages{padding:18px 14px 100px}.composer{position:fixed;bottom:0;left:0;right:0;padding:12px}.auth-card{padding:28px}.msg{max-width:92%}.mobile-chats{display:block;font-size:13px}.to-bottom{right:16px;bottom:82px}}