*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e2e2e8;-webkit-font-smoothing:antialiased;background:#0f0f13;height:100%;font-family:Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}@keyframes progress-slide{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.clip-card{cursor:pointer;background:#1a1a24;border:1px solid #2a2a38;border-radius:10px;transition:border-color .15s,transform .15s;overflow:hidden}.clip-card:hover{border-color:#5865f2;transform:translateY(-2px)}.clip-card:hover .clip-play-btn{color:#fff;background:#5865f2;border-color:#5865f2}