body{margin:0;background:#0f1115;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}

.app{max-width:520px;margin:auto;padding:12px}

.logo{font-weight:700;font-size:18px;margin:0 0 10px}

.card{background:#181b22;padding:12px;border-radius:14px}

.poster{width:100%;border-radius:12px;display:block}

h1{font-size:22px;margin:10px 0;line-height:1.2}

.desc{font-size:14px;line-height:1.4;color:rgba(255,255,255,.8)}

.meta,.rating{font-size:13px;color:rgba(255,255,255,.7);margin-top:6px}

.actions{display:flex;gap:10px;margin:12px 0}

button{flex:1;height:44px;border:0;border-radius:10px;background:#222733;color:#fff;font-size:14px}

.player{background:#000;border-radius:14px;overflow:hidden;margin-bottom:14px}

#preview{padding:20px;text-align:center;cursor:pointer}

.play{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.12);margin:auto;display:block}

iframe{width:100%;height:220px;border:0;display:none;will-change:transform}

.reviews{background:#181b22;padding:12px;border-radius:14px;font-size:14px;color:rgba(255,255,255,.85)}

footer{text-align:center;padding:14px;font-size:12px;color:rgba(255,255,255,.5)}

.desc-wrap{position:relative}

.desc.collapsed{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.desc-btn{margin-top:6px;background:none;border:0;color:#ffcc00;font-size:13px;padding:0;cursor:pointer}