.chat-layout{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:18px}.room-panel{align-self:start}.room{width:100%;display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 10px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;color:var(--ink)}.room:hover,.room.active{background:var(--panel-2);border-color:var(--line)}.room.active{border-color:var(--accent)}.room-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700}.room-avatar.pink{background:#d88d9e;color:#241520}.room-avatar.orange{background:#edb17b;color:#2a1a13}.room strong,.room small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room strong{font-size:.74rem}.room small{color:var(--muted);font-size:.62rem;margin-top:5px}.room b{font:10px ui-monospace,monospace;color:var(--muted)}.room-note{border-top:1px solid var(--line);margin:22px 0 0;padding-top:20px;color:var(--muted);font-size:.69rem;line-height:1.7}.conversation{min-height:570px;display:flex;flex-direction:column}.conversation-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.conversation-head h2{font-size:1.45rem}.online-pill{font:10px ui-monospace,monospace;display:flex;gap:7px;align-items:center;color:var(--accent);white-space:nowrap}.online-pill i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.messages{flex:1;display:flex;flex-direction:column;gap:15px;padding:24px 0;overflow:auto;max-height:440px}.message{display:flex;gap:11px;max-width:80%;animation:message-in .25s var(--ease)}.message.mine{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--panel-2);color:var(--accent);font-size:.75rem;font-weight:700}.message-body{min-width:0}.message-meta{display:flex;gap:9px;align-items:baseline;margin-bottom:5px}.message.mine .message-meta{justify-content:flex-end}.message-meta strong{font-size:.7rem}.message-meta time{font:9px ui-monospace,monospace;color:var(--muted)}.bubble{padding:11px 14px;border:1px solid var(--line);border-radius:3px 13px 13px 13px;background:var(--bg);color:var(--ink);font-size:.76rem;line-height:1.55;overflow-wrap:anywhere}.mine .bubble{border-color:var(--accent);border-radius:13px 3px 13px 13px;background:var(--accent);color:var(--accent-ink)}.message-actions{display:flex;gap:8px;margin-top:6px}.message-actions button{border:0;background:none;padding:3px;color:var(--muted);font-size:.65rem}.message-actions button:hover{color:var(--accent)}@keyframes message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.composer{border-top:1px solid var(--line);padding-top:17px}.composer-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;align-items:end}.message-field{min-width:0}.composer-row .button{height:43px}.composer-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:10px ui-monospace,monospace;margin-top:9px}.composer kbd{padding:2px 5px;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.chat-empty{margin:auto;color:var(--muted);text-align:center;font-size:.78rem}@media(max-width:800px){.chat-layout{grid-template-columns:1fr}.room-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.room-panel .panel-head,.room-note{grid-column:1/-1}.room{grid-template-columns:29px minmax(0,1fr);padding:9px}.room-avatar{width:29px;height:29px}.room b{display:none}.composer-row{grid-template-columns:1fr 1fr}.message-field{grid-column:1/-1}.composer-row .button{grid-column:2;height:43px}.messages{max-height:390px}}@media(max-width:480px){.room-panel{display:block}.room{margin-bottom:5px}.conversation-head{flex-direction:column;gap:8px}.message{max-width:92%}.composer-row{grid-template-columns:1fr}.message-field,.composer-row .button{grid-column:auto}.composer-meta{font-size:9px;align-items:flex-end;flex-direction:column}}