:root{
  --bg:#0f0e0b; --text:#f8f5e7; --card:#19160f; --accent:#ffd700;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,Segoe UI,Roboto,Arial}
.pv-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.pv-logo{margin:0;font-weight:800}
.pv-btn{background:var(--accent);color:#000;border:0;padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer}

.pv-feed{max-width:520px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:14px}
.pv-card{position:relative;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.pv-card-media{position:relative;padding-top:177.78%} /* 9:16 */
.pv-card-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.pv-card-meta{padding:10px 12px}
.pv-title{margin:0;font-size:14px;line-height:1.35}

.pv-controls{position:absolute;right:8px;bottom:54px;display:flex;flex-direction:column;gap:10px}
.pv-ctl{width:44px;height:44px;border-radius:12px;border:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);font-size:18px;color:#fff;cursor:pointer}

.pv-sentinel{height:1px}