:root{font-family:"Segoe UI",system-ui,sans-serif;color:#e8f0ff;color-scheme:dark}body{background:#000}#controls{width:min(700px,calc(100% - 36px));max-width:700px;margin:32px auto;padding:32px;background:#10213d;border:1px solid #2b4161;border-radius:20px;box-shadow:0 24px 90px #0005}.player-brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:3px;font-weight:650}.player-brand img{width:48px;height:48px;border-radius:12px}.player-brand span{font-size:9px;color:#91acca;letter-spacing:1.3px;margin-top:6px}h1{font-size:31px;line-height:1.25;letter-spacing:-.6px;margin:29px 0 15px}h2{font-size:19px;letter-spacing:-.2px;color:#deebff}.note{font-size:12px;line-height:1.8;color:#8ea6c6}.display-setup{padding:21px;background:#142b4e;border:1px solid #2b456a;border-radius:13px;margin:24px 0}.setup-step{font-size:9px;letter-spacing:1.2px;color:#8aa9d5}.display-setup .note{font-size:12px}.display-label{font-size:12px;margin:20px 0 0}input,select{width:100%;max-width:100%;min-height:45px;border:1px solid #34527d;border-radius:9px;background:#1a3459;color:#e4efff;padding:12px;font-size:14px}input{letter-spacing:2px}select{margin-top:7px}button{min-height:43px;border-radius:9px;padding:11px 15px;font-size:13px;font-weight:600;background:#2e6fea;border:1px solid #2e6fea}button.secondary{background:#19355c;border:1px solid #34507a;color:#b7cdec}.buttons{gap:10px}.facts{gap:11px;margin:24px 0}.facts p{padding:17px;background:#142b4d;border:1px solid #2a4265;border-radius:11px;min-width:0}.facts span{font-size:11px;color:#8ca7ce;margin-bottom:8px}.facts b{font-size:14px;line-height:1.6;overflow-wrap:anywhere}#status{font-size:14px;line-height:1.8;color:#a4c2ec}.error{font-size:13px;line-height:1.8}#controls>a{display:inline-flex;font-size:12px;margin-top:15px;color:#9ac0fa}#pair-form label{font-size:12px;margin-bottom:12px}#pair-form button{width:100%}@media(max-width:600px){#controls{margin:18px auto;width:calc(100% - 24px);padding:24px 19px;border-radius:16px}h1{font-size:27px}.facts{grid-template-columns:1fr 1fr}.facts p{padding:14px}.facts b{font-size:12px}.facts span{font-size:10px}.display-setup{padding:17px}.buttons button{flex:1 1 155px}.display-setup button{width:100%;font-size:12px}.note{font-size:11px}}