@import url("ui-theme.css");
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{max-width:760px;margin:32px auto;padding:0 20px}header{margin-bottom:26px}.logo{font-size:32px;font-weight:800;color:var(--accent)}header p{margin:0;color:var(--muted)}section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 3px 12px #13294808}h1,h2{margin:0 0 12px}h1{font-size:26px}h2{font-size:21px}label{display:block;font-weight:600;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;margin-top:6px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button,.button{display:inline-block;background:var(--action);color:white;border:0;border-radius:8px;padding:11px 17px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.1)}.secondary{background:var(--hover);color:var(--text)}.danger{background:var(--danger);color:var(--page)}.inline{display:inline-block;margin-left:12px}.hint,footer{font-size:14px;color:var(--muted)}.error,.notice{padding:14px;border-radius:8px}.error{background:#fee9ea;color:#a01e30}.notice{background:#e3f5ed;color:#146546}article{padding:16px 0;border-bottom:1px solid var(--line)}article p{font-size:14px;color:var(--muted)}article form{margin-top:10px}@media(max-width:500px){main{margin:18px auto}section{padding:18px}.inline{margin:12px 0 0}}

select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;margin-top:6px}

.pairing-qr{margin:20px 0;max-width:320px;padding:12px;background:#fff;border-radius:16px}.pairing-qr img{display:block;width:100%;height:auto;image-rendering:pixelated}