#page-shorts{background:radial-gradient(120% 90% at 50% 0%,#1a1420 0%,#0c0a10 55%,#070609 100%);overflow:hidden;position:relative;}
#shortsContainer{position:relative;z-index:1;background:transparent!important;}

@media (min-width:900px){
  .short-item{
    height:calc(100vh - 64px);
    scroll-snap-align:start;
    display:flex;align-items:center;justify-content:center;
    background:transparent!important;
    max-width:100%!important;width:100%!important;
    position:relative;overflow:hidden;
  }
  .short-item .short-video{
    position:relative!important;
    top:auto!important;left:auto!important;
    width:auto!important;height:88%!important;
    max-height:88vh!important;
    aspect-ratio:9/16;
    object-fit:cover!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.06);
    background:#000;
    z-index:2;
  }
  .short-item .kt-blurbg{
    position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  }
  .short-item .kt-blurbg video,.short-item .kt-blurbg img{
    position:absolute;top:50%;left:50%;
    width:130%;height:130%;transform:translate(-50%,-50%);
    object-fit:cover;filter:blur(70px) brightness(0.4) saturate(1.3);
  }
}

.kt-blurbg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000;}
.kt-blurbg video,.kt-blurbg img{position:absolute;top:50%;left:50%;width:160%;height:160%;transform:translate(-50%,-50%);object-fit:cover;filter:blur(40px) brightness(0.5) saturate(1.2);}

@media (min-width:900px){
  .short-item .kt-short-actions{
    right:calc(50% - 25vh - 58px)!important;
    bottom:40px!important;
  }
}

@media (max-width:899px){#ktRecommend{display:none!important;}}

@media (min-width:900px){
  #ktRecommend{
    position:absolute;left:calc(50% - 25vh - 240px);top:50%;
    transform:translateY(-50%);z-index:5;
    width:220px;flex-direction:column;gap:10px;
    background:rgba(18,16,24,0.72);border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;padding:14px;backdrop-filter:blur(14px);
    box-shadow:0 18px 50px rgba(0,0,0,0.5);
  }
  .kt-rec-title{color:#fff;font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:6px;}
  .kt-rec-title::before{content:"";width:4px;height:14px;background:#f5a623;border-radius:2px;display:inline-block;}
  #ktRecommend .kt-rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .kt-rec-card{cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .15s ease;}
  .kt-rec-card:hover{transform:scale(1.05);}
  .kt-rec-thumb{position:relative;width:100%;aspect-ratio:9/14;border-radius:10px;overflow:hidden;background:#101018;}
  .kt-rec-thumb img,.kt-rec-thumb video{width:100%;height:100%;object-fit:cover;}
  .kt-rec-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
  .kt-rec-tag{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.7);color:#f5a623;font-size:0.58rem;font-weight:700;padding:2px 7px;border-radius:7px;}
  .kt-rec-name{color:#d9d9e3;font-size:0.68rem;margin-top:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media (max-width:899px){#ktRecommend{display:none!important;}}

@media (max-width:899px){
  .short-item{background:transparent!important;}
  .kt-blurbg{position:absolute;inset:0;z-index:0;}
  .kt-blurbg video,.kt-blurbg img{
    position:absolute;top:50%;left:50%;
    width:150%;height:150%;transform:translate(-50%,-50%);
    object-fit:cover;filter:blur(30px) brightness(0.45) saturate(1.25);
  }
  .short-item .short-video{z-index:1;}
}

@media (max-width:899px){
  /* Auto out of the column, onto the avatar row */
  .kt-short-actions{gap:16px!important;bottom:130px!important;right:10px!important;}
  .kt-short-actions > div:last-child{
    position:absolute!important;
    right:0!important;
    bottom:-64px!important;
    margin:0!important;
  }
  .kt-short-actions > div:last-child button{
    background:none!important;
    width:38px!important;height:38px!important;
  }
  .kt-short-actions button{
    width:48px!important;height:48px!important;
    background:rgba(0,0,0,0.35)!important;
    border-radius:50%!important;border:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:1.35rem!important;
    backdrop-filter:blur(6px);
  }
  .kt-short-actions > div{color:#fff;font-size:0.72rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
}

#shortsCommentDrawer{
  background:#14121c!important;
  border-left:1px solid rgba(255,255,255,0.1)!important;
  color:#e8e8f0;
}
#shortsCommentDrawer h3,#shortsCommentDrawer #shortsCommentTitle{color:#fff!important;}
#shortsCommentDrawer input{
  background:rgba(255,255,255,0.07)!important;
  border:1px solid rgba(255,255,255,0.14)!important;
  color:#fff!important;
}
#shortsCommentDrawer input::placeholder{color:#9a97a8!important;}
#shortsCommentList{color:#e8e8f0;}

@media (max-width:899px){
  #shortsCommentDrawer{
    width:100%!important;height:66vh!important;
    top:auto!important;bottom:64px!important;left:0!important;right:0!important;
    border-left:none!important;border-top:1px solid rgba(255,255,255,0.12)!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 -14px 40px rgba(0,0,0,0.55);
    z-index:2000!important;
  }
}


/* ===== KT-SHORTS-DESKTOP-FIT ===== */
@media(min-width:701px){
  #shortsContainer{height:calc(100vh - 121px)!important;}
  .short-item{height:calc(100vh - 121px)!important;}
  .short-item .short-info{
    left:calc(50% - 25vh - 240px)!important;
    right:auto!important;
    width:220px!important;
    transform:none!important;
    bottom:auto!important;
    top:calc(50% + 236px)!important;
    text-shadow:0 1px 4px rgba(0,0,0,0.9);
  }
  .short-item .short-info > div:first-child{padding-right:0!important;}
  .short-item .kt-short-actions{bottom:60px!important;}
}
/* ===== END KT-SHORTS-DESKTOP-FIT ===== */


/* ===== KT-HIDE-BOTTOMNAV-DESKTOP ===== */
@media(min-width:701px){
  #bottomNav{display:none!important;}
  #shortsContainer{height:calc(100vh - 64px)!important;}
  .short-item{height:calc(100vh - 64px)!important;}
}