.permissions-body[data-v-3b96b696]{align-items:center;padding-top:2rem;text-align:center}.permissions-icon[data-v-3b96b696]{--icon-color-0:var(--roulette-danger);border-color:var(--roulette-danger)}.permissions-title[data-v-3b96b696]{margin-bottom:8px;text-align:center}.permissions-message[data-v-3b96b696]{margin-bottom:1.5rem;text-align:center}.permissions-instructions[data-v-3b96b696]{background:var(--roulette-form-option-bg);border-radius:var(--roulette-form-input-border-radius);padding:16px 20px;text-align:left;width:100%}.permissions-instructions__list[data-v-3b96b696]{list-style:decimal;margin:12px 0 0;padding-left:20px}.permissions-instructions__list li[data-v-3b96b696]{color:var(--roulette-text-secondary);font-size:var(--roulette-font-size);line-height:1.6;margin-bottom:4px}.permissions-instructions__list li[data-v-3b96b696]:last-child{margin-bottom:0}.chat-read-status .status-pending[data-v-853ae58d]{animation:pulse-853ae58d 1.5s ease-in-out infinite;color:#999;opacity:.7}@keyframes pulse-853ae58d{0%,to{opacity:.7}50%{opacity:.3}}.chat-read-status .status-sent[data-v-853ae58d]{color:#999}.chat-read-status .status-read[data-v-853ae58d]{color:#4caf50}.chat-read-status .status-failed[data-v-853ae58d]{color:#f44336;cursor:help}.chat-message-actions.always-visible[data-v-853ae58d]{opacity:1!important;visibility:visible!important}.chat-message-actions .btn-retry[data-v-853ae58d]{background:none;border:none;color:#f44336;cursor:pointer;padding:4px;transition:transform .2s,opacity .2s}.chat-message-actions .btn-retry[data-v-853ae58d]:hover{opacity:.8;transform:rotate(180deg)}.chat-message-actions .btn-retry[data-v-853ae58d]:active{transform:rotate(180deg) scale(.9)}.device-selector[data-v-3e0e5d18]{display:flex;flex-direction:column;gap:1rem}.device-selector-group[data-v-3e0e5d18]{display:flex;flex-direction:column;gap:.5rem}.device-selector-label[data-v-3e0e5d18]{align-items:center;color:var(--roulette-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;padding:6px 12px}.device-selector-list[data-v-3e0e5d18]{display:flex;flex-direction:column;gap:.25rem}.device-selector-item[data-v-3e0e5d18]{align-items:center;background:transparent;border:none;border-radius:var(--roulette-radius,.5rem);color:var(--roulette-text-muted);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%;--icon-color-0:var(--roulette-text-muted)}.device-selector-item[data-v-3e0e5d18]:hover:not(.selected){background:var(--roulette-menu-item-bg-hover,hsla(0,0%,100%,.05));color:var(--roulette-text-secondary);--icon-color-0:var(--roulette-text-secondary)}.device-selector-item.selected[data-v-3e0e5d18]{background:transparent;color:var(--roulette-text-primary);--icon-color-0:var(--roulette-primary)}.device-selector-item.selected[data-v-3e0e5d18]:hover{background:var(--roulette-menu-item-bg-hover,hsla(0,0%,100%,.05))}.device-selector-item-icon[data-v-3e0e5d18]{flex-shrink:0;height:18px;width:18px}.device-selector-item-label[data-v-3e0e5d18]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-selector-item-check[data-v-3e0e5d18]{flex-shrink:0;height:18px;width:18px}.device-selector-error[data-v-3e0e5d18],.device-selector-loading[data-v-3e0e5d18]{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.device-selector-loading[data-v-3e0e5d18]{background:var(--roulette-bg-secondary,hsla(0,0%,100%,.05));color:var(--roulette-text-secondary)}.device-selector-error[data-v-3e0e5d18]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.device-selector-error[data-v-3e0e5d18] .nuxt-icon{font-size:1.125rem}.u-dialog--md{min-height:400px}.roulette-ad-overlay{background:#000;bottom:0;overflow:hidden;right:0;touch-action:manipulation;z-index:var(--roulette-z-ad-overlay)}.roulette-ad-overlay,.roulette-ad-video{height:100%;left:0;position:absolute;top:0;width:100%}.roulette-ad-video{-o-object-fit:contain;object-fit:contain}.roulette-ad-skip-btn{align-items:center;backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border:1px solid var(--chip-border-color,var(--roulette-border-color));border-radius:var(--chip-border-radius,20px);bottom:20px;color:var(--roulette-text-primary);cursor:pointer;display:flex;font-size:var(--chip-font-size,.75rem);font-weight:500;gap:10px;height:var(--chip-size,30px);padding:0 16px;position:absolute;right:20px;transition:all .2s ease;z-index:var(--roulette-z-ad-skip-internal)}.roulette-ad-skip-btn:hover:not(:disabled){background:var(--chip-bg-hover,var(--roulette-form-option-bg))}.roulette-ad-skip-btn:disabled{cursor:default;opacity:.8}.roulette-ad-skip-btn .skip-countdown{font-weight:600;min-width:1em;text-align:center}.roulette-ad-skip-btn .skip-text{font-weight:500}.roulette-ad-skip-btn .nuxt-icon{height:16px;margin:0;width:16px}.roulette-ad-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:calc(var(--roulette-z-ad-overlay) + 1)}.video-chat:has(.roulette-ad-overlay) .video-overlay-left,.video-chat:has(.roulette-ad-overlay) .video-overlay-right{display:none!important;visibility:hidden!important}.roulette-stats-badge[data-v-960f50b7]{align-items:center;backdrop-filter:blur(12px);background:#0009;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 4px 12px #0000004d;color:#ffffffb3;display:inline-flex;font-size:13px;font-weight:500;gap:16px;padding:10px 18px}.roulette-stats-badge .stats-item[data-v-960f50b7]{align-items:center;display:flex;gap:8px;position:relative;transition:all .3s ease}.roulette-stats-badge .stats-item--active[data-v-960f50b7]{color:#fff}.roulette-stats-badge .stats-item--active .stats-icon[data-v-960f50b7],.roulette-stats-badge .stats-item--active .stats-value[data-v-960f50b7]{color:#10b981}.roulette-stats-badge .stats-icon[data-v-960f50b7]{color:#ffffff80;height:16px;transition:color .3s ease;width:16px}.roulette-stats-badge .stats-icon[data-v-960f50b7] svg{height:100%;width:100%}.roulette-stats-badge .stats-value[data-v-960f50b7]{font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;min-width:20px;text-align:left;transition:color .3s ease}.roulette-stats-badge .stats-label[data-v-960f50b7]{font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.roulette-stats-badge .stats-divider[data-v-960f50b7]{background:#ffffff26;height:16px;width:1px}.roulette-stats-badge .stats-item--active:first-child .stats-icon[data-v-960f50b7]{animation:pulse-960f50b7 2s ease-in-out infinite}.roulette-stats-badge.roulette-stats-badge-mobile[data-v-960f50b7]{display:none;font-size:10px!important;gap:8px!important;padding:5px 12px!important}@keyframes pulse-960f50b7{0%,to{opacity:1}50%{opacity:.6}}:root{--roulette-z-base:40;--roulette-z-video-internal:calc(var(--roulette-z-base) + 10);--roulette-z-video-controls:calc(var(--roulette-z-base) + 20);--roulette-z-video-overlay:calc(var(--roulette-z-base) + 30);--roulette-z-ad-overlay:calc(var(--roulette-z-base) + 40);--roulette-z-top-chips:calc(var(--roulette-z-base) + 50);--roulette-z-mobile-page:calc(var(--roulette-z-base) + 50);--roulette-z-panel-backdrop:calc(var(--roulette-z-base) + 80);--roulette-z-panel:calc(var(--roulette-z-base) + 90);--roulette-z-modal:calc(var(--roulette-z-base) + 100);--roulette-z-overlay-mobile:calc(var(--roulette-z-base) + 130);--roulette-z-story-viewer:calc(var(--roulette-z-base) + 120);--roulette-z-call-overlay:calc(var(--roulette-z-base) + 140);--roulette-z-menu-backdrop:calc(var(--roulette-z-base) + 150);--roulette-z-menu-dropdown:calc(var(--roulette-z-base) + 160);--roulette-z-chat-input-internal:200;--roulette-z-chat-toolbar-internal:201;--roulette-z-ad-skip-internal:100;--roulette-overlay-bg:hsla(0,0%,4%,.4);--roulette-themed-bg:var(--dialog-bg,var(--bs-body-bg));--roulette-themed-border:var(--dialog-border-color,var(--bs-border-color));--roulette-font-size:var(--dialog-font-size,14px);--roulette-primary:var(--bs-primary);--roulette-primary-hover:var(--bs-primary-dark);--roulette-on-primary:var(--bs-primary-color);--roulette-danger:var(--bs-danger);--roulette-danger-hover:var(--bs-danger-dark,#c82333);--roulette-on-danger:var(--bs-danger-color,#fff);--roulette-danger-bg-subtle:var(--bs-danger-bg-subtle);--roulette-success:var(--bs-success);--roulette-on-success:var(--bs-success-color);--roulette-text-primary:var(--bs-body-color);--roulette-text-secondary:var(--bs-body-color-medium);--roulette-text-muted:var(--bs-body-color-muted,var(--bs-body-color-medium));--roulette-border-color:var(--bs-border-color);--roulette-form-input-bg:var(--dialog-input-bg);--roulette-form-input-border:var(--dialog-input-border);--roulette-form-input-color:var(--dialog-input-color);--roulette-form-input-placeholder:var(--dialog-input-placeholder);--roulette-form-input-size:var(--dialog-input-size);--roulette-form-input-border-radius:var(--dialog-input-border-radius);--roulette-form-input-border-focus:var(--dialog-input-border-focus);--roulette-form-option-bg:var(--bs-body-secondary-bg);--roulette-form-option-bg-hover:var(--bs-body-secondary-bg-hover);--roulette-form-option-text:var(--bs-body-color);--roulette-form-option-text-active:var(--bs-body-color);--roulette-form-error-color:var(--bs-danger);--roulette-wrapper-bg:var(--bs-body-bg);--roulette-video-section-bg:var(--bs-body-bg);--roulette-history-section-bg:var(--bs-body-bg);--roulette-chat-section-bg:var(--bs-body-bg);--roulette-profile-section-bg:var(--bs-body-bg)}.video-roulette-page .nuxt-icon--fill,.video-roulette-page .nuxt-icon--fill *{fill:none}.video-roulette-page{--roulette-bg-primary:var(--bs-body-bg);--roulette-bg-secondary:var(--bs-body-secondary-bg);--roulette-bg-secondary-hover:var(--bs-body-secondary-bg-hover);--roulette-bg-overlay:var(--menu-overlay-bg);--roulette-border-color-light:var(--bs-border-color-highlight);--roulette-radius:var(--bs-border-radius);--roulette-radius-lg:var(--dialog-border-radius);--roulette-blur:10px;--roulette-scrollbar-width:6px;--roulette-scrollbar-track:transparent;--roulette-scrollbar-thumb:hsla(0,0%,100%,.2);--roulette-scrollbar-thumb-hover:hsla(0,0%,100%,.3);--roulette-gradient-start:var(--bs-body-bg-dark,var(--bs-body-bg));--roulette-gradient-end:var(--bs-body-bg);--roulette-page-bg:var(--bs-body-bg);--roulette-panel-header-height:80px;--roulette-panel-header-padding:0 20px;--roulette-stat-color:var(--bs-body-color-medium);--roulette-stat-icon-color:var(--bs-body-color-muted,var(--bs-body-color-medium));--roulette-mobile-back-bg:var(--menu-overlay-bg);--roulette-mobile-back-blur:10px;--roulette-mobile-back-border:var(--bs-border-color);--roulette-mobile-back-color:var(--bs-body-color);--roulette-chat-bg:var(--roulette-chat-section-bg);--roulette-chat-bg-card:var(--bs-body-secondary-bg);--roulette-chat-border-color:var(--bs-border-color);--roulette-icon-color:var(--icon-color-0);--roulette-icon-stroke:2;--roulette-video-bg:var(--roulette-video-section-bg);--roulette-video-bg-secondary:var(--roulette-bg-secondary);--roulette-video-border-color:var(--roulette-border-color);--roulette-video-border-radius:var(--roulette-radius);--roulette-video-gradient-start:var(--roulette-gradient-start);--roulette-video-gradient-end:var(--roulette-gradient-end);--roulette-controls-bg:var(--roulette-bg-overlay);--roulette-controls-blur:var(--roulette-blur);--roulette-controls-radius:50px;--roulette-control-btn-size:48px;--roulette-control-btn-bg:var(--roulette-bg-secondary);--roulette-control-btn-bg-hover:var(--roulette-bg-secondary-hover);--roulette-control-btn-color:var(--roulette-text-secondary);--roulette-control-btn-color-hover:var(--roulette-text-primary);--roulette-control-btn-active-bg:var(--roulette-primary);--roulette-control-btn-active-color:var(--roulette-on-primary);--roulette-avatar-bg:var(--roulette-bg-secondary);--roulette-avatar-border:var(--roulette-border-color);--roulette-avatar-color:var(--roulette-text-secondary);--roulette-status-color:var(--roulette-text-secondary);--roulette-chat-icon-color:var(--roulette-text-secondary);--roulette-pip-border:var(--roulette-border-color-light);--roulette-pip-border-radius:12px;--roulette-pip-shadow:0 4px 12px rgba(0,0,0,.4);--roulette-swap-btn-bg:var(--roulette-bg-overlay);--roulette-swap-btn-bg-hover:var(--roulette-primary);--roulette-swap-btn-color:var(--roulette-text-primary);--roulette-connection-title-color:var(--roulette-text-primary);--roulette-connection-text-color:var(--roulette-text-secondary);--roulette-connection-backdrop-bg:rgba(0,0,0,.5);--roulette-connection-backdrop-blur:8px;--roulette-menu-bg:var(--roulette-bg-overlay);--roulette-menu-blur:var(--roulette-blur);--roulette-menu-shadow:0 8px 24px rgba(0,0,0,.4);--roulette-menu-radius:var(--roulette-radius-lg);--roulette-menu-item-color:var(--roulette-text-primary);--roulette-menu-item-bg-hover:var(--roulette-border-color);--roulette-menu-item-active-bg:var(--roulette-border-color-light);--roulette-menu-danger-color:var(--roulette-danger);--roulette-menu-divider:var(--roulette-border-color);--roulette-call-overlay-bg:rgba(0,0,0,.85);--roulette-call-overlay-blur:8px;--roulette-call-modal-bg-gradient-start:var(--roulette-bg-primary);--roulette-call-modal-bg-gradient-end:var(--roulette-bg-secondary);--roulette-call-modal-border:var(--roulette-border-color-light);--roulette-call-modal-radius:24px;--roulette-call-modal-shadow:0 20px 60px rgba(0,0,0,.5);--roulette-call-avatar-size:120px;--roulette-call-avatar-size-mobile:100px;--roulette-call-avatar-bg:var(--roulette-primary);--roulette-call-avatar-color:var(--roulette-on-primary);--roulette-call-avatar-shadow:0 8px 24px rgba(var(--bs-primary-rgb),.4);--roulette-call-ring-color:var(--roulette-primary);--roulette-call-ring-width:3px;--roulette-call-title-color:var(--roulette-text-primary);--roulette-call-status-color:var(--roulette-text-secondary);--roulette-call-progress-bg:var(--roulette-form-option-bg);--roulette-call-progress-fill:var(--roulette-primary);--roulette-call-btn-radius:16px;--roulette-call-btn-padding:16px 24px;--roulette-call-btn-font-size:16px;--roulette-call-accept-bg:var(--roulette-success);--roulette-call-accept-color:var(--roulette-on-success);--roulette-call-accept-shadow:0 4px 16px rgba(var(--bs-success-rgb),.5);--roulette-call-decline-bg:transparent;--roulette-call-decline-bg-hover:rgba(var(--bs-danger-rgb),.3);--roulette-call-decline-color:var(--roulette-danger);--roulette-call-decline-border:var(--roulette-danger);--roulette-call-decline-shadow:0 4px 16px rgba(var(--bs-danger-rgb),.4)}[data-theme=light] .video-roulette-page{--roulette-pip-shadow:3px 3px 11px rgba(0,0,0,.17);--roulette-controls-bg:#f0f2f5;--roulette-control-btn-bg:#fff;--roulette-control-btn-bg-hover:#e8eaed;--roulette-scrollbar-thumb:rgba(0,0,0,.2);--roulette-scrollbar-thumb-hover:rgba(0,0,0,.3)}.next-chat-btn{background:transparent!important;border:none!important;color:#fff!important;font-weight:600;overflow:hidden;padding:14px 36px;position:relative;transition:transform .3s ease,box-shadow .3s ease,color .3s ease!important}.next-chat-btn:before{background:conic-gradient(var(--bs-primary),#3fd9ff,#4fdcff,#0cf,#cc2cf8,#f82cd3,#f40,#f80,#ffd500,var(--bs-primary));border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;position:absolute}.next-chat-btn .next-chat-arrow,.next-chat-btn .next-chat-text{font-size:14px;font-weight:600;position:relative;z-index:2}.next-chat-btn:hover{box-shadow:0 8px 24px #0000004d!important;color:var(--bs-primary)!important;transform:translateY(-2px)!important}.next-chat-btn:active{transform:translateY(0)!important}.next-chat-btn:disabled{background:var(--roulette-form-option-bg)!important;color:var(--roulette-text-muted)!important;cursor:not-allowed;opacity:.5;pointer-events:none;--icon-color-0:var(--roulette-text-muted)!important;transform:none!important}.next-chat-btn:disabled:before{display:none}.next-chat-btn:disabled .next-chat-text{color:var(--roulette-text-muted)}.end-call-btn{--btn-icon-size:24px}.end-call-btn:disabled{display:none}.roulette-page-mode-toggle{backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border-radius:var(--roulette-controls-radius);display:none;gap:0;grid-template-columns:1fr 1fr;padding:4px;z-index:var(--roulette-z-top-chips)}.roulette-page-mode-toggle__slider{background:var(--roulette-control-btn-active-bg);border-radius:calc(var(--roulette-controls-radius) - 2px);height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:0}.roulette-page-mode-toggle.mode-chat .roulette-page-mode-toggle__slider{transform:translate(100%)}.roulette-page-mode-toggle__option{align-items:center;background:transparent;border:none;border-radius:calc(var(--roulette-controls-radius) - 2px);color:var(--roulette-control-btn-color);display:flex;gap:6px;height:36px;justify-content:center;padding:0 16px;z-index:1;--icon-color-0:var(--roulette-control-btn-color);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;outline:none;transition:color .3s ease;white-space:nowrap}.roulette-page-mode-toggle__option .nuxt-icon{height:18px;margin:0;width:18px}.roulette-page-mode-toggle__option.active{color:var(--roulette-control-btn-active-color);--icon-color-0:var(--roulette-control-btn-active-color)}.roulette-page-mode-toggle__option:hover:not(.active){color:var(--roulette-control-btn-color-hover);--icon-color-0:var(--roulette-control-btn-color-hover)}.roulette-page-mode-toggle__badge{background:var(--roulette-danger);border-radius:9px;color:var(--roulette-on-danger);font-size:11px;font-weight:600;height:18px;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.roulette-header{font-size:1rem;line-height:1.3}.roulette-header,.roulette-title{color:var(--roulette-text-primary);font-weight:600;margin:0}.roulette-title{font-size:var(--roulette-font-size);line-height:1.4}.roulette-text{color:var(--roulette-text-secondary);font-size:var(--roulette-font-size);font-weight:400;line-height:1.5;margin:0}.roulette-text-medium{color:var(--roulette-text-muted);font-size:calc(var(--roulette-font-size)*.9);font-weight:400;line-height:1.4;margin:0}.icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center}.icon.large{font-size:64px}.roulette-flag{border-radius:2px;height:14px;outline:1px solid hsla(0,0%,100%,.3);outline-offset:-1px;width:auto}.roulette-flag--sm{height:12px}.roulette-loading{align-items:center;color:var(--roulette-text-muted);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.roulette-loading p{font-size:14px;margin:0}.roulette-wrapper{overflow:hidden;width:100%}.roulette-wrapper,.video-roulette-page{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.video-roulette-page{background:var(--roulette-page-bg);--icon-stroke-0:var(--roulette-icon-stroke)}.video-roulette-container{display:flex;flex:1 1 0;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:16px 0}.video-roulette-content{background:var(--roulette-wrapper-bg);border:1px solid var(--roulette-video-border-color);border-radius:var(--roulette-video-border-radius);display:grid;flex:1 1 0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);margin:0 auto;min-height:0;min-width:0;overflow:hidden;position:relative;width:100%}.video-roulette-content.roulette-history-open .video-roulette-history-panel,.video-roulette-content.roulette-user-profile-open .video-roulette-user-profile-panel{transform:translate(0);visibility:visible}.video-roulette-history-panel{background:var(--roulette-history-section-bg);overflow-y:auto;width:400px;z-index:var(--roulette-z-panel)}.video-roulette-history-panel,.video-roulette-user-profile-panel{border-left:1px solid var(--chat-border-color);bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;transform:translate(100%);transition:transform .3s ease,visibility .3s ease;visibility:hidden}.video-roulette-user-profile-panel{background:var(--roulette-profile-section-bg);overflow:hidden;width:320px;z-index:calc(var(--roulette-z-panel) + 1)}.video-roulette-video-panel{display:flex;flex-direction:column;min-height:0;position:relative}.video-roulette-chat-panel{border-left:1px solid var(--chat-border-color);display:flex;flex-direction:column;min-height:0}.video-roulette-main-content{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.roulette-chat-toolbar{align-items:center;border-bottom:1px solid var(--roulette-border-color);box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;height:var(--roulette-panel-header-height);justify-content:space-between;max-height:var(--roulette-panel-header-height);min-height:var(--roulette-panel-header-height);padding:var(--roulette-panel-header-padding)}.chat-toolbar-user{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.chat-toolbar-avatar{align-items:center;background:var(--roulette-control-btn-bg);border-radius:50%;color:var(--roulette-text-muted);display:flex;height:40px;justify-content:center;min-width:40px;width:40px;--icon-color-0:var(--roulette-text-muted);border:1px solid var(--roulette-border-color);overflow:hidden}.chat-toolbar-avatar .nuxt-icon{height:20px;width:20px}.chat-toolbar-avatar:has(.avatar-container){background:none;border:none}.chat-toolbar-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-toolbar-name{color:var(--roulette-text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-toolbar-meta{align-items:center;color:var(--roulette-text-muted);display:flex;font-size:12px;gap:4px}.chat-toolbar-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-toolbar-duration{flex-shrink:0;white-space:nowrap}.chat-toolbar-actions{align-items:center;display:flex;gap:8px}.chat-toolbar-actions .u-btn:not(.active){border-color:var(--roulette-border-color);color:var(--roulette-text-muted);--icon-color-0:var(--roulette-text-muted)}.roulette-history-toggle-btn,.roulette-pip-restore-btn,.roulette-profile-toggle-btn,.video-roulette-history-backdrop{display:none}@media(min-width:1201px){.video-roulette-content.page-mode-chat,.video-roulette-content.page-mode-video{grid-template-columns:0 1fr 0;grid-template-rows:minmax(0,1fr);transition:grid-template-columns .3s ease}.video-roulette-content.page-mode-chat.roulette-history-open,.video-roulette-content.page-mode-video.roulette-history-open{grid-template-columns:400px 1fr 0}.video-roulette-content.page-mode-chat.roulette-right-panel-open,.video-roulette-content.page-mode-video.roulette-right-panel-open{grid-template-columns:0 1fr 320px}.video-roulette-content.page-mode-chat.roulette-history-open.roulette-right-panel-open,.video-roulette-content.page-mode-video.roulette-history-open.roulette-right-panel-open{grid-template-columns:400px 1fr 320px}.video-roulette-content.page-mode-chat .video-roulette-history-panel,.video-roulette-content.page-mode-video .video-roulette-history-panel{border-left:none;border-right:none;grid-column:1;grid-row:1;min-height:0;min-width:0;overflow:hidden;position:static;transform:none;visibility:visible;width:auto}.video-roulette-content.page-mode-chat .video-roulette-history-panel>.roulette-panel,.video-roulette-content.page-mode-video .video-roulette-history-panel>.roulette-panel{min-width:400px}.video-roulette-content.page-mode-chat.roulette-history-open .video-roulette-history-panel,.video-roulette-content.page-mode-video.roulette-history-open .video-roulette-history-panel{border-right:1px solid var(--chat-border-color)}.video-roulette-content.page-mode-chat .video-roulette-history-panel .roulette-panel.collapsed .roulette-panel__content,.video-roulette-content.page-mode-video .video-roulette-history-panel .roulette-panel.collapsed .roulette-panel__content{display:flex!important}.video-roulette-content.page-mode-chat .video-roulette-history-panel .roulette-panel__header,.video-roulette-content.page-mode-video .video-roulette-history-panel .roulette-panel__header{display:none}.video-roulette-content.page-mode-chat .video-roulette-history-panel .roulette-panel__list,.video-roulette-content.page-mode-video .video-roulette-history-panel .roulette-panel__list{padding-top:0}.video-roulette-content.page-mode-chat .video-roulette-main-content,.video-roulette-content.page-mode-video .video-roulette-main-content{grid-column:2;grid-row:1;min-height:0;overflow:hidden}.video-roulette-content.page-mode-chat .video-roulette-user-profile-panel,.video-roulette-content.page-mode-video .video-roulette-user-profile-panel{border-left:none;border-right:none;bottom:auto;display:flex;grid-column:3;grid-row:1;min-height:0;min-width:0;overflow:hidden;position:static;right:auto;top:auto;transform:none;visibility:visible;width:auto;z-index:auto}.video-roulette-content.page-mode-chat .video-roulette-user-profile-panel>.roulette-panel,.video-roulette-content.page-mode-video .video-roulette-user-profile-panel>.roulette-panel{min-width:320px}.video-roulette-content.page-mode-chat.roulette-right-panel-open .video-roulette-user-profile-panel,.video-roulette-content.page-mode-video.roulette-right-panel-open .video-roulette-user-profile-panel{border-left:1px solid var(--chat-border-color)}.video-roulette-content.page-mode-chat .video-roulette-user-profile-panel .roulette-panel__header,.video-roulette-content.page-mode-video .video-roulette-user-profile-panel .roulette-panel__header{display:none}.video-roulette-content.page-mode-chat .roulette-page-mode-toggle,.video-roulette-content.page-mode-video .roulette-page-mode-toggle{display:grid;left:50%;position:absolute;top:16px;transform:translate(-50%)}.video-roulette-content.page-mode-chat .roulette-stats-badge-position.roulette-stats-badge-desktop,.video-roulette-content.page-mode-video .roulette-stats-badge-position.roulette-stats-badge-desktop{display:flex;left:50%;position:absolute;top:70px;transform:translate(-50%);z-index:var(--roulette-z-top-chips)}.video-roulette-content.page-mode-chat .roulette-stats-badge-position.roulette-stats-badge-mobile,.video-roulette-content.page-mode-video .roulette-stats-badge-position.roulette-stats-badge-mobile{display:none}.video-roulette-content.page-mode-chat .roulette-history-toggle-btn,.video-roulette-content.page-mode-chat .roulette-profile-toggle-btn,.video-roulette-content.page-mode-video .roulette-history-toggle-btn,.video-roulette-content.page-mode-video .roulette-profile-toggle-btn{backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border-radius:var(--roulette-controls-radius);display:flex;height:44px;min-height:44px;position:absolute;top:16px;width:44px;z-index:var(--roulette-z-top-chips)}.video-roulette-content.page-mode-chat .roulette-history-toggle-btn .nuxt-icon,.video-roulette-content.page-mode-chat .roulette-profile-toggle-btn .nuxt-icon,.video-roulette-content.page-mode-video .roulette-history-toggle-btn .nuxt-icon,.video-roulette-content.page-mode-video .roulette-profile-toggle-btn .nuxt-icon{height:18px;width:18px}.video-roulette-content.page-mode-chat .roulette-history-toggle-btn,.video-roulette-content.page-mode-video .roulette-history-toggle-btn{left:16px}.video-roulette-content.page-mode-chat .roulette-pip-restore-btn,.video-roulette-content.page-mode-video .roulette-pip-restore-btn{backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border-radius:var(--roulette-controls-radius);display:flex;height:44px;min-height:44px;position:absolute;right:68px;top:16px;width:44px;z-index:var(--roulette-z-top-chips)}.video-roulette-content.page-mode-chat .roulette-pip-restore-btn .nuxt-icon,.video-roulette-content.page-mode-video .roulette-pip-restore-btn .nuxt-icon{height:18px;width:18px}.video-roulette-content.page-mode-chat .roulette-profile-toggle-btn,.video-roulette-content.page-mode-video .roulette-profile-toggle-btn{right:16px}.video-roulette-content.page-mode-video .video-roulette-video-panel{flex:1;min-height:0}.video-roulette-content.page-mode-video:not(.has-active-call) .video-roulette-chat-panel{display:none}.video-roulette-content.page-mode-chat .video-roulette-video-panel{inset:0;pointer-events:none;position:absolute}.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-chat-controls,.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-chat-remote,.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-overlay-left,.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-overlay-right,.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-top-chips{display:none}.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-chat{background:transparent;overflow:visible}.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-chat-local{pointer-events:auto;z-index:calc(var(--roulette-z-top-chips) + 6)}.video-roulette-content.page-mode-chat .chat-input-settings{display:flex!important}.video-roulette-content.page-mode-chat .video-roulette-chat-panel{flex:1;grid-column:2;grid-row:1;justify-self:center;min-height:0;min-width:0;overflow:hidden}.video-roulette-content.page-mode-chat.has-active-call,.video-roulette-content.page-mode-video.has-active-call{interpolate-size:allow-keywords}.video-roulette-content.page-mode-chat.has-active-call.roulette-right-panel-open,.video-roulette-content.page-mode-video.has-active-call.roulette-right-panel-open{grid-template-columns:0 1fr min-content}.video-roulette-content.page-mode-chat.has-active-call.roulette-history-open.roulette-right-panel-open,.video-roulette-content.page-mode-video.has-active-call.roulette-history-open.roulette-right-panel-open{grid-template-columns:400px 1fr min-content}.video-roulette-content.page-mode-chat.has-active-call .roulette-page-mode-toggle,.video-roulette-content.page-mode-chat.has-active-call .roulette-stats-badge-position.roulette-stats-badge-desktop,.video-roulette-content.page-mode-video.has-active-call .roulette-page-mode-toggle,.video-roulette-content.page-mode-video.has-active-call .roulette-stats-badge-position.roulette-stats-badge-desktop{display:none}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-chat-panel,.video-roulette-content.page-mode-video.has-active-call .video-roulette-chat-panel{border-left:1px solid var(--chat-border-color);display:flex;grid-column:3;grid-row:1;min-height:0;overflow:hidden;width:400px}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-chat-panel .chat-toolbar-actions,.video-roulette-content.page-mode-video.has-active-call .video-roulette-chat-panel .chat-toolbar-actions{display:none}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-chat-panel .chat-input-settings,.video-roulette-content.page-mode-video.has-active-call .video-roulette-chat-panel .chat-input-settings{display:none!important}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-chat-panel .roulette-chat-body,.video-roulette-content.page-mode-video.has-active-call .video-roulette-chat-panel .roulette-chat-body{mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent)}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-user-profile-panel,.video-roulette-content.page-mode-video.has-active-call .video-roulette-user-profile-panel{grid-column:3;grid-row:1;transform:translate(100%);visibility:hidden;z-index:calc(var(--roulette-z-panel) + 1)}.video-roulette-content.page-mode-chat.has-active-call.roulette-user-profile-open .video-roulette-user-profile-panel,.video-roulette-content.page-mode-video.has-active-call.roulette-user-profile-open .video-roulette-user-profile-panel{transform:translate(0);visibility:visible}.video-roulette-content.page-mode-chat.has-active-call .video-roulette-user-profile-panel .roulette-panel__header,.video-roulette-content.page-mode-video.has-active-call .video-roulette-user-profile-panel .roulette-panel__header{display:flex}}.video-roulette-chat-panel-centered{background:transparent;border:none;container-name:chat-panel;container-type:inline-size;display:flex;flex-direction:column;margin:60px 0 0;max-width:800px;width:100%}.video-roulette-chat-panel-centered .roulette-chat-toolbar,.video-roulette-chat-panel-centered .toolbar-history-btn{display:none}.video-roulette-chat-panel-centered .roulette-chat{display:flex;flex:1;flex-direction:column;min-height:0}.video-roulette-chat-panel-centered .roulette-chat-body{border-bottom:1px solid var(--roulette-border-color);flex:1;margin-bottom:0;mask-image:none;-webkit-mask-image:none;min-height:0;overflow-y:auto}.video-roulette-chat-panel-centered .roulette-chat-messages{display:flex;flex-direction:column;margin:0 auto;mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 40px),transparent);max-width:800px;padding-bottom:60px;width:100%}.video-roulette-chat-panel-centered .roulette-chat-messages:before{content:"";flex:1 1 auto}.video-roulette-chat-panel-centered .roulette-chat-input{align-items:flex-end;backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg)!important;border:none!important;border-radius:calc(var(--roulette-control-btn-size, 48px)/2 + 12px);display:flex;flex-shrink:0;gap:8px;margin:16px 20px 20px;padding:10px 12px;width:auto}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-wrapper{align-items:flex-end;background:var(--roulette-control-btn-bg);border:none;border-radius:calc(var(--roulette-control-btn-size, 48px)/2);display:flex;flex:1;max-height:150px;min-height:var(--roulette-control-btn-size,48px);padding:8px 16px}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-field{background:transparent;border:none;color:var(--roulette-text-primary);flex:1;font-size:14px;line-height:1.4;overflow-y:auto;padding:6px 0;resize:none}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-field::-moz-placeholder{color:var(--roulette-text-muted)}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-field::placeholder{color:var(--roulette-text-muted)}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-send{background:var(--roulette-control-btn-bg);border-radius:50%;flex-shrink:0;height:var(--roulette-control-btn-size,48px);min-width:var(--roulette-control-btn-size,48px);width:var(--roulette-control-btn-size,48px)}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-send--active{background:var(--roulette-primary);color:#000;--icon-color-0:#000}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-settings{align-items:center;background:var(--roulette-control-btn-bg);border:none;border-radius:50%;color:var(--roulette-text-muted);cursor:pointer;display:none;flex-shrink:0;height:var(--roulette-control-btn-size,48px);justify-content:center;min-width:var(--roulette-control-btn-size,48px);width:var(--roulette-control-btn-size,48px);--icon-color-0:var(--roulette-text-muted)}.video-roulette-chat-panel-centered .roulette-chat-input .chat-input-settings .nuxt-icon{height:20px;margin:0;width:20px}@media(max-width:1200px){.roulette-page-mode-toggle{bottom:16px;display:grid;left:50%;padding:5px;position:absolute;transform:translate(-50%);z-index:var(--roulette-z-top-chips)}.roulette-page-mode-toggle .roulette-page-mode-toggle__option{font-size:13px;height:38px;padding:0 16px}.roulette-page-mode-toggle .roulette-page-mode-toggle__slider{height:calc(100% - 10px);left:5px;top:5px;width:calc(50% - 5px)}.roulette-stats-badge-position.roulette-stats-badge-desktop{display:none!important}.roulette-stats-badge-position.roulette-stats-badge-mobile{display:flex!important;position:relative}.video-roulette-page{--chat-input-height:48px;--chat-input-bottom:80px;--chat-input-gap:10px}.video-roulette-content{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;position:relative}.video-roulette-main-content{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.video-top-chips .timer-chip{display:flex}.video-roulette-history-panel{background:var(--roulette-themed-bg);width:340px}.video-roulette-history-panel,.video-roulette-user-profile-panel{border-left:1px solid var(--roulette-border-color);max-width:85vw;position:fixed;z-index:calc(var(--roulette-z-panel) + 1)}.video-roulette-user-profile-panel{background:var(--roulette-profile-section-bg);width:320px}.video-roulette-content.roulette-history-open .video-roulette-history-panel{transform:translate(0);visibility:visible}.video-roulette-content.roulette-history-open .video-roulette-history-backdrop{display:block}.video-roulette-history-backdrop{background:var(--roulette-overlay-bg);display:none;inset:0;position:fixed;z-index:var(--roulette-z-panel-backdrop)}.video-roulette-video-panel{display:flex;flex:1;flex-direction:column;min-height:0}.video-chat{flex:1;min-height:0;overflow:visible}.video-chat .video-chat-remote{overflow:hidden}.video-chat-controls{margin-bottom:var(--chat-input-bottom)!important}.video-roulette-chat-panel{background:transparent!important;border:none!important;bottom:0;display:flex!important;flex:none!important;flex-direction:column;grid-area:unset;height:100%;left:0;pointer-events:none;position:absolute!important;right:0;z-index:var(--roulette-z-video-internal)}.video-roulette-chat-panel .roulette-chat{pointer-events:none}.video-roulette-chat-panel .chat-bubble,.video-roulette-chat-panel .chat-bubble-content,.video-roulette-chat-panel .chat-input-field,.video-roulette-chat-panel .chat-input-send,.video-roulette-chat-panel .chat-input-wrapper,.video-roulette-chat-panel .roulette-chat-body,.video-roulette-chat-panel .roulette-chat-input,.video-roulette-chat-panel .roulette-chat-messages,.video-roulette-chat-panel button{pointer-events:auto}.video-roulette-chat-panel .roulette-chat-toolbar{background:transparent;border-bottom:none;display:flex!important;pointer-events:auto;position:relative;z-index:var(--roulette-z-chat-toolbar-internal)}.video-roulette-chat-panel .roulette-chat-toolbar .toolbar-history-btn{display:flex!important}.video-roulette-chat-panel .roulette-chat-toolbar .toolbar-settings-btn{display:none!important}.video-roulette-chat-panel .roulette-chat-toolbar:after{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent);content:"";height:calc(100% + 60px);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.video-roulette-chat-panel .roulette-chat-body{-webkit-mask-image:linear-gradient(180deg,transparent,#000 120px)!important;mask-image:linear-gradient(180deg,transparent,#000 120px)!important;-webkit-mask-position:bottom!important;mask-position:bottom!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:100% 40%!important;mask-size:100% 40%!important;transition:mask-size .3s ease,-webkit-mask-size .3s ease!important}.video-roulette-chat-panel .roulette-chat-input{display:none!important}.video-roulette-chat-panel .roulette-chat-body{margin-bottom:var(--chat-input-bottom)!important}.video-roulette-content.page-mode-chat .video-roulette-video-panel{display:flex!important;inset:auto!important;pointer-events:none;position:relative!important;z-index:auto!important}.video-roulette-content.page-mode-chat .video-roulette-video-panel .video-chat-local{pointer-events:auto}.video-roulette-content.page-mode-chat .video-roulette-chat-panel-centered{margin:0!important;max-width:none!important}.video-roulette-content.page-mode-chat .toolbar-settings-btn{display:flex!important}.video-roulette-content.page-mode-chat .chat-input-settings{display:none!important}.video-roulette-content.page-mode-chat .video-roulette-chat-panel .roulette-chat-body{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 80px),transparent)!important;mask-image:linear-gradient(180deg,#000 calc(100% - 80px),transparent)!important;-webkit-mask-position:unset!important;mask-position:unset!important;-webkit-mask-size:unset!important;mask-size:unset!important}.video-roulette-content.page-mode-chat .video-roulette-chat-panel .roulette-chat-messages{mask-image:linear-gradient(180deg,transparent 0,#000 90px)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px)!important}.video-roulette-content.page-mode-chat .video-roulette-chat-panel .roulette-chat-input{display:flex!important}.video-roulette-content.page-mode-chat .video-chat-controls,.video-roulette-content.page-mode-chat .video-chat-placeholder:not(.small){display:none!important}.video-chat:after{background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent);bottom:0;content:"";height:calc(var(--chat-input-bottom) + var(--roulette-control-btn-size, 48px) + 40px);left:0;pointer-events:none;position:absolute;right:0;z-index:calc(var(--roulette-z-video-internal) - 1)}.video-roulette-chat-panel .roulette-chat,.video-roulette-chat-panel .roulette-chat-body{background:transparent}.video-roulette-chat-panel .roulette-chat-messages{align-items:flex-start;background:transparent}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right){flex-direction:row;justify-content:flex-start}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-bubble-wrapper{align-items:flex-start}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-bubble-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#4b326eeb;border:none;border-radius:18px 18px 18px var(--bubble-radius-tail,4px);box-shadow:none}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-bubble-text{color:#fff}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-bubble-time{color:#ffffffb3}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-edited-label{color:#ffffff80}.video-roulette-chat-panel .chat-bubble:not(.chat-bubble-right) .chat-bubble-original{color:#fffc}.video-roulette-chat-panel .chat-bubble-right{flex-direction:row-reverse;justify-content:flex-start;margin-left:auto}.video-roulette-chat-panel .chat-bubble-right .chat-bubble-wrapper{align-items:flex-end}.video-roulette-chat-panel .chat-bubble-right .chat-bubble-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#195c5deb;border:none;border-radius:18px 18px var(--bubble-radius-tail,4px) 18px;box-shadow:none}.video-roulette-chat-panel .chat-bubble-right .chat-bubble-text{color:#fff}.video-roulette-chat-panel .chat-bubble-right .chat-bubble-time{color:#ffffffb3}.video-roulette-chat-panel .chat-bubble-right .chat-edited-label{color:#fff9}.video-roulette-chat-panel .chat-bubble-right .chat-bubble-original{color:#ffffffd9}.video-roulette-chat-panel .chat-bubble-right .chat-read-status .read-single{color:#fff9;--icon-color-0:hsla(0,0%,100%,.6)}.video-roulette-chat-panel .chat-bubble-right .chat-read-status .read-double{color:#fff;--icon-color-0:#fff}.video-roulette-chat-panel .chat-bubble-wrapper{max-width:75%}.video-roulette-chat-panel .chat-bubble-content{font-size:12px;line-height:1.1;padding:8px 14px}.video-roulette-chat-panel .chat-bubble-text{font-size:inherit;line-height:inherit}.video-roulette-chat-panel .chat-bubble-footer{font-size:10px;line-height:1.4;margin-top:4px}.video-roulette-chat-panel .chat-read-status{top:-1px}.video-roulette-chat-panel .read-double .nuxt-icon,.video-roulette-chat-panel .read-single .nuxt-icon{height:12px;width:12px}.video-roulette-chat-panel .chat-date-separator{align-self:center}.video-roulette-chat-panel .chat-date-separator .chat-date-text{color:#ffffffd9;font-size:10px;padding:4px 12px}.video-roulette-chat-panel .chat-date-separator .chat-date-text,.video-roulette-chat-panel .chat-system-message{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#d1d1d13b;border:1px solid hsla(0,0%,100%,.08);border-radius:16px}.video-roulette-chat-panel .chat-system-message{align-self:flex-start;gap:6px;padding:4px 10px 4px 6px}.video-roulette-chat-panel .chat-system-message .chat-call-icon{height:20px;width:20px}.video-roulette-chat-panel .chat-system-message .chat-call-icon .nuxt-icon{height:14px;top:0;width:14px}.video-roulette-chat-panel .chat-system-message .chat-call-info{gap:0}.video-roulette-chat-panel .chat-system-message .chat-call-text{color:#ffffffd9;font-size:10px}.video-roulette-chat-panel .roulette-chat{display:flex;flex-direction:column;justify-content:flex-end}.video-roulette-chat-panel .roulette-chat-body{flex:1;margin-bottom:var(--chat-input-bottom);min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.video-roulette-chat-panel .roulette-chat-body::-webkit-scrollbar{display:none}.video-roulette-chat-panel .roulette-chat-messages{display:flex;flex-direction:column;padding-bottom:var(--chat-input-bottom)}.video-roulette-chat-panel .roulette-chat-messages:before{content:"";flex:1 1 auto}.video-roulette-chat-panel .roulette-chat-messages{mask-image:linear-gradient(to bottom,transparent 0,transparent 15%,#000 25%,#000 calc(100% - var(--chat-input-bottom)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 15%,#000 25%,#000 calc(100% - var(--chat-input-bottom)),transparent 100%);scrollbar-width:none;-ms-overflow-style:none}.video-roulette-chat-panel .roulette-chat-messages::-webkit-scrollbar{display:none}.video-roulette-chat-panel,.video-roulette-chat-panel *{scrollbar-width:none;-ms-overflow-style:none}.video-roulette-chat-panel ::-webkit-scrollbar,.video-roulette-chat-panel::-webkit-scrollbar{display:none}.video-roulette-chat-panel .roulette-chat-input{align-items:flex-end;backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg)!important;border:none!important;border-radius:var(--roulette-controls-radius);bottom:var(--chat-input-bottom);box-sizing:border-box;display:flex;gap:8px!important;left:50%;margin:0;max-width:800px;min-height:calc(var(--roulette-control-btn-size, 48px) + 14px);padding:7px 8px!important;position:absolute;transform:translate(-50%);width:90%;z-index:var(--roulette-z-chat-input-internal)}.video-roulette-chat-panel .roulette-chat-input .chat-input-wrapper{align-items:center;background:var(--roulette-form-input-bg);border:none;border-radius:20px;box-sizing:border-box;display:flex;flex:1;min-height:var(--roulette-control-btn-size,48px)!important;overflow:hidden;padding:0 12px}.video-roulette-chat-panel .roulette-chat-input .chat-input-field{background:transparent;border:none;color:var(--roulette-text-primary);flex:1;font-size:14px;height:auto!important;line-height:1.4;min-height:unset!important;overflow-y:auto;padding:14px 0!important;resize:none}.video-roulette-chat-panel .roulette-chat-input .chat-input-field::-moz-placeholder{color:var(--roulette-text-muted)}.video-roulette-chat-panel .roulette-chat-input .chat-input-field::placeholder{color:var(--roulette-text-muted)}.video-roulette-chat-panel .roulette-chat-input .chat-input-send{background:var(--roulette-control-btn-bg);border-radius:50%;color:var(--roulette-control-btn-color);height:var(--roulette-control-btn-size,48px)!important;min-width:var(--roulette-control-btn-size,48px)!important;width:var(--roulette-control-btn-size,48px)!important;--icon-color-0:var(--roulette-control-btn-color);flex-shrink:0}.video-roulette-chat-panel .roulette-chat-input .chat-input-send--active{background:var(--roulette-primary);color:#000;--icon-color-0:#000}.video-roulette-chat-panel .roulette-chat-input .chat-input-send:disabled{background:var(--roulette-control-btn-bg);color:var(--roulette-control-btn-color);--icon-color-0:var(--roulette-control-btn-color);cursor:not-allowed;opacity:1}.video-overlay-left,.video-overlay-right{opacity:0!important;pointer-events:auto!important;z-index:var(--roulette-z-overlay-mobile)!important}.video-overlay-left:before,.video-overlay-right:before{content:"";inset:-20px;position:absolute;z-index:-1}.video-overlay-left:hover,.video-overlay-right:hover{opacity:1!important}.video-overlay-left button,.video-overlay-right button{pointer-events:auto;position:relative;z-index:1}.roulette-chat{display:flex;flex-direction:column;height:100%}.roulette-chat-body{border-left:none;display:block;flex:1;min-height:0;overflow-y:auto}.roulette-chat-messages{gap:12px;padding:16px}.roulette-chat-input{border-left:none;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.chat-input-field{font-size:14px;min-height:40px;padding:10px 14px}.chat-input-send{height:40px;width:40px}}@media(max-width:768px){.video-roulette-page{--mobile-header-height:50px;--chat-input-height:48px;--chat-input-bottom:80px;--chat-input-gap:8px;height:calc(100vh - var(--mobile-header-height, 56px));height:calc(100dvh - var(--mobile-header-height, 56px));overflow:hidden;position:relative;width:100%}.video-chat{position:relative}.video-roulette-page{margin-left:calc(var(--bs-gutter-x, 1.5rem)*-1/2)!important;margin-right:calc(var(--bs-gutter-x, 1.5rem)*-1/2)!important;max-width:none!important;width:calc(100% + var(--bs-gutter-x, 1.5rem))!important}.video-roulette-container{height:100%;margin:0!important;max-width:100%;padding:0!important;width:100%}.video-roulette-content{border:none;border-radius:0;height:100%}.video-chat,.video-chat-wrapper,.video-roulette-content,.video-roulette-video-panel{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.video-chat,.video-chat-wrapper{border-radius:0!important}.roulette-chat-input{gap:8px;padding:10px 12px}.roulette-chat-messages{padding:12px}.chat-input-field{font-size:14px;min-height:38px;padding:8px 12px}.chat-input-send{height:38px;width:38px}.chat-input-send .nuxt-icon{height:18px;width:18px}}.video-chat-wrapper{container-name:video-panel;container-type:inline-size;display:flex;flex:1;flex-direction:column;min-height:0}.video-overlay-left,.video-overlay-right{align-items:center;backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border-radius:var(--roulette-controls-radius);bottom:20px;display:flex;gap:12px;opacity:0;padding:12px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:var(--roulette-z-video-overlay)}.video-chat:hover .video-overlay-left,.video-chat:hover .video-overlay-right{opacity:1;pointer-events:auto}.video-overlay-left{left:20px}.video-overlay-right{right:20px}.favorite-btn .favorite-icon-hover{display:none}.favorite-btn:not(.active):hover:not(:disabled){background:var(--roulette-success);color:var(--roulette-on-success);--icon-color-0:var(--roulette-on-success);opacity:1}.favorite-btn.active:hover:not(:disabled){background:var(--roulette-danger);border-color:var(--roulette-danger);color:var(--roulette-on-danger);--icon-color-0:var(--roulette-on-danger);opacity:1}.favorite-btn.active:hover:not(:disabled) .favorite-icon-default{display:none}.favorite-btn.active:hover:not(:disabled) .favorite-icon-hover{display:flex}.video-top-chips{align-items:center;display:flex;gap:var(--chip-gap,8px);position:absolute;right:16px;top:16px;z-index:var(--roulette-z-top-chips)}.video-top-chips .timer-chip{display:none}.video-chat{background:var(--roulette-video-section-bg);display:grid;flex:1;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0;overflow:hidden;position:relative}.video-chat,.video-chat.layout-pip{grid-template-areas:"video-main"}.video-chat.layout-pip .video-chat-remote{grid-area:video-main}.video-chat.layout-pip .video-chat-local{align-self:start;border-radius:50%;box-shadow:var(--roulette-pip-shadow);cursor:grab;grid-area:video-main;height:128px;justify-self:end;margin:80px 20px 20px;touch-action:none;width:128px;z-index:calc(var(--roulette-z-top-chips) + 5)}.video-chat.layout-pip .video-chat-local .pip-close-btn{align-items:center;background:var(--roulette-controls-bg);border:none;border-radius:50%;color:var(--roulette-text-primary);display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-6px;width:40px;z-index:2;--icon-color-0:var(--roulette-text-primary);box-shadow:var(--roulette-pip-shadow);cursor:pointer;opacity:0;padding:0;transition:opacity .2s ease}.video-chat.layout-pip .video-chat-local .pip-close-btn .nuxt-icon{height:18px;margin:0;width:18px}.video-chat.layout-pip .video-chat-local:hover .pip-close-btn{opacity:1}.video-chat.layout-horizontal{grid-template-areas:"video-remote video-local";grid-template-columns:1fr 1fr;grid-template-rows:1fr}.video-chat.layout-horizontal .video-chat-remote{border-radius:0;border-right:1px solid var(--roulette-video-border-color);grid-area:video-remote}.video-chat.layout-horizontal .video-chat-local{border:none;border-radius:0;box-shadow:none;grid-area:video-local;height:auto;margin:0;width:auto}.video-chat.layout-vertical{grid-template-areas:"video-remote" "video-local";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-chat.layout-vertical .video-chat-remote{border-bottom:1px solid var(--roulette-video-border-color);border-radius:0;grid-area:video-remote}.video-chat.layout-vertical .video-chat-local{border:none;border-radius:0;box-shadow:none;grid-area:video-local;height:auto;margin:0;width:auto}.video-chat-remote{background:linear-gradient(to bottom,var(--roulette-video-gradient-start) 0,var(--roulette-video-gradient-end) 100%);position:relative}.video-chat-local{border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:default;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-chat-local .pip-close-btn{display:none}.video-chat-local .pip-video-inner{border-radius:inherit;height:100%;overflow:hidden;position:relative;width:100%}.video-chat .video-element{background:var(--roulette-video-bg);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.video-chat .video-element.local{transform:scaleX(-1)}.video-chat-placeholder{align-items:center;background:linear-gradient(to bottom,var(--roulette-video-gradient-start) 0,var(--roulette-video-gradient-end) 100%);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:1}.video-chat-placeholder.small>.nuxt-icon{height:28px;margin:0;width:28px;--icon-color-0:var(--roulette-text-secondary)}.video-chat-avatar{align-items:center;background:var(--roulette-avatar-bg);border:1px solid var(--roulette-border-color);border-radius:50%;color:var(--roulette-avatar-color);display:flex;height:120px;justify-content:center;margin-bottom:16px;width:120px}.video-chat-avatar .avatar-container{--avatar-size:100%!important;border-radius:50%;height:100%;width:100%}.video-chat-avatar .nuxt-icon{height:40px;margin:-7px 0 0 3px;width:40px;--icon-stroke-0:1;color:var(--roulette-chat-icon-color)}.video-chat-avatar.small{height:60px;margin-bottom:8px;width:60px}.video-chat-avatar.small .nuxt-icon{height:30px;width:30px}.video-chat-status{color:var(--roulette-status-color);font-size:16px;text-align:center}.video-chat-status.small{bottom:8px;font-size:12px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.video-chat-controls{align-self:end;backdrop-filter:blur(var(--roulette-controls-blur));background:var(--roulette-controls-bg);border-radius:var(--roulette-controls-radius);display:flex;gap:8px;grid-area:1/1/-1/-1;justify-self:center;margin-bottom:20px;padding:10px 12px;z-index:calc(var(--roulette-z-top-chips) + 5)}.video-chat-controls .next-chat-arrow{display:none}.video-connection-backdrop{backdrop-filter:blur(var(--roulette-connection-backdrop-blur));-webkit-backdrop-filter:blur(var(--roulette-connection-backdrop-blur));background:var(--roulette-connection-backdrop-bg);inset:0;pointer-events:none;position:absolute;z-index:calc(var(--roulette-z-base) + 5)}.video-connection-modal{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:var(--roulette-z-panel)}.video-connection-content{max-width:300px;padding:40px;pointer-events:auto;text-align:center}.video-connection-content h3{color:var(--roulette-connection-title-color);font-size:20px;font-weight:700;margin:20px 0 12px}.video-connection-content p{color:var(--roulette-connection-text-color);font-size:14px;margin-bottom:24px}@media(max-width:1000px){.video-overlay-left,.video-overlay-right{display:none}}@media(max-width:768px){.video-chat{border:none;border-radius:0}.video-chat-placeholder{justify-content:flex-start;padding-top:45%}.video-chat-placeholder.small{justify-content:center;padding-top:0}.video-chat-placeholder .video-chat-avatar{height:100px!important;width:100px!important}.video-chat-placeholder .video-chat-avatar .nuxt-icon{height:40px!important;width:40px!important}.video-chat-controls{border-radius:100px;gap:8px;margin-bottom:12px;padding:10px 14px}}@container video-panel (max-width: 900px){.video-overlay-left,.video-overlay-right{flex-direction:column;gap:10px;padding:10px}}@container video-panel (min-width: 376px){.video-chat-controls .next-chat-btn,.video-chat-controls .next-chat-btn.searching{min-width:120px}}.video-chat-controls .next-chat-btn.searching{background:var(--roulette-danger);border-color:var(--roulette-danger);color:var(--roulette-on-danger);--icon-color-0:var(--roulette-on-danger);opacity:1;pointer-events:auto}.video-chat-controls .next-chat-btn.searching .round-loader{flex-shrink:0;height:20px;width:20px;--loader-color-1:var(--roulette-on-danger);--loader-color-2:var(--roulette-on-danger);--loader-color-3:var(--roulette-on-danger);--loader-color-4:var(--roulette-on-danger)}.video-chat-controls .next-chat-btn.searching:hover{background:var(--roulette-danger-hover);border-color:var(--roulette-danger-hover);transform:none!important}.video-chat-controls .next-chat-btn.searching:active{transform:none!important}@container video-panel (max-width: 700px){.video-overlay-left,.video-overlay-right{display:none}.video-chat.layout-pip .video-chat-local{margin:120px 16px 12px 20px}.video-chat-controls{margin-bottom:32px}.video-chat-controls .next-chat-btn:hover{transform:none}.video-chat-controls .next-chat-btn.searching .round-loader{height:20px;width:20px}.video-top-chips{gap:8px;height:92px;padding-right:16px;right:0;top:0}.video-top-chips .u-chip{font-size:12px;height:32px;min-height:32px;padding:6px 12px}.video-top-chips .u-chip .nuxt-icon{height:16px;width:16px}.video-top-chips .u-chip span{display:none}.video-top-chips .u-chip:first-child span{display:inline}.video-top-chips .u-chip:not(:first-child){border-radius:50%;height:32px;justify-content:center;min-height:32px;padding:0;width:32px}}@container video-panel (max-width: 500px){.video-chat-controls{--roulette-control-btn-size:46px;border-radius:100px;gap:6px;padding:8px 10px}.video-chat-controls .u-btn{--btn-icon-size:18px}.video-chat-controls .end-call-btn{--btn-icon-size:22px}.video-chat-controls .next-chat-btn{min-width:100px}.video-chat.layout-pip .video-chat-local{border-radius:50%;height:105px;justify-self:end;margin:80px 16px 10px 10px;width:105px;z-index:calc(var(--roulette-z-top-chips) + 5)}.video-chat.layout-pip .video-chat-local .pip-close-btn{right:-4px;top:-8px}.video-chat.layout-pip .video-chat-local .video-chat-placeholder.small>.nuxt-icon{height:22px;width:22px}.video-chat-avatar{height:64px;width:64px}.video-chat-avatar .nuxt-icon{height:32px;width:32px}.video-chat-status{font-size:14px}.video-top-chips{gap:6px;height:92px;padding-right:10px;right:0;top:0}.video-top-chips .u-chip{height:32px;min-height:32px}.video-top-chips .u-chip:not(:first-child){width:32px}}@container video-panel (max-width: 400px){.video-chat-controls{--roulette-control-btn-size:44px;border-radius:100px;gap:6px;padding:9px}.video-chat-controls .u-btn{--btn-icon-size:16px}.video-chat-controls .end-call-btn{--btn-icon-size:20px}.video-chat-controls .next-chat-btn{min-width:100px}.video-chat.layout-pip .video-chat-local{border-radius:50%;height:90px;justify-self:end;margin:80px 16px 8px 8px;width:90px;z-index:calc(var(--roulette-z-top-chips) + 5)}.video-chat.layout-pip .video-chat-local .pip-close-btn{right:-8px;top:-10px}.video-chat.layout-pip .video-chat-local .video-chat-placeholder.small>.nuxt-icon{height:20px;width:20px}.video-chat-avatar{height:52px;width:52px}.video-chat-avatar .nuxt-icon{height:26px;width:26px}.video-chat-avatar.small{height:36px;width:36px}.video-chat-avatar.small .nuxt-icon{height:18px;width:18px}.video-chat-status{font-size:12px}.video-chat-status.small{font-size:10px}.video-top-chips{height:92px;padding-right:8px;right:0;top:0}.video-top-chips .u-chip{font-size:11px;height:32px;min-height:32px;padding:4px 10px}.video-top-chips .u-chip:not(:first-child){padding:0;width:32px}}@container video-panel (max-width: 375px){.video-chat-controls{--roulette-control-btn-size:42px;border-radius:100px;gap:5px;padding:9px}.video-chat-controls .u-btn{--btn-icon-size:16px}.video-chat-controls .end-call-btn{--btn-icon-size:20px}.video-chat-controls .next-chat-btn{aspect-ratio:1;border-radius:50%;min-width:var(--roulette-control-btn-size);padding:0;width:var(--roulette-control-btn-size)}.video-chat-controls .next-chat-btn .next-chat-text{display:none}.video-chat-controls .next-chat-btn .next-chat-arrow{display:block!important}.video-chat.layout-pip .video-chat-local{border-radius:50%;height:75px;justify-self:end;margin:80px 16px 6px 6px;width:75px;z-index:calc(var(--roulette-z-top-chips) + 5)}.video-chat.layout-pip .video-chat-local .pip-close-btn{right:-10px;top:-12px}.video-chat.layout-pip .video-chat-local .video-chat-placeholder.small>.nuxt-icon{height:16px;width:16px}.video-chat-avatar{height:44px;width:44px}.video-chat-avatar .nuxt-icon{height:22px;width:22px}.video-chat-avatar.small{height:28px;width:28px}.video-chat-avatar.small .nuxt-icon{height:14px;width:14px}.video-chat-status{font-size:11px}.video-chat-status.small{font-size:9px}.video-top-chips{gap:4px;height:92px;padding-right:6px;right:0;top:0}.video-top-chips .u-chip{font-size:10px;height:32px;min-height:32px;padding:3px 8px}.video-top-chips .u-chip .nuxt-icon{height:14px;width:14px}.video-top-chips .u-chip:not(:first-child){padding:0;width:32px}}.roulette-menu__backdrop{inset:0;position:absolute;z-index:var(--roulette-z-menu-backdrop)}.roulette-menu__dropdown{backdrop-filter:blur(var(--roulette-menu-blur));background:var(--roulette-menu-bg);border-radius:var(--roulette-menu-radius);bottom:100px;box-shadow:var(--roulette-menu-shadow);left:50%;max-height:calc(100% - 120px);max-width:320px;min-width:220px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:8px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(10px) scale(.95);transition:all .2s ease;z-index:var(--roulette-z-menu-dropdown)}.roulette-menu__dropdown::-webkit-scrollbar{width:var(--roulette-scrollbar-width)}.roulette-menu__dropdown::-webkit-scrollbar-track{background:var(--roulette-scrollbar-track)}.roulette-menu__dropdown::-webkit-scrollbar-thumb{background:var(--roulette-scrollbar-thumb);border-radius:3px}.roulette-menu__dropdown::-webkit-scrollbar-thumb:hover{background:var(--roulette-scrollbar-thumb-hover)}.roulette-menu__dropdown{scrollbar-color:var(--roulette-scrollbar-thumb) var(--roulette-scrollbar-track);scrollbar-width:thin}.roulette-menu__dropdown--open{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.roulette-menu__item{align-items:center;background:transparent;border:none;border-radius:var(--roulette-video-border-radius);color:var(--roulette-text-muted);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;white-space:nowrap;width:100%;--icon-color-0:var(--roulette-text-muted)}.roulette-menu__item .nuxt-icon{flex-shrink:0;height:18px;margin:0;width:18px}.roulette-menu__item span{flex:1}.roulette-menu__item .check-icon{color:var(--roulette-primary);--icon-color-0:var(--roulette-primary);flex-shrink:0}.roulette-menu__item:hover:not(.active){background:var(--roulette-menu-item-bg-hover);color:var(--roulette-text-secondary);--icon-color-0:var(--roulette-text-secondary)}.roulette-menu__item:active{transform:scale(.98)}.roulette-menu__item.active{background:transparent;color:var(--roulette-text-primary);--icon-color-0:var(--roulette-primary)}.roulette-menu__item--danger{color:var(--roulette-menu-danger-color);--icon-color-0:var(--roulette-menu-danger-color)}.roulette-menu__item--danger:hover{background:#ff444426}.roulette-menu__divider{background:var(--roulette-menu-divider);height:1px;margin:4px 0}@media(max-width:768px){.roulette-menu__dropdown{bottom:80px;max-height:calc(100% - 100px)}.roulette-menu__dropdown--open{transform:translate(-50%) scale(1)}}.roulette-panel{background:var(--roulette-video-bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.roulette-panel.collapsed .roulette-panel__content{display:none}.roulette-panel__header{align-items:center;border-bottom:1px solid var(--roulette-border-color);box-sizing:border-box;display:flex;flex-shrink:0;height:var(--roulette-panel-header-height);justify-content:space-between;max-height:var(--roulette-panel-header-height);min-height:var(--roulette-panel-header-height);padding:var(--roulette-panel-header-padding)}.roulette-panel__title{color:var(--roulette-text-primary);font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roulette-panel__actions{align-items:center;display:flex;gap:8px}.roulette-panel__close{align-items:center;background:var(--roulette-control-btn-bg);border:1px solid var(--roulette-border-color);border-radius:50%;color:var(--roulette-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;transition:background .2s ease,color .2s ease;width:40px;--icon-color-0:var(--roulette-text-muted)}.roulette-panel__close .nuxt-icon{height:18px;margin:0;width:18px}.roulette-panel__close:hover{background:var(--roulette-control-btn-hover-bg,hsla(0,0%,100%,.1));color:var(--roulette-text-primary);--icon-color-0:var(--roulette-text-primary)}.roulette-panel__header-user{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.roulette-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;transition:opacity .2s ease,visibility .2s ease}.roulette-panel__scrollable{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-width:none;-ms-overflow-style:none}.roulette-panel__scrollable::-webkit-scrollbar{display:none}.roulette-panel__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.roulette-panel__empty .roulette-title{font-size:14px;margin-bottom:8px}.roulette-panel__empty .roulette-text-medium{color:var(--roulette-text-muted);font-size:13px}.roulette-panel__list{flex:1;overflow-x:hidden;overflow-y:auto;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.roulette-panel__list::-webkit-scrollbar{display:none}.roulette-panel__avatar{aspect-ratio:1/1;background:var(--roulette-form-option-bg);border:1px solid var(--roulette-border-color);border-radius:var(--roulette-form-input-border-radius);flex-shrink:0;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.roulette-panel__avatar>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.roulette-panel__avatar--placeholder{align-items:center;display:flex;justify-content:center}.roulette-panel__gallery{border-radius:var(--roulette-form-input-border-radius);flex-shrink:0;margin-bottom:16px;overflow:hidden;position:relative}.roulette-panel__gallery-nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:32px;z-index:2;--icon-color-0:#fff}.roulette-panel__gallery-nav:hover{background:#000000b3}.roulette-panel__gallery-nav .nuxt-icon svg,.roulette-panel__gallery-nav .nuxt-icon--fill,.roulette-panel__gallery-nav .nuxt-icon--fill>*{fill:none}.roulette-panel__gallery-nav--prev{left:8px}.roulette-panel__gallery-nav--next{right:8px}.roulette-panel__gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--roulette-form-input-border-radius);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roulette-panel__gallery-track:active{cursor:grabbing}.roulette-panel__gallery-track::-webkit-scrollbar{display:none}.roulette-panel__gallery-item{aspect-ratio:1/1;background:var(--roulette-form-option-bg);flex-shrink:0;overflow:hidden;position:relative;scroll-snap-align:start;width:100%}.roulette-panel__gallery-item img,.roulette-panel__gallery-item video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.roulette-panel__gallery-avatar-placeholder{align-items:center;background:var(--roulette-form-option-bg);display:flex;height:100%;justify-content:center;width:100%}.roulette-panel__gallery-counter{background:#00000080;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;pointer-events:none;position:absolute;right:12px;top:12px;z-index:2}.roulette-panel__gallery-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.roulette-panel__gallery-dot{background:var(--roulette-border-color);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.roulette-panel__gallery-dot:hover{background:var(--roulette-text-muted)}.roulette-panel__gallery-dot--active{background:var(--roulette-primary);border-radius:4px;width:20px}.roulette-panel__gallery-view{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;left:12px;position:absolute;top:12px;transition:background .2s ease;width:32px;z-index:2;--icon-color-0:#fff}.roulette-panel__gallery-view .nuxt-icon{height:16px;margin:0;width:16px}.roulette-panel__gallery-view:hover{background:#000000b3}.roulette-panel__actions-row{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.roulette-panel__info-section{background:var(--roulette-form-option-bg);border-radius:var(--roulette-form-input-border-radius);margin-bottom:16px;padding:14px}.roulette-panel__info-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.roulette-panel__info-tag{background:var(--roulette-control-btn-bg);border-radius:12px;color:var(--roulette-text-primary);font-size:12px;padding:4px 10px;white-space:nowrap}.roulette-panel__info-tag--online{color:var(--bs-success,#22c55e)}.roulette-panel__info-tag--offline{color:var(--roulette-text-muted)}@media(max-width:1200px){.roulette-panel{background:var(--roulette-themed-bg)}.roulette-panel__header{padding:16px}.roulette-panel__close{display:flex!important}}.roulette-profile-compact{align-items:center;background:var(--roulette-form-option-bg);border-radius:var(--roulette-form-input-border-radius);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.roulette-profile-compact__avatar-wrapper{flex-shrink:0;height:88px;position:relative;width:88px}.roulette-profile-compact__avatar{align-items:center;background:var(--roulette-primary);border-radius:50%;color:var(--roulette-on-primary);display:flex;font-size:1.5rem;font-weight:600;height:80px;justify-content:center;margin:4px;overflow:hidden;position:relative;width:80px;z-index:1}.roulette-profile-compact__online-ring{border-radius:50%;height:88px;inset:0;overflow:hidden;position:absolute;width:88px;z-index:0}.roulette-profile-compact__online-ring:before{animation:roulette-online-spin 7s linear infinite;background:conic-gradient(var(--roulette-online-ring-color,var(--roulette-success)),var(--roulette-online-ring-color-fade,rgba(16,185,129,.5)));content:"";height:500%;left:-200%;opacity:1;position:absolute;top:-200%;width:500%}.roulette-profile-compact__online-ring:after{background:var(--roulette-themed-bg);border-radius:50%;content:"";inset:2px;position:absolute}@keyframes roulette-online-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.roulette-profile-compact__info{flex:1;min-width:0}.roulette-profile-compact__meta{align-items:center;display:flex;gap:6px;margin-top:2px}.roulette-profile-compact__separator{color:var(--roulette-text-muted);font-size:12px;opacity:.5}.roulette-history-item{align-items:center;border-bottom:1px solid var(--roulette-border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.roulette-history-item:hover{background:var(--roulette-bg-secondary)}.roulette-history-item-avatar-wrapper{flex-shrink:0;position:relative}.roulette-history-item-avatar{align-items:center;background:var(--roulette-primary);border-radius:50%;color:var(--roulette-on-primary);display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.roulette-history-item-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.roulette-history-item-avatar span{line-height:1}.roulette-history-item-online-dot{background:var(--roulette-success);border:2px solid var(--roulette-video-bg);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.roulette-history-item-unread-badge{background:#f44;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px;z-index:1}.roulette-history-item-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.roulette-history-item-name{color:var(--roulette-text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roulette-history-item-preview{align-items:center;color:var(--roulette-text-muted);display:flex;font-size:12px;gap:2px;min-width:0}.roulette-history-item-direction{flex-shrink:0;height:12px;margin:0;width:12px}.roulette-history-item-direction.direction-out{color:var(--roulette-success);--icon-color-0:var(--roulette-success)}.roulette-history-item-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roulette-history-item-avatar--random{background:var(--roulette-primary);color:var(--roulette-on-primary);--icon-color-0:var(--roulette-on-primary)}.roulette-history-item-avatar--random .nuxt-icon{height:20px;margin:0;width:20px}.roulette-history-item--active{background:rgba(var(--bs-primary-rgb),.1);border-right:3px solid var(--roulette-primary);cursor:default}.roulette-history-item--active:hover{background:rgba(var(--bs-primary-rgb),.15)}.roulette-history-item--active .roulette-history-item-name{color:var(--roulette-primary)}.roulette-history-item--active .roulette-history-item-avatar--random{background:var(--roulette-primary);color:var(--roulette-on-primary);--icon-color-0:var(--roulette-on-primary)}.roulette-history-item--selected{background:rgba(var(--bs-primary-rgb),.12);border-right:3px solid var(--roulette-primary)}.roulette-history-item--selected:hover{background:rgba(var(--bs-primary-rgb),.16)}.roulette-history-item--selected .roulette-history-item-name{color:var(--roulette-primary);font-weight:600}.roulette-history-item--active-call{align-items:center;cursor:default;display:flex;gap:6px;height:40px;justify-content:flex-end;padding:0 16px}.roulette-history-item--active-call .nuxt-icon{color:#22c55e;height:14px;width:14px;--icon-color-0:#22c55e;flex-shrink:0}.roulette-history-item--active-call span{color:#22c55e;font-size:12px;font-weight:600;white-space:nowrap}.roulette-history-item--disabled{cursor:default;pointer-events:none}.roulette-history-item--disabled .roulette-history-item-call-btn{pointer-events:auto}.roulette-history-item-actions{display:flex;flex-shrink:0;gap:6px}.roulette-history-item-call-btn{background:var(--roulette-form-option-bg);border:1px solid var(--roulette-border-color);border-radius:50%;color:var(--roulette-text-muted);height:36px;width:36px;--icon-color-0:var(--roulette-text-muted);align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.roulette-history-item-call-btn .nuxt-icon{height:20px;margin:0;position:relative;top:1px;width:20px}.roulette-history-item-call-btn--cancel .nuxt-icon{top:0}.roulette-history-item-call-btn:hover{background:var(--roulette-success);border-color:var(--roulette-success);color:var(--roulette-on-success);--icon-color-0:var(--roulette-on-success)}.roulette-history-item-call-btn--cancel{background:var(--roulette-danger);border-color:var(--roulette-danger);color:#fff;--icon-color-0:#fff}.roulette-history-item-call-btn--cancel:hover{background:var(--roulette-danger);border-color:var(--roulette-danger);opacity:.85}.profile-content,.user-profile-content{display:flex;flex:1;flex-direction:column;min-height:0}.profile-content-body{display:flex;flex-direction:column;gap:16px;min-height:0}.profile-card{background:var(--roulette-form-option-bg);border-radius:var(--roulette-form-input-border-radius);padding:16px}.profile-card__title{align-items:center;color:var(--roulette-text-primary);display:flex;font-size:var(--roulette-font-size);font-weight:600;gap:8px;margin:0 0 16px}.profile-section{margin-bottom:16px}.profile-section:last-child{margin-bottom:0}.profile-label{color:var(--roulette-text-primary);display:block;font-size:var(--roulette-font-size);font-weight:500;margin-bottom:8px}.profile-hint{color:var(--roulette-text-muted);margin:0 0 8px}.profile-error,.profile-hint{font-size:calc(var(--roulette-font-size)*.9)}.profile-error{color:var(--roulette-danger);margin:8px 0 0}.profile-input-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.profile-input-group{display:flex;flex-direction:column;gap:4px}.profile-input-group label{color:var(--roulette-text-muted);font-size:calc(var(--roulette-font-size)*.9)}.profile-input{background:var(--roulette-form-input-bg);border:1px solid var(--roulette-form-input-border);border-radius:var(--roulette-form-input-border-radius);color:var(--roulette-form-input-color);font-family:inherit;font-size:var(--roulette-font-size);min-height:var(--roulette-form-input-size);padding:.5rem 1rem;transition:border-color .2s;width:100%}.profile-input:focus{border-color:var(--roulette-form-input-border-focus);outline:none}.profile-input::-moz-placeholder{color:var(--roulette-form-input-placeholder)}.profile-input::placeholder{color:var(--roulette-form-input-placeholder)}.roulette-call-overlay{align-items:center;background:var(--roulette-overlay-bg);display:flex;inset:0;justify-content:center;overflow:hidden;padding:1rem;pointer-events:none;position:fixed;z-index:var(--roulette-z-call-overlay)!important}.roulette-call-modal{animation:roulette-call-slide-up .3s ease;background:var(--roulette-themed-bg);border:1px solid var(--roulette-themed-border);border-radius:var(--roulette-radius-lg);box-shadow:0 25px 50px -12px #00000080;color:var(--roulette-text-primary);display:flex;flex-direction:column;font-size:var(--roulette-font-size);max-height:90dvh;max-width:440px;pointer-events:auto;position:relative;width:100%}@media(max-width:576px){.roulette-call-modal{height:auto;max-height:50vh;max-width:calc(100% - 32px)}}@keyframes roulette-call-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.roulette-call-modal__body{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:280px;overflow:visible;padding:3rem 1rem 2rem;text-align:center}@media(max-width:576px){.roulette-call-modal__body{flex:1;min-height:auto;padding:1.5rem 1rem 1rem}}.roulette-call-avatar{--call-avatar-size:80px;--call-ring-increment:20px;--call-rings-size:calc(var(--call-avatar-size) + var(--call-ring-increment)*4);flex-shrink:0;height:var(--call-rings-size);margin:0 auto 24px;width:var(--call-rings-size)}.roulette-call-avatar,.roulette-call-avatar__circle{align-items:center;display:flex;justify-content:center;position:relative}.roulette-call-avatar__circle{background:var(--roulette-call-avatar-bg);border-radius:50%;color:var(--roulette-call-avatar-color);font-size:32px;font-weight:600;height:var(--call-avatar-size);overflow:hidden;width:var(--call-avatar-size);z-index:2}.roulette-call-avatar__rings{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.roulette-call-avatar__ring{animation:roulette-ring-wave 2s ease-out infinite;background:var(--roulette-primary);border-radius:50%;opacity:0;position:absolute}.roulette-call-avatar__ring:nth-child(4){animation-delay:0s;height:calc(var(--call-avatar-size) + var(--call-ring-increment));width:calc(var(--call-avatar-size) + var(--call-ring-increment))}.roulette-call-avatar__ring:nth-child(3){animation-delay:.25s;height:calc(var(--call-avatar-size) + var(--call-ring-increment)*2);width:calc(var(--call-avatar-size) + var(--call-ring-increment)*2)}.roulette-call-avatar__ring:nth-child(2){animation-delay:.5s;height:calc(var(--call-avatar-size) + var(--call-ring-increment)*3);width:calc(var(--call-avatar-size) + var(--call-ring-increment)*3)}.roulette-call-avatar__ring:first-child{animation-delay:.75s;height:calc(var(--call-avatar-size) + var(--call-ring-increment)*4);width:calc(var(--call-avatar-size) + var(--call-ring-increment)*4)}@keyframes roulette-ring-wave{0%{opacity:0}20%{opacity:.2}80%{opacity:.08}to{opacity:0}}.roulette-call-info{margin-bottom:16px;text-align:center}.roulette-call-info__name{color:var(--roulette-text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 8px}.roulette-call-info__status{color:var(--roulette-text-secondary);font-size:var(--roulette-font-size);font-weight:400;line-height:1.5;margin:0}.roulette-call-info__dots{display:inline-block;position:relative}.roulette-call-info__dots:after{animation:roulette-call-dots 1.5s steps(4) infinite;bottom:0;content:"";left:100%;position:absolute;width:20px}@keyframes roulette-call-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.roulette-call-progress{background:var(--roulette-themed-border);height:3px;left:0;overflow:hidden;position:absolute;right:0;top:-2px;width:100%}.roulette-call-progress__bar{background:var(--roulette-primary);height:100%;transition:width .1s linear;width:0}.roulette-call-actions{align-items:center;border-top:1px solid var(--roulette-themed-border);display:flex;gap:16px;justify-content:center;margin-top:auto;padding:.75rem 1rem;position:relative;width:100%}.roulette-call-actions--single{justify-content:center}.roulette-call-actions .u-btn:hover:not(:disabled){transform:scale(1.1)}.roulette-call-actions .u-btn:active:not(:disabled){transform:scale(.95)}.roulette-call-btn--accept .nuxt-icon{margin-top:1px}.roulette-call-btn--cancel .nuxt-icon,.roulette-call-btn--decline .nuxt-icon{margin-top:-3px}@media(max-width:576px){.roulette-call-avatar{--call-avatar-size:64px;--call-ring-increment:16px;margin-bottom:20px}.roulette-call-avatar__circle{font-size:28px}.roulette-call-actions{gap:24px}}.story-viewer-wrapper{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--roulette-z-story-viewer)}.story-viewer-wrapper--overlay{backdrop-filter:blur(var(--dialog-overlay-blur,25px));background:var(--dialog-overlay-bg,rgba(36,36,36,.6))}.story-viewer{background:var(--roulette-bg-primary);border-radius:var(--roulette-radius-lg);box-shadow:var(--roulette-call-modal-shadow);height:90vh;max-height:900px;max-width:500px;overflow:hidden;position:relative;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.story-viewer__error,.story-viewer__loading{align-items:center;color:var(--roulette-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.story-viewer__error-icon{align-items:center;background:var(--roulette-form-option-bg);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px;--icon-color-0:var(--roulette-text-muted)}.story-viewer__error-icon .nuxt-icon{height:28px;margin:0;width:28px}.story-content{height:100%;overflow:hidden;position:relative;width:100%}.story-media-container{align-items:center;background:transparent;cursor:pointer;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:2}.story-media-container .story-media{opacity:0}.story-media-container--ready .story-media{opacity:1}.story-media{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.story-controls-top{align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent);display:flex;justify-content:space-between;left:0;padding:12px;position:absolute;right:0;top:0;z-index:10}.story-controls-top__left,.story-controls-top__right{display:flex;gap:8px}.story-control{background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));border:none;border-radius:50%;color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);align-items:center;backdrop-filter:blur(10px);cursor:pointer;display:flex;justify-content:center;outline:none;transition:all .2s ease}.story-control:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-control:focus-visible{box-shadow:0 0 0 2px #fffc}.story-control:active{transform:scale(.95)}.story-control{height:var(--roulette-control-btn-size,36px);width:var(--roulette-control-btn-size,36px)}.story-control .nuxt-icon{height:18px;margin:0;width:18px}.story-nav-container{display:flex;flex-direction:column;gap:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}.story-nav{background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));border:none;border-radius:50%;color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);align-items:center;backdrop-filter:blur(10px);cursor:pointer;display:flex;justify-content:center;outline:none;transition:all .2s ease}.story-nav:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-nav:focus-visible{box-shadow:0 0 0 2px #fffc}.story-nav:active{transform:scale(.95)}.story-nav{height:var(--roulette-control-btn-size,36px);width:var(--roulette-control-btn-size,36px)}.story-nav .nuxt-icon{height:20px;margin:0;width:20px}.story-nav--hidden{opacity:0;pointer-events:none}.story-controls-bottom{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent);bottom:0;display:flex;justify-content:space-between;left:0;padding:40px 12px 28px;position:absolute;right:0;z-index:10}.story-controls-bottom__left{flex:1;min-width:0}.story-controls-bottom__right{display:flex;flex-direction:column;gap:8px;margin-left:12px}.story-user-info{align-items:center;display:flex;gap:10px}.story-user-info__avatar{flex-shrink:0;height:40px;overflow:hidden;width:40px}.story-user-info__avatar,.story-user-info__avatar span{align-items:center;border-radius:50%;display:flex;justify-content:center}.story-user-info__avatar span{background:var(--roulette-call-avatar-bg,var(--roulette-primary));color:var(--roulette-call-avatar-color,var(--roulette-primary-text));font-size:16px;font-weight:600;height:100%;width:100%}.story-user-info__details{display:flex;flex-direction:column;gap:2px;min-width:0}.story-user-info__name{color:#fff;font-size:var(--roulette-font-size,14px);font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.story-user-info__time{color:#fffc;font-size:calc(var(--roulette-font-size, 14px)*.85);text-shadow:0 1px 2px rgba(0,0,0,.5)}.story-action{background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));border:none;border-radius:50%;color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);align-items:center;backdrop-filter:blur(10px);cursor:pointer;display:flex;justify-content:center;outline:none;transition:all .2s ease}.story-action:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-action:focus-visible{box-shadow:0 0 0 2px #fffc}.story-action:active{transform:scale(.95)}.story-action{height:var(--roulette-control-btn-size,36px);width:var(--roulette-control-btn-size,36px)}.story-action .nuxt-icon{height:18px;margin:0;width:18px}.story-progress-container{bottom:12px;height:3px;left:12px;pointer-events:none;position:absolute;right:12px;z-index:20}.story-progress-bar{background:#ffffff4d;border-radius:2px;height:100%;width:100%}.story-progress-bar__fill{background:var(--roulette-primary,#fff);border-radius:2px;height:100%;transition:width .05s linear}.story-counter{bottom:20px;color:#fffc;font-size:11px;font-weight:600;position:absolute;right:24px;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;z-index:21}.story-viewer-wrapper--overlay .story-action,.story-viewer-wrapper--overlay .story-control,.story-viewer-wrapper--overlay .story-nav{height:44px;width:44px}.story-viewer-wrapper--overlay .story-action .nuxt-icon,.story-viewer-wrapper--overlay .story-control .nuxt-icon,.story-viewer-wrapper--overlay .story-nav .nuxt-icon{height:22px;width:22px}.story-viewer-wrapper--overlay .story-user-info__avatar{height:48px;width:48px}.story-viewer-wrapper--overlay .story-nav-container{position:fixed;right:24px;top:50%;transform:translateY(-50%)}.story-viewer-wrapper--overlay .story-user-info{bottom:32px;left:24px;position:fixed}.story-viewer-wrapper--overlay .story-progress-container{bottom:16px;left:16px;right:16px}.story-viewer-wrapper--overlay .story-controls-bottom{padding-bottom:36px}@media(max-width:640px){.story-viewer-wrapper,.story-viewer-wrapper--overlay{padding:0}.story-viewer{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.story-viewer:not(.story-viewer--inline) .story-action,.story-viewer:not(.story-viewer--inline) .story-control,.story-viewer:not(.story-viewer--inline) .story-nav{height:36px;width:36px}.story-viewer:not(.story-viewer--inline) .story-action .nuxt-icon,.story-viewer:not(.story-viewer--inline) .story-control .nuxt-icon,.story-viewer:not(.story-viewer--inline) .story-nav .nuxt-icon{height:18px;width:18px}.story-viewer:not(.story-viewer--inline) .story-nav-container{left:auto;right:12px}.story-viewer:not(.story-viewer--inline) .story-user-info__avatar{height:40px;width:40px}.story-viewer:not(.story-viewer--inline) .story-controls-top{padding:12px}.story-viewer:not(.story-viewer--inline) .story-controls-bottom{padding:40px 12px 28px}.story-viewer:not(.story-viewer--inline) .story-progress-container{bottom:12px;left:12px;right:12px}}.media-card,.profile-media{background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));border:1px solid var(--story-border-color,hsla(0,0%,100%,.08));border-radius:var(--story-border-radius,12px);container-type:inline-size;display:grid;grid-template:1fr/1fr;min-width:0;overflow:hidden;width:100%}.media-card>*,.profile-media>*{grid-area:1/1;min-width:0}.media-card:hover .media-card__action,.media-card:hover .profile-media__overlay,.profile-media:hover .media-card__action,.profile-media:hover .profile-media__overlay{opacity:1}.profile-media--clickable{cursor:pointer}.media-card--link{color:inherit;cursor:pointer;text-decoration:none}.profile-media--max-width{max-width:280px}.media-card__image,.profile-media__image{aspect-ratio:1/1;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));overflow:hidden;position:relative;width:100%}.media-card__image img,.media-card__image video,.profile-media__image img,.profile-media__image video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.media-card__image .profile-media__avatar-as-photo,.profile-media__image .profile-media__avatar-as-photo{-o-object-fit:cover;object-fit:cover}.media-card__image video,.profile-media__image video{pointer-events:none}.media-card__placeholder,.profile-media__placeholder{align-items:center;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));display:flex;inset:0;justify-content:center;padding:16px;position:absolute}.media-card__placeholder .nuxt-icon,.profile-media__placeholder .nuxt-icon{height:32px;margin:0;width:32px;--icon-color-0:var(--story-text-muted)}.profile-media__overlay{align-items:center;background:#0000004d;cursor:pointer;display:flex;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.media-card__footer,.profile-media__footer{align-items:center;align-self:end;background:linear-gradient(0deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.45) 50%,rgba(0,0,0,.2) 80%,transparent);display:flex;padding:24px 14px 12px;z-index:3}.media-card__date{color:#ffffffb3;font-size:var(--story-font-size)}.profile-media__footer-right{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.profile-media__footer-right .stories-flag{border-radius:3px;flex-shrink:0;outline:1px solid hsla(0,0%,100%,.4)}.profile-media__live-badge--inline{background:var(--story-success,#4caf50);border-radius:50%;flex-shrink:0;height:6px;width:6px}.media-card__action{align-items:center;align-self:start;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;justify-self:end;margin:8px;opacity:0;padding:6px;transition:all .2s;z-index:4}.media-card__action .nuxt-icon{height:16px;margin:0;width:16px;--icon-color-0:hsla(0,0%,100%,.9)}.media-card__action:hover{background:var(--story-danger)}.media-card__action:hover .nuxt-icon{--icon-color-0:#fff}.media-card__user-name{color:#fff;flex:1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.profile-media--max-width{max-width:375px}.media-card__footer,.profile-media__footer{padding:10px 8px}.media-card__date{font-size:calc(var(--story-font-size)*.9)}}[data-theme=light] .media-card,[data-theme=light] .profile-media{background:#1a1b23;border-color:transparent}[data-theme=light] .media-card__image,[data-theme=light] .media-card__placeholder,[data-theme=light] .profile-media__image,[data-theme=light] .profile-media__placeholder{background:#1a1b23}:root{--chat-gradient-start:var(--bs-body-bg-dark,var(--bs-body-bg));--chat-gradient-end:var(--bs-body-bg)}.video-roulette-page{--chat-primary:var(--roulette-primary);--chat-primary-dark:var(--roulette-primary-hover);--chat-danger:var(--roulette-danger);--chat-text-primary:var(--roulette-text-primary);--chat-text-secondary:var(--roulette-text-secondary);--chat-text-muted:var(--roulette-text-muted);--chat-bg:var(--roulette-bg-primary);--chat-bg-secondary:var(--roulette-bg-secondary);--chat-bg-hover:var(--roulette-bg-secondary-hover);--chat-bg-input:var(--roulette-form-input-bg);--chat-bg-card:var(--roulette-bg-secondary);--chat-border-color:var(--roulette-border-color);--chat-border-light:var(--roulette-border-color-light);--chat-radius-sm:var(--roulette-radius);--chat-radius-md:var(--roulette-radius);--chat-radius-lg:var(--roulette-radius-lg);--chat-gradient-start:var(--roulette-gradient-start);--chat-gradient-end:var(--roulette-gradient-end);--chat-bubble-radius:var(--roulette-radius);--chat-bubble-font-size:var(--roulette-font-size);--chat-bubble-line-height:1.5;--chat-bubble-font-weight:400;--chat-bubble-user-bg:#195c5d;--chat-bubble-user-text:#fff;--chat-bubble-user-text-medium:hsla(0,0%,100%,.8);--chat-bubble-stranger-bg:rgba(75,50,110,.95);--chat-bubble-stranger-text:#fff;--chat-bubble-stranger-text-medium:hsla(0,0%,100%,.7)}[data-theme=light] .video-roulette-page{--chat-bubble-user-bg:#d1ecf1;--chat-bubble-user-text:#1a1b23;--chat-bubble-user-text-medium:rgba(0,0,0,.6);--chat-bubble-stranger-bg:#f0f2f5;--chat-bubble-stranger-text:#1a1b23;--chat-bubble-stranger-text-medium:rgba(0,0,0,.6);--chat-bg-card:#f0f2f5}.video-roulette-page{--chat-footer-font-size:11px;--chat-footer-icon-size:14px;--chat-footer-gap:6px;--chat-footer-btn-size:24px}@media(max-width:768px){.video-roulette-page{--chat-footer-font-size:12px;--chat-footer-icon-size:16px;--chat-footer-gap:8px;--chat-footer-btn-size:32px}}.video-roulette-page{--chat-success:#22c55e;--chat-system-bg:var(--roulette-bg-secondary);--chat-avatar-sm:32px;--chat-avatar-md:40px;--chat-avatar-lg:56px;--chat-avatar-bg:var(--roulette-avatar-bg);--chat-avatar-border:var(--roulette-avatar-border);--chat-input-height:44px;--chat-send-btn-size:42px;--chat-icon-color:var(--roulette-icon-color);--chat-transition-fast:.15s ease;--chat-transition-base:.2s ease;--chat-transition-slow:.3s ease}.chat-avatar{align-items:center;background:var(--chat-avatar-bg);border:1px solid var(--chat-avatar-border);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.chat-avatar-sm{height:var(--chat-avatar-sm);width:var(--chat-avatar-sm)}.chat-avatar-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.chat-avatar .nuxt-icon{color:var(--chat-icon-color);height:50%;margin:0;width:50%}.chat-input-wrapper{align-items:center;background:var(--chat-bg-input);border:1px solid var(--chat-border-color);border-radius:var(--chat-radius-md);box-sizing:border-box;display:flex;flex:1;min-height:var(--chat-input-height);padding:8px 16px;transition:border-color var(--chat-transition-fast)}.chat-input-wrapper:focus-within{border-color:var(--chat-primary)}.chat-input-field{background:transparent;border:none;color:var(--chat-text-primary);flex:1;font-size:var(--chat-bubble-font-size);line-height:20px;max-height:200px;min-height:20px;overflow-y:auto;padding:0;resize:none;width:100%}.chat-input-field:focus{outline:none}.chat-input-field::-moz-placeholder{color:var(--chat-text-muted)}.chat-input-field::placeholder{color:var(--chat-text-muted)}.chat-input-field:disabled{color:var(--chat-text-muted);cursor:not-allowed;opacity:.6}.chat-input-send{background:var(--roulette-control-btn-bg);border:none;border-radius:var(--chat-radius-md);color:var(--roulette-text-muted);height:var(--chat-send-btn-size);width:var(--chat-send-btn-size);--icon-color-0:var(--roulette-text-muted);align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all var(--chat-transition-base)}.chat-input-send .nuxt-icon{height:20px;margin:0;width:20px}.chat-input-send--active{background:var(--roulette-primary);color:#000;--icon-color-0:#000}.chat-input-send:disabled{background:var(--roulette-control-btn-bg);color:var(--roulette-control-btn-color);--icon-color-0:var(--roulette-control-btn-color);cursor:not-allowed;opacity:1}.chat-input-send:active:not(:disabled){transform:scale(.95)}.chat-loading{align-items:center;color:var(--chat-text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:16px}.chat-loading-spinner{animation:chat-spin .8s linear infinite;border:2px solid var(--chat-border-color);border-radius:50%;border-top-color:var(--chat-primary);height:16px;width:16px}@keyframes chat-spin{to{transform:rotate(1turn)}}@keyframes chat-typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.roulette-chat{display:flex;flex:1;flex-direction:column;height:100%;min-height:0}.roulette-chat-body{background:var(--chat-bg);flex:1;mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);min-height:0;overflow:hidden;position:relative}.roulette-chat-messages{display:flex;flex-direction:column;gap:6px;inset:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px 40px;position:absolute}.roulette-chat-messages:before{content:"";flex:1}.roulette-chat-messages::-webkit-scrollbar{width:var(--roulette-scrollbar-width)}.roulette-chat-messages::-webkit-scrollbar-track{background:var(--roulette-scrollbar-track)}.roulette-chat-messages::-webkit-scrollbar-thumb{background:var(--roulette-scrollbar-thumb);border-radius:3px}.roulette-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--roulette-scrollbar-thumb-hover)}.roulette-chat-input{align-items:flex-end;background:var(--chat-bg-card);border-top:1px solid var(--chat-border-color);display:flex;flex-shrink:0;gap:8px;padding:16px 20px}.roulette-chat-input--disabled{opacity:.5;pointer-events:none}.roulette-chat-input--disabled .chat-input-field{cursor:not-allowed}.video-roulette-page{--bubble-min-width:80px;--bubble-padding-x:14px;--bubble-padding-y:10px;--bubble-radius:18px;--bubble-radius-tail:4px;--bubble-gap:8px;--bubble-shadow:0 1px 2px rgba(0,0,0,.08);--bubble-shadow-hover:0 2px 8px rgba(0,0,0,.12);--bubble-actions-bg:rgba(0,0,0,.75);--bubble-actions-radius:8px;--bubble-actions-padding:4px;--bubble-actions-gap:2px;--bubble-actions-btn-size:28px;--bubble-actions-icon-size:14px;--bubble-edit-bg:rgba(0,0,0,.2);--bubble-edit-border:hsla(0,0%,100%,.1);--bubble-edit-radius:12px}@media(max-width:768px){.video-roulette-page{--bubble-padding-x:12px;--bubble-padding-y:8px}}.chat-bubble{align-items:flex-end;display:flex;gap:var(--bubble-gap);max-width:100%;position:relative}.chat-bubble>.chat-avatar{display:none}.chat-bubble-wrapper{align-items:flex-start;display:inline-flex;flex-direction:column;min-width:var(--bubble-min-width)}.chat-bubble-content{background:var(--chat-bubble-stranger-bg);border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) var(--bubble-radius-tail);box-shadow:var(--bubble-shadow);display:inline-flex;flex-direction:column;max-width:100%;padding:var(--bubble-padding-y) var(--bubble-padding-x);position:relative;width:auto}.chat-bubble-text{color:var(--chat-bubble-stranger-text);font-size:14px;font-weight:400;line-height:1.45;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.chat-bubble-text .chat-edited-label{color:var(--chat-bubble-stranger-text-medium);font-size:11px;font-style:italic;margin-left:6px;opacity:.7}.chat-bubble-footer{border-top:1px solid hsla(0,0%,100%,.08);font-size:11px;line-height:1.4;margin-top:4px;padding-top:4px}.chat-bubble-time{color:var(--chat-bubble-stranger-text-medium);font-size:inherit;line-height:inherit;margin-right:6px;opacity:.8;white-space:nowrap}.chat-message-actions{align-items:center;background:none;display:flex;flex-direction:column;gap:4px;left:calc(100% + 4px);opacity:0;padding:0;position:absolute;right:auto;top:50%;transform:translateY(-50%);transition:opacity .15s ease-in-out,visibility .15s ease-in-out;transition-delay:.1s;visibility:hidden;z-index:10}.chat-message-actions-visible{opacity:1;visibility:visible}.chat-bubble:hover .chat-message-actions,.chat-message-actions:hover{opacity:1;transition-delay:0s;visibility:visible}.chat-message-actions .btn-delete,.chat-message-actions .btn-edit,.chat-message-actions .btn-retry{align-items:center;background:#0009;border:none;color:#ffffffd9;cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;width:26px;--icon-color-0:currentColor;border-radius:50%}.chat-message-actions .btn-delete .nuxt-icon,.chat-message-actions .btn-edit .nuxt-icon,.chat-message-actions .btn-retry .nuxt-icon{height:12px;margin:0;width:12px}.chat-message-actions .btn-delete:hover,.chat-message-actions .btn-edit:hover,.chat-message-actions .btn-retry:hover{background:#000c;color:#fff}.chat-message-actions .btn-delete:hover{background:#c83232cc;color:#fff}.chat-bubble-right{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto}.chat-bubble-right .chat-bubble-wrapper{align-items:flex-end}.chat-bubble-right .chat-bubble-content{background:var(--chat-bubble-user-bg);border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius-tail) var(--bubble-radius)}.chat-bubble-right .chat-bubble-text{color:var(--chat-bubble-user-text)}.chat-bubble-right .chat-bubble-text .chat-edited-label,.chat-bubble-right .chat-bubble-time{color:var(--chat-bubble-user-text-medium)}.chat-bubble-right .chat-message-actions{left:auto;right:calc(100% + 4px)}.chat-bubble-right .chat-read-status .read-single{color:var(--chat-bubble-user-text-medium);--icon-color-0:var(--chat-bubble-user-text-medium)}.chat-bubble-right .chat-read-status .read-double{color:var(--chat-bubble-user-text);--icon-color-0:var(--chat-bubble-user-text)}.chat-bubble-right .chat-bubble-original{color:var(--chat-bubble-user-text-medium)}.chat-bubble-edit{display:flex;flex-direction:column;gap:6px;width:100%}.chat-edit-input{background:#0003;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:inherit;font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;min-height:36px;outline:none;padding:8px 10px;resize:none;width:100%}.chat-edit-input:focus{border-color:#ffffff4d}.chat-edit-input::-moz-placeholder{color:#fff6}.chat-edit-input::placeholder{color:#fff6}.chat-edit-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.chat-edit-actions .btn-cancel,.chat-edit-actions .btn-save{border:none;border-radius:12px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px}.chat-edit-actions .btn-save{background:#fff3;color:#fff}.chat-edit-actions .btn-save:hover{background:#ffffff4d}.chat-edit-actions .btn-cancel{background:transparent;color:#fff9}.chat-edit-actions .btn-cancel:hover{color:#ffffffe6}.chat-read-status{float:right;margin-left:6px;position:relative;top:0;vertical-align:middle}.chat-read-status,.read-double,.read-single{align-items:center;display:inline-flex}.read-double .nuxt-icon,.read-single .nuxt-icon{height:14px;margin:0 -4px 0 0;width:14px}.read-single{color:var(--chat-bubble-stranger-text-medium);opacity:.6}.read-double,.read-single{--icon-color-0:currentColor}.read-double{color:var(--chat-primary)}.chat-bubble-typing{align-items:center;display:flex;gap:4px;padding:4px 0}.chat-bubble-typing span{animation:bubble-typing 1.4s infinite;background:var(--chat-text-muted,hsla(0,0%,100%,.6));border-radius:50%;height:7px;width:7px}.chat-bubble-typing span:first-child{animation-delay:0s}.chat-bubble-typing span:nth-child(2){animation-delay:.2s}.chat-bubble-typing span:nth-child(3){animation-delay:.4s}@keyframes bubble-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-bubble-original{color:var(--chat-bubble-stranger-text-medium);font-size:inherit;font-style:italic;line-height:inherit;word-wrap:break-word;opacity:.75;overflow-wrap:break-word}.chat-bubble-original:before{content:"Original: ";font-style:normal;opacity:.6}.chat-edited-label{color:var(--chat-bubble-stranger-text-medium);font-size:11px;font-style:italic;opacity:.7}.chat-date-separator{align-items:center;display:flex;justify-content:center;position:relative}.chat-date-text{background:var(--chat-bg-secondary);border-radius:10px;color:var(--chat-text-muted);font-size:11px;font-weight:500;letter-spacing:.3px;padding:3px 10px;position:relative;text-transform:uppercase;z-index:1}.chat-system-message{align-items:center;background:var(--chat-bg-secondary);border-radius:var(--bubble-radius);display:flex;gap:10px;padding:10px 14px;width:-moz-fit-content;width:fit-content}.chat-system-message-right{flex-direction:row-reverse;margin-left:auto}.chat-system-message-right .chat-call-info{align-items:flex-end;text-align:right}.chat-call-icon{align-items:center;background:var(--chat-danger,#ef4444);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;--icon-color-0:#fff}.chat-call-icon .nuxt-icon{height:20px;left:0;margin:0;position:relative;top:1px;width:20px}.chat-call-icon-success{background:var(--chat-success,#22c55e);color:var(--roulette-on-success);--icon-color-0:var(--roulette-on-success)}.chat-call-icon-matching{background:var(--chat-primary,#3b82f6);color:var(--roulette-on-primary);--icon-color-0:var(--roulette-on-primary)}.chat-call-icon-declined{background:var(--chat-danger,#ef4444)}.chat-call-icon-declined,.chat-call-icon-no-answer{color:var(--roulette-on-danger);--icon-color-0:var(--roulette-on-danger)}.chat-call-icon-no-answer{background:var(--chat-warning,#f59e0b)}.chat-call-icon-ringing{background:var(--chat-info,#06b6d4);color:var(--roulette-on-primary);--icon-color-0:var(--roulette-on-primary)}.chat-system-message-success{background:#22c55e1a}.chat-system-message-matching{background:#3b82f61a}.chat-system-message-declined{background:#ef44441a}.chat-system-message-no-answer{background:#f59e0b1a}.chat-system-message-ringing{background:#06b6d41a}.chat-call-info{display:flex;flex-direction:column;gap:2px}.chat-call-label{color:var(--chat-text-muted);font-size:12px;font-weight:400;line-height:1.2}.chat-call-text{color:var(--chat-text-primary);font-size:13px;font-weight:500;line-height:1.2}
