*{box-sizing:border-box}body{margin:0;background:#111;color:#fff;font:20px system-ui}main{max-width:740px;margin:auto;padding:12px}h1{font-size:24px;margin:0}p{font-size:16px;margin:8px 0}label{font-size:18px}.row,nav{display:flex;gap:8px}input{min-width:0;flex:1}input,button{font:inherit;border:2px solid #999;border-radius:8px;padding:8px;background:#222;color:white}button:disabled{opacity:.5}nav{margin-top:8px}nav button{flex:1;font-size:18px}:focus-visible{outline:4px solid #ffdf38;outline-offset:2px}a{color:#8cceff}#frame{width:100%;height:clamp(200px,48vw,320px);margin-top:10px}#player,#frame iframe{width:100%;height:100%;border:0}