html.clip-view .app-shell,html.clip-view .bottom-nav{display:none!important}
html.clip-view #detail{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 20px 32px;border:0;border-radius:0;background:#101112;overflow-y:auto}
html.clip-view #detail::backdrop{background:#101112}
html.clip-view #close-detail{display:none}
html.clip-view #detail-content{width:min(100%,1000px);margin:0 auto;padding:0}
.clip-header{height:66px;display:flex;align-items:center;justify-content:space-between;color:#aaa;font:12px system-ui,sans-serif}
.clip-brand{font:bold 24px system-ui,sans-serif;letter-spacing:-1px;color:#f4f3ef}.clip-brand span{color:#f34b32}
.clip-stage{min-height:min(56vw,560px);display:grid;align-items:center;background:#08090a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}
html.clip-view #player-area{width:100%;margin:0;padding:0}
html.clip-view .aq-toolbar,html.clip-view .watch-controls,html.clip-view #episodes,html.clip-view #aq-back,html.clip-view #aq-forward,html.clip-view #aq-next,html.clip-view #aq-voices,html.clip-view #aq-share,html.clip-view #aq-segment-action,html.clip-view .moment-range-banner{display:none!important}
html.clip-view .aq-player{border:0;border-radius:0}
.clip-info{padding:20px 2px}.clip-info h1{margin:0 0 8px;font:700 clamp(19px,4vw,27px)/1.3 system-ui,sans-serif}.clip-info p{margin:8px 0;color:#aaa;font:13px/1.5 system-ui,sans-serif}
.clip-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.clip-actions .button,#clip-unmute{font:600 13px system-ui,sans-serif}
#clip-unmute{background:#f34b32;color:#fff;border-color:#f34b32}
@media(max-width:600px){html.clip-view #detail{padding:0 12px 24px}.clip-header{height:56px}.clip-stage{margin:0 -12px;border-radius:0;border-left:0;border-right:0}.clip-info{padding-top:18px}.clip-actions{display:grid;grid-template-columns:1fr 1fr}.clip-actions .button{padding:11px 8px;font-size:12px}}