:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:20px;background:#06101c;color:#f6f9fc;font:16px system-ui}main{max-width:1100px;margin:auto}.eyebrow{color:#20d7dd;font-size:12px;font-weight:800}h1{font-size:clamp(24px,5vw,38px)}p{color:#b7c8d9;line-height:1.6}label{display:flex;align-items:center;gap:12px;margin-bottom:16px}select{padding:10px;border-radius:8px;background:#102238;color:inherit}#clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}article{padding:14px;border:1px solid #263c56;border-radius:12px;background:#0d1d30}h2{font-size:16px;overflow-wrap:anywhere}video{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px}a{display:inline-block;color:#20d7dd;padding:12px 0}[hidden]{display:none!important}