.vd-head{justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;align-items:flex-end;display:flex}.vd-head>div:first-child{flex:1;min-width:280px}.vd-progress{margin-bottom:var(--sp-5);font-family:var(--mono);color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.vd-progress i{background:var(--line-strong);border-radius:999px;width:28px;height:6px}.vd-progress i.is-on{background:var(--dgreen)}.vd-progress span{margin-left:6px}.vd-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.vd-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--dur-fast) var(--ease);overflow:hidden}.vd-item.is-open{border-color:var(--dgreen);box-shadow:0 12px 34px color-mix(in srgb, var(--ink) 10%, transparent)}.vd-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:200px 1fr 28px;align-items:center;gap:18px;padding:14px;display:grid}@media (max-width:640px){.vd-row{grid-template-columns:1fr 28px}.vd-poster{grid-column:1/-1}}.vd-poster{aspect-ratio:16/9;background:radial-gradient(120% 90% at 85% 0%, #ffffff2e, transparent 55%), linear-gradient(135deg, var(--hue), color-mix(in srgb, var(--hue) 45%, var(--ink)));color:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.vd-poster:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff0d 22px 23px);position:absolute;inset:0}.vd-poster__n{font-family:var(--display);opacity:.9;font-size:26px;font-weight:700;position:absolute;top:8px;left:10px}.vd-poster__play{width:44px;height:44px;color:var(--ink);box-sizing:border-box;z-index:1;transition:transform var(--dur-fast) var(--ease);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;font-size:15px;display:flex;position:relative}.vd-row:hover .vd-poster__play{transform:scale(1.08)}.vd-poster__dur{font-family:var(--mono);background:#0000008c;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.vd-item.is-watched .vd-poster__play{background:var(--go)}.vd-item.is-watched .vd-poster__play:before{content:"✓";position:absolute}.vd-item.is-watched .vd-poster__play{color:#0000}.vd-item.is-watched .vd-poster__play:before{color:var(--ink)}.vd-row__text{flex-direction:column;gap:6px;min-width:0;display:flex}.vd-row__text strong{font-family:var(--display);font-size:18px;line-height:1.25}.vd-row__tags{flex-wrap:wrap;gap:6px;display:flex}.vd-row__tags em{font-style:normal;font-family:var(--mono);background:var(--paper);color:var(--text-muted);border-radius:4px;padding:2px 7px;font-size:10.5px}.vd-row__tags em.vd-tag--extra{background:color-mix(in srgb, var(--gold) 25%, var(--surface));color:var(--on-light)}.vd-row__sum{color:var(--text-muted);font-size:14px;line-height:1.5}.vd-row__chev{color:var(--text-muted);text-align:center;font-size:22px}.vd-body{padding:4px 20px 20px 232px}@media (max-width:640px){.vd-body{padding:4px 16px 16px}}.vd-body ul{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:18px;font-size:14.5px;line-height:1.55;display:flex}.vd-watched{margin-top:14px}.vd-older{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.vd-old{color:var(--text);padding:var(--sp-5);flex-direction:column;gap:6px;text-decoration:none;display:flex}.vd-old strong{font-size:15px}.vd-old span:last-child{color:var(--text-muted);font-size:13.5px}.vd-old:hover{border-color:var(--dgreen)}