.shorts{background:var(--bs-bg-surface);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);margin-top:40px;padding-top:40px;padding-bottom:40px}.shorts-container{display:flex;flex-direction:column;gap:32px}.shorts-header{display:flex;justify-content:space-between;align-items:center;padding:32px auto 32px auto}.shorts-header h2.shorts-title{display:flex;gap:16px;align-items:center;color:#ebe9e4!important;font-size:36px;font-weight:400;line-height:44px}.shorts-header .shorts-navigation{display:flex;gap:16px}.shorts-header .shorts-navigation button{background:none;border:1px solid #303030;border-radius:50%;cursor:pointer}.shorts-header .shorts-navigation button[disabled]{opacity:.5;cursor:not-allowed}.short-card{width:280px!important;position:relative;cursor:pointer}.short-card .short-card__inner{position:relative;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background-color:#000;isolation:isolate}.short-card__video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.short-card__inner:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#000000e6,#0000);z-index:1;pointer-events:none}.short-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:64px;height:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.short-card__play-btn i{font-size:32px;height:32px;color:#fff;margin-left:4px;display:flex;align-items:center;justify-content:center}.short-card__content{position:absolute;bottom:0;left:0;width:100%;padding:24px;z-index:3;color:#fff}.short-card__title{font-size:18px;line-height:1.3;font-weight:500;margin-bottom:12px;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.short-card__meta{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.8;font-weight:300}.short-card__meta i{font-size:14px;height:14px;display:flex;align-items:center;justify-content:center}.short-card.is-playing .short-card__play-btn{opacity:0}.shorts-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center}.shorts-overlay.is-active{opacity:1;visibility:visible}.shorts-overlay__close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;color:#fff;font-size:24px;cursor:pointer;z-index:10}.shorts-overlay__close:hover{background:#fff3}.shorts-overlay .shorts-overlay-slider{width:100%;height:100%}.shorts-overlay .swiper-slide.overlay-card{width:450px;height:100dvh;transition:transform .3s ease,opacity .3s ease;opacity:.4;transform:scale(.5);aspect-ratio:9/16;overflow:visible}.shorts-overlay .swiper-slide.overlay-card.swiper-slide-active{opacity:1;transform:scale(1);bottom:0;z-index:5}.shorts-overlay .swiper-slide.overlay-card .overlay-card__inner{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;background:#000;box-shadow:0 4px 20px #00000080}.shorts-overlay .swiper-slide.overlay-card .overlay-card__video{width:100%;height:100%;object-fit:cover}.shorts-overlay .swiper-slide.overlay-card .overlay-card__content{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;pointer-events:none}.shorts-overlay .swiper-slide.overlay-card .overlay-card__content h2{font-size:22px;margin-bottom:8px;line-height:1.2}.shorts-overlay .swiper-slide.overlay-card .overlay-card__actions{position:absolute;bottom:24px;right:16px;z-index:10;display:flex;flex-direction:column;gap:16px;align-items:center}.shorts-overlay .swiper-slide.overlay-card .overlay-card__actions .action-btn{width:48px;height:48px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);transition:transform .2s,background .2s;display:flex;align-items:center;justify-content:center}.shorts-overlay .swiper-slide.overlay-card .overlay-card__actions .action-btn:hover{background:#fff3;transform:scale(1.1)}.shorts-overlay .swiper-slide.overlay-card .overlay-card__actions .action-btn:active{transform:scale(.95)}.shorts-overlay__prev,.shorts-overlay__next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:32px;cursor:pointer;z-index:10;padding:20px;background:#0000004d;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.shorts-overlay__prev:hover,.shorts-overlay__next:hover{background:#ffffff1a}.shorts-overlay__prev{left:calc(50% - 305px)}.shorts-overlay__next{right:calc(50% - 305px)}@media(max-width:768px){.shorts-overlay .shorts-overlay-slider{padding:0}.shorts-overlay .swiper-slide.overlay-card{width:100%;height:100%;border-radius:0;transform:none!important;opacity:1!important}.shorts-overlay .swiper-slide.overlay-card .overlay-card__inner{border-radius:0}.shorts-overlay .swiper-slide.overlay-card .overlay-card__actions{bottom:80px;right:12px}.shorts-overlay__prev,.shorts-overlay__next{display:none}}