/* hidden must win over overlay layout rules. */
[hidden]{display:none!important}
.demo-preview-video,.demo-room-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#20212a;z-index:2;opacity:1;filter:none}.demo-reel{background:#20212a}.demo-reel .reel-preview{display:none}.demo-reel .reel-bottom{background:linear-gradient(transparent,#fffaf5f5 42%);padding-top:45px}.demo-reel .reel-topbar,.demo-reel .reel-side,.demo-reel .reel-bottom{z-index:4}.demo-reel .reel-topbar{left:auto}.demo-corner{position:absolute;top:20px;left:16px;padding:5px 9px;background:#fff8efed;color:#654726;border:1px solid #fff;border-radius:7px;font-size:10px;z-index:4}.demo-enter-top{position:absolute;top:62px;left:16px;right:16px;z-index:5;border:1px solid #ffffff65;border-radius:12px;background:#6650ce;color:white;padding:13px 16px;font-size:14px;font-weight:bold;min-height:48px;box-shadow:0 3px 14px #0003}.demo-room-banner{display:flex;align-items:center;gap:12px;background:#fff7e9;border:1px solid #eddfc7;border-radius:15px;padding:15px 18px;margin:0 0 18px;color:#765833}.demo-room-banner>div{flex:1}.demo-room-banner b{font-size:14px}.demo-room-banner p{font-size:11px;margin-top:5px}.demo-room-banner button{font-size:12px;padding:11px 15px;min-height:44px}.demo-play-overlay{position:absolute;z-index:11;left:10%;right:10%;top:45%;padding:17px;border:1px solid #fff7;border-radius:14px;background:#6350d6;color:white;font-size:16px;box-shadow:0 5px 25px #0004}.demo-seller-control{background:#f1eefc;border:1px solid #e2dcf8;border-radius:12px;padding:14px;margin-bottom:18px}.demo-seller-control b{font-size:13px;color:#50406d}.demo-seller-control p{font-size:11px;line-height:1.8;color:#75638b;margin:6px 0 10px}.demo-seller-control button{width:100%;font-size:13px;min-height:46px}.video-stage.demo-playing .ambient{display:none}footer>a{font-size:10px;color:#735a91}
@media(max-width:720px){
 :root{--bottom-nav-clearance:calc(88px + env(safe-area-inset-bottom,0px));--visual-height:100svh}
 body{padding-bottom:var(--bottom-nav-clearance)}
 main{padding-bottom:20px}
 #feedPage{margin:0}
 .feed-top{margin-bottom:10px}.feed-top h1{font-size:20px}.feed-top p{font-size:10px;margin-bottom:8px}.global-search input{padding:8px 0}
 .reel-list{height:calc(var(--visual-height) - 278px - env(safe-area-inset-bottom,0px));min-height:280px;max-height:680px;border-radius:17px}
 .reel-card{height:100%;min-height:100%;scroll-margin-bottom:var(--bottom-nav-clearance)}
 .demo-reel .reel-bottom{padding:35px 15px 16px}.demo-reel .reel-bottom p{display:none}.demo-reel .reel-bottom h3{font-size:16px;margin:4px 0}.demo-reel .reel-bottom .primary{padding:11px;font-size:13px;min-height:44px}.demo-reel .reel-side{bottom:160px}
 .demo-enter-top{top:53px;left:12px;right:12px;min-height:46px;padding:10px;font-size:13px}.demo-corner{top:16px;left:12px;font-size:9px}.demo-reel .reel-topbar{top:16px;right:12px}
 .demo-room-banner{flex-wrap:wrap;padding:13px;gap:10px}.demo-room-banner>div{flex-basis:100%}.demo-room-banner button{min-height:44px;width:100%}
 .video-stage{height:clamp(300px,calc(var(--visual-height) - 200px),510px)}
 .chat-input{scroll-margin-bottom:calc(var(--bottom-nav-clearance) + 30px)}.chat-input input{font-size:16px}
 .chat-input input:focus{scroll-margin-bottom:120px}
 .reel-note{margin-bottom:20px}footer{padding-bottom:20px}
}