body.video-detail-page #libraryMain { display:none; }
body.video-detail-page { background:#fdfaf5; }
.vd-page { --vd-ink:#1a1712; --vd-muted:#77736e; --vd-line:#e7e1d9; width:100%; margin:0 auto; padding:8px 8px 80px; color:var(--vd-ink); }
.vd-article { min-width:0; }
.vd-player { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:0; background:#161410; box-shadow:0 12px 34px rgba(26,23,18,.12); }
.vd-player iframe { width:100%; height:100%; display:block; border:0; }
.vd-player-featured { aspect-ratio:2.1/1; background:#ece7df; }
.vd-featured-cover { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); background:#ece7df; }
.vd-featured-cover>img { width:100%; height:100%; object-fit:cover; }
.vd-featured-cover>div { display:flex; flex-direction:column; justify-content:center; gap:9px; padding:42px; }
.vd-featured-cover span { color:#77736e; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.vd-featured-cover strong { max-width:18ch; font-size:clamp(24px,3vw,44px); line-height:1.05; letter-spacing:-.04em; }
.vd-poster { position:absolute; inset:0; width:100%; height:100%; padding:0; overflow:hidden; border:0; background:#161410; cursor:pointer; }
.vd-poster img { width:100%; height:100%; display:block; object-fit:cover; }
.vd-play { position:absolute; top:50%; left:50%; width:68px; height:48px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:14px; background:rgba(20,18,15,.82); color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.22); transition:transform .2s ease,background .2s ease; }
.vd-play svg { width:28px; height:28px; margin-left:3px; }
.vd-poster:hover .vd-play { transform:translate(-50%,-50%) scale(1.06); background:#1a1712; }
.vd-locked { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:12px; padding:30px; text-align:center; background:linear-gradient(135deg,#e9e3db,#f7f3ed); }
.vd-locked span { font-size:34px; }
.vd-locked h2 { margin:0; font-size:24px; }
.vd-locked a { padding:.7rem 1rem; border-radius:999px; background:#1a1712; color:#fff; font-weight:700; text-decoration:none; }
.vd-intro,.vd-archive { width:min(1180px, calc(100% - 48px)); margin-left:auto; margin-right:auto; }
.vd-intro { padding:32px 4px 54px; }
.vd-intro h1 { max-width:24ch; margin:0 0 16px; font-size:clamp(32px,4vw,52px); line-height:1.08; letter-spacing:-.045em; }
.vd-publication { margin:-7px 0 15px; color:var(--vd-muted); font-size:14px; font-weight:650; }
.vd-tags,.vd-archive-tags { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.vd-chip { min-width:0; display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border:1px solid #dedad4; border-radius:999px; background:#efeeec; color:#6f6b66; font-size:12px; font-weight:600; line-height:1.15; white-space:nowrap; }
.vd-byline { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:34px; }
.vd-platforms { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:20px; }
.vd-platform { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 14px; border:1px solid #ded8d0; border-radius:999px; background:#fff; color:var(--vd-ink); font-size:12px; font-weight:700; text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.vd-platform:hover { transform:translateY(-2px); border-color:#aaa39a; color:var(--vd-ink); text-decoration:none; }
.vd-platform span { width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:#1a1712; color:#fff; font-size:10px; }
.vd-platform span svg { width:13px; height:13px; fill:currentColor; }
.vd-platform-spotify span { background:#1db954; }
.vd-author { display:inline-flex; align-items:center; gap:12px; font-size:17px; }
.vd-author img { width:52px; height:52px; border-radius:50%; object-fit:cover; }
.vd-page .nd-complete-button { --nd-line:var(--vd-line); --nd-ink:var(--vd-ink); }
.vd-page .completion-icon { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; color:currentColor; }
.vd-page .completion-icon svg { width:100%; height:100%; display:block; overflow:visible; }
.vd-page .completion-icon-complete { display:none; }
.vd-page [aria-pressed="true"]>.completion-icon-incomplete { display:none; }
.vd-page [aria-pressed="true"]>.completion-icon-complete { display:grid; }
.vd-archive { padding-top:58px; }
.vd-archive h2 { margin:0 0 28px; font-size:34px; letter-spacing:-.04em; }
.vd-archive-list { display:grid; gap:16px; }
.vd-archive-item { display:grid; grid-template-columns:minmax(0,1fr) 34px; align-items:center; gap:20px; transition:transform .2s ease; }
.vd-archive-item:hover { transform:translateY(-3px); }
.vd-archive-link { min-width:0; display:grid; grid-template-columns:220px minmax(0,1fr); align-items:center; gap:18px; color:var(--vd-ink); text-decoration:none; }
.vd-archive-link:hover { color:var(--vd-ink); text-decoration:none; }
.vd-archive-link img { width:220px; aspect-ratio:16/9; border-radius:12px; object-fit:cover; }
.vd-archive-copy { min-width:0; display:grid; gap:6px; }
.vd-archive-copy small { color:var(--vd-muted); font-size:11px; font-weight:650; }
.vd-archive-copy strong { overflow:hidden; font-size:18px; font-weight:550; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.vd-archive-tags { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
.vd-archive-tags::-webkit-scrollbar { display:none; }
.vd-archive-tags .vd-chip { padding:4px 9px; font-size:11px; }
.vd-archive-seal { width:30px; height:30px; padding:0; border:0; background:transparent; color:var(--vd-ink); cursor:pointer; }
.vd-archive-seal svg { width:100%; height:100%; display:block; }

@media (max-width:760px) {
  .vd-page { padding:96px 20px 118px; }
  .vd-intro,.vd-archive { width:100%; }
  .vd-player { border-radius:24px; }
  .vd-player-featured { aspect-ratio:1/1; }
  .vd-featured-cover { grid-template-columns:1fr; }
  .vd-featured-cover>img { min-height:0; }
  .vd-featured-cover>div { padding:20px; }
  .vd-featured-cover span { font-size:10px; }
  .vd-featured-cover strong { font-size:22px; }
  .vd-intro { padding:24px 0 42px; }
  .vd-intro h1 { margin-bottom:13px; font-size:28px; }
  .vd-tags { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .vd-tags::-webkit-scrollbar { display:none; }
  .vd-chip { font-size:11px; }
  .vd-byline { align-items:flex-start; flex-direction:column; margin-top:26px; }
  .vd-platforms { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .vd-platforms::-webkit-scrollbar { display:none; }
  .vd-author { font-size:15px; }
  .vd-author img { width:44px; height:44px; }
  .vd-archive { padding-top:42px; }
  .vd-archive h2 { margin-bottom:22px; font-size:28px; }
  .vd-archive-list { gap:14px; }
  .vd-archive-item { grid-template-columns:minmax(0,1fr) 28px; gap:10px; }
  .vd-archive-link { grid-template-columns:92px minmax(0,1fr); gap:10px; }
  .vd-archive-link img { width:92px; border-radius:8px; }
  .vd-archive-copy { gap:3px; }
  .vd-archive-copy strong { font-size:12px; }
  .vd-archive-copy small { font-size:10px; }
  .vd-archive-tags { gap:4px; }
  .vd-archive-tags .vd-chip { padding:3px 7px; font-size:9px; }
  .vd-archive-seal { width:26px; height:26px; }
}