.intro{max-width:36rem;color:var(--muted);margin-bottom:2.4rem}.clip-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-block:0;display:grid}.clip-card[hidden]{display:none}@media (width<=980px){.clip-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.clip-grid{grid-template-columns:1fr}}.clip-card{border:1px solid var(--glass-line);background:var(--card);-webkit-backdrop-filter:blur(12px);border-radius:18px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.clip-card:hover{border-color:#ff6fae73;transform:translateY(-5px);box-shadow:0 26px 54px -20px #ff3d8f59}.clip-skeleton{border:1px solid var(--glass-line);background:var(--card);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding-bottom:1rem;overflow:hidden}.sk-thumb{aspect-ratio:16/9;background:var(--glass)}.sk-line{background:var(--glass);border-radius:999px;height:.85rem;margin:.9rem 1.1rem 0}.sk-line.short{width:55%;height:.7rem;margin-top:.55rem}.sk-thumb,.sk-line{animation:1.6s ease-in-out infinite sk-pulse}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sk-thumb,.sk-line{animation:none}}.empty-card{text-align:center;background:radial-gradient(26rem 14rem at 50% 0%, #ff3d8f1f, transparent 70%), var(--card);grid-column:1/-1;padding-block:clamp(2.4rem,6vw,3.6rem)}.empty-heart{color:var(--rose);text-shadow:0 0 12px #ff3d8fa6,0 0 42px #ff3d8f59;margin:0 0 .4rem;font-size:2rem}.empty-card h3{margin-bottom:.4rem}.empty-line{max-width:30rem;color:var(--muted);margin:0 auto 1.4rem;font-size:.92rem}.clip-thumb{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.clip-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.clip-thumb iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.g1{background:linear-gradient(140deg,#3d1030,#7a1f56 60%,#b23a78)}.g2{background:linear-gradient(140deg,#2a1040,#5b2a80 60%,#8f4bb8)}.g3{background:linear-gradient(140deg,#401025,#86224e 60%,#c04a6e)}.play{z-index:1;color:#fff;cursor:pointer;background:#ff3d8fe6;border:0;border-radius:50%;place-items:center;width:3rem;height:3rem;padding-left:3px;font-size:.95rem;transition:transform .2s;display:grid;position:relative;box-shadow:0 8px 26px -6px #ff3d8fcc}.clip-card:hover .play{transform:scale(1.12)}.play:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.dur{border:1px solid var(--glass-line);color:var(--cream);background:#16090fb3;border-radius:999px;padding:.1rem .55rem;font-size:.74rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}.clip-title{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;margin:.9rem 1.1rem .15rem;font-weight:600;overflow:hidden}.clip-meta{color:var(--muted);margin:0 1.1rem 1rem;font-size:.82rem}@media (prefers-reduced-motion:reduce){.clip-card,.play,.pager button{transition:none}.pager button:hover,.clip-card:hover,.clip-card:hover .play{transform:none}}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding-block:clamp(1.4rem,3vw,2rem) 3rem;display:flex}.pager:empty{display:none}.pager .pager-count{color:var(--muted);font-size:.82rem;font-weight:600}.pager .pager-controls{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.pager button{min-width:40px;height:40px;font-family:var(--body);color:var(--cream);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;padding:0 .8rem;font-size:.85rem;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.pager button:hover:not(:disabled):not(.active){background:#ff6fae24;transform:translateY(-2px)}.pager button.active{background:linear-gradient(120deg, var(--rose-hot), var(--rose));color:#2a0716;border-color:#0000;font-weight:700;box-shadow:0 10px 30px -10px #ff3d8f8c}.pager button:disabled{opacity:.35;cursor:default}.pager .pager-ellipsis{text-align:center;min-width:28px;color:var(--muted);font-weight:700}.cta-card{background:radial-gradient(24rem 12rem at 15% 0%, #ff3d8f1f, transparent 70%), var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.cta-card h3{margin-bottom:.25rem}.cta-line{color:var(--muted);margin:0;font-size:.92rem}