:root{color:#232323;font-synthesis:none;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}#app{box-sizing:border-box;width:min(100%,720px);margin:0 auto;padding:24px 20px}.status{border:1px solid color-mix(in srgb, currentColor 18%, transparent);white-space:pre-wrap;border-radius:12px;gap:8px;padding:16px;display:grid}.status strong{font-size:1rem}.status span{color:color-mix(in srgb, currentColor 72%, transparent);font-size:.875rem;line-height:1.45}.status[data-state=fatal]{border-color:#d33}.status[data-state=live]{border-color:#2c8}.pairing{gap:20px;display:grid}.pairing header,.pairing form,.pairing label{gap:8px;display:grid}.pairing header span,.pairing output{color:color-mix(in srgb, currentColor 72%, transparent);line-height:1.45}.pairing input,.pairing button{box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 24%, transparent);width:100%;min-height:44px;color:inherit;font:inherit;background:0 0;border-radius:10px;padding:10px 12px}.pairing input[name=code]{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem}.pairing button{color:#fff;background:#2563eb;border-color:#0000;font-weight:650}.pairing button:disabled{opacity:.6}.pairing output[data-state=error]{color:#c33}@media (prefers-color-scheme:dark){:root{color:#fff;background:#111}}