:root{font-family:Inter,system-ui,sans-serif;color:#eef4ff;background:#071018}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#17324a,#071018 50%);min-height:100vh}main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}header strong{font-size:24px}.badge{margin-left:12px;color:#78d6b0;font-size:12px}.pair,.text,nav{display:flex;gap:10px;margin:16px 0}input,button{border:1px solid #294158;background:#0e1d29;color:#eef4ff;border-radius:8px;padding:11px 14px}input{flex:1}button{cursor:pointer;background:#163c58}button:hover{background:#205477}.stage{position:relative;height:min(68vh,700px);background:#020405;border:1px solid #243847;border-radius:14px;overflow:hidden}.stage video{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1;touch-action:none}.empty{position:absolute;inset:0;display:grid;place-items:center;color:#718697}nav button{flex:1}@media(max-width:650px){header,.pair,.text{flex-direction:column;align-items:stretch}.stage{height:55vh}}