.videos-main{max-width:1440px;margin:auto;padding:38px clamp(24px,3vw,42px) 100px}
.videos-heading{padding:35px;border:1px solid var(--fan-line);border-radius:22px;background:var(--fan-panel);margin-bottom:22px}
.videos-heading p{color:var(--fan-pink);font-weight:800;letter-spacing:.14em;font-size:.8rem}
.videos-heading h1{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em;margin:10px 0}
.videos-heading span,.clip-section p{color:var(--fan-muted)}
.fan-video-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.fan-video-filters label,.clip-section label{display:grid;gap:7px;font-weight:700;color:var(--fan-text)}
.fan-video-filters input,.fan-video-filters select,.clip-section input,.clip-section select,.clip-section textarea{min-height:43px;border:1px solid var(--fan-line);border-radius:10px;background:var(--fan-panel);color:var(--fan-text);padding:9px 12px;font:inherit}
.fan-video-filters button,.clip-section button,.video-comment-form button,.video-reactions button,.video-card>button{min-height:43px;border:1px solid var(--fan-line);border-radius:10px;background:var(--fan-card);color:var(--fan-text);padding:9px 16px;font:inherit;cursor:pointer}
.fan-video-filters button:first-of-type,.clip-section button[type=submit]{background:var(--fan-pink);color:#29212a;font-weight:800}
.fan-video-filters button[aria-pressed=true],.video-reactions button[aria-pressed=true]{border-color:var(--fan-pink);color:var(--fan-pink)}
.fan-moment-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#201b23}
.fan-catchup>.fan-button{margin-top:14px}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}
.video-card{min-width:0;border:1px solid var(--fan-line);border-radius:20px;background:var(--fan-panel);padding:20px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:95px}
.video-card>img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#201b23;border-radius:12px}
.video-card video,.video-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000}
.video-kind{align-self:start;border-radius:99px;background:var(--fan-pink);color:#29212a;font-size:.75rem;font-weight:800;padding:5px 10px}
[data-theme=light] .video-kind,[data-theme=light] .fan-video-filters button:first-of-type,[data-theme=light] .clip-section button[type=submit]{background:#a83b72;color:#fff}
[data-theme=light] .video-card>img,[data-theme=light] .fan-moment-art img{background:#f1e8ee}
.video-card h2{font-size:1.35rem;letter-spacing:normal;overflow-wrap:anywhere;margin:0}.video-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.video-card small{color:var(--fan-muted)}
.video-tags,.video-reactions{display:flex;flex-wrap:wrap;gap:8px}.video-tags a{color:var(--fan-pink)}.video-card>a:not(.fan-button){color:var(--fan-pink)}
.video-comments{border-top:1px solid var(--fan-line);padding-top:10px}.video-comment{padding:10px 0;border-bottom:1px solid var(--fan-line)}.video-comment p{margin:5px 0}
.video-comment-form{display:flex;gap:8px;margin-top:12px}.video-comment-form input{flex:1;min-width:0;background:var(--fan-card);color:var(--fan-text);border:1px solid var(--fan-line);border-radius:10px;padding:9px}
.clip-section{margin-top:35px;padding:26px;border:1px solid var(--fan-line);border-radius:20px;background:var(--fan-panel)}.clip-section form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clip-section label:has(textarea),.clip-section label:has(input[type=file]){grid-column:1/-1}.clip-section textarea{min-height:100px}
@media(max-width:700px){.clip-section form{grid-template-columns:1fr}.clip-section label:has(textarea),.clip-section label:has(input[type=file]){grid-column:auto}}