:root{color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#eef1f6;color:#1b1f24;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.page{width:100%;max-width:460px}.card{background:#fff;border-radius:16px;padding:24px 26px;box-shadow:0 12px 34px #0000001a}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card__title{font-size:20px;margin:0}.badge{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;cursor:default}.badge.ok{background:#e3f5e9;color:#0b7a3b}.badge.warn{background:#fff1d6;color:#a15d00}.badge.err{background:#fde3e1;color:#b3261e}.lead{margin:4px 0 10px;font-size:16px}.muted{color:#5c6470;font-size:14px;line-height:1.55;margin:0 0 6px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#f6f6f8;padding:8px 10px;border-radius:8px;color:#b3261e}.small{font-size:12px}.pairing{text-align:left}.qrbox{display:flex;align-items:center;justify-content:center;margin:10px 0 4px;padding:12px;border:1px dashed #cdd4dd;border-radius:14px}.qrimg{width:300px;max-width:100%;height:auto;image-rendering:pixelated}.qrbox__empty{color:#8a8f98;padding:40px;font-size:14px}.steps{margin:8px 0 0;padding-left:20px}.steps li{margin-bottom:4px}.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid #eceef1;gap:10px}.ghost{border:1px solid #cdd4dd;background:transparent;color:inherit;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:13px}.ghost:hover{background:#f2f4f7}@media(prefers-color-scheme:dark){body{background:#131417;color:#eef0f3}.card{background:#1d1f24}.card__foot{border-top-color:#2b2e34}.badge.ok{background:#10391f;color:#6fe39a}.badge.warn{background:#3f2c07;color:#ffcf6e}.badge.err{background:#451c1a;color:#ff9b95}.muted{color:#9aa1ab}.mono{background:#111216;color:#ff9b95}.qrbox{border-color:#383c44}.ghost{border-color:#3a3f48}.ghost:hover{background:#2a2e36}.qrbox__empty{color:#7b818c}}