.shorts-feed-container{height:calc(100dvh - var(--header-height,3.5rem) - var(--bottom-nav-height,3.5rem) - env(safe-area-inset-bottom,0px));scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-1,#080c14);width:100%;max-width:500px;margin:0 auto;position:relative;overflow-y:scroll}@media (width>=768px){.shorts-feed-container{height:calc(100dvh - var(--header-height,3.5rem))}}.shorts-feed-container::-webkit-scrollbar{display:none}.short-item{height:calc(100dvh - var(--header-height,3.5rem) - var(--bottom-nav-height,3.5rem) - env(safe-area-inset-bottom,0px));scroll-snap-align:start;background-color:var(--bg-1,#080c14);justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (width>=768px){.short-item{height:calc(100dvh - var(--header-height,3.5rem))}}.short-video{object-fit:cover;cursor:pointer;width:100%;height:100%}.short-overlays{width:100%;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0}.short-info{pointer-events:auto;color:#fff;flex:1;padding-right:1rem}.short-title{text-shadow:0 1px 2px #00000080;margin-bottom:.25rem;font-size:1rem;font-weight:700}.short-desc{opacity:.9;-webkit-line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.short-actions{pointer-events:auto;flex-direction:column;gap:1rem;padding-bottom:.5rem;display:flex}.action-btn{color:#fff;cursor:pointer;filter:drop-shadow(0 2px 4px #0006);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:44px;min-height:44px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.action-btn:hover{transform:scale(1.1)}.action-btn i{font-size:1.75rem}.action-text{font-size:.75rem;font-weight:600}.creator-avatar{background:var(--border,#1e293b);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.5rem;display:flex;position:relative;overflow:hidden}.creator-avatar img{object-fit:cover;width:100%;height:100%}.follow-badge{background:var(--accent,#2563eb);color:#fff;border:2px solid var(--bg-1,#080c14);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes heart-burst{0%{opacity:0;transform:scale(0)rotate(-15deg)}20%{opacity:1;transform:scale(1.2)rotate(10deg)}40%{opacity:1;transform:scale(.9)rotate(-5deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}80%{opacity:.8;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.5)translateY(-50px)}}.animate-heart-burst{color:var(--danger,#ef4444);animation:1s cubic-bezier(.175,.885,.32,1.275) forwards heart-burst}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-up-drawer{animation:.3s ease-out forwards slideUpDrawer}
