.stories-page,.user-profile-page{--story-bg-primary:var(--bs-body-bg);--story-bg-secondary:var(--bs-body-secondary-bg);--story-bg-secondary-hover:var(--bs-body-secondary-bg-hover,var(--bs-body-secondary-bg));--story-bg-overlay:var(--menu-overlay-bg);--story-page-bg:var(--bs-body-bg);--story-card-bg:var(--bs-body-secondary-bg);--story-card-bg-hover:var(--bs-body-secondary-bg-hover,var(--bs-body-secondary-bg));--story-border-color:var(--bs-border-color);--story-border-color-light:var(--bs-border-color-highlight);--story-border-radius:var(--dialog-input-border-radius,12px);--story-border-radius-sm:var(--bs-border-radius);--story-border-radius-lg:var(--dialog-border-radius);--story-text-primary:var(--bs-body-color);--story-text-secondary:var(--bs-body-color-medium,var(--bs-body-color));--story-text-muted:var(--bs-body-color-muted,var(--bs-body-color-medium));--story-font-size:var(--dialog-font-size,14px);--story-primary:var(--bs-primary);--story-primary-hover:var(--bs-primary-dark,var(--bs-primary));--story-primary-text:var(--bs-primary-color);--story-success:var(--bs-success);--story-success-text:var(--bs-success-color,#fff);--story-danger:var(--bs-danger);--story-danger-hover:var(--bs-danger-dark,var(--bs-danger));--story-control-btn-size:48px;--story-control-btn-bg:var(--story-bg-secondary);--story-control-btn-bg-hover:var(--story-bg-secondary-hover);--story-control-btn-color:var(--story-text-secondary);--story-control-btn-color-hover:var(--story-text-primary);--story-control-btn-active-bg:var(--story-primary);--story-control-btn-active-color:var(--story-primary-text);--story-nav-bg:var(--story-card-bg);--story-nav-bg-hover:var(--story-card-bg-hover);--story-shadow:0 8px 32px rgba(0,0,0,.3);--story-panel-header-height:80px;--story-panel-header-padding:0 20px;--story-wrapper-bg:var(--story-bg-primary);--story-wrapper-border-color:var(--story-border-color);--story-wrapper-border-radius:var(--story-border-radius-sm);--story-icon-stroke:2;--icon-stroke-0:var(--story-icon-stroke);--roulette-bg-primary:var(--story-bg-primary);--roulette-bg-secondary:var(--story-bg-secondary);--roulette-bg-secondary-hover:var(--story-bg-secondary-hover);--roulette-bg-overlay:var(--story-bg-overlay);--roulette-border-color:var(--story-border-color);--roulette-border-color-light:var(--story-border-color-light);--roulette-radius:var(--story-border-radius-sm);--roulette-radius-lg:var(--story-border-radius-lg);--roulette-form-input-border-radius:var(--story-border-radius);--roulette-form-option-bg:var(--story-card-bg);--roulette-form-option-bg-hover:var(--story-card-bg-hover);--roulette-text-primary:var(--story-text-primary);--roulette-text-secondary:var(--story-text-secondary);--roulette-text-muted:var(--story-text-muted);--roulette-font-size:var(--story-font-size);--roulette-primary:var(--story-primary);--roulette-primary-hover:var(--story-primary-hover);--roulette-on-primary:var(--story-primary-text);--roulette-success:var(--story-success);--roulette-danger:var(--story-danger);--roulette-page-bg:var(--story-page-bg);--roulette-video-bg:var(--story-bg-primary);--roulette-video-border-color:var(--story-border-color);--roulette-video-border-radius:var(--story-border-radius-sm);--roulette-control-btn-size:var(--story-control-btn-size);--roulette-control-btn-bg:var(--story-control-btn-bg);--roulette-control-btn-bg-hover:var(--story-control-btn-bg-hover);--roulette-control-btn-color:var(--story-control-btn-color);--roulette-control-btn-color-hover:var(--story-control-btn-color-hover);--roulette-control-btn-active-bg:var(--story-control-btn-active-bg);--roulette-control-btn-active-color:var(--story-control-btn-active-color);--roulette-icon-stroke:var(--story-icon-stroke);--roulette-panel-header-height:var(--story-panel-header-height);--roulette-panel-header-padding:var(--story-panel-header-padding);--roulette-wrapper-bg:var(--story-wrapper-bg)}[data-theme=light] .stories-page,[data-theme=light] .user-profile-page{--story-control-btn-bg:#fff;--story-control-btn-bg-hover:#e8eaed}.stories-flag{height:20px;width:auto;vertical-align:middle}.stories-flag--sm{height:14px;width:auto}.stories-panel{display:flex;flex-direction:column;height:100%;background:var(--story-bg-primary);overflow:hidden}.stories-panel__scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.stories-panel__scrollable::-webkit-scrollbar{display:none}.stories-panel__gallery{position:relative;margin-bottom:16px;flex-shrink:0;overflow:hidden;border-radius:var(--story-border-radius,8px)}.stories-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(--story-border-radius,8px);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stories-panel__gallery-track:active{cursor:grabbing}.stories-panel__gallery-track::-webkit-scrollbar{display:none}.stories-panel__gallery-item{flex-shrink:0;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--story-card-bg);scroll-snap-align:start;position:relative}.stories-panel__gallery-item img,.stories-panel__gallery-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stories-panel__gallery-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--story-card-bg)}@media(max-width:900px){.stories-panel__gallery{border-radius:50%;width:120px;margin:0 auto 16px}.stories-panel__gallery-item{aspect-ratio:1/1;border-radius:50%}.stories-panel__gallery-avatar-placeholder,.stories-panel__gallery-item img,.stories-panel__gallery-item video{border-radius:50%}}.stories-panel__username{font-size:16px;font-weight:600;color:var(--story-text-primary);margin:0 0 16px;text-align:center}.stories-panel__actions-row{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.stories-panel__info-section{margin-bottom:16px}.stories-panel__info-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.stories-list{padding:0}.stories-section{margin-top:0}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,25%,280px),1fr));gap:12px}@media(max-width:640px){.stories-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stories-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.stories-loading--inline{padding:20px 0}.load-more-trigger{height:20px;margin:20px 0}.media-card,.profile-media{display:grid;grid-template:1fr/1fr;width:100%;min-width:0;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);overflow:hidden;container-type:inline-size}.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,.profile-media--link{text-decoration:none;color:inherit;cursor:pointer}.profile-media--max-width{max-width:280px}.media-card__image,.profile-media__image{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23))}.media-card__image img,.media-card__image video,.profile-media__image img,.profile-media__image video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23))}.media-card__placeholder .nuxt-icon,.profile-media__placeholder .nuxt-icon{width:32px;height:32px;margin:0;--icon-color-0:var(--story-text-muted)}.profile-media__overlay{z-index:2;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.media-card__footer,.profile-media__footer{z-index:3;align-self:end;padding:24px 14px 12px;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;align-items:center}.media-card__date{font-size:var(--story-font-size);color:#ffffffb3}.profile-media__footer-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.profile-media__footer-right .stories-flag{outline:1px solid hsla(0,0%,100%,.4);border-radius:3px;flex-shrink:0}.profile-media__live-badge--inline{width:6px;height:6px;border-radius:50%;background:var(--story-success,#4caf50);flex-shrink:0}.media-card__action{z-index:4;align-self:start;justify-self:end;margin:8px;padding:6px;background:#0009;border:none;cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.media-card__action .nuxt-icon{width:16px;height:16px;margin:0;--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{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}@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)}}.profile-media__actions{z-index:5;align-self:start;justify-self:end;margin:8px 8px 0 0;display:inline-flex;gap:6px}.profile-media__action-btn{background:#0000008c;color:#fff;--icon-color-0:#fff;backdrop-filter:blur(6px);transition:background .2s,color .2s}.profile-media__message-btn:hover{background:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active,.profile-media__favourite-btn:hover{color:var(--story-primary,#e91e63);--icon-color-0:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active .nuxt-icon path,.profile-media__favourite-btn.is-active :deep(.nuxt-icon path){fill:var(--story-primary,#e91e63)}[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}.media-card__active-badge{z-index:5;align-self:start;justify-self:start;margin:8px;width:10px;height:10px;border-radius:50%;background:var(--roulette-success,#4caf50)}.media-card__footer-user{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.media-card__footer-info{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.2}.media-card .media-card__footer,.profile-media .profile-media__footer{justify-content:space-between;align-items:flex-end;gap:8px}.media-card__views{font-size:.75rem;color:#ffffffb3;flex-shrink:0;align-self:flex-end}.story-viewer-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--roulette-z-story-viewer);padding:20px}.story-viewer-wrapper--overlay{background:var(--dialog-overlay-bg,rgba(36,36,36,.6));backdrop-filter:blur(var(--dialog-overlay-blur,25px))}.story-viewer{position:relative;background:var(--roulette-bg-primary);border-radius:var(--roulette-radius-lg);overflow:hidden;box-shadow:var(--roulette-call-modal-shadow);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;width:100%;max-width:500px;height:90vh;max-height:900px}.story-viewer__error,.story-viewer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:var(--roulette-text-secondary)}.story-viewer__error-icon{width:64px;height:64px;border-radius:50%;background:var(--roulette-form-option-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;--icon-color-0:var(--roulette-text-muted)}.story-viewer__error-icon .nuxt-icon{width:28px;height:28px;margin:0}.story-content{position:relative;width:100%;height:100%;overflow:hidden}.story-media-container{position:absolute;inset:0;overflow:hidden;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.story-media-container .story-media{opacity:0}.story-media-container--ready .story-media{opacity:1}.story-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-controls-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent);z-index:10}.story-controls-top__left,.story-controls-top__right{display:flex;gap:8px}.story-control{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.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{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-control .nuxt-icon{width:18px;height:18px;margin:0}.story-nav-container{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.story-nav{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.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{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-nav .nuxt-icon{width:20px;height:20px;margin:0}.story-nav--hidden{opacity:0;pointer-events:none}.story-controls-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:40px 12px 28px;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent);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{display:flex;align-items:center;gap:10px}.story-user-info__avatar{width:40px;height:40px;flex-shrink:0;overflow:hidden}.story-user-info__avatar,.story-user-info__avatar span{border-radius:50%;display:flex;align-items:center;justify-content:center}.story-user-info__avatar span{width:100%;height:100%;background:var(--roulette-call-avatar-bg,var(--roulette-primary));font-size:16px;font-weight:600;color:var(--roulette-call-avatar-color,var(--roulette-primary-text))}.story-user-info__details{display:flex;flex-direction:column;gap:2px;min-width:0}.story-user-info__name{font-size:var(--roulette-font-size,14px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-user-info__time{font-size:calc(var(--roulette-font-size, 14px)*.85);color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.story-action{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.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{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-action .nuxt-icon{width:18px;height:18px;margin:0}.story-progress-container{position:absolute;bottom:12px;left:12px;right:12px;height:3px;z-index:20;pointer-events:none}.story-progress-bar{width:100%;height:100%;background:#ffffff4d;border-radius:2px}.story-progress-bar__fill{height:100%;background:var(--roulette-primary,#fff);border-radius:2px;transition:width .05s linear}.story-counter{position:absolute;bottom:20px;right:24px;font-size:11px;font-weight:600;color:#fffc;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{width:44px;height: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{width:22px;height:22px}.story-viewer-wrapper--overlay .story-user-info__avatar{width:48px;height:48px}.story-viewer-wrapper--overlay .story-nav-container{position:fixed;right:24px;top:50%;transform:translateY(-50%)}.story-viewer-wrapper--overlay .story-user-info{position:fixed;bottom:32px;left:24px}.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{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.story-viewer:not(.story-viewer--inline) .story-action,.story-viewer:not(.story-viewer--inline) .story-control,.story-viewer:not(.story-viewer--inline) .story-nav{width:36px;height: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{width:18px;height:18px}.story-viewer:not(.story-viewer--inline) .story-nav-container{left:auto;right:12px}.story-viewer:not(.story-viewer--inline) .story-user-info__avatar{width:40px;height: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{left:12px;right:12px;bottom:12px}}.story-page__slider-wrapper{position:relative;grid-row:2;grid-column:2;width:var(--card-width,500px);overflow:visible}.story-page__slider{position:absolute;inset:-60px 0;overflow:hidden;touch-action:none;cursor:grab}.story-page__slider:active{cursor:grabbing}.story-page__track{display:flex;flex-direction:column;gap:var(--story-card-gap,16px)}.story-page__card{position:relative;flex-shrink:0;height:var(--card-height,500px);aspect-ratio:9/16;border-radius:var(--story-border-radius);overflow:hidden;background:var(--bs-body-bg)}.story-page__card--inactive{cursor:pointer}.story-page__card--inactive .story-player{pointer-events:none}.story-page__card--empty{visibility:hidden}.story-page__card--activating .story-player .story-controls-bottom,.story-page__card--activating .story-player .story-controls-top,.story-page__card--activating .story-player .story-progress-container{opacity:1}.story-page__nav{position:absolute;right:-60px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5;top:50%;transform:translateY(-50%)}.story-page__nav-btn{width:var(--story-control-btn-size,36px);height:var(--story-control-btn-size,36px);border-radius:50%;border:none;background:var(--story-nav-bg);color:var(--story-text-primary);--icon-color-0:var(--story-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.story-page__nav-btn .nuxt-icon{width:20px;height:20px;margin:0}.story-page__nav-btn:hover{background:var(--story-nav-bg-hover);transform:scale(1.05)}.story-page__nav-btn:active{transform:scale(.95)}.story-page__nav-btn--disabled{opacity:.3;cursor:default;pointer-events:none}.story-player{position:relative;width:100%;height:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:var(--story-bg-primary);overflow:hidden;box-shadow:var(--story-shadow,0 8px 32px rgba(0,0,0,.3))}.story-player .story-controls-bottom,.story-player .story-controls-top,.story-player .story-progress-container{transition:opacity .4s ease}.story-player--inactive .story-controls-bottom,.story-player--inactive .story-controls-top,.story-player--inactive .story-progress-container{opacity:0}.story-player .story-media-poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.story-player .story-action,.story-player .story-control,.story-player .story-nav{width:42px;height:42px}.story-player .story-action .nuxt-icon,.story-player .story-control .nuxt-icon,.story-player .story-nav .nuxt-icon{width:20px;height:20px}@media(max-width:640px){.story-page__slider-wrapper{grid-column:1;width:100%}.story-page__slider{top:0;bottom:0}.story-page__card{border-radius:0;aspect-ratio:auto;width:100%}.story-page__nav{display:none}.story-player{border-radius:0}}.upload-area{position:relative;min-height:320px}.file-input{display:none}.upload-area-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 40px;border:2px dashed var(--roulette-border-color);border-radius:var(--roulette-radius-lg);cursor:pointer;transition:all .3s;background:var(--roulette-form-option-bg);text-align:center}.upload-area-content:hover{border-color:var(--roulette-primary);background:var(--roulette-form-option-bg-hover);transform:translateY(-2px)}.upload-area-content .u-btn{margin-top:16px}.upload-area-icon{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--roulette-border-color);display:flex;align-items:center;justify-content:center;margin-bottom:8px;--icon-color-0:var(--roulette-primary)}.upload-area-icon .nuxt-icon{width:20px;height:20px;margin:0}.file-preview{display:flex;flex-direction:column;gap:20px}.preview-container{width:100%;max-width:500px;max-height:500px;margin:0 auto;background:var(--roulette-bg-primary);border-radius:var(--roulette-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--roulette-border-color)}.preview-image,.preview-video{max-width:100%;max-height:500px;display:block;-o-object-fit:contain;object-fit:contain}.file-info{background:var(--roulette-form-option-bg);border-radius:var(--roulette-radius);padding:16px;display:flex;flex-direction:column;gap:12px}.file-detail{display:flex;justify-content:space-between;align-items:center}.upload-progress-inline{padding:12px;background:var(--roulette-form-option-bg);border-radius:var(--roulette-radius);border:1px solid var(--roulette-border-color);animation:slide-in .3s ease}.upload-progress-inline__bar{width:100%;height:4px;background:var(--roulette-bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}.upload-progress-inline__fill{height:100%;background:var(--roulette-primary);border-radius:2px;transition:width .3s ease}.upload-progress-inline__info{display:flex;justify-content:space-between;align-items:center;font-size:13px}.upload-progress-inline__text{color:var(--roulette-text-medium)}.upload-progress-inline__percent{color:var(--roulette-primary);font-weight:600}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.success-state{flex-direction:column;padding:60px 40px;text-align:center}.success-state,.success-state .success-icon{display:flex;align-items:center;justify-content:center}.success-state .success-icon{width:80px;height:80px;background:var(--roulette-success);border-radius:50%;margin-bottom:24px;animation:success-pop .5s ease;--icon-color-0:var(--roulette-success-text)}.success-state .success-icon .nuxt-icon{width:40px;height:40px}.success-state .u-btn{margin-top:16px}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:640px){.upload-area-content{padding:40px 20px}.preview-image,.preview-video{max-height:300px}}.roulette-profile-compact__avatar--no-bg{background:transparent!important}.roulette-profile-compact__flags{display:flex;align-items:center;gap:6px;margin-top:8px}: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);width:100%;height:0;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-page-shell-wrapper .nuxt-icon--fill,.chat-page-shell-wrapper .nuxt-icon--fill *{fill:none}.chat-page-shell-page{height:0;min-height:0;flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.chat-page-shell-container{container-type:inline-size;container-name:chat;width:100%;height:0;min-height:0;flex:1;display:grid;grid-template-columns:400px 1fr;grid-template-rows:100%;grid-template-areas:"history-panel main";background:var(--chat-page-card-bg);border-radius:var(--chat-page-border-radius);overflow:hidden;border:1px solid var(--chat-page-border-color);transition:grid-template-columns .3s ease}.chat-page-shell-container:has(.chat-page-shell-history-panel--collapsed){grid-template-columns:0 1fr}.chat-page-shell-main{grid-area:main;display:flex;height:100%;min-height:0;overflow:hidden}.chat-page-shell-panel-header{flex-shrink:0;background:transparent;padding:16px 16px 0}.chat-page-shell-panel-body{flex:1 1 0;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.chat-page-shell-main-content{flex:1 1 0;display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--chat-page-chat-section-bg)}.chat-page-shell-history-panel{position:relative;grid-area:history-panel;display:flex;flex-direction:column;height:100%;min-height:0;border-right:1px solid var(--chat-page-border-color);background:var(--chat-page-history-panel-bg);overflow:hidden;transition:width .3s ease,border-right-color .3s ease,padding .3s ease}.chat-page-shell-history-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--chat-page-history-panel-bg),transparent);pointer-events:none;z-index:1}.chat-page-shell-history-panel--collapsed{width:0;min-width:0;border-right-color:transparent;padding:0}.chat-page-shell-history-panel--collapsed .chat-page-shell-history-list{visibility:hidden;opacity:0}.chat-page-shell-history-list{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;transition:visibility .3s ease,opacity .3s ease;scrollbar-width:none;-ms-overflow-style:none}.chat-page-shell-history-list::-webkit-scrollbar{display:none}.chat-page-shell-history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--chat-page-border-color);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{height:64px;background:var(--chat-page-skeleton-bg);cursor:default}.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{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.chat-page-shell-history-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-page-shell-history-item-info{flex:1;min-width:0}.chat-page-shell-history-item-name{font-size:14px;font-weight:500;color:var(--chat-page-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-page-shell-history-item-preview{font-size:12px;color:var(--chat-page-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-page-shell-history-item-preview .chat-page-shell-action{font-style:italic}.chat-page-shell-history-item-preview--typing{font-style:italic;color:var(--chat-page-text-muted)}.chat-page-shell-history-item-preview--typing:after{content:"";animation:typing-dots 1.5s steps(1) infinite}@keyframes typing-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chat-page-shell-history-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.chat-page-shell-history-item-count,.chat-page-shell-history-item-time{font-size:11px;color:var(--chat-page-text-muted)}.chat-page-shell-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.chat-page-shell-history-empty-icon{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--chat-page-border-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px;--icon-color-0:var(--chat-page-text-muted)}.chat-page-shell-history-empty-icon .nuxt-icon{width:20px;height:20px;margin:0}.chat-page-shell-history-empty-title{font-size:14px;font-weight:600;color:var(--chat-page-text-color);margin:0 0 8px}.chat-page-shell-history-empty-text{font-size:13px;color:var(--chat-page-text-muted);margin:0}.chat-page-shell-info-panel{position:relative;display:flex;flex-direction:column;width:320px;flex-shrink:0;min-height:0;border-left:1px solid var(--chat-page-border-color);background:var(--chat-page-info-panel-bg);overflow:hidden}.chat-page-shell-info-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--chat-page-info-panel-bg),transparent);pointer-events:none;z-index:1}.chat-page-shell-nav-header{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.chat-page-shell-nav-header .u-btn{--btn-icon-size:18px;height:44px;min-height:44px}.chat-page-shell-nav-header .u-btn--blank{background:var(--chat-page-controls-bg);backdrop-filter:blur(var(--chat-page-controls-blur))}.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{background:var(--chat-page-control-btn-active-bg);backdrop-filter:none}.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{position:relative;container-type:inline-size;flex:1 1 0;align-items:center;padding:16px;overflow:visible}.chat-page-shell-panel,.chat-page-shell-panel-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0}.chat-page-shell-panel{max-width:800px;background:var(--chat-page-chat-section-bg);border-radius:var(--chat-page-border-radius);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{container-type:normal;display:flex;flex-direction:column;border-radius:0;border:none}.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;min-height:0;padding:0;justify-content:stretch}.chat-page-shell-panel{flex:1 1 0;min-height:0;max-width:none;width:100%;border:none;border-radius:0}.chat-page-shell-backdrop{display:block;position:fixed;inset:0;background:var(--chat-page-backdrop);z-index:100;animation:fadeIn .2s ease}.chat-page-shell-history-panel{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:90%;max-width:400px;height:100%;z-index:101;transform:translate(-100%);transition:transform .3s ease,visibility .3s ease;border-right:1px solid var(--chat-page-border-color);border-left:none;border-radius:0;visibility:hidden;pointer-events:none;background:var(--chat-page-history-panel-bg)}.chat-page-shell-history-panel--open,.chat-page-shell-history-panel--open.chat-page-shell-history-panel--collapsed{transform:translate(0);visibility:visible;pointer-events:auto}.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{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--chat-page-border-color);background:var(--chat-page-history-panel-bg);flex-shrink:0}.chat-page-shell-mobile-panel-title{font-size:16px;font-weight:600;color:var(--chat-page-text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@container (max-width: 1080px){.chat-page-shell-nav-header{position:static;padding:0;flex-shrink:0;align-self:stretch;margin-bottom:20px;pointer-events:auto}}@media(max-width:1000px){.chat-page-shell-info-panel{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:85%;max-width:340px;height:100%;z-index:101;transform:translate(100%);transition:transform .3s ease,visibility .3s ease;border-left:1px solid var(--chat-page-border-color);border-right:none;border-radius:0;visibility:hidden;pointer-events:none;background:var(--chat-page-info-panel-bg)}.chat-page-shell-info-panel:after{display:none}.chat-page-shell-info-panel--open{transform:translate(0);visibility:visible;pointer-events:auto}.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{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--chat-page-border-color);background:var(--chat-page-info-panel-bg);flex-shrink:0}}@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{text-align:center;padding:80px 20px;color:var(--chat-page-text-muted)}@media(max-width:768px){.chat-page-shell-page{padding:0}}.user-profile-page{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0;background:var(--story-page-bg)}.user-profile-page .nuxt-icon--fill,.user-profile-page .nuxt-icon--fill *{fill:none}.user-profile-page__loading{flex:1}.user-profile-page__empty,.user-profile-page__loading{display:flex;align-items:center;justify-content:center;padding:80px 20px}.user-profile-page__empty{flex-direction:column;flex:1;text-align:center;color:var(--story-text-secondary)}.user-profile-page__auth-required{display:flex;align-items:center;justify-content:center;flex:1}.user-profile-page__layout{flex:1 1 0;min-height:0;display:grid;grid-template-columns:0 1fr;grid-template-rows:minmax(0,1fr);gap:0;background:var(--story-wrapper-bg);border:1px solid var(--story-wrapper-border-color);border-radius:var(--story-wrapper-border-radius);overflow:hidden;transition:grid-template-columns .3s ease}.user-profile-page__layout.panel-open{grid-template-columns:320px 1fr}.user-profile-page__panel{grid-column:1;grid-row:1;height:100%;min-width:0;overflow:hidden;border-right:1px solid var(--story-border-color)}.user-profile-page__panel>.stories-panel__scrollable{min-width:320px}.user-profile-page__main{min-width:0;position:relative;display:flex;flex-direction:column}.user-profile-page__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--story-text-muted);font-size:14px}.user-profile-page__panel-toggle{position:absolute;top:16px;left:16px;z-index:2}@media(max-width:900px){.user-profile-page{background:transparent}.user-profile-page__layout{display:flex;flex-direction:column;border:none;border-radius:0;background:transparent}.user-profile-page__panel{border-right:none;border-bottom:none;order:-1;height:auto;background:var(--story-bg-primary);border:1px solid var(--story-border-color);border-radius:var(--story-border-radius,8px);margin:8px}.user-profile-page__panel>.stories-panel__scrollable{min-width:0;overflow:visible;padding:24px 16px 16px}.user-profile-page__panel.stories-panel{height:auto}.user-profile-page__main{flex:1;overflow-y:auto;min-height:0}.user-profile-page__placeholder{align-items:flex-start;padding-top:20px}.user-profile-page__panel-toggle{display:none}}