.onzn-chat{position:relative;box-sizing:border-box;max-width:1100px;margin:24px auto;background:var(--onzn-bg);color:var(--onzn-text);border:1px solid color-mix(in srgb,var(--onzn-accent) 60%,#333);border-radius:14px;overflow:hidden;font:var(--onzn-font)/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 14px 38px #0008}
.onzn-chat *{box-sizing:border-box}.onzn-chat button,.onzn-chat input,.onzn-chat textarea{font:inherit}.onzn-chat button{cursor:pointer}
.onzn-chat__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#111;border-bottom:1px solid #333}.onzn-chat__header>div{display:flex;align-items:center;gap:10px}.onzn-chat__header h2{font-size:1.12em;margin:0;letter-spacing:.06em;color:var(--onzn-text)}.onzn-chat__live,.onzn-chat__online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#33c66b;box-shadow:0 0 0 3px #33c66b22}
.onzn-chat__header-actions{flex-wrap:wrap;justify-content:flex-end}.onzn-chat__header button{border:1px solid #494949;background:#202020;color:var(--onzn-text);border-radius:8px;padding:7px 10px}.onzn-chat__header .onzn-chat__clear-room{border-color:#a74444;background:#341717;color:#fff;font-weight:700}.onzn-chat__header .onzn-chat__clear-room:hover{background:#4b1e1e}.onzn-chat__header .onzn-chat__clear-room:disabled{opacity:.55;cursor:wait}.onzn-chat__online-count{color:var(--onzn-accent);font-weight:700}
.onzn-chat__host-login,.onzn-chat__host-logout{font-weight:700}.onzn-chat__login-dialog{border:1px solid var(--onzn-accent);border-radius:12px;background:#111;color:var(--onzn-text);width:min(92vw,420px);padding:0}.onzn-chat__login-dialog::backdrop{background:#000b}.onzn-chat__login-form{display:grid;gap:14px;padding:22px}.onzn-chat__login-form h3{margin:0;color:var(--onzn-accent)}.onzn-chat__login-form label{display:grid;gap:6px;font-weight:700}.onzn-chat__login-form input{width:100%;border:1px solid #666;border-radius:8px;background:#080808;color:#fff;padding:11px}.onzn-chat__login-form div{display:flex;gap:10px}.onzn-chat__login-form button{border:1px solid var(--onzn-accent);border-radius:8px;background:var(--onzn-accent);color:#111;font-weight:800;padding:9px 14px}.onzn-chat__login-form .onzn-chat__login-cancel{background:#222;color:#fff;border-color:#555}.onzn-chat__login-error{min-height:1.2em;margin:0;color:#ff8a8a}
.onzn-chat__pinned{padding:10px 18px;background:color-mix(in srgb,var(--onzn-accent) 13%,#111);border-bottom:1px solid var(--onzn-accent);font-weight:600}
.onzn-chat__layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;height:var(--onzn-height)}.onzn-chat__main{position:relative;min-width:0;display:flex;flex-direction:column}.onzn-chat__messages{flex:1;overflow-y:auto;padding:18px;scroll-behavior:smooth;background:linear-gradient(#0d0d0d,#090909)}
.onzn-chat__bubble{max-width:min(78%,720px);margin:0 auto 12px 0;padding:10px 13px;background:#242424;color:var(--onzn-message-text);border-radius:4px 14px 14px 14px;border:1px solid #333;overflow-wrap:anywhere}.onzn-chat__bubble.is-own{margin-left:auto;margin-right:0;background:color-mix(in srgb,var(--onzn-accent) 22%,#171717);border-color:color-mix(in srgb,var(--onzn-accent) 65%,#333);border-radius:14px 4px 14px 14px}.onzn-chat__bubble.is-official{max-width:94%;border:2px solid var(--onzn-accent);background:#211d0d}.onzn-chat__bubble.is-sending{opacity:.68}.onzn-chat__bubble p{white-space:pre-wrap;margin:5px 0 0;color:var(--onzn-message-text)}.onzn-chat__meta{display:flex;align-items:center;gap:7px;font-size:.78em;color:#bbb}.onzn-chat__meta strong{color:var(--onzn-accent);font-size:1.08em}.onzn-chat__meta time{margin-left:auto}.onzn-chat__badge{padding:2px 5px;border:1px solid var(--onzn-accent);border-radius:4px;color:var(--onzn-accent);font-size:.82em;font-weight:800}
.onzn-chat__actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.onzn-chat__actions button{padding:3px 6px;border:0;border-radius:4px;background:#3b3b3b;color:#eee;font-size:.7em}.onzn-chat__actions button[data-action="report"]{margin-right:auto}.onzn-chat__notice{min-height:0;padding:0 18px;color:#f5d876;background:#171717}.onzn-chat__notice:not(:empty){padding-top:8px;padding-bottom:8px}.onzn-chat__notice.is-error{color:#ffb4b4;background:#351717}
.onzn-chat__new{position:absolute;right:18px;bottom:150px;border:0;border-radius:999px;background:var(--onzn-accent);color:#111;padding:8px 13px;font-weight:800;box-shadow:0 3px 12px #0009}.onzn-chat__form{padding:12px 14px;background:#121212;border-top:1px solid #333}.onzn-chat__nickname-wrap{display:flex;align-items:center;gap:10px;margin-bottom:8px}.onzn-chat__nickname-wrap label{font-weight:700}.onzn-chat__nickname,.onzn-chat__message{width:100%;border:1px solid #555;border-radius:8px;background:#080808;color:var(--onzn-input-text)!important;-webkit-text-fill-color:var(--onzn-input-text);caret-color:var(--onzn-accent);padding:10px 12px}.onzn-chat__nickname::placeholder,.onzn-chat__message::placeholder{color:var(--onzn-input-text)!important;-webkit-text-fill-color:var(--onzn-input-text);opacity:.62}.onzn-chat__nickname:focus,.onzn-chat__message:focus{outline:2px solid var(--onzn-accent);outline-offset:1px}.onzn-chat__nickname{max-width:310px}.onzn-chat__composer{display:flex;align-items:stretch;gap:8px}.onzn-chat__message{resize:none;min-height:52px}.onzn-chat__send{min-width:112px;border:0;border-radius:8px;background:var(--onzn-accent);color:#111;font-weight:900;padding:10px 15px}.onzn-chat__send:disabled{opacity:.5;cursor:not-allowed}.onzn-chat__official,.onzn-chat__signed-in{display:block;margin:7px 0 0;font-size:.8em;color:#bbb}
.onzn-chat__online{overflow:auto;padding:15px;background:#121212;border-left:1px solid #333}.onzn-chat__online h3{margin:0 0 12px;font-size:.95em;color:var(--onzn-accent)}.onzn-chat__online ul{list-style:none;margin:0;padding:0}.onzn-chat__online li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;padding:7px 0;border-bottom:1px solid #282828}.onzn-chat__online li small{grid-column:2;color:#aaa;font-size:.7em}.onzn-chat__online-dot{width:7px;height:7px}.onzn-chat__privacy{margin:0;padding:10px 16px;background:#080808;color:#999;font-size:.7em;border-top:1px solid #222}
.onzn-chat__dialog{max-width:min(640px,92vw);border:1px solid var(--onzn-accent);border-radius:10px;background:#141414;color:var(--onzn-text);padding:18px}.onzn-chat__dialog::backdrop{background:#000b}.onzn-chat__dialog-close{background:var(--onzn-accent);color:#111;border:0;border-radius:6px;padding:8px 14px;font-weight:700}
@media(max-width:760px){.onzn-chat{margin:10px 0;border-radius:10px}.onzn-chat__layout{grid-template-columns:1fr;height:min(var(--onzn-height),78vh)}.onzn-chat__online{display:none;position:absolute;z-index:10;top:58px;right:0;width:min(85vw,300px);height:calc(100% - 58px);border-left:1px solid var(--onzn-accent);box-shadow:-10px 8px 25px #000c}.onzn-chat.online-open .onzn-chat__online{display:block}.onzn-chat__bubble{max-width:88%}.onzn-chat__composer{gap:6px}.onzn-chat__send{min-width:88px;padding:9px}.onzn-chat__header{padding:12px}.onzn-chat__header h2{font-size:1em}.onzn-chat__header .onzn-chat__clear-room{font-size:.72em;padding:6px 8px}.onzn-chat__messages{padding:12px}.onzn-chat__privacy{font-size:.65em}}
@media(max-width:420px){.onzn-chat__sound{padding:7px!important}.onzn-chat__bubble{max-width:94%}.onzn-chat__composer{align-items:stretch}.onzn-chat__message{min-height:58px}.onzn-chat__send{min-width:76px}.onzn-chat__online-toggle{font-size:.85em}}