.city-social{font-family:Inter,Arial,sans-serif;position:absolute;top:90px;left:20px;width:290px;max-height:calc(100dvh - 200px);z-index:25;color:#26382f;background:rgba(255,253,247,.96);border:1px solid #e2ddcf;border-radius:18px;box-shadow:0 12px 40px #142b2420;overflow:hidden;backdrop-filter:blur(18px)}
.city-social *{box-sizing:border-box}.city-social [hidden]{display:none!important}.city-social button,.city-social input{font:inherit}.city-social button{cursor:pointer}.city-social button:disabled{cursor:default;opacity:.55}.city-social button:focus-visible,.city-social input:focus-visible,.city-social a:focus-visible{outline:3px solid #c69039;outline-offset:2px}
.city-social-toggle{width:100%;display:flex;gap:9px;align-items:center;padding:13px 15px;border:0;background:#f5f2e8;color:#26382f;text-align:left;font-size:12px;font-weight:700}.city-social-toggle>:last-child{margin-left:auto}.city-social.is-collapsed .city-social-toggle>:last-child{transform:rotate(180deg)}.city-social-dot{width:7px;height:7px;border-radius:50%;background:#bf914a}.city-social.is-connected .city-social-dot{background:#4c8463}
.city-social-body{padding:10px 13px 12px;overflow-y:auto;max-height:calc(100dvh - 255px)}.city-social-status{font-size:11px;line-height:1.5;margin:0 0 10px;color:#637165}.city-social-status.is-error{color:#a44035}.city-social-people{display:flex;flex-direction:column;gap:7px;max-height:155px;overflow-y:auto;margin-bottom:12px}.city-social-person{display:flex;gap:8px;align-items:center;min-height:34px}.city-social-person-icon{display:grid;place-items:center;flex-shrink:0;width:27px;height:30px;color:#777c68;background:#ebe8dc;border-radius:11px 11px 7px 7px;font-size:11px}.city-social-person.is-speaking .city-social-person-icon{background:#d7ead8;box-shadow:0 0 0 2px #6c976b}.city-social-person>div{min-width:0;flex:1}.city-social-person span:not(.city-social-person-icon){font-size:11px;font-weight:600;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.city-social-person small{display:block;font-size:9px;color:#7a8073;margin-top:2px}.city-social-person button{font-size:9px;border:0;border-radius:6px;padding:5px;color:#526253;background:#f0eee4}
.city-social-voice{display:flex;flex-wrap:wrap;gap:6px}.city-social-voice button{border-radius:9px;font-size:11px;padding:9px 10px;border:1px solid #c7d4c6}.city-social-mic,.city-social-mute{background:#254d3f;color:white;border-color:#254d3f!important;flex:1}.city-social-stop,.city-social-listen{background:#f8f4e9;color:#536651}.city-social-listen{width:100%}.city-social-voice-note,.city-social-chat-note{font-size:9px;line-height:1.45;color:#7c8173;margin:7px 0}.city-social-login{display:block;font-size:11px;color:#436b52;margin:10px 0}.city-social-messages{max-height:170px;overflow-y:auto;border-top:1px solid #e5e3d7;padding-top:8px;margin-top:10px;overscroll-behavior:contain}.city-social-messages:empty{display:none}.city-social-message{margin-bottom:10px;font-size:11px;overflow-wrap:anywhere}.city-social-message strong{font-size:10px;color:#5f7866}.city-social-message p{margin:3px 0;line-height:1.5;white-space:pre-wrap}.city-social-chat{display:flex;gap:6px;margin-top:10px}.city-social-chat input{min-width:0;width:100%;border-radius:9px;border:1px solid #dcdccc;background:white;font-size:11px;padding:9px}.city-social-chat button{width:34px;flex-shrink:0;border:0;border-radius:9px;background:#c19149;color:white;font-size:19px}.city-social-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.city-social{top:67px;left:10px;width:240px;max-height:calc(100dvh - 235px);border-radius:13px}.city-social-body{max-height:calc(100dvh - 285px)}.city-social-toggle{padding:10px 11px;font-size:11px}.city-social-people{max-height:100px}.city-social-messages{max-height:110px}.city-social input{font-size:16px}.city-social-person button{min-height:32px}.city-social-voice button{min-height:38px}}
@media(prefers-reduced-motion:reduce){.city-social *{animation:none!important;transition:none!important}}
.city-social-gestures{display:flex;align-items:center;gap:9px;margin:0 0 12px}.city-social-salam{border:1px solid #9aac8e;border-radius:9px;background:#edf3e7;color:#31583e;padding:9px 14px;font-size:11px!important;font-weight:650!important;min-height:38px}.city-social-gestures>small{font-size:9px;line-height:1.4;color:#788370}.city-social-person .city-social-handshake{background:#e1ebd9;color:#375b3e}.city-social-person .city-social-actions{flex:0 0 auto;max-width:95px}.city-handshake-offers{position:absolute;top:150px;right:22px;width:300px;z-index:35;display:grid;gap:8px;font:12px Inter,Arial,sans-serif;color:#284536}.city-handshake-offers[hidden]{display:none!important}.city-handshake-card{background:#fffef5;border:1px solid #d1dbc5;border-radius:16px;box-shadow:0 12px 40px #172d2730;padding:17px;line-height:1.5}.city-handshake-card h3{margin:0 0 7px;font-size:15px;font-weight:650}.city-handshake-name{font-weight:700;margin:0 0 6px;overflow-wrap:anywhere}.city-handshake-note{margin:0 0 8px;color:#73816c;font-size:11px}.city-handshake-expiry,.city-handshake-cursor{display:block;font-size:10px;color:#87917d}.city-handshake-actions{display:flex;gap:8px;margin:12px 0 8px}.city-handshake-button{font:inherit;font-size:11px;flex:1;border:1px solid #c8d5bd;border-radius:9px;background:#244d3b;color:white;min-height:38px;padding:8px 10px;cursor:pointer}.city-handshake-button+button{background:white;color:#4b674a}.city-handshake-button:disabled{opacity:.5;cursor:default}.city-handshake-button:focus-visible{outline:3px solid #cb9e53;outline-offset:3px}
@media(max-width:760px){.city-handshake-offers{top:179px;right:12px;width:min(290px,calc(100% - 24px))}.city-handshake-card{padding:15px}.city-handshake-cursor{display:none}.city-social-salam{min-height:40px}}
.city-microphone-control{position:absolute;top:107px;right:22px;z-index:26;font:11px Inter,Arial,sans-serif;color:#4e614e}.city-room-mic{display:flex;align-items:center;gap:8px;width:145px;min-height:46px;padding:10px 12px;border:1px solid #d3c8b0;border-radius:17px;background:#faf7edee;color:#5d6553;box-shadow:0 6px 24px #1e3d2d22;cursor:pointer;font:inherit;line-height:1.35;text-align:left;backdrop-filter:blur(12px)}.city-room-mic:disabled{cursor:default;opacity:.75}.city-microphone-icon{width:24px;height:24px;flex-shrink:0}.city-microphone-label{min-width:0}.city-room-mic[data-state="on"]{background:#244d3b;color:#fff9eb;border-color:#467459}.city-room-mic[data-state="on"] .city-microphone-slash{display:none}.city-room-mic[data-state="connecting"]{border-color:#bf9f68;color:#8c6f3d}.city-room-mic[data-state="error"]{border-color:#b68e74;color:#956347}.city-room-mic:focus-visible{outline:3px solid #ca9e55;outline-offset:3px}.city-microphone-feedback{position:absolute;top:calc(100% + 7px);right:0;width:240px;max-width:calc(100vw - 24px);padding:14px 48px 14px 14px;background:#fff9e9;border:1px solid #d3c3a1;border-radius:13px;box-shadow:0 6px 30px #29473625;font-size:11px;line-height:1.5;color:#795f3f;overflow-wrap:anywhere}.city-microphone-feedback[hidden]{display:none!important}.city-microphone-feedback a{display:block;color:#2e644a;font-weight:650;margin-top:8px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.city-microphone-control{top:155px;right:11px}.city-room-mic{width:82px;min-height:66px;flex-direction:column;gap:4px;text-align:center;font-size:9px;padding:8px 5px;border-radius:16px}.city-microphone-icon{width:23px;height:23px}}
@media(max-width:360px){body.in-shop .city-social{max-width:calc(100% - 112px)}}

.city-microphone-feedback-close{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:9px;background:transparent;color:inherit;font:24px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.city-microphone-feedback-close:hover{background:#795f3f12}.city-microphone-feedback-close:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.city-microphone-feedback a[hidden]{display:none!important}