.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}.users-content{position:relative;min-height:400px}.roulette-loading{position:absolute;inset:0}.content-empty,.roulette-loading{display:flex;align-items:center;justify-content:center}.content-empty{flex-direction:column;padding:60px 20px;text-align:center}.content-empty-icon{width:80px;height:80px;margin-bottom:24px;color:var(--roulette-text-muted);opacity:.5}.content-empty-icon svg{width:100%;height:100%}.content-empty-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--roulette-text-primary)}.content-empty-text{color:var(--roulette-text-secondary);max-width:400px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,25%,280px),1fr));gap:12px;padding:16px 0}.users-loading-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}@media(max-width:640px){.users-grid{grid-template-columns:repeat(2,1fr);gap:8px}}