:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#080e1b;color:#f0f4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#a2c7ff;text-decoration:none}a:hover{text-decoration:underline}header{background:#101a2c;border-bottom:1px solid #24324b}.wrap{max-width:1050px;margin:auto;padding:0 22px}.head{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;font-weight:850;font-size:20px;letter-spacing:.3px}.brand span{color:#65aafa}nav a{font-size:14px}main{min-height:70vh}.intro{padding:70px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#76aeff}h1{font-size:clamp(36px,6vw,54px);letter-spacing:-2px;margin:15px 0}h2{font-size:23px}p{line-height:1.6}.intro p,.muted,.tip{color:#9babca}.tip{font-size:13px}.section-header,.play-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;margin:14px 0 48px}.card{background:#121f33;border:1px solid #2b3c57;border-radius:12px;padding:0;text-align:left;color:inherit;cursor:pointer;overflow:hidden;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-2px);border-color:#6daeff}.card:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7eb5ff;outline-offset:2px}.thumb{aspect-ratio:16/9;background:linear-gradient(130deg,#203b5a,#15233a 70%);display:grid;place-items:center;font-size:48px;color:#b5d5ff}.card-content{padding:16px}.card strong{display:block;text-transform:capitalize;font-size:17px;line-height:1.4}.card small{color:#9babca}.player-section{margin:0 0 42px}.player-section video{display:block;width:100%;max-height:650px;background:black;border-radius:12px}.notice{padding:14px 18px;background:#533037;color:#ffe7e9;border:1px solid #8a464f;border-radius:9px;margin:12px 0 26px}.notice.ok{background:#163c35;color:#d8fff1;border-color:#2a715c}.small,.primary{font:inherit;border:1px solid #496186;border-radius:9px;padding:10px 15px;cursor:pointer;background:#192c46;color:#eaf2ff}.small:hover{background:#253b5b}.primary{background:#3184ef;border-color:#3184ef;color:white;font-weight:700;padding:12px 20px}.primary:hover{background:#2672d1}button:disabled{opacity:.55;cursor:not-allowed}.panel{max-width:610px;margin-bottom:65px;padding:28px;border:1px solid #283950;border-radius:14px;background:#121d30}.panel h2{margin-top:0}form{display:grid;gap:18px}label{display:grid;gap:8px;font-weight:650;font-size:14px}input{width:100%;border-radius:8px;background:#0a1425;color:#fff;border:1px solid #435371;font:inherit;padding:13px}input[type=file]{cursor:pointer}footer{text-align:center;color:#7787a5;font-size:13px;padding:45px 0}.progress-track{height:12px;background:#263a56;border-radius:99px;overflow:hidden;margin:24px 0 10px}#progressBar{height:100%;background:#59a4ff;width:0;transition:width .2s}@media(max-width:540px){.intro{padding:48px 0 24px}.panel{padding:19px}.wrap{padding:0 17px}}