:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0a0d12;color:#edf1f7}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;letter-spacing:3px;font-weight:750}.brand b{color:#81c9bd}small,footer{color:#8e9ba9;letter-spacing:2px;font-size:11px}.hero{padding:48px 0 26px}.hero p{color:#9aa8b8}h1{font-size:clamp(32px,6vw,60px);line-height:1.12;letter-spacing:-2px;margin:12px 0 22px}h2{font-size:19px}h3{font-size:24px}#status{color:#81c9bd;font-size:14px}section{margin-bottom:25px}form{display:flex;gap:10px;margin:10px 0}input{min-width:0;flex:1;padding:15px;border:1px solid #2a3442;border-radius:12px;background:#141b25;color:white;font:inherit}button{border:1px solid #354152;background:#1c2938;color:#ecf5ff;border-radius:10px;padding:12px 17px;cursor:pointer;font:inherit}button:hover{background:#30445a}button:focus-visible,input:focus-visible{outline:2px solid #81c9bd}button:disabled{opacity:.4}.panel{background:linear-gradient(120deg,#172c32,#151e2c);border:1px solid #2a424a;border-radius:20px;padding:24px}#controls{display:flex;gap:10px;flex-wrap:wrap}.song{display:flex;align-items:center;gap:12px;border-bottom:1px solid #222d39;padding:16px 0}.song strong,.song>span:first-child{flex:1}.song strong{font-size:14px}.song button{padding:8px 12px;font-size:13px}#message{color:#edc78a}footer{margin-top:35px}.player{height:100vh;overflow:hidden}.player #video{width:100vw;height:100vh}.player aside{position:absolute;inset:0;background:#0a0d12;padding:10vw;display:flex;flex-direction:column;justify-content:center}.player aside[hidden]{display:none}@media(max-width:560px){main{padding:24px 16px}header{gap:16px}small{font-size:9px}.song{flex-wrap:wrap}.song strong{flex-basis:65%}button{padding:12px}.hero{padding-top:30px}}