:root{--font-scale:1;--bg:#0e0e10;--bg-panel:#18181b;--bg-input:#1f1f23;--text-primary:#efeff1;--text-secondary:#adadb8;--text-muted:#5c5c66;--accent:#9147ff;--accent-hover:#772ce8;--border:#2d2d35;--error:#ed4245;--warn:#f0b232;--success:#3ba55c;--badge-admin:#ff4500;--badge-mod:#3ba55c;--badge-vip:#ffc107;--badge-subscriber:#9147ff}*{box-sizing:border-box;margin:0;padding:0}.chat-panel{background:var(--bg);height:100vh;color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(14px * var(--font-scale));flex-direction:column;line-height:1.5;display:flex}.chat-panel--stream{color:#fff;text-shadow:0 1px 2px #000c;background:0 0}.chat-panel--stream .message-list{background:0 0}.message-list{background:var(--bg-panel);flex:1;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-y:auto}.message-list__empty{color:var(--text-muted);text-align:center;padding:20px;font-style:italic}.message{word-break:break-word;padding:1px 0}.message__time{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.85em}.message__nick{font-weight:600}.message__nick.badge--admin{color:var(--badge-admin)}.message__nick.badge--mod{color:var(--badge-mod)}.message__nick.badge--vip{color:var(--badge-vip)}.message__nick.badge--subscriber{color:var(--badge-subscriber)}.message--action{color:var(--text-secondary);font-style:italic}.input-bar{background:var(--bg-input);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px;display:flex}.input-bar__input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:1em}.input-bar__input:focus{border-color:var(--accent)}.input-bar__input:disabled{opacity:.5;cursor:not-allowed}.input-bar__count{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.75em}.input-bar__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-family:inherit;font-size:1em;font-weight:600;transition:background .15s}.input-bar__send:hover:not(:disabled){background:var(--accent-hover)}.input-bar__send:disabled{opacity:.4;cursor:not-allowed}.connection-status{text-align:center;padding:4px 8px;font-size:.85em}.connection-status--connecting{background:var(--warn);color:#000}.connection-status--disconnected,.connection-status--error{background:var(--error);color:#fff}.chat-submode-notice{background:var(--warn);color:#000;text-align:center;padding:2px;font-size:.85em;font-weight:600}.user-list{background:var(--bg-panel);border-left:1px solid var(--border);max-width:160px;overflow-y:auto}.user-list__header{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-panel);padding:8px;font-size:.85em;position:sticky;top:0}.user-list__names{padding:4px}.user-list__item{padding:1px 4px}.user-badge--admin{color:var(--badge-admin)}.user-badge--mod{color:var(--badge-mod)}.user-badge--default{color:var(--text-secondary)}.message--scrambled{color:var(--text-muted);font-style:italic}.message--support{color:var(--text-secondary);font-style:italic}.message--repost{background:#ffc80014;border-left:3px solid #ffc800;border-radius:0 4px 4px 0;margin:2px 0;padding:4px 8px}.message--repost .message__nick{color:#ffc800;font-weight:600}.message--scrambled .message__nick{color:var(--text-muted);font-style:normal}.chat-panel--overlay .message--support{color:#ffffffb3;text-shadow:0 1px 3px #000c;font-style:italic}