.chat-launcher{position:fixed;right:24px;bottom:22px;z-index:80;display:flex;align-items:center;gap:9px;background:#d86543;color:#fff;border:1px solid #c35637;border-radius:9px;padding:12px 17px;font:700 14px Arial,sans-serif;box-shadow:0 4px 15px #57332625;cursor:pointer}.chat-launcher svg{width:21px;height:21px}.chat-launcher b{background:#fff;color:#b95636;border-radius:20px;min-width:18px;padding:2px;font-size:11px}.chat-launcher [hidden]{display:none}.chat-drawer{position:fixed;right:24px;bottom:82px;width:420px;max-width:calc(100vw - 28px);height:min(730px,calc(100dvh - 104px));z-index:81;background:#fff;border:1px solid #d8dde3;border-radius:12px;box-shadow:0 12px 50px #28344126;display:flex;flex-direction:column;overflow:hidden}.chat-drawer-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;border-bottom:1px solid #eee;font:12px Arial,sans-serif}.chat-drawer-bar a{color:#8f614e}.chat-drawer-bar button{background:none;border:0;font-size:24px;cursor:pointer;color:#77818d;width:30px}.chat-drawer-body{min-height:0;flex:1;display:flex}.chat-room{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;width:100%;min-height:0;background:#fff;color:#303b49}.chat-room [hidden]{display:none!important}.chat-room button,.chat-room input,.chat-room textarea{font-family:inherit}.chat-room button{cursor:pointer}.chat-room button:disabled{opacity:.6;cursor:default}.chat-room-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;background:#fff9f3;border-bottom:1px solid #ecdccf}.chat-room-head h2{margin:4px 0;font-size:22px;letter-spacing:-.5px}.chat-room-head p{margin:0;font-size:12px;color:#8a7264}.chat-room-kicker{font-size:9px;letter-spacing:1.5px;color:#ac7456;font-weight:700}.chat-connection{font-size:10px;color:#68876c;max-width:100px;text-align:right}.chat-connection.chat-offline{color:#a4503d}.chat-people{padding:9px 20px;background:#fff;font-size:11px;color:#748170;border-bottom:1px solid #eef0ec;display:flex;align-items:center;gap:6px;min-height:33px}.chat-people [data-online]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-online-dot{flex:0 0 5px;height:5px;border-radius:50%;background:#8da27d}.chat-rules{font-size:10px;line-height:1.5;color:#8d9298;padding:7px 20px;background:#fafbfc}.chat-feed{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:100px;padding:8px 18px;scrollbar-width:thin}.chat-message{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #eff0f2}.chat-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;background:#eee7df;color:#937254;border-radius:7px;font-size:12px;font-weight:700}.chat-mine .chat-avatar{background:#fae7db;color:#b96b44}.chat-message-content{min-width:0;flex:1}.chat-message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chat-message-meta strong{font-size:12px;color:#3c4754}.chat-message-meta time{font-size:9px;color:#9ba1a9;margin-left:auto}.chat-staff{font-size:9px;color:#b35836;background:#fff0e6;padding:2px 4px;border-radius:2px}.chat-message-content p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:6px 0;color:#4b5561}.chat-message-content blockquote{font-size:11px;line-height:1.5;background:#f5f6f8;border-left:2px solid #d3bca6;color:#84909b;margin:8px 0;padding:6px 9px;overflow-wrap:anywhere}.chat-message-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.chat-message-actions button{font-size:10px;color:#9198a1;border:1px solid transparent;border-radius:4px;padding:3px 5px;background:none}.chat-message-actions button:hover,.chat-message-actions button[aria-pressed=true]{background:#fff3e9;color:#b66c42;border-color:#ebd3bf}.chat-message-actions .chat-report{margin-left:auto;font-size:9px}.chat-spoiler{margin-top:8px;background:#f2f3f5;border-radius:4px;padding:8px}.chat-spoiler summary{font-size:11px;color:#687482;cursor:pointer}.chat-entry{border-top:1px solid #e6e9ed;padding:13px 18px;background:#fafbfc}.chat-join strong{font-size:13px}.chat-join p{font-size:11px;color:#87919d;line-height:1.5;margin:6px 0 10px}.chat-join-fields{display:grid;grid-template-columns:1fr 90px;gap:9px}.chat-join label,.chat-writing{display:block;font-size:11px;color:#7b8693}.chat-room input:not([type=checkbox]),.chat-room textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d9dfe5;border-radius:5px;background:#fff;padding:9px;font-size:13px;color:#3c4754;margin-top:5px}.chat-room textarea{resize:vertical;min-height:62px;max-height:140px}.chat-join>button,.chat-compose-bottom>button,.chat-retry{background:#d66a48;color:white;border:0;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:700}.chat-join>button{margin-top:10px;width:100%}.chat-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.chat-compose-bottom label{font-size:11px;color:#818b97;display:flex;align-items:center;gap:5px}.chat-compose-bottom input{accent-color:#d66a48}.chat-compose small{display:block;color:#9da4ad;font-size:9px;margin-top:7px}.chat-reply-target{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#fff0e4;margin-bottom:9px;font-size:11px;color:#a76e47}.chat-reply-target button{border:0;background:none;font-size:18px;color:inherit}.chat-feedback:not(:empty){padding:7px 18px;background:#fff5e8;color:#9b6844;font-size:11px;line-height:1.5}.chat-older,.chat-new{border:0;background:#f4f6f8;color:#63758a;font-size:11px;padding:8px}.chat-new{background:#fff0df;color:#a45d35}.chat-empty{text-align:center;margin:auto;padding:35px 10px;color:#86909e;font-size:12px;line-height:1.6}.chat-empty>span{font-size:32px}.chat-empty h3{font-size:15px;color:#4f5b69;margin:12px 0 6px}.chat-locked{font-size:12px;line-height:1.6;color:#a1654f}.chat-page{max-width:980px;margin:32px auto 50px;padding:0 24px}.chat-page-heading{margin-bottom:24px}.chat-page-heading h1{font-size:30px;margin:8px 0;letter-spacing:-.7px}.chat-page-heading>p:last-child{font-size:14px;color:#7d8794}.chat-page #chat-full{height:720px;max-height:85dvh;min-height:500px;border:1px solid #dce2e8;border-radius:10px;overflow:hidden;display:flex}.chat-privacy{font-size:11px;color:#919aa5;line-height:1.7}.chat-room :focus-visible,.chat-launcher:focus-visible{outline:2px solid #cf7952;outline-offset:2px}
@media(max-width:600px){.chat-drawer{right:8px;bottom:76px;max-width:none;width:calc(100vw - 16px);height:calc(100dvh - 90px);border-radius:8px}.chat-launcher{right:14px;bottom:16px;padding:10px 14px}.chat-room-head{padding:12px 15px}.chat-room-head h2{font-size:19px}.chat-feed{padding:6px 12px}.chat-entry{padding:10px 12px}.chat-room input:not([type=checkbox]),.chat-room textarea{font-size:16px}.chat-page{padding:0 14px;margin-top:24px}.chat-page #chat-full{height:78dvh;min-height:460px}.chat-page-heading h1{font-size:26px}.chat-page-heading>p:last-child{font-size:13px;line-height:1.5}.chat-message-actions button{min-height:28px}.chat-compose small{display:none}}
/* Chat moderation reuses the existing admin workspace. */
.chat-admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chat-admin-toolbar button[aria-pressed=true]{background:#d86b47;color:white}.chat-admin-item{padding:18px;border:1px solid #e0e5eb;margin:12px 0;border-radius:7px;background:white}.chat-admin-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.chat-admin-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7d8793;font-size:12px}.chat-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-admin-actions button{font-size:12px}.chat-admin-pages{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.chat-admin-status{font-size:12px;color:#ab623b;min-height:18px}
/* Keep the room title on one compact line. */
.chat-room-head{padding:10px 18px;min-height:0;background:#fff;border-bottom:1px solid #e8ebef}.chat-room-head h2{margin:0;font-size:15px;letter-spacing:0}.chat-room-head .chat-connection{max-width:none;font-size:10px}@media(max-width:600px){.chat-room-head{padding:9px 13px}.chat-room-head h2{font-size:15px}}
.chat-identity-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#7b8693;margin-bottom:8px}.chat-identity-bar>div{display:flex;gap:9px}.chat-identity-bar button,.chat-returning button{border:0;background:none;padding:2px 0;color:#a56343;font-size:11px;text-decoration:underline;text-underline-offset:3px}.chat-rename{margin:8px 0 12px;padding:10px;background:#fff4e9;border:1px solid #efddcb;border-radius:5px}.chat-rename label{font-size:11px}.chat-rename>div{display:flex;gap:8px;margin-top:8px}.chat-rename button{border:1px solid #d9c5b3;background:white;color:#936344;padding:5px 10px;border-radius:3px;font-size:11px}.chat-returning{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 12px;font-size:11px;color:#68788a}.chat-admin-actions [data-chat-op="delete"]{color:#a93832;border-color:#e4b8b4;background:#fff6f5}