:root{--ink:#0b1713;--green:#17613d;--red:#b42127;--paper:#f4f1e8;--line:#d9d6cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}.chat-page{max-width:1500px;margin:0 auto;padding:24px;display:grid;grid-template-columns:290px minmax(0,1fr) 250px;gap:18px;height:calc(100vh - 92px)}.chat-sidebar,.chat-panel,.chat-guide{background:#fff;border:1px solid var(--line);min-height:0}.chat-sidebar{overflow:auto;padding:18px}.chat-sidebar-head h1{font-size:28.6px;margin:5px 0 14px}.chat-sidebar input{width:100%;padding:12px;border:1px solid #bdc5bf;background:#fafafa}.chat-sidebar h2{font-size:12.1px;letter-spacing:.12em;text-transform:uppercase;color:#68736d;margin:24px 8px 8px}.room-button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:transparent;padding:10px;border-radius:10px;cursor:pointer;color:var(--ink)}.room-button:hover,.room-button.active{background:#e9f3ed;color:var(--green)}.room-button span:last-child{min-width:0}.room-button strong,.room-button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-button small{font-size:12.1px;color:#68736d;margin-top:3px}.room-icon,.room-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dcebe2;object-fit:cover;flex:none}.chat-panel{display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.chat-header h2{font-size:22px;margin:2px 0}.chat-header small{font-size:9.9px;letter-spacing:.13em;color:#68736d}.live-dot{margin-left:auto;font-size:12.1px;color:var(--green)}.live-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35b767}.chat-messages{flex:1;overflow:auto;padding:20px;background:linear-gradient(180deg,#f8faf8,#f5f2e9)}.message-row{display:flex;gap:9px;margin:10px 0;max-width:78%}.message-row.own{margin-left:auto;flex-direction:row-reverse}.message-row img,.message-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#dcebe2;flex:none}.message-bubble{background:#fff;padding:10px 13px;border-radius:4px 15px 15px 15px;box-shadow:0 2px 8px #10201812}.own .message-bubble{background:#17613d;color:#fff;border-radius:15px 4px 15px 15px}.message-bubble strong,.message-bubble time{display:block}.message-bubble strong{font-size:12.1px}.message-bubble p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble time{font-size:9.9px;opacity:.65;text-align:right}.chat-composer{position:relative;display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-composer textarea{flex:1;resize:none;max-height:120px;padding:12px;border:1px solid #bdc5bf}.chat-composer>button{border:0;padding:0 16px;cursor:pointer}.send-message{background:var(--red);color:white;font-weight:700}.chat-composer>button:first-child{font-size:23.1px;background:#eee}.chat-status{min-height:18px;margin:0 16px 8px;color:var(--red);font-size:12.1px}#emoji-panel{position:absolute;left:12px;bottom:68px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #0002;padding:8px;display:flex;gap:4px}#emoji-panel[hidden]{display:none}#emoji-panel button{font-size:22px;background:transparent;border:0;cursor:pointer}.chat-guide{padding:24px;height:max-content}.chat-guide>span{font-size:46.2px;color:var(--red)}.chat-guide h2{font-size:22px}.chat-guide p,.chat-guide small{font-size:13.2px;line-height:1.6;color:#59645e}.chat-guide a{display:block;color:var(--green);font-weight:700;margin:14px 0}.room-empty,.chat-info{font-size:13.2px;color:#68736d}#mobile-rooms{display:none}@media(max-width:980px){.chat-page{grid-template-columns:260px 1fr}.chat-guide{display:none}}@media(max-width:700px){.chat-page{display:block;height:calc(100vh - 72px);padding:0}.chat-panel{height:100%}.chat-sidebar{position:fixed;z-index:20;inset:70px 15% 0 0;box-shadow:10px 0 30px #0004;transform:translateX(-105%);transition:.2s}.chat-sidebar.open{transform:none}#mobile-rooms{display:block;border:0;background:#eee;padding:9px}.message-row{max-width:90%}.chat-header{padding:11px}.chat-messages{padding:12px}}