.chat-recent-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-recent-list__empty,.chat-recent-list__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.chat-recent-list__empty-icon{color:var(--roulette-text-muted,hsla(0,0%,100%,.3));height:60px;margin-bottom:16px;opacity:.5;width:60px}.chat-recent-list__empty-icon svg{height:100%;width:100%}.chat-recent-list__empty-text{color:var(--roulette-text-secondary,hsla(0,0%,100%,.7));font-size:14px;margin:0}.chat-recent-list__items{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.chat-recent-item{align-items:center;border-bottom:1px solid var(--chat-page-border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.chat-recent-item:hover{background:var(--chat-page-card-bg)}.chat-recent-item--active{background:var(--chat-page-active-bg);border-right:3px solid var(--chat-page-primary)}.chat-recent-item--active:hover{background:var(--chat-page-active-bg-hover)}.chat-recent-item--active .chat-recent-item__name{color:var(--chat-page-primary)}.chat-recent-item--unread{background:var(--roulette-bg-hover,rgba(233,30,99,.05))}.chat-recent-item--unread .chat-recent-item__name{font-weight:700}.chat-recent-item__avatar{flex-shrink:0;position:relative}.chat-recent-item__online-badge{background:var(--roulette-success,#4caf50);border:2px solid var(--roulette-bg-secondary,#222);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-recent-item__content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.chat-recent-item__header{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-recent-item__name{color:var(--chat-page-text-color);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-recent-item__time{color:var(--chat-page-text-muted);flex-shrink:0;font-size:11px}.chat-recent-item__message{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-recent-item__text{color:var(--roulette-text-secondary,hsla(0,0%,100%,.7));font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-recent-item__badge{flex-shrink:0}.chat-recent-list__loading-more{align-items:center;display:flex;justify-content:center;padding:16px}.chat-favorites-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-favorites-list__empty,.chat-favorites-list__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.chat-favorites-list__empty-icon{color:var(--roulette-text-muted,hsla(0,0%,100%,.3));height:60px;margin-bottom:16px;opacity:.5;width:60px}.chat-favorites-list__empty-icon svg{height:100%;width:100%}.chat-favorites-list__empty-text{color:var(--roulette-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.chat-favorites-list__empty-hint{color:var(--roulette-text-secondary);font-size:14px;margin:0}.chat-favorites-list__items{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.chat-favorite-item{align-items:center;border-bottom:1px solid var(--chat-page-border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.chat-favorite-item:hover{background:var(--chat-page-card-bg)}.chat-favorite-item--active{background:var(--chat-page-active-bg);border-right:3px solid var(--chat-page-primary)}.chat-favorite-item--active:hover{background:var(--chat-page-active-bg-hover)}.chat-favorite-item--active .chat-favorite-item__name{color:var(--chat-page-primary)}.chat-favorite-item__avatar{flex-shrink:0;position:relative}.chat-favorite-item__online-badge{background:var(--roulette-success,#4caf50);border:2px solid var(--roulette-bg-secondary,#222);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-favorite-item__content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.chat-favorite-item__header{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-favorite-item__name{color:var(--chat-page-text-color);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-favorite-item__info{align-items:center;display:flex;gap:6px}.chat-favorite-item__status{color:var(--roulette-success);font-size:12px}.chat-favorite-item__status--offline{color:var(--roulette-text-muted)}.chat-favorite-item__btn{flex-shrink:0;--icon-color-0:#fff}.chat-favorites-list__loading-more{display:flex;justify-content:center;padding:12px}.chat-suggested-users[data-v-e5af80b6]{display:flex;justify-content:center;margin-bottom:24px}.chat-suggested-users__stack[data-v-e5af80b6]{align-items:center;display:flex}.chat-suggested-users__item[data-v-e5af80b6]{background:var(--chat-page-card-bg,var(--roulette-bg-secondary));border:3px solid var(--chat-page-bg,var(--roulette-bg-primary,#0f0f0f));border-radius:50%;cursor:pointer;height:56px;margin-left:-16px;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,border-color .2s ease;width:56px}.chat-suggested-users__item[data-v-e5af80b6]:first-child{margin-left:0}.chat-suggested-users__item[data-v-e5af80b6]:hover{border-color:var(--chat-page-primary,var(--roulette-primary));transform:translateY(-4px)}.chat-suggested-users__item[data-v-e5af80b6] .user-avatar,.chat-suggested-users__item[data-v-e5af80b6] img{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat-suggested-users__online[data-v-e5af80b6]{background:var(--roulette-success,#22c55e);border:2px solid var(--chat-page-bg,var(--roulette-bg-primary,#0f0f0f));border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-read-status .status-pending[data-v-3aef5b49]{animation:pulse-3aef5b49 1.5s ease-in-out infinite;color:#999;opacity:.7}@keyframes pulse-3aef5b49{0%,to{opacity:.7}50%{opacity:.3}}.chat-read-status .status-sent[data-v-3aef5b49]{color:#999}.chat-read-status .status-read[data-v-3aef5b49]{color:#4caf50}.chat-read-status .status-failed[data-v-3aef5b49]{color:#f44336;cursor:help}.chat-message-actions.always-visible[data-v-3aef5b49]{opacity:1!important;visibility:visible!important}.chat-message-actions .chat-msg-retry-btn[data-v-3aef5b49]{background:none;border:none;color:#f44336;cursor:pointer;padding:4px;transition:transform .2s,opacity .2s}.chat-message-actions .chat-msg-retry-btn[data-v-3aef5b49]:hover{opacity:.8;transform:rotate(180deg)}.chat-message-actions .chat-msg-retry-btn[data-v-3aef5b49]:active{transform:rotate(180deg) scale(.9)}:root{--chat-page-primary:var(--bs-primary,#00cfff);--chat-page-primary-hover:var(--bs-primary-hover,#00b8e6);--chat-page-bg:var(--bs-body-bg,#0a0a0a);--chat-page-card-bg:var(--bs-body-secondary-bg,#1a1a1a);--chat-page-border-color:var(--bs-border-color,#2a2a2a);--chat-page-text-color:var(--bs-body-color,#fff);--chat-page-text-muted:var(--bs-body-color-medium,#888);--chat-page-text-highlight:var(--bs-body-color-highlight,#fff);--chat-page-primary-color:var(--bs-primary-color,var(--bs-body-color-contrast,#000));--chat-page-card-radius:var(--tube-card-border-radius,10px);--chat-page-border-radius:var(--bs-border-radius,8px);--chat-page-shadow:0 4px 12px rgba(0,0,0,.3);--chat-page-skeleton-bg:var(--bs-skeleton-bg,#1a1a1a);--chat-page-form-input-size:var(--dialog-input-size,42px);--chat-page-icon-stroke:1.5;--chat-page-controls-bg:var(--menu-overlay-bg);--chat-page-controls-blur:10px;--chat-page-control-btn-size:48px;--chat-page-control-btn-bg:var(--bs-body-secondary-bg,var(--chat-page-card-bg));--chat-page-control-btn-bg-hover:var(--bs-body-secondary-bg-hover,var(--chat-page-border-color));--chat-page-control-btn-color:var(--bs-body-color-medium,var(--chat-page-text-muted));--chat-page-control-btn-color-hover:var(--bs-body-color,var(--chat-page-text-color));--chat-page-control-btn-active-bg:var(--chat-page-primary);--chat-page-control-btn-active-color:var(--chat-page-primary-color);--chat-page-history-panel-bg:var(--chat-page-bg);--chat-page-chat-section-bg:var(--chat-page-bg);--chat-page-info-panel-bg:var(--chat-page-bg);--chat-page-icon-btn-bg:var(--img-overlay-button-bg,rgba(0,0,0,.6));--chat-page-icon-btn-bg-hover:var(--img-overlay-button-bg-active,var(--chat-page-primary));--chat-page-bubble-user-bg:var(--chat-bubble-user-bg,#195c5d);--chat-page-bubble-user-text:var(--chat-bubble-user-text,#fff);--chat-page-bubble-user-text-medium:var(--chat-bubble-user-text-medium,hsla(0,0%,100%,.8));--chat-page-bubble-stranger-bg:var(--chat-bubble-stranger-bg,rgba(75,50,110,.95));--chat-page-bubble-stranger-text:var(--chat-bubble-stranger-text,#fff);--chat-page-bubble-stranger-text-medium:var(--chat-bubble-stranger-text-medium,hsla(0,0%,100%,.7));--chat-page-bubble-min-width:80px;--chat-page-bubble-padding-x:14px;--chat-page-bubble-padding-y:10px;--chat-page-bubble-radius:18px;--chat-page-bubble-radius-tail:4px;--chat-page-bubble-gap:8px;--chat-page-bubble-shadow:0 1px 2px rgba(0,0,0,.08);--chat-page-bubble-shadow-hover:0 2px 8px rgba(0,0,0,.12);--chat-page-bubble-footer-font-size:11px;--chat-page-bubble-footer-gap:6px;--chat-page-contrast-text:var(--bs-body-color-highlight,#fff);--chat-page-danger:var(--bs-danger,#ef4444);--chat-page-danger-hover:var(--bs-danger-dark,#dc2626);--chat-page-danger-text:var(--bs-body-color-highlight,#fff);--chat-page-danger-subtle-bg:var(--bs-danger-bg-subtle,rgba(248,113,113,.15));--chat-page-overlay:rgba(0,0,0,.6);--chat-page-overlay-hover:rgba(0,0,0,.8);--chat-page-overlay-heavy:rgba(0,0,0,.85);--chat-page-backdrop:rgba(0,0,0,.5);--chat-page-card-text:#fff;--chat-page-card-text-medium:hsla(0,0%,100%,.85);--chat-page-card-text-muted:hsla(0,0%,100%,.7);--chat-page-tag-premium-from:gold;--chat-page-tag-premium-to:#ff8c00;--chat-page-tag-premium-text:#000;--chat-page-tag-token-color:#eab308;--chat-page-tag-token-bg:rgba(234,179,8,.2);--chat-page-tag-token-border:rgba(234,179,8,.4);--chat-page-bubble-motion-bg:rgba(0,207,255,.1);--chat-page-bubble-user-motion-bg:hsla(0,0%,100%,.15);--chat-page-bubble-user-motion-text:hsla(0,0%,100%,.9);--chat-page-menu-bg:var(--chat-page-card-bg);--chat-page-menu-item-color:var(--chat-page-text-muted);--chat-page-menu-item-color-hover:var(--chat-page-text-color);--chat-page-menu-item-bg-hover:var(--chat-page-border-color);--chat-page-menu-danger-color:var(--chat-page-danger);--chat-page-menu-danger-bg-hover:var(--chat-page-danger-subtle-bg);--chat-page-menu-divider:var(--chat-page-border-color);--chat-page-focus-shadow:0 0 0 2px rgba(var(--bs-primary-rgb,0,207,255),.1);--chat-page-send-shadow:0 4px 12px rgba(var(--bs-primary-rgb,0,207,255),.4);--chat-page-menu-shadow:0 8px 32px rgba(0,0,0,.3);--chat-page-accent:var(--bs-danger,#ff6b6b);--chat-page-skeleton-highlight:hsla(0,0%,100%,.05);--chat-page-active-bg:rgba(var(--bs-primary-rgb,0,207,255),.1);--chat-page-active-bg-hover:rgba(var(--bs-primary-rgb,0,207,255),.15)}.stretch-content:has(.chat-page-shell-wrapper){min-height:0!important;overflow:hidden}.stretch-container:has(.chat-page-shell-wrapper){min-height:0!important;overflow:hidden}.chat-page-shell-wrapper{--icon-stroke-0:var(--chat-page-icon-stroke);display:flex;flex:1;flex-direction:column;height:0;min-height:0;overflow:hidden;width:100%}.chat-page-shell-wrapper .nuxt-icon--fill,.chat-page-shell-wrapper .nuxt-icon--fill *{fill:none}.chat-page-shell-page{display:flex;flex:1;flex-direction:column;height:0;min-height:0;overflow:hidden;padding:16px}.chat-page-shell-container{background:var(--chat-page-card-bg);border:1px solid var(--chat-page-border-color);border-radius:var(--chat-page-border-radius);container-name:chat;container-type:inline-size;display:grid;flex:1;grid-template-areas:"history-panel main";grid-template-columns:400px 1fr;grid-template-rows:100%;height:0;min-height:0;overflow:hidden;transition:grid-template-columns .3s ease;width:100%}.chat-page-shell-container:has(.chat-page-shell-history-panel--collapsed){grid-template-columns:0 1fr}.chat-page-shell-main{display:flex;grid-area:main;height:100%;min-height:0;overflow:hidden}.chat-page-shell-panel-header{background:transparent;flex-shrink:0;padding:16px 16px 0}.chat-page-shell-panel-body{display:flex;flex:1 1 0;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.chat-page-shell-main-content{background:var(--chat-page-chat-section-bg);display:flex;flex:1 1 0;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.chat-page-shell-history-panel{background:var(--chat-page-history-panel-bg);border-right:1px solid var(--chat-page-border-color);display:flex;flex-direction:column;grid-area:history-panel;height:100%;min-height:0;overflow:hidden;position:relative;transition:width .3s ease,border-right-color .3s ease,padding .3s ease}.chat-page-shell-history-panel:after{background:linear-gradient(to top,var(--chat-page-history-panel-bg),transparent);bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.chat-page-shell-history-panel--collapsed{border-right-color:transparent;min-width:0;padding:0;width:0}.chat-page-shell-history-panel--collapsed .chat-page-shell-history-list{opacity:0;visibility:hidden}.chat-page-shell-history-list{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:visibility .3s ease,opacity .3s ease;-ms-overflow-style:none}.chat-page-shell-history-list::-webkit-scrollbar{display:none}.chat-page-shell-history-item{align-items:center;border-bottom:1px solid var(--chat-page-border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.chat-page-shell-history-item:hover{background:var(--chat-page-card-bg)}.chat-page-shell-history-item--active{background:var(--chat-page-active-bg);border-right:3px solid var(--chat-page-primary)}.chat-page-shell-history-item--active:hover{background:var(--chat-page-active-bg-hover)}.chat-page-shell-history-item--active .chat-page-shell-history-item-name{color:var(--chat-page-primary)}.chat-page-shell-history-item--active .chat-page-shell-history-item-preview{color:var(--chat-page-text-color)}.chat-page-shell-history-item--skeleton{background:var(--chat-page-skeleton-bg);cursor:default;height:64px}.chat-page-shell-history-item--skeleton:hover,.chat-page-shell-history-item-avatar{background:var(--chat-page-skeleton-bg)}.chat-page-shell-history-item-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.chat-page-shell-history-item-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat-page-shell-history-item-info{flex:1;min-width:0}.chat-page-shell-history-item-name{color:var(--chat-page-text-color);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-shell-history-item-preview{color:var(--chat-page-text-muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-shell-history-item-preview .chat-page-shell-action{font-style:italic}.chat-page-shell-history-item-preview--typing{color:var(--chat-page-text-muted);font-style:italic}.chat-page-shell-history-item-preview--typing:after{animation:typing-dots 1.5s steps(1) infinite;content:""}@keyframes typing-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chat-page-shell-history-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.chat-page-shell-history-item-count,.chat-page-shell-history-item-time{color:var(--chat-page-text-muted);font-size:11px}.chat-page-shell-history-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.chat-page-shell-history-empty-icon{align-items:center;background:transparent;border:1px solid var(--chat-page-border-color);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px;--icon-color-0:var(--chat-page-text-muted)}.chat-page-shell-history-empty-icon .nuxt-icon{height:20px;margin:0;width:20px}.chat-page-shell-history-empty-title{color:var(--chat-page-text-color);font-size:14px;font-weight:600;margin:0 0 8px}.chat-page-shell-history-empty-text{color:var(--chat-page-text-muted);font-size:13px;margin:0}.chat-page-shell-info-panel{background:var(--chat-page-info-panel-bg);border-left:1px solid var(--chat-page-border-color);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden;position:relative;width:320px}.chat-page-shell-info-panel:after{background:linear-gradient(to top,var(--chat-page-info-panel-bg),transparent);bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.chat-page-shell-nav-header{align-items:center;display:flex;justify-content:space-between;left:16px;pointer-events:none;position:absolute;right:16px;top:16px;z-index:2}.chat-page-shell-nav-header .u-btn{--btn-icon-size:18px;height:44px;min-height:44px}.chat-page-shell-nav-header .u-btn--blank{backdrop-filter:blur(var(--chat-page-controls-blur));background:var(--chat-page-controls-bg)}.chat-page-shell-nav-header .u-btn--blank:hover:not(:disabled):not(.active){background:var(--chat-page-control-btn-bg-hover)}.chat-page-shell-nav-header .u-btn--blank.active{backdrop-filter:none;background:var(--chat-page-control-btn-active-bg)}.chat-page-shell-nav-left,.chat-page-shell-nav-right{display:flex;gap:8px;pointer-events:auto}.chat-page-shell-header-menu-wrapper{position:relative}.chat-page-shell-panel-wrapper{align-items:center;container-type:inline-size;flex:1 1 0;overflow:visible;padding:16px;position:relative}.chat-page-shell-panel,.chat-page-shell-panel-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%}.chat-page-shell-panel{background:var(--chat-page-chat-section-bg);border-radius:var(--chat-page-border-radius);max-width:800px;overflow:hidden}.chat-page-shell-backdrop,.chat-page-shell-mobile-panel-header{display:none}@media(max-width:1300px){.chat-page-shell-page{padding:0}.chat-page-shell-container{border:none;border-radius:0;container-type:normal;display:flex;flex-direction:column}.chat-page-shell-main,.chat-page-shell-main-content{flex:1 1 0;min-height:0}.chat-page-shell-panel-wrapper{flex:1 1 0;justify-content:stretch;min-height:0;padding:0}.chat-page-shell-panel{border:none;border-radius:0;flex:1 1 0;max-width:none;min-height:0;width:100%}.chat-page-shell-backdrop{animation:fadeIn .2s ease;background:var(--chat-page-backdrop);display:block;inset:0;position:fixed;z-index:100}.chat-page-shell-history-panel{background:var(--chat-page-history-panel-bg);border-left:none;border-radius:0;border-right:1px solid var(--chat-page-border-color);bottom:0;display:flex;flex-direction:column;height:100%;left:0;max-width:400px;pointer-events:none;position:fixed;top:0;transform:translate(-100%);transition:transform .3s ease,visibility .3s ease;visibility:hidden;width:90%;z-index:101}.chat-page-shell-history-panel--open,.chat-page-shell-history-panel--open.chat-page-shell-history-panel--collapsed{pointer-events:auto;transform:translate(0);visibility:visible}.chat-page-shell-history-list{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-page-shell-history-list::-webkit-scrollbar{display:none}.chat-page-shell-history-panel .chat-page-shell-mobile-panel-header{align-items:center;background:var(--chat-page-history-panel-bg);border-bottom:1px solid var(--chat-page-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.chat-page-shell-mobile-panel-title{color:var(--chat-page-text-color);font-size:16px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@container (max-width: 1080px){.chat-page-shell-nav-header{align-self:stretch;flex-shrink:0;margin-bottom:20px;padding:0;pointer-events:auto;position:static}}@media(max-width:1000px){.chat-page-shell-info-panel{background:var(--chat-page-info-panel-bg);border-left:1px solid var(--chat-page-border-color);border-radius:0;border-right:none;bottom:0;display:flex;flex-direction:column;height:100%;max-width:340px;pointer-events:none;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease,visibility .3s ease;visibility:hidden;width:85%;z-index:101}.chat-page-shell-info-panel:after{display:none}.chat-page-shell-info-panel--open{pointer-events:auto;transform:translate(0);visibility:visible}.chat-page-shell-character-info{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-page-shell-character-info::-webkit-scrollbar{display:none}.chat-page-shell-info-panel .chat-page-shell-mobile-panel-header{align-items:center;background:var(--chat-page-info-panel-bg);border-bottom:1px solid var(--chat-page-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}}@media(max-width:768px){.chat-page-shell-history-panel,.chat-page-shell-info-panel{max-width:360px}.chat-page-shell-panel-body{padding-bottom:0}}.chat-page-shell-empty-state{color:var(--chat-page-text-muted);padding:80px 20px;text-align:center}@media(max-width:768px){.chat-page-shell-page{padding:0}}:root{--roulette-z-base:40;--roulette-z-video-internal:calc(var(--roulette-z-base) + 10);--roulette-z-video-wrapper:calc(var(--roulette-z-base) + 15);--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;--icon-stroke-0:var(--roulette-icon-stroke);--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)}: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-md{height:var(--chat-avatar-md);width:var(--chat-avatar-md)}.chat-avatar-lg{height:var(--chat-avatar-lg);width:var(--chat-avatar-lg)}.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-close-btn,.chat-history-toggle-btn{background:transparent;border:1px solid var(--chat-border-color);border-radius:var(--chat-radius-md);color:var(--chat-text-secondary);height:40px;width:40px;--icon-color-0:var(--chat-text-secondary);align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all var(--chat-transition-base)}.chat-close-btn .nuxt-icon,.chat-history-toggle-btn .nuxt-icon{height:20px;margin:0;width:20px}.chat-close-btn:hover,.chat-history-toggle-btn:hover{background:var(--chat-bg-input);color:var(--chat-text-primary);--icon-color-0:var(--chat-text-primary);border-color:var(--chat-border-light)}.chat-close-btn:active,.chat-history-toggle-btn:active{transform:scale(.95)}.chat-close-btn{display:none;margin-left:8px}@media(max-width:1200px){.chat-close-btn{display:flex}}.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}.chat-empty-state{align-items:center;display:flex;flex:1;justify-content:center;padding:32px 16px}.chat-empty-state-text{color:var(--chat-text-muted);font-size:14px}@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}.chat-history-overlay{background:var(--chat-bg);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute;z-index:10}.chat-history-overlay-list{flex:1;overflow-y:auto;padding:12px}.chat-history-overlay-list::-webkit-scrollbar{width:6px}.chat-history-overlay-list::-webkit-scrollbar-track{background:transparent}.chat-history-overlay-list::-webkit-scrollbar-thumb{background:var(--chat-border-color);border-radius:3px}.chat-history-overlay-list::-webkit-scrollbar-thumb:hover{background:var(--chat-border-light)}.chat-history-overlay-enter-active,.chat-history-overlay-leave-active{transition:opacity .25s ease,transform .25s ease}.chat-history-overlay-enter-from,.chat-history-overlay-leave-to{opacity:0;transform:translate(100%)}.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 .chat-msg-delete-btn,.chat-message-actions .chat-msg-edit-btn,.chat-message-actions .chat-msg-retry-btn{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 .chat-msg-delete-btn .nuxt-icon,.chat-message-actions .chat-msg-edit-btn .nuxt-icon,.chat-message-actions .chat-msg-retry-btn .nuxt-icon{height:12px;margin:0;width:12px}.chat-message-actions .chat-msg-delete-btn:hover,.chat-message-actions .chat-msg-edit-btn:hover,.chat-message-actions .chat-msg-retry-btn:hover{background:#000c;color:#fff}.chat-message-actions .chat-msg-delete-btn: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 .chat-edit-cancel-btn,.chat-edit-actions .chat-edit-save-btn{border:none;border-radius:12px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px}.chat-edit-actions .chat-edit-save-btn{background:#fff3;color:#fff}.chat-edit-actions .chat-edit-save-btn:hover{background:#ffffff4d}.chat-edit-actions .chat-edit-cancel-btn{background:transparent;color:#fff9}.chat-edit-actions .chat-edit-cancel-btn: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}.chat-call-duration{color:var(--chat-text-muted);font-size:11px;font-weight:400;line-height:1.2}.chat-history-overlay-item{align-items:flex-start;border-radius:var(--chat-radius-md);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;position:relative;transition:all var(--chat-transition-base)}.chat-history-overlay-item:hover{background:var(--chat-bg-hover)}.chat-history-overlay-item.active{background:var(--chat-bg-hover);border-left:3px solid var(--chat-primary);padding-left:9px}.chat-history-overlay-avatar{align-items:center;background:var(--chat-bg-secondary);border:1px solid var(--chat-border-color);border-radius:50%;color:var(--chat-text-muted);display:flex;height:var(--chat-avatar-md);justify-content:center;width:var(--chat-avatar-md);--icon-color-0:var(--chat-text-muted);flex-shrink:0}.chat-history-overlay-avatar .nuxt-icon{height:20px;margin:0;width:20px}.chat-history-overlay-info{flex:1;min-width:0}.chat-history-overlay-name{color:var(--chat-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.chat-history-overlay-preview{color:var(--chat-text-muted);font-size:13px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-overlay-meta{align-items:center;color:var(--chat-text-muted);display:flex;font-size:11px;gap:12px;--icon-color-0:var(--chat-text-muted)}.chat-history-overlay-count,.chat-history-overlay-time{align-items:center;display:flex;gap:4px}.chat-history-overlay-count .nuxt-icon,.chat-history-overlay-time .nuxt-icon{height:12px;margin:0;width:12px}.chat-page-wrapper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.chat-page-loading{align-items:center;display:flex;flex:1;justify-content:center}.chat-page__tabs{align-self:center;backdrop-filter:blur(var(--chat-page-controls-blur,8px));background:var(--chat-page-controls-bg,var(--roulette-controls-bg));border-radius:var(--chat-page-border-radius,12px);display:grid;flex-shrink:0;grid-template-columns:1fr 1fr;margin:28px 16px 24px;padding:4px;position:relative}.chat-page__tabs-slider{background:var(--chat-page-primary);border-radius:calc(var(--chat-page-border-radius, 12px) - 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}.chat-page__tabs--favorites .chat-page__tabs-slider{transform:translate(100%)}.chat-page__tab{align-items:center;background:transparent;border:none;border-radius:calc(var(--chat-page-border-radius, 12px) - 2px);color:var(--chat-page-text-muted,var(--roulette-text-secondary));display:flex;gap:6px;height:36px;justify-content:center;padding:0 16px;position:relative;z-index:1;--icon-color-0:currentColor;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;outline:none;transition:color .3s ease;white-space:nowrap}.chat-page__tab .nuxt-icon{height:18px;margin:0;width:18px}.chat-page__tab--active{color:var(--chat-page-primary-color);--icon-color-0:var(--chat-page-primary-color)}.chat-page__tab:hover:not(.chat-page__tab--active){color:var(--chat-page-text-color,var(--roulette-text-primary))}.chat-page__list{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-page__list::-webkit-scrollbar{display:none}.chat-page__chat-header{align-items:center;backdrop-filter:blur(var(--chat-page-controls-blur));background:var(--chat-page-controls-bg);border:none;border-radius:calc(var(--chat-page-control-btn-size, 48px)/2 + 12px);display:flex;flex-shrink:0;gap:12px;padding:12px 16px}.chat-page__chat-user{align-items:center;cursor:pointer;display:flex;flex:1;gap:12px;min-width:0}.chat-page__chat-user:hover .chat-page__chat-user-name{color:var(--chat-page-primary,var(--roulette-primary))}.chat-page__chat-user-info{display:flex;flex-direction:column;min-width:0}.chat-page__chat-user-name{color:var(--chat-page-text-color,var(--roulette-text-primary));font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.chat-page__chat-user-status{color:var(--roulette-success);font-size:12px;font-weight:500}.chat-page__chat-actions{display:flex;gap:8px}.chat-page__empty{align-items:center;display:flex;flex:1;justify-content:center;position:relative}.chat-page__empty-actions{display:none;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.chat-page__empty-actions .u-btn{align-items:center;display:inline-flex;gap:8px}@media(max-width:1300px){.chat-page__empty-actions{display:flex}}.chat-page__browse-link{color:var(--chat-page-primary,var(--roulette-primary));cursor:pointer;text-decoration:underline}.chat-page__browse-link:hover{text-decoration:none}.chat-page-shell-nav-header .chat-page-shell-nav-left{align-items:flex-start;flex-direction:column}.chat-page__quick-tabs{align-items:center;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.chat-page__quick-tab,.chat-page__quick-tab .nuxt-icon{flex-shrink:0}.chat-page__chat-header-menu,.chat-page__empty-menu{display:none;flex-shrink:0}.chat-page__empty-menu{position:absolute;right:12px;top:12px}@media(max-width:1300px){.chat-page-shell-nav-header{display:none}.chat-page__chat-header-menu,.chat-page__empty-menu{display:inline-flex}}.chat-page__roulette-chat{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.chat-page__roulette-chat .video-roulette-chat-panel{background:transparent!important;border:none!important;flex:1!important;height:100%!important;inset:auto!important;min-height:0!important;pointer-events:auto!important;position:static!important;z-index:auto!important}.chat-page__roulette-chat .roulette-chat-body{flex:1!important;margin-bottom:0!important;mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 40px),transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 40px),transparent)!important;mask-position:0 0!important;-webkit-mask-position:0 0!important;mask-repeat:no-repeat!important;-webkit-mask-repeat:no-repeat!important;mask-size:auto!important;-webkit-mask-size:auto!important;min-height:0!important;overflow:hidden!important}.chat-page__roulette-chat .roulette-chat-messages{mask-image:none!important;-webkit-mask-image:none!important;padding:16px 16px 48px!important}.chat-page__roulette-chat .roulette-chat-input{align-items:flex-end!important;backdrop-filter:blur(var(--chat-page-controls-blur))!important;background:var(--chat-page-controls-bg)!important;border:none!important;border-radius:calc(var(--chat-page-control-btn-size, 48px)/2 + 12px)!important;bottom:auto!important;display:flex!important;gap:8px!important;left:auto!important;margin:16px 16px 20px!important;max-width:none!important;padding:10px 12px!important;position:static!important;transform:none!important;width:auto!important;z-index:auto!important}.chat-page__roulette-chat .roulette-chat-input .chat-input-wrapper{align-items:flex-end;background:var(--chat-page-control-btn-bg);border:none;border-radius:calc(var(--chat-page-control-btn-size, 48px)/2);display:flex;flex:1;max-height:150px;min-height:var(--chat-page-control-btn-size,48px);padding:8px 16px}.chat-page__roulette-chat .roulette-chat-input .chat-input-field{background:transparent;border:none;color:var(--chat-page-text-color);flex:1;font-size:14px;line-height:1.4;padding:6px 0;resize:none}.chat-page__roulette-chat .roulette-chat-input .chat-input-field::-moz-placeholder{color:var(--chat-page-text-muted)}.chat-page__roulette-chat .roulette-chat-input .chat-input-field::placeholder{color:var(--chat-page-text-muted)}.chat-page__roulette-chat .roulette-chat-input .chat-input-send{background:var(--chat-page-control-btn-bg);border-radius:50%;flex-shrink:0;height:var(--chat-page-control-btn-size,48px)!important;min-width:var(--chat-page-control-btn-size,48px)!important;width:var(--chat-page-control-btn-size,48px)!important}.chat-page__roulette-chat .roulette-chat-input .chat-input-send--active{background:var(--chat-page-primary);color:var(--chat-page-primary-color);--icon-color-0:var(--chat-page-primary-color)}.chat-page__roulette-chat .roulette-chat-input .chat-input-emoji{align-items:center;display:flex;flex-shrink:0;height:var(--chat-page-control-btn-size,48px)}.chat-page__roulette-chat .roulette-chat-input .chat-input-emoji .emoji-picker-btn__trigger{background:var(--chat-page-control-btn-bg);border-radius:50%;color:var(--chat-page-text-muted,var(--chat-page-text-color));height:var(--chat-page-control-btn-size,48px);width:var(--chat-page-control-btn-size,48px)}.chat-page__roulette-chat .roulette-chat-input .chat-input-settings{display:none}