.voice-chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bs-body-bg,#fff)}
body.voice-chat-layout{height:100vh;height:100dvh;overflow:hidden}body.voice-chat-layout>.flex-fill,body.voice-chat-layout .container-xl,body.voice-chat-layout .main-wrapper,body.voice-chat-layout .content-wrapper{height:100%;min-height:0!important}body.voice-chat-layout .main-wrapper{flex-wrap:nowrap!important}body.voice-chat-layout .content-wrapper{display:flex;flex-direction:column;overflow:hidden}body.voice-chat-layout .voice-chat-page{flex:1 1 auto;height:100%;min-height:0}
.voice-chat-header{position:relative;z-index:3;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:inherit}
.voice-chat-selectors{display:flex;align-items:center;gap:6px;flex:0 0 auto}.voice-chat-channel{width:min(150px,22vw)}.voice-chat-country-control{position:relative;display:flex;align-items:center;width:min(190px,42vw);height:38px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:10px;background:rgba(15,23,42,.8);box-shadow:0 4px 14px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.voice-chat-country-control:after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:translateY(-70%) rotate(45deg);pointer-events:none}.voice-chat-country-flag{position:absolute;z-index:1;left:10px;display:flex;align-items:center;justify-content:center;width:22px;font-size:1rem;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.voice-chat-country{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 28px 0 39px;border:0;outline:0;background:transparent;color:#fff;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.voice-chat-country:focus{box-shadow:inset 0 0 0 2px rgba(96,165,250,.8)}.voice-chat-country option{background:#f8fafc;color:#0f172a;font-weight:700}
.voice-chat-header>div:first-child{min-width:0;flex:1 1 auto}.voice-chat-header-status{display:flex;align-items:center;min-width:0;max-width:100%;white-space:nowrap}.voice-chat-status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-chat-status-meta{flex:0 0 auto;margin-left:4px;white-space:nowrap}
.voice-chat-stage{--voice-edge-x:8px;--voice-top-inset:10px;position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
.voice-chat-map{position:absolute;inset:0;background:#dce5ea;z-index:1}
.voice-chat-map-controls{position:absolute;z-index:3;left:10px;top:10px;display:flex;align-items:center;gap:6px}.voice-chat-locate{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(15,23,42,.2);border-radius:9px;background:rgba(255,255,255,.92);color:#2563eb;font-size:1.35rem;box-shadow:0 3px 10px rgba(2,6,23,.2);backdrop-filter:blur(6px)}.voice-chat-locate.is-locating ion-icon{animation:voiceChatLocate 1s linear infinite}@keyframes voiceChatLocate{to{transform:rotate(360deg)}}
.voice-chat-panel{position:absolute;z-index:2;top:10px;right:6px;display:flex;flex-direction:column;align-items:flex-end;width:min(246px,calc(100% - 12px));max-height:calc(100% - 145px);pointer-events:none}
.voice-chat-messages{display:flex;flex-direction:column;align-items:flex-end;gap:3px;width:100%;min-height:0;max-height:191px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 2px 2px;scrollbar-width:none;pointer-events:auto;touch-action:pan-y}.voice-chat-messages::-webkit-scrollbar{display:none}
.voice-chat-message{display:grid;grid-template-columns:18px minmax(62px,84px) minmax(52px,1fr);align-items:center;gap:4px;width:min(230px,100%);min-height:29px;padding:3px 5px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);color:#fff;backdrop-filter:blur(5px);transition:background .15s ease,transform .15s ease}
.voice-chat-message.is-playing{background:rgba(30,64,175,.82)}
.voice-chat-message-play{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#fff;color:#2563eb;font-size:.52rem;box-shadow:0 1px 3px rgba(0,0,0,.28)}
.voice-chat-message-meta{min-width:0;line-height:1}.voice-chat-message-name{display:flex;align-items:center;gap:4px;color:inherit;font-size:.61rem;font-weight:700;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.voice-chat-message-name:hover,.voice-chat-message-name:focus{color:inherit;text-decoration:underline}.voice-chat-presence-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.voice-chat-presence-dot.is-online{background:#22c55e}.voice-chat-presence-dot.is-offline{background:#ef4444}.voice-chat-presence-dot.is-invisible{background:#111827}.voice-chat-message time{display:block;margin-top:1px;font-size:.5rem;color:#cbd5e1}
.voice-chat-message-track{position:relative;height:18px;overflow:hidden;border-radius:4px;cursor:pointer}.voice-chat-wave-bars{position:absolute;inset:0;display:flex;align-items:center;gap:1px}.voice-chat-wave-bars i{display:block;flex:1 1 1px;min-width:1px;border-radius:2px;background:rgba(148,163,184,.95)}.voice-chat-message-track>span{position:absolute;z-index:1;left:0;top:0;bottom:0;width:0;overflow:hidden;transition:width .1s linear}.voice-chat-message-track>span .voice-chat-wave-bars{width:100%;min-width:var(--wave-track-width,100%)}.voice-chat-message-track>span .voice-chat-wave-bars i{background:#fff}.voice-chat-message audio{display:none}
.voice-chat-stage>.voice-chat-recorder{position:absolute;z-index:3;right:var(--voice-edge-x);bottom:var(--voice-edge-bottom);pointer-events:auto}
.voice-chat-toast-stack{position:absolute;z-index:23000;left:50%;top:64%;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:min(calc(100% - 20px),560px);max-width:560px;transform:translateX(-50%);pointer-events:none}
.voice-chat-toast{display:flex;align-items:flex-start;gap:.45rem;width:fit-content;max-width:min(92vw,560px);padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;background:rgba(15,23,42,.9);color:#fff;font-size:.82rem;line-height:1.25;overflow-wrap:anywhere;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);animation:voiceChatToastIn .18s ease-out;pointer-events:auto}
.voice-chat-toast ion-icon{flex:0 0 auto;margin-top:.1rem;font-size:1rem}.voice-chat-toast span{min-width:0}.voice-chat-toast.is-leaving{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
@keyframes voiceChatToastIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.voice-chat-toast-stack{width:calc(100% - 20px);max-width:calc(100% - 20px)}.voice-chat-toast{max-width:calc(100% - 20px);font-size:.78rem}}
.voice-chat-record{position:relative;isolation:isolate;overflow:visible;display:flex;align-items:center;justify-content:center;width:112px;height:112px;padding:0;border:5px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 9px 28px rgba(0,0,0,.38);touch-action:none;user-select:none;-webkit-user-select:none}
.voice-chat-record ion-icon{position:relative;z-index:2;font-size:3.25rem}.voice-chat-record-label{position:absolute;right:calc(100% + 12px);width:max-content;max-width:180px;padding:5px 9px;border-radius:8px;background:rgba(15,23,42,.76);color:#fff;font-size:.67rem;line-height:1.2;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.voice-chat-record-wave{--ptt-wave-size:clamp(320px,150vw,980px);position:absolute;z-index:-1;left:50%;top:50%;width:var(--ptt-wave-size);height:var(--ptt-wave-size);margin-left:calc(var(--ptt-wave-size)/-2);margin-top:calc(var(--ptt-wave-size)/-2);border:3px solid transparent;border-radius:50%;opacity:0;pointer-events:none}
.voice-chat-record.is-recording,.voice-chat-record.is-recording:hover,.voice-chat-record.is-recording:focus,.voice-chat-record.is-recording:active{background:#dc2626!important;background-color:#dc2626!important;border-color:#fff!important;color:#fff!important;transform:scale(.96);box-shadow:0 0 0 5px rgba(220,38,38,.24),0 9px 28px rgba(0,0,0,.38)!important}
.voice-chat-record.is-locked{background:#334155;color:#fff;border-color:rgba(255,255,255,.92)}
.voice-chat-record.is-locked:after{content:"";position:absolute;inset:8px;border:2px solid rgba(255,255,255,.32);border-radius:50%;animation:voiceChatLockPulse 1.4s ease-in-out infinite}
.voice-chat-record.is-recording .voice-chat-record-wave{display:block;border-color:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.voice-chat-record.is-recording .wave1{animation:voiceChatPttWave 1.45s ease-out 0s infinite}.voice-chat-record.is-recording .wave2{animation:voiceChatPttWave 1.45s ease-out .32s infinite}.voice-chat-record.is-recording .wave3{animation:voiceChatPttWave 1.45s ease-out .64s infinite}
.voice-chat-record.ptt-state-sending{background:#f59e0b}.voice-chat-record.ptt-state-sent{background:#16a34a}.voice-chat-record.ptt-state-error{background:#991b1b}.voice-chat-record.ptt-state-sending ion-icon{animation:voiceChatSpin .8s linear infinite}
@keyframes voiceChatPttWave{0%{transform:scale(.12);opacity:0}12%{opacity:.78}62%{opacity:.36}100%{transform:scale(1);opacity:0}}
@keyframes voiceChatSpin{to{transform:rotate(360deg)}}
@keyframes voiceChatLockPulse{0%,100%{opacity:.3;transform:scale(.96)}50%{opacity:.8;transform:scale(1)}}
.voice-chat-self-pin,.voice-chat-user-pin{border:0!important;background:transparent!important}.voice-chat-self-pin-core{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#0d6efd;box-shadow:0 1px 6px rgba(0,0,0,.45)}.voice-chat-self-pin-core svg{width:16px;height:16px;transform-origin:50% 50%;transition:transform .18s ease-out;fill:#fff}.voice-chat-user-pin svg{display:block}
.voice-chat-map .leaflet-control-attribution{margin:0!important;padding:1px 3px!important;border-radius:4px 0 0 0;background:rgba(255,255,255,.58)!important;color:#475569!important;font-size:8px!important;line-height:1.15!important;opacity:.55;transition:opacity .15s ease}
.voice-chat-map .leaflet-control-attribution:hover,.voice-chat-map .leaflet-control-attribution:focus-within{opacity:.9}.voice-chat-map .leaflet-control-attribution a{color:#334155!important}
@media(max-width:767px){html,body.has-mobile-bottom-nav{height:100%;overflow:hidden}body.has-mobile-bottom-nav>.flex-fill{min-height:0;overflow:hidden}body.has-mobile-bottom-nav .main-wrapper{height:calc(100dvh - 70px - env(safe-area-inset-bottom,0px));overflow:hidden}body.has-mobile-bottom-nav .content-wrapper{min-height:0!important;height:100%;overflow:hidden}.voice-chat-page{height:100%}.voice-chat-header{gap:6px;padding:8px}.voice-chat-header h4{font-size:1.05rem;margin-bottom:0!important}.voice-chat-header .small{font-size:.68rem}.voice-chat-selectors{gap:3px}.voice-chat-channel{width:74px;height:36px;padding-left:5px;padding-right:5px}.voice-chat-country{width:112px;height:36px;padding-left:5px;padding-right:5px}.voice-chat-locate{left:7px;top:7px;width:36px;height:36px}.voice-chat-panel{top:5px;right:2px;width:min(166px,calc(100% - 4px));max-height:calc(100% - 125px)}.voice-chat-panel-title{margin-right:2px;padding:3px 6px}.voice-chat-messages{max-height:177px;padding-right:2px}.voice-chat-message{grid-template-columns:17px minmax(52px,66px) minmax(38px,1fr);gap:3px;width:158px;min-height:27px;padding:3px 4px}.voice-chat-message-play{width:17px;height:17px}.voice-chat-message-name{font-size:.57rem}.voice-chat-message time{font-size:.46rem}.voice-chat-message-track{height:13px}.voice-chat-stage>.voice-chat-recorder{right:4px}.voice-chat-record{width:96px;height:96px}.voice-chat-record ion-icon{font-size:2.8rem}.voice-chat-record-label{display:none}}
@media(orientation:landscape) and (max-width:767px) and (max-height:600px){html,body.has-mobile-bottom-nav{height:100%;overflow:hidden}body.has-mobile-bottom-nav>.flex-fill{min-height:0;overflow:hidden}body.has-mobile-bottom-nav .main-wrapper{height:calc(100dvh - 70px - env(safe-area-inset-bottom,0px));overflow:hidden}body.has-mobile-bottom-nav .content-wrapper{min-height:0!important;height:100%;overflow:hidden}.voice-chat-page{height:100%}.voice-chat-header{padding:6px 10px}.voice-chat-header h4{font-size:1rem;margin-bottom:0!important}.voice-chat-header .small{font-size:.65rem}.voice-chat-channel{height:34px}.voice-chat-recorder{right:2px;bottom:2px}.voice-chat-record{width:88px;height:88px}.voice-chat-record ion-icon{font-size:2.6rem}.voice-chat-record-label{display:none}.voice-chat-panel{right:2px;max-height:calc(100% - 98px)}}
@media(orientation:landscape) and (min-width:768px){body.voice-chat-layout .main-wrapper{height:100dvh}}
@media(orientation:landscape){.voice-chat-stage>.voice-chat-recorder{right:4px}.voice-chat-record{width:88px;height:88px}.voice-chat-record ion-icon{font-size:2.6rem}.voice-chat-record-label{display:none}.voice-chat-panel{right:2px}}
@media(max-width:767px){.voice-chat-map-controls{left:7px;top:7px;gap:5px}.voice-chat-map-controls .voice-chat-locate{width:36px;height:36px}.voice-chat-country-control{width:min(150px,43vw);height:36px}.voice-chat-country-flag{left:8px;width:20px;font-size:.92rem}.voice-chat-map-controls .voice-chat-country{width:100%;height:100%;padding:0 25px 0 34px;font-size:.65rem}.voice-chat-country-control:after{right:9px}}
.voice-chat-country:focus,.voice-chat-country:focus-visible,.voice-chat-country:active{outline:0!important;box-shadow:none!important}
.voice-chat-country-picker{position:relative}.voice-chat-country-control{appearance:none;-webkit-appearance:none;padding:0 30px 0 39px;text-align:left;cursor:pointer}.voice-chat-country-control:focus,.voice-chat-country-control:focus-visible,.voice-chat-country-control:active{outline:0;box-shadow:0 4px 14px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.1)}.voice-chat-country-label{display:block;min-width:0;overflow:hidden;color:#fff;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.voice-chat-country-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.voice-chat-country-menu{position:absolute;left:0;top:calc(100% + 6px);display:none;width:min(270px,calc(100vw - 62px));max-height:min(58vh,390px);padding:6px;border:1px solid rgba(15,23,42,.14);border-radius:11px;background:#f8fafc;box-shadow:0 16px 38px rgba(2,6,23,.32);color:#0f172a}.voice-chat-country-menu.is-open{display:block}.voice-chat-country-search-wrap{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:7px;margin-bottom:5px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#64748b}.voice-chat-country-search-wrap ion-icon{flex:0 0 auto;font-size:1rem}.voice-chat-country-search-wrap input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:.76rem;font-weight:700}.voice-chat-country-search-wrap input::-webkit-search-cancel-button{opacity:.6}.voice-chat-country-options{max-height:min(48vh,320px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.voice-chat-country-option{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:#0f172a;font-size:.72rem;font-weight:700;text-align:left}.voice-chat-country-option:hover,.voice-chat-country-option:focus{outline:0;background:#e2e8f0}.voice-chat-country-option.is-active{background:#dbeafe;color:#1d4ed8}.voice-chat-country-option-flag{flex:0 0 22px;font-size:.95rem;text-align:center}.voice-chat-country-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-chat-country-option-label small{color:#64748b;font-size:.58rem}.voice-chat-country-option strong{margin-left:auto;padding-left:8px;color:#64748b;font-size:.68rem;font-variant-numeric:tabular-nums}.voice-chat-country-option.is-active strong{color:#1d4ed8}@media(max-width:767px){.voice-chat-country-control{padding-left:34px}.voice-chat-country-label{font-size:.65rem}.voice-chat-country-menu{width:min(250px,calc(100vw - 55px));max-height:min(62vh,360px)}}
.voice-chat-bottom-controls{position:absolute;z-index:1000;left:var(--voice-edge-x);right:var(--voice-edge-x);bottom:0;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.voice-chat-locate-wrap{padding:1rem 0;line-height:0;pointer-events:none}.voice-chat-bottom-controls .voice-chat-locate{position:static;border-color:rgba(255,255,255,.92);box-shadow:0 9px 28px rgba(0,0,0,.38);pointer-events:auto}.voice-chat-bottom-controls>.voice-chat-recorder{position:static;line-height:0;pointer-events:auto}
@media(max-width:767px){.voice-chat-stage{--voice-edge-x:4px;--voice-top-inset:5px}.voice-chat-bottom-controls{bottom:8px}.voice-chat-bottom-controls .voice-chat-locate{width:36px;height:36px}}
@media(orientation:landscape){.voice-chat-stage{--voice-edge-x:4px}}
@media(orientation:landscape) and (max-width:767px) and (max-height:600px){.voice-chat-bottom-controls{bottom:2px}}
.voice-chat-stage>.voice-chat-map-controls{left:var(--voice-edge-x);top:var(--voice-top-inset)}
.voice-chat-country-control{height:29px;border-color:rgba(255,255,255,.14);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.voice-chat-country-menu{border-radius:6px}
@media(max-width:767px){.voice-chat-country-control{height:27px}}
.voice-chat-map-controls{flex-direction:column;align-items:flex-start}.voice-chat-radius-control{display:flex;align-items:center;gap:6px;width:190px;min-height:25px;padding:3px 6px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-radius-control input{flex:1 1 auto;min-width:0;height:14px;margin:0;accent-color:#3b82f6;cursor:pointer}.voice-chat-radius-control span{flex:0 0 43px;font-size:.57rem;font-weight:800;text-align:right;white-space:nowrap}@media(max-width:767px){.voice-chat-radius-control{width:150px;min-height:23px;padding:2px 5px}.voice-chat-radius-control span{flex-basis:39px;font-size:.52rem}}
.voice-chat-channel-control{display:flex;align-items:center;gap:6px;width:190px;height:29px;margin:0;padding:0 7px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-channel-control>span{flex:0 0 auto;font-size:.58rem;font-weight:900;color:#bfdbfe}.voice-chat-channel-control .voice-chat-channel{appearance:none;-webkit-appearance:none;flex:1 1 auto;width:auto;height:100%;min-width:0;padding:0 18px 0 0;border:0;outline:0;background:transparent;color:#fff;font-size:.67rem;font-weight:800;box-shadow:none;cursor:pointer}.voice-chat-channel-control .voice-chat-channel option{background:#f8fafc;color:#0f172a}@media(max-width:767px){.voice-chat-channel-control{width:150px;height:27px;padding:0 6px}.voice-chat-channel-control .voice-chat-channel{font-size:.62rem}}
.voice-chat-channel-picker{position:relative}.voice-chat-channel-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(15,23,42,.78);box-shadow:0 2px 7px rgba(2,6,23,.2);color:#fff;line-height:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-channel-toggle:focus,.voice-chat-channel-toggle:focus-visible{outline:0}.voice-chat-channel-toggle span{font-size:.47rem;font-weight:900;letter-spacing:.06em;color:#bfdbfe}.voice-chat-channel-toggle strong{margin-top:2px;font-size:1rem;font-weight:900}.voice-chat-channel-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important}.voice-chat-channel-menu{position:absolute;left:0;top:calc(100% + 6px);display:none;grid-template-columns:repeat(8,30px);gap:4px;width:max-content;max-width:calc(100vw - 12px);padding:7px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#f8fafc;box-shadow:0 16px 38px rgba(2,6,23,.32)}.voice-chat-channel-menu.is-open{display:grid}.voice-chat-channel-option{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#334155;font-size:.68rem;font-weight:800}.voice-chat-channel-option:hover,.voice-chat-channel-option:focus{outline:0;border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.voice-chat-channel-option.is-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 2px 5px rgba(37,99,235,.25)}@media(max-width:767px){.voice-chat-channel-toggle{width:38px;height:38px}.voice-chat-channel-menu{grid-template-columns:repeat(5,30px)}}
.voice-chat-channel-actions{display:flex;align-items:stretch;gap:5px}.voice-chat-channel-actions .voice-chat-channel-toggle{width:50px;height:50px;border-width:2px}.voice-chat-channel-actions .voice-chat-channel-toggle span{font-size:.55rem;font-weight:900}.voice-chat-channel-actions .voice-chat-channel-toggle strong{font-size:1.25rem;font-weight:900}.voice-chat-repeat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-repeat:focus,.voice-chat-repeat:focus-visible{outline:0}.voice-chat-repeat span{font-size:.45rem;font-weight:900;letter-spacing:.04em}.voice-chat-repeat ion-icon{font-size:1.15rem}@media(max-width:767px){.voice-chat-channel-actions .voice-chat-channel-toggle,.voice-chat-repeat{width:46px;height:46px}.voice-chat-channel-actions .voice-chat-channel-toggle strong{font-size:1.15rem}}
.voice-chat-scan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(15,23,42,.68);box-shadow:0 2px 7px rgba(2,6,23,.16);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-scan:focus,.voice-chat-scan:focus-visible{outline:0}.voice-chat-scan span{font-size:.45rem;font-weight:900;letter-spacing:.04em}.voice-chat-scan ion-icon{font-size:1.15rem}.voice-chat-scan.is-scanning ion-icon{animation:voiceChatSpin .7s linear infinite}@media(max-width:767px){.voice-chat-scan{width:46px;height:46px}}
.voice-chat-bottom-left{display:flex;align-items:flex-end;min-width:0}.voice-chat-map-status{display:block;max-width:min(360px,55vw);margin:0 0 1rem 8px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(15,23,42,.82);box-shadow:0 2px 7px rgba(2,6,23,.2);color:#fff;font-size:.68rem;font-weight:700;line-height:1.2;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-map-status.is-visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.voice-chat-map-status{max-width:50vw;margin-left:5px;padding:5px 7px;font-size:.58rem}}
.voice-chat-map-status:not(.is-visible){visibility:hidden}
.voice-chat-bottom-controls .voice-chat-locate{border-color:rgba(255,255,255,.18);background:rgba(15,23,42,.72);color:#fff;box-shadow:0 4px 14px rgba(2,6,23,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-bottom-controls .voice-chat-locate ion-icon{--ionicon-stroke-width:48px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.voice-chat-bottom-controls .voice-chat-locate:hover,.voice-chat-bottom-controls .voice-chat-locate:focus{border-color:rgba(255,255,255,.4);background:rgba(30,41,59,.86);outline:0}.voice-chat-bottom-controls .voice-chat-locate.is-locating{border-color:rgba(251,146,60,.65);color:#fb923c}.voice-chat-bottom-controls .voice-chat-locate.is-error{border-color:rgba(248,113,113,.7);color:#ef4444}.voice-chat-bottom-controls .voice-chat-locate.is-ready{border-color:rgba(57,255,20,.65);color:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.22),0 4px 14px rgba(2,6,23,.28)}
.voice-chat-bottom-controls .voice-chat-locate,.voice-chat-bottom-controls .voice-chat-locate:hover,.voice-chat-bottom-controls .voice-chat-locate:focus,.voice-chat-bottom-controls .voice-chat-locate.is-locating,.voice-chat-bottom-controls .voice-chat-locate.is-error,.voice-chat-bottom-controls .voice-chat-locate.is-ready{border-color:transparent}
.voice-chat-country-picker{z-index:30}.voice-chat-country-menu{z-index:40}.voice-chat-radius-control,.voice-chat-channel-actions{position:relative;z-index:1}
.voice-chat-bottom-controls .voice-chat-locate.is-locating,.voice-chat-bottom-controls .voice-chat-locate.is-error,.voice-chat-bottom-controls .voice-chat-locate.is-ready{box-shadow:0 4px 14px rgba(2,6,23,.28)}
.voice-chat-visibility{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 0 1rem 6px;padding:0;border:0;border-radius:9px;background:rgba(15,23,42,.72);box-shadow:0 4px 14px rgba(2,6,23,.28);color:#fff;font-size:1.3rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-chat-visibility:focus,.voice-chat-visibility:focus-visible{outline:0}.voice-chat-visibility ion-icon{--ionicon-stroke-width:46px}.voice-chat-visibility.is-invisible{color:#94a3b8;background:rgba(15,23,42,.86)}@media(max-width:767px){.voice-chat-visibility{width:36px;height:36px;margin-left:5px}}
.voice-chat-bottom-controls .voice-chat-visibility{pointer-events:auto}
.voice-chat-guest-notice{position:absolute;z-index:1001;left:50%;top:50%;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;width:min(390px,calc(100% - 32px));padding:14px 16px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.9));box-shadow:0 18px 50px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.1);color:#fff;text-decoration:none;transform:translate(-50%,-50%);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.voice-chat-guest-notice:hover,.voice-chat-guest-notice:focus{border-color:rgba(147,197,253,.58);color:#fff;text-decoration:none;transform:translate(-50%,-50%) translateY(-2px);box-shadow:0 22px 58px rgba(2,6,23,.46),0 0 0 3px rgba(59,130,246,.12);outline:0}.voice-chat-guest-notice-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(147,197,253,.28);border-radius:13px;background:linear-gradient(145deg,rgba(59,130,246,.3),rgba(37,99,235,.12));color:#bfdbfe;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.voice-chat-guest-notice-icon ion-icon{font-size:1.35rem;--ionicon-stroke-width:44px}.voice-chat-guest-notice-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.voice-chat-guest-notice-copy strong{font-size:.86rem;font-weight:850;letter-spacing:.01em;line-height:1.2}.voice-chat-guest-notice-copy>span{color:rgba(226,232,240,.76);font-size:.68rem;font-weight:600;line-height:1.35}.voice-chat-guest-notice-arrow{color:#93c5fd;font-size:1.15rem;transition:transform .2s ease}.voice-chat-guest-notice:hover .voice-chat-guest-notice-arrow,.voice-chat-guest-notice:focus .voice-chat-guest-notice-arrow{transform:translateX(3px)}.voice-chat-page.is-read-only button:disabled,.voice-chat-page.is-read-only input:disabled{cursor:not-allowed;opacity:.58}.voice-chat-page.is-read-only .voice-chat-message-play.is-locked{opacity:.8}.voice-chat-page.is-read-only .voice-chat-map{cursor:default}@media(max-width:767px){.voice-chat-guest-notice{grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;width:min(340px,calc(100% - 28px));padding:12px 13px;border-radius:14px}.voice-chat-guest-notice-icon{width:40px;height:40px;border-radius:11px}.voice-chat-guest-notice-copy strong{font-size:.78rem}.voice-chat-guest-notice-copy>span{font-size:.62rem}.voice-chat-page.is-read-only .voice-chat-record{width:82px;height:82px}.voice-chat-page.is-read-only .voice-chat-record ion-icon{font-size:2.4rem}}
.voice-chat-page.is-read-only .voice-chat-radius-control{background:rgba(15,23,42,.68);border-color:rgba(255,255,255,.14);box-shadow:0 2px 7px rgba(2,6,23,.16);opacity:.72}.voice-chat-page.is-read-only .voice-chat-radius-control input:disabled{accent-color:#94a3b8;filter:grayscale(1);opacity:.55}.voice-chat-page.is-read-only .voice-chat-radius-control span{color:rgba(255,255,255,.78)}
.voice-chat-page.is-read-only .voice-chat-map.leaflet-grab{cursor:grab}.voice-chat-page.is-read-only .voice-chat-map.leaflet-drag-target{cursor:grabbing}
.voice-chat-page.is-read-only .voice-chat-map-status{border-color:rgba(148,163,184,.14);background:rgba(51,65,85,.58);box-shadow:none;color:rgba(226,232,240,.72);font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.voice-chat-guest-notice:hover,.voice-chat-guest-notice:focus{transform:translate(-50%,-50%)}
@media(max-width:767px){.voice-chat-country-search-wrap input{font-size:16px}}
.voice-chat-channel-option{position:relative}.voice-chat-channel-option>span{line-height:1}.voice-chat-channel-online{position:absolute;z-index:1;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border:2px solid #f8fafc;border-radius:999px;background:#94a3b8;color:#fff;font-size:7px;font-weight:900;line-height:1;box-shadow:0 1px 3px rgba(15,23,42,.22)}.voice-chat-channel-online.has-users{background:#16a34a}.voice-chat-channel-option.is-active .voice-chat-channel-online{border-color:#2563eb;background:#fff;color:#2563eb}.voice-chat-channel-option.is-active .voice-chat-channel-online.has-users{background:#22c55e;color:#fff}
.voice-chat-theme-dark .voice-chat-country-menu{border-color:rgba(255,255,255,.12);background:rgba(28,30,34,.94);color:#f8fafc;box-shadow:0 16px 38px rgba(0,0,0,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.voice-chat-theme-dark .voice-chat-country-search-wrap{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#aeb4bd}.voice-chat-theme-dark .voice-chat-country-search-wrap input{color:#f8fafc}.voice-chat-theme-dark .voice-chat-country-search-wrap input::placeholder{color:#aeb4bd;opacity:1}.voice-chat-theme-dark .voice-chat-country-option{color:#e5e7eb}.voice-chat-theme-dark .voice-chat-country-option:hover,.voice-chat-theme-dark .voice-chat-country-option:focus{background:rgba(255,255,255,.1);color:#fff}.voice-chat-theme-dark .voice-chat-country-option.is-active{background:rgba(37,99,235,.42);color:#dbeafe}.voice-chat-theme-dark .voice-chat-country-option-label small,.voice-chat-theme-dark .voice-chat-country-option strong{color:#aeb4bd}.voice-chat-theme-dark .voice-chat-country-option.is-active strong{color:#bfdbfe}
.voice-chat-theme-dark .voice-chat-channel-menu{border-color:rgba(255,255,255,.12);background:rgba(28,30,34,.94);box-shadow:0 16px 38px rgba(0,0,0,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.voice-chat-theme-dark .voice-chat-channel-option{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e5e7eb}.voice-chat-theme-dark .voice-chat-channel-option:hover,.voice-chat-theme-dark .voice-chat-channel-option:focus{border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff}.voice-chat-theme-dark .voice-chat-channel-option.is-active{border-color:rgba(96,165,250,.72);background:rgba(37,99,235,.68);color:#fff}.voice-chat-theme-dark .voice-chat-channel-online{border-color:#1c1e22}.voice-chat-theme-dark .voice-chat-channel-option.is-active .voice-chat-channel-online{border-color:rgba(37,99,235,.68)}
.voice-chat-theme-dark .voice-chat-country-menu,.voice-chat-theme-dark .voice-chat-channel-menu{border-color:rgba(255,255,255,.14);background:rgba(15,23,42,.68);box-shadow:0 16px 38px rgba(2,6,23,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.voice-chat-country-menu{overflow:hidden}.voice-chat-country-options{max-height:min(calc(58vh - 58px),320px);padding-bottom:2px}@media(max-width:767px){.voice-chat-country-options{max-height:min(calc(62vh - 58px),302px)}}
@media(max-width:767px){.voice-chat-channel-menu{grid-template-columns:repeat(4,42px);gap:6px;padding:8px}.voice-chat-channel-option{width:42px;height:42px;border-radius:8px;font-size:.82rem}.voice-chat-channel-online{top:-4px;right:-4px;min-width:17px;height:17px;font-size:8px}}