[data-city-chat]{position:fixed;right:14px;bottom:16px;z-index:55;width:min(370px,calc(100vw - 28px));font:14px/1.45 system-ui,sans-serif;color:#edf5ff} .city-chat{background:#0d1828f5;border:1px solid #6ce1e660;border-radius:16px;box-shadow:0 10px 40px #0007;overflow:hidden}.city-chat>summary{padding:14px 18px;cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between}.city-chat[open]>summary span{transform:rotate(45deg)}.city-chat-body{padding:0 14px 12px;max-height:min(70dvh,650px);overflow:auto}.city-chat-body label{display:block}.city-chat-body select,.city-chat-body input,.city-chat-body button,[data-report] button,[data-report] select{font:inherit;color:inherit;background:#172a3e;border:1px solid #53667b;border-radius:8px;padding:10px;min-height:44px}.city-chat-body select{width:100%}.chat-rules{font-size:11px;color:#bdcedf}.chat-messages{height:min(31dvh,270px);min-height:130px;overflow:auto;overscroll-behavior:contain}.chat-messages article{padding:10px 0;border-bottom:1px solid #ffffff15}.chat-messages time{float:right;font-size:11px;color:#a9bdcc}.chat-messages strong{color:#a6e7db}.chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.chat-messages article button{border:0;background:transparent;padding:4px 10px 4px 0;font-size:11px;min-height:32px;color:#b9c8db}.city-chat-body form{display:flex;gap:8px;margin:8px 0}.city-chat-body form label{flex:1;min-width:0;font-size:0}.city-chat-body input{width:100%;box-sizing:border-box;font-size:14px}.city-chat-body form>button{background:#9edcd1;color:#092823}.city-chat-body a,.city-chat-body details{font-size:12px;color:#b0dbf8}.city-chat-body [data-status]{font-size:12px;min-height:18px}.city-chat-body button:focus-visible,.city-chat summary:focus-visible{outline:3px solid #fed685;outline-offset:2px}[data-report]{max-width:350px;background:#101c2e;color:#f1f5fe;border:1px solid #6e85a1;border-radius:16px;padding:24px}[data-report]::backdrop{background:#000a}[data-report] label{display:grid;gap:10px;margin-bottom:16px}@media(max-width:650px){[data-city-chat]{bottom:110px;right:10px;width:min(350px,calc(100vw - 20px))}.city-chat:not([open]){width:max-content;max-width:100%;margin-left:auto}.city-chat-body{max-height:60dvh}.chat-messages{height:24dvh}}
[data-city-chat] .city-chat:not([open])>summary{min-height:44px;box-sizing:border-box}
@media(max-width:760px){body:has(#pad) [data-city-chat]{bottom:calc(158px + env(safe-area-inset-bottom));right:10px}}