*{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}

[hidden]{display:none!important}nav{flex-wrap:wrap}dialog{color:#fff;background:#181818;border:2px solid #aaa;border-radius:14px;max-width:min(520px,90vw);padding:24px}dialog::backdrop{background:#000b}dialog h2{margin-top:0}.edit-choice{display:block;margin:16px 0}.edit-choice input{width:auto}body.video-fullscreen{overflow:hidden}body.video-fullscreen #frame{position:fixed;inset:0;z-index:10;width:100vw;height:100vh;height:100dvh;margin:0;background:#000}#frame:fullscreen{width:100vw;height:100vh;margin:0;background:#000}

#recent h2{font-size:21px;margin:14px 0 8px}#recent-items{display:grid;gap:8px}#recent-items button{text-align:left;overflow-wrap:anywhere}#clear-history{margin-top:10px;font-size:16px}