:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101114;color:#f7f5f0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,20px);border-bottom:1px solid #333}a{color:inherit}nav{display:flex;gap:20px}nav a{text-decoration:none;color:#ddd}.logo{font-weight:900;text-decoration:none;font-size:22px;letter-spacing:1px}.logo span,.eyebrow{color:#d9b66b}main{max-width:1120px;margin:auto;padding:25px 20px 70px}.intro{text-align:center;margin:38px auto;max-width:690px}.intro h1{font-size:clamp(32px,5vw,56px);margin:8px}.intro p{color:#c6c6c6;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card,.panel{border:1px solid #3c3933;border-radius:14px;background:#1c1d21;overflow:hidden}.pad,.panel{padding:22px}.card h2{font-size:20px}.card small,.card p{color:#bfbfbf}.art{background:linear-gradient(135deg,#242424,#4d3e24);height:140px;display:grid;place-items:center;font-size:42px;color:#e5c27b}.btn{display:inline-block;border:0;border-radius:8px;background:#d9b66b;color:#151515;font-weight:700;text-decoration:none;padding:12px 17px;cursor:pointer;margin:7px 0}.btn.danger{background:#a53c3c;color:white}.btn.alt{background:#303136;color:#fff}.panel{max-width:740px;margin:20px auto}.panel h2{margin-top:0}input,select{display:block;width:100%;background:#101114;color:#fff;border:1px solid #6b665e;border-radius:7px;padding:12px;margin:7px 0 14px;font:inherit}input[type=checkbox]{width:auto;display:inline}label{display:block;margin-top:10px}form.inline{display:inline-block;margin-right:8px}video{width:100%;max-height:400px;background:#000}.notice{border-left:3px solid #d9b66b;background:#353025;padding:12px}.empty{text-align:center;padding:45px;color:#ccc}footer{text-align:center;border-top:1px solid #333;padding:22px;color:#bbb}.muted{color:#aaa;font-size:13px}.item{padding:14px 0;border-top:1px solid #444}.progress{width:100%}@media(max-width:600px){header{gap:12px;flex-wrap:wrap}nav{gap:12px;font-size:13px}.panel{padding:16px}}

.card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0b0b0c}.card .pad{padding:17px 20px}.card .btn{width:100%;text-align:center}

.card .video-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#17181c}.card .pad{padding:12px 18px}.card .btn{margin:0}