:root{color-scheme:dark;font-family:ui-sans-serif,system-ui;background:#11131a;color:#f5f7ff}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(900px,100%);padding:24px;box-sizing:border-box}section{background:#1c202b;border-radius:16px;padding:24px;box-shadow:0 12px 35px #0005}h1{margin-top:0}.drop{display:grid;gap:8px;border:2px dashed #6678dd;padding:42px 20px;text-align:center;border-radius:12px;cursor:pointer}.drop input{display:none}.drop span{font-size:1.25rem;font-weight:700}.drop small,#progress{color:#b7bfd3}button{background:#5b6ee1;border:0;border-radius:8px;color:white;padding:11px 16px;font-weight:700;margin-top:16px;cursor:pointer}.danger{background:#a93d55}video{width:100%;max-height:70vh;background:#000;border-radius:12px}#controls{display:flex;gap:8px;flex-wrap:wrap}#now-playing{font-weight:700}