[hidden]{display:none!important}
#connection-setup{max-width:860px;margin:0 auto;padding:24px;color:var(--ink);background:var(--white);overflow:auto;height:100dvh;font-size:18px;line-height:1.5}
#connection-setup h1{font-size:26px;margin:8px 0}#connection-setup h2{font-size:21px;margin:0 0 12px}
#connection-setup a{color:var(--green)}#connection-setup .connection-card{border:1px solid var(--muted);border-radius:10px;padding:20px;margin:18px 0}
#connection-setup label{display:block;font-weight:600;margin:12px 0 4px}
#connection-setup input{display:block;width:100%;font:inherit;padding:10px;border:1px solid var(--muted);border-radius:6px;background:var(--paper);color:var(--ink)}
#connection-setup button{font:inherit;min-height:46px;padding:10px 18px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:var(--white);margin-top:14px}
#connection-setup button:disabled{background:var(--soft);color:var(--muted);border-color:var(--muted)}
#connection-setup p{margin:10px 0;color:var(--muted)}#connection-setup .device-choices{display:flex;flex-wrap:wrap;gap:12px}
#setup-status{font-weight:600}#change-connection{margin:8px;min-height:42px;font-size:16px}
body:has(#connection-setup:not([hidden])){background:var(--white)}
:root{color-scheme:dark}
@media(max-width:600px){#connection-setup{padding:16px}#connection-setup .connection-card{padding:16px}}