*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#0b151e;color:#d9e1e4;font:13px/1.5 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #b99b6566;border-radius:5px;background:linear-gradient(#806b41,#5b492b);color:#f3e2bd;padding:9px 13px;transition:background .16s,border-color .16s}button:hover{background:#8e7646;border-color:#d3b271}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d5b779;outline-offset:2px}#chat-app{height:100%;display:flex;flex-direction:column;padding:0 18px 12px;background:radial-gradient(ellipse at top,#29405230,transparent 70%)}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0 15px;border-bottom:1px solid #bca06a33;flex:none}.chat-brand{font-size:9px;letter-spacing:2px;color:#ad976b}h1{font:normal 22px/1.4 Georgia,serif;margin:3px 0 0;color:#e7d3aa}header button{width:29px;height:29px;display:flex;align-items:center;justify-content:center;padding:0;border-color:#81929c44;background:#13232d;color:#c5b89b;font-size:23px}#join{margin:auto;width:100%;max-width:390px;padding:18px 4px}.chat-emblem{width:47px;height:47px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#c4a1640d;border:1px solid #c4a16455;border-radius:9px;color:#d7b677;font-size:30px}h2{font:normal 22px/1.3 Georgia,serif;color:#e6d5b1;margin:0 0 12px}p{font-size:12px;color:#9babb6;line-height:1.7}#join-form{display:flex;flex-direction:column;gap:10px;margin:22px 0 14px}label{font-size:11px;color:#b6c0c5}input,textarea,select{min-width:0;border:1px solid #9aabaf40;border-radius:5px;background:#08121a;color:#e6ecee;padding:11px}small{font-size:10px;color:#7f929e;line-height:1.7}#conversation{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:13px}.chat-identity{display:flex;align-items:center;gap:10px;font-size:11px}.chat-private{font-size:8px;letter-spacing:1px;color:#bda472;background:#bda4720d;border:1px solid #bda47230;border-radius:4px;padding:4px 6px}#my-name{margin-left:auto;color:#b7c2c8;overflow-wrap:anywhere}#channel-note{font-size:10px;color:#81939f;margin:9px 0 12px}#messages{flex:1;min-height:60px;overflow-y:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:#50616b transparent}.msg{padding:11px;margin:0 0 10px;border:1px solid #81939f20;border-radius:7px;background:#14252f;overflow-wrap:anywhere}.msg.admin{background:#aa8f5f0c;border-color:#c1a16a33}.msg-head{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:10px}.nick{font-weight:600;color:#d1bd94}.admin .nick{color:#bdd1c1}.guest-label{font-size:8px;letter-spacing:.4px;color:#758e9c}.time{margin-left:auto;color:#738692;font-size:9px}.text{font-size:12px;line-height:1.65;white-space:pre-wrap;color:#d9e2e6}#message-form{display:flex;align-items:stretch;gap:7px;margin-top:10px}textarea{flex:1;resize:none;padding:10px;font-size:12px;line-height:1.5;min-height:62px}#message-form button{padding:10px}footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#7c919e;font-size:9px}#notice{margin:8px 0 0;min-height:15px;color:#d8b686;font-size:11px}#notice:empty{display:none}#admin-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 9px}#rooms{max-width:100%;padding:6px;font-size:11px}#admin-controls button{font-size:10px;padding:5px 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}