*{box-sizing:border-box}body{margin:0;background:#0b0e16;color:#f5f7ff;font:16px system-ui,sans-serif}main{max-width:480px;margin:auto;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px}header strong{font-size:15px;margin:auto}h1{font-size:24px}h2{font-size:18px}p{line-height:1.45}button,input{font:inherit;border:1px solid #485166;border-radius:9px;padding:10px;background:#1b2232;color:inherit;min-height:44px}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #baff58;outline-offset:2px}button:disabled{opacity:.4}label{display:block}input{width:100%;margin:6px 0 12px}#screenCode,#shortcut{text-align:center;letter-spacing:8px;font-size:26px}#connect,#add{width:100%;background:#baff58;color:#101719;font-weight:700}#keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}#keys button{font-size:23px;padding:8px}#room{font-size:13px;color:#baff58;margin:10px 0}#queuePanel{border-top:1px solid #485166;margin-top:16px}#queue{padding-left:24px;max-height:22vh;overflow:auto}#queue li{padding:6px 0;font-size:14px}#status{font-size:14px}dialog{background:#101622;color:#f5f7ff;border:1px solid #485166;border-radius:12px;width:min(450px,94vw);max-height:88vh;padding:14px}dialog::backdrop{background:#000b}#songs{list-style:none;padding:0;margin:6px 0}#songs li{border-bottom:1px solid #343e51;padding:8px 0}#songs button{width:100%;text-align:left;font-size:14px;white-space:normal}nav{display:flex;justify-content:space-between;align-items:center;gap:8px}[hidden]{display:none!important}@media(max-height:700px){main{padding-top:6px}#keys button{min-height:40px;padding:4px}#queue{max-height:18vh}#shortcut{margin-bottom:6px}#room{margin:5px 0}}
