.video-card{width:100%}.video-section{cursor:pointer;background:#000;width:100%;position:relative;overflow:hidden}@media (min-width:760px){.video-section{border-radius:12px}}.video-element{aspect-ratio:auto 16/9;object-fit:contain;width:100%;height:auto;max-height:72vh;display:block}.video-poster{object-fit:cover;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.video-poster-hidden{opacity:0}.video-icon-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-overlay-icon{width:84px;height:84px;color:var(--accent);background:#faf7f2eb;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 18px #00000040}.play-overlay-icon svg{width:30px;height:30px}.video-buffer-spinner{filter:drop-shadow(0 2px 8px #0009);border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite vp-spin}@keyframes vp-spin{to{transform:rotate(360deg)}}.video-info-section{padding:2px 16px 0}@media (min-width:760px){.video-info-section{padding:2px 2px 0}}.video-progress-hit{cursor:pointer;padding:10px 0 8px}.video-progress-bar{background:var(--line);border-radius:2px;width:100%;height:4px;transition:height .15s;overflow:hidden}.video-progress-hit:hover .video-progress-bar{height:6px}.video-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .1s linear}.video-controls-row{align-items:center;gap:6px;display:flex}.ctrl-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:flex}.ctrl-btn:hover{background:var(--paper-2)}.ctrl-btn:active{opacity:.6}.ctrl-time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.82rem}.ctrl-spacer{flex:1}.heart-btn{color:var(--ink-2);transition:color .2s}.heart-btn.favourited{color:var(--accent)}.heart-btn.favourited svg{animation:.4s cubic-bezier(.17,.89,.32,1.49) heart-pop}@keyframes heart-pop{0%{transform:scale(.4)}55%{transform:scale(1.4)}to{transform:scale(1)}}
.video-scene-list{flex-direction:column;gap:22px;display:flex}.video-scene-label{color:var(--ink-2);letter-spacing:.04em;margin:0 0 6px;padding:0 16px;font-size:.8rem}@media (min-width:760px){.video-scene-label{padding:0}}