.video-catalog{color:#f7faf8;margin:22px 0;padding:20px;background:#17251e;border-radius:14px}
.video-help,.video-copy p,.movie-background p{color:#c6d9cd;line-height:1.6}
.video-help,.movie-background p{max-width:70ch;font-size:14px}
.video-list{list-style:none;margin:20px 0;padding:0}
.video-list li{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #364b3f}
.video-copy{flex:1;min-width:0}
.video-copy h3{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}
.video-copy p{font-size:13px;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.video-copy .movie-reward{color:#e4ffad;margin-top:5px}
.video-poster,.video-placeholder{width:72px;height:108px;object-fit:cover;flex-shrink:0;border-radius:8px;background:#294332}
.video-placeholder{display:flex;align-items:center;justify-content:center}
.video-placeholder img{width:30px;height:30px}
.video-action{border:0;padding:12px 18px;border-radius:8px;background:#b8ef36;color:#14200b;font-weight:700;cursor:pointer;min-height:44px;overflow-wrap:anywhere}
.video-action:hover{background:#d0fa72}
.video-action:disabled{background:#526447;color:#e1eadc;cursor:default}
.video-viewer{padding-top:24px;scroll-margin:24px}
.video-viewer-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}
.video-viewer-heading h3{min-width:0;overflow-wrap:anywhere}
.video-viewer video{display:block;width:100%;max-height:65vh;background:#080e0a;border-radius:10px;margin:16px 0}
.video-progress progress{display:block;width:100%;height:14px;accent-color:#b8ef36;margin:12px 0}
.video-progress label{font-variant-numeric:tabular-nums}
.video-error{color:#ffd7cd;overflow-wrap:anywhere}
.video-task-page{max-width:960px;margin:auto;padding:16px 18px 100px}
.video-empty{padding:35px 0;color:#c6d9cd}
.video-catalog button:focus-visible{outline:3px solid #e4ffad;outline-offset:3px}
.video-catalog ::selection{background:#b8ef36;color:#14200b}
.movie-background{margin-top:28px;padding-top:20px;border-top:1px solid #364b3f}
.movie-background h3{font-size:16px;margin:0 0 8px}
@media(max-width:540px){.video-catalog{padding:16px}.video-list li{gap:10px;flex-wrap:wrap}.video-poster,.video-placeholder{width:60px;height:90px}.video-action{padding:10px 14px}.video-copy h3{font-size:16px}.video-copy p{font-size:12px}.video-task-page{padding:8px 10px 90px}}