.shorts-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#050708}
.shorts-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;flex-shrink:0;border-bottom:1px solid #29343b}
.shorts-header h1{font-size:18px;margin:0}.shorts-header a{font-size:13px;white-space:nowrap}.shorts-header>div{display:flex;gap:4px}.shorts-header button{min-width:40px;min-height:44px;padding:6px;border:1px solid #35424c;border-radius:8px;background:#141b20;color:#fff;font-size:13px}
.shorts-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;touch-action:pan-y;scrollbar-width:thin}
.shorts-item{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate;max-width:600px;margin:auto;background:#000}
.shorts-media,.shorts-media img,.shorts-media video{position:absolute;inset:0;width:100%;height:100%}.shorts-media img,.shorts-media video{object-fit:contain;background:#000}.shorts-media img{opacity:.65}.shorts-media video{z-index:1}
.shorts-info{position:absolute;left:0;right:0;bottom:62px;padding:30px 16px 12px;z-index:2;background:linear-gradient(transparent,#000d);pointer-events:none}.shorts-info h2{font-size:20px;line-height:1.2;margin:4px 0 8px;overflow-wrap:anywhere}.shorts-info p{font-size:13px;margin:0 0 6px}.shorts-info a{pointer-events:auto;min-height:44px}.shorts-info .btn{padding:8px 14px}
.shorts-action{position:absolute;z-index:3;top:32%;left:50%;transform:translate(-50%,-50%);max-width:90%;background:#10161af0;min-height:48px;border:1px solid #efb86c;border-radius:10px;padding:10px 18px;color:#fff;cursor:pointer}
.shorts-status{position:absolute;top:10px;left:10px;right:10px;z-index:2;font-size:13px;background:#10161ad9;border-radius:6px;padding:6px 10px;pointer-events:none}
.shorts-empty{padding:30px;text-align:center}.shorts-empty button{margin-top:16px}.shorts-footer{flex-shrink:0;text-align:center;font-size:11px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid #29343b;margin:0}.shorts-footer .platform-details{font:11px/1.3 Arial,sans-serif!important;width:100%!important;margin:2px auto 0!important}.shorts-footer .platform-details p{margin:1px 0!important}.shorts-footer .platform-details span{margin-right:6px!important}
@media(min-width:800px){.shorts-item{max-width:450px}.shorts-header{padding-left:24px;padding-right:24px}}@media(prefers-reduced-motion:reduce){.shorts-feed{scroll-behavior:auto}}