/* Compact latest uploads. Motion uses transforms/opacity; no video runs behind it. */
.home-videos{--hvs-accent:#f07c96;--hvs-cycle:8000ms;position:relative;isolation:isolate;margin:26px 0 30px;color:#f5eff2}
.hvs-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.hvs-heading-copy{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;min-width:0}
.hvs-xp-hint{font-size:11px;font-weight:500;line-height:1.4;color:#d4be91}
.home-videos .hvs-heading h2{display:flex;align-items:center;gap:10px;margin:0;font:700 18px/1.3 var(--font-body,Inter,sans-serif);letter-spacing:-.4px}
.hvs-heading h2>span{font-size:11px;color:var(--hvs-accent)}
.hvs-heading>a{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#c5b8c0;text-decoration:none}
.hvs-heading>a:hover{color:#fff}.hvs-heading svg{width:14px;height:14px}
.hvs-content{position:relative;overflow:hidden;border:1px solid #bc718331;border-radius:12px;background:radial-gradient(ellipse at 75% 0,#89344925,transparent 65%),#111216;box-shadow:0 12px 40px #0002}
.hvs-content:before{content:"";position:absolute;top:0;left:30%;right:10%;height:1px;z-index:3;background:linear-gradient(90deg,transparent,#e787a099,transparent);pointer-events:none}
.hvs-stage{display:grid;min-width:0}
.hvs-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(180px,32%) minmax(0,1fr);align-items:stretch;gap:26px;min-height:174px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);transition:opacity .42s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility .42s}
.hvs-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.hvs-poster{position:relative;display:block;overflow:hidden;min-width:0;border:0;padding:0;background:#0b0c0f;cursor:pointer;color:#fff;touch-action:pan-y}
.hvs-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s}
.hvs-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#11121688),linear-gradient(0deg,#0009,transparent 50%);pointer-events:none}
.hvs-slide.is-active .hvs-poster img{animation:hvs-drift 8s ease-out both;animation-play-state:paused}
.home-videos[data-running="true"] .hvs-slide.is-active .hvs-poster img{animation-play-state:running}
.hvs-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff7;border-radius:50%;background:#12121770;backdrop-filter:blur(8px);font-size:15px;padding-left:2px;transition:background .2s,box-shadow .3s}
.hvs-poster:hover .hvs-play{background:#d84f72cc;box-shadow:0 0 30px #ea6e8a66}
.hvs-duration{position:absolute;bottom:10px;right:12px;z-index:2;font:650 11px/1.4 var(--font-body,Inter,sans-serif);padding:3px 6px;border-radius:4px;background:#08090bc7}
.hvs-poster progress{position:absolute;bottom:0;left:0;z-index:3;width:100%;height:3px;border:0;background:#ffffff20;accent-color:var(--hvs-accent)}
.hvs-poster progress::-webkit-progress-bar{background:#ffffff20}.hvs-poster progress::-webkit-progress-value{background:var(--hvs-accent)}
.hvs-copy{align-self:center;min-width:0;padding:18px 28px 18px 0}
.hvs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#afa4ae;font-size:11px;line-height:1.4}
.hvs-meta>b{padding:2px 5px;color:#f9b5c5;background:#d85b7b22;font-size:9px;letter-spacing:.06em;border-radius:3px}
.hvs-type{font-size:9px;letter-spacing:.15em;color:#887a85}
.home-videos .hvs-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 7px;font:700 clamp(17px,1.8vw,24px)/1.22 var(--font-body,Inter,sans-serif);letter-spacing:-.5px;color:#f5eff2}
.hvs-reward{display:block;min-height:17px;font-size:11px;line-height:1.5;color:#b2a8b0}
.hvs-reward.is-reward{color:#e3c98e}
.hvs-reward.is-reward:before{content:"✦";margin-right:5px;color:#eccd8b}
.hvs-watch{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;margin-top:12px;padding:9px 15px;border:1px solid #d47a9159;border-radius:6px;background:#d65c7c1c;color:#f9dce5;font:650 12px/1.25 var(--font-body,Inter,sans-serif);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.hvs-watch>span:first-child{font-size:9px}.hvs-watch>span:last-child{margin-left:12px}
.hvs-watch:hover{background:#c4527538;box-shadow:0 0 24px #ce4d6e20;transform:translateY(-1px)}
.hvs-controls{position:relative;display:flex;align-items:center;gap:18px;min-height:44px;padding:0 14px 0 20px;background:#0b0c0f55}
.hvs-controls[hidden]{display:none}
.hvs-count{font-size:10px;font-weight:600;color:#aca1ab;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.hvs-dots{display:flex;gap:3px;flex:1;max-width:200px}
.hvs-dots button{flex:1;position:relative;min-width:22px;min-height:36px;padding:0;border:0;background:none;cursor:pointer}
.hvs-dots button:before,.hvs-dots button>span{content:"";position:absolute;top:17px;left:2px;right:2px;height:2px;border-radius:2px;background:#51444e}
.hvs-dots button>span{transform:scaleX(0);transform-origin:left;background:var(--hvs-accent)}
.hvs-dots button.is-active:before{background:#b16b7c}
.hvs-dots button.is-active>span{transform:scaleX(1)}
.home-videos[data-running="true"] .hvs-dots button.is-active>span{animation:hvs-time var(--hvs-cycle) linear both}
.hvs-arrows{margin-left:auto;display:flex;gap:3px}
.hvs-arrows button{display:grid;place-items:center;min-width:38px;min-height:38px;padding:0;border:0;border-radius:5px;background:transparent;color:#b7aab4;font-size:23px;cursor:pointer;transition:background .2s,color .2s}
.hvs-arrows button[data-hvs-toggle]{font-size:11px}
.hvs-arrows svg{width:17px;height:17px}
.hvs-arrows button:hover{color:#fff;background:#d5637c22}
.home-videos :is(button,a):focus-visible{outline:2px solid #f4a0b5;outline-offset:-3px}
.hvs-loading,.hvs-empty{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;min-height:218px;margin:0;padding:24px;color:#b8abb4;font-size:13px}
.hvs-empty button{border:1px solid #bf74855c;padding:10px 14px;border-radius:6px;color:#f5ccd6;background:#b2536b22;cursor:pointer}
.hvs-empty a{color:#efb9c8}
.hvs-announcement{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes hvs-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes hvs-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1400px){.hvs-slide{grid-template-columns:310px minmax(0,1fr);min-height:180px}}
@media(max-width:700px){
 .home-videos{margin:22px 0}.home-videos .hvs-heading h2{font-size:16px}
 .hvs-heading-copy{display:grid;gap:3px}.hvs-xp-hint{padding-left:21px;font-size:10px}
 .hvs-slide{grid-template-columns:40% minmax(0,1fr);gap:15px;min-height:180px}
 .hvs-copy{padding:16px 14px 15px 0}.home-videos .hvs-copy h3{font-size:17px}
 .hvs-meta{font-size:10px;gap:6px}.hvs-type{display:none}
 .hvs-watch{min-height:42px;padding:9px 11px;font-size:11px;margin-top:10px;gap:6px}
 .hvs-watch>span:last-child{margin-left:3px}.hvs-reward{font-size:10px}
 .hvs-poster img{object-position:center}.hvs-play{width:38px;height:38px;font-size:12px}
 .hvs-controls{gap:10px;padding:0 8px 0 12px}.hvs-arrows{gap:0}.hvs-arrows button{min-width:38px;min-height:44px}
 .hvs-dots{gap:0}.hvs-dots button{min-width:15px;min-height:44px}.hvs-dots button:before,.hvs-dots button>span{top:21px}
 .hvs-count{font-size:9px;letter-spacing:.04em}.hvs-duration{right:7px;bottom:9px;font-size:10px}
}
@media(max-width:360px){
 .hvs-slide{grid-template-columns:37% minmax(0,1fr);gap:12px;min-height:192px}
 .hvs-copy{padding-right:10px}.home-videos .hvs-copy h3{font-size:16px;-webkit-line-clamp:3}
 .hvs-reward{font-size:10px}.hvs-dots{max-width:none}.hvs-count{display:none}
 .hvs-arrows button{min-width:33px}
}
@media(prefers-reduced-motion:reduce){
 .home-videos *,.home-videos *:before,.home-videos *:after{animation:none!important;transition:none!important}
}

/* Coverflow: nearby covers stay visible and selectable, player is loaded only on Watch. */
.home-videos{--cover:350px;--spread:210px}
.hvs-content{border:0;background:radial-gradient(ellipse at 50% 35%,#71304622,transparent 65%);box-shadow:none}
.hvs-content:before{display:none}
.hvs-stage{position:relative;display:block;min-width:0;height:289px;perspective:1200px}
.hvs-stage:after{content:"";position:absolute;bottom:58px;left:15%;right:15%;height:30px;background:#0006;filter:blur(16px);border-radius:50%;pointer-events:none}
.hvs-slide,.hvs-slide.is-active{position:absolute;display:block;top:15px;left:50%;width:var(--cover);min-height:0;margin-left:calc(var(--cover)/-2);transform:translateX(calc(var(--offset)*var(--spread))) translateY(calc(var(--depth)*7px)) scale(calc(1 - var(--depth)*.13)) rotateY(calc(var(--offset)*-7deg));transform-origin:50% 36%;opacity:calc(1 - var(--depth)*.19);transition:transform .65s cubic-bezier(.22,.75,.18,1),opacity .5s,filter .5s;filter:saturate(.65);visibility:visible;pointer-events:auto}
.hvs-slide[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}
.hvs-slide.is-active{filter:none;opacity:1}
.hvs-poster{aspect-ratio:16/9;width:100%;border:1px solid #ffffff26;border-radius:9px;box-shadow:0 15px 26px #0006;transition:border-color .3s,box-shadow .3s}
.hvs-slide.is-active .hvs-poster{border-color:#e98ba484;box-shadow:0 12px 30px #0009,0 0 22px #dc517313}
.hvs-slide .hvs-poster img,.hvs-slide.is-active .hvs-poster img{animation:none;transform:none}
.hvs-poster:after{background:linear-gradient(0deg,#000b,transparent 48%)}
.hvs-slide:not(.is-active) .hvs-play{opacity:0}
.hvs-side-title{position:absolute;left:12px;right:60px;bottom:12px;z-index:2;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:650 12px/1.3 var(--font-body,Inter,sans-serif);transition:opacity .3s}
.is-active .hvs-side-title{opacity:0}
.hvs-copy{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 1px 0;opacity:0;transition:opacity .3s;pointer-events:none}
.is-active .hvs-copy{opacity:1;pointer-events:auto}
.hvs-meta{gap:8px;font-size:9px}.hvs-meta>b{padding:1px 4px;font-size:8px}.hvs-type{font-size:8px;letter-spacing:.1em}
.home-videos .hvs-copy h3{display:block;grid-column:1/-1;grid-row:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;line-height:1.35;letter-spacing:-.3px}
.hvs-reward{grid-column:1;grid-row:3;align-self:center;font-size:10px}
.hvs-watch{grid-column:2;grid-row:3;min-height:30px;margin:0;padding:5px 9px;gap:7px;font-size:10px;border-radius:5px;background:#d65c7c15}
.hvs-watch>span:first-child{font-size:8px}.hvs-watch>span:last-child{margin:0}
.hvs-controls{justify-content:center;gap:18px;min-height:40px;padding:0 12px;background:none}
.hvs-count{font-size:9px}.hvs-dots{flex:none;gap:4px;width:132px}
.hvs-dots button{min-width:18px;min-height:40px}.hvs-dots button:before,.hvs-dots button>span{top:19px}
.hvs-arrows{margin:0;gap:4px}.hvs-arrows button{min-width:36px;min-height:40px}
@media(max-width:1100px){.home-videos{--cover:310px;--spread:168px}.hvs-stage{height:270px}}
@media(max-width:700px){
 .home-videos{--cover:250px;--spread:160px}.hvs-stage{height:244px}.hvs-slide,.hvs-slide.is-active{top:14px}
 .hvs-copy{gap:4px;padding:10px 1px 0}.home-videos .hvs-copy h3{font-size:13px}
 .hvs-meta{font-size:9px}.hvs-reward{font-size:9px}.hvs-watch{min-height:36px;font-size:9px;padding:5px 6px;gap:4px;margin:0}
 .hvs-controls{gap:10px;padding:0 4px}.hvs-arrows{gap:0}.hvs-arrows button{min-width:36px;min-height:44px}
 .hvs-dots{gap:1px;width:104px}.hvs-dots button{min-width:14px;min-height:44px}.hvs-dots button:before,.hvs-dots button>span{top:21px}
 .hvs-count{font-size:9px;letter-spacing:.04em}
}
@media(max-width:400px){.home-videos{--cover:218px;--spread:136px}.hvs-stage{height:226px}.hvs-count{display:none}.hvs-watch>span:last-child{display:none}.hvs-duration{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-videos *,.home-videos *:before,.home-videos *:after{animation:none!important;transition:none!important}}
.hvs-stage{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.hvs-stage .hvs-poster{touch-action:pan-y pinch-zoom}
.hvs-stage img{-webkit-user-drag:none}
.hvs-slide,.hvs-slide.is-active{transform:translateX(calc(var(--offset)*var(--spread) + var(--hvs-drag,0px))) translateY(calc(var(--depth)*7px)) scale(calc(1 - var(--depth)*.13)) rotateY(calc(var(--offset)*-7deg))}
.is-dragging .hvs-slide{transition:none}.is-dragging .hvs-stage,.is-dragging .hvs-poster{cursor:grabbing}