:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#152d2a;background:#f4f4ed;font-synthesis:none;line-height:1.65;--line:#d4ddd3;--green:#21584a;--muted:#5e6e65}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 40px,540px);margin:32px auto 48px}.wide{max-width:1040px;width:calc(100% - 64px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.eyebrow{font-size:13px;letter-spacing:3px;font-weight:700}.tag{font-size:12px;border:1px solid var(--line);padding:3px 10px;border-radius:20px;color:var(--muted)}h1{font-size:clamp(38px,7vw,56px);line-height:1.2;letter-spacing:-2px;margin:0 0 18px;font-weight:650}h2{font-size:21px;line-height:1.4;margin:8px 0 14px;font-weight:650}.intro{max-width:480px;color:var(--muted);margin-bottom:26px;font-size:16px}p{margin:10px 0 18px;color:var(--muted);font-size:14px}.notice{border-left:3px solid var(--green);padding:12px 16px;background:#e6ede4;font-size:14px;margin-bottom:24px}.notice.error{border-color:#a64033;background:#f8e9e3;color:#823325}.card{background:#fffefa;border:1px solid var(--line);padding:26px;margin-bottom:18px;border-radius:4px}.step{font-size:11px;letter-spacing:2px;font-weight:700;color:#537062}label{display:block;margin:14px 0 6px;font-size:13px;font-weight:600}input{font:inherit;min-width:0;width:100%;border:1px solid #bacabe;background:#fff;padding:13px 12px;border-radius:3px;color:inherit;font-size:16px}input:focus{outline:2px solid #719b83;outline-offset:2px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}button{font:inherit;font-size:14px;font-weight:650;border:1px solid transparent;border-radius:3px;background:var(--green);color:white;padding:13px 19px;cursor:pointer;min-height:46px;margin-top:18px}form button{width:100%}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;color:var(--green);border-color:var(--line)}.danger{background:#963d31}a{color:var(--green);font-size:13px;overflow-wrap:anywhere}.fingerprint{display:block;font-size:15px;line-height:1.8;word-break:break-all;background:#eef1e9;padding:14px;margin:12px 0;letter-spacing:1px}.pair-code{font-size:clamp(20px,3vw,30px);font-weight:700;color:var(--green);letter-spacing:2px}.small{font-size:12px;margin-top:16px;line-height:1.7}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request,.device{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.request:first-child,.device:first-child{border-top:0}.request strong{font-size:14px}.request span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.request .state{color:var(--green);font-weight:650}.empty{font-size:14px;color:var(--muted)}footer{font-size:11px;line-height:1.9;color:#6c7b70;margin-top:30px}code{font-family:ui-monospace,SFMono-Regular,monospace}button:focus-visible{outline:3px solid #9cc4a7;outline-offset:3px}[hidden]{display:none!important}@media(max-width:720px){.wide{width:calc(100% - 40px)}.columns{display:block}header{margin-bottom:36px}.card{padding:22px}h1{letter-spacing:-1px}}
:root .history-message{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}
.history-message strong{font-size:12px;color:var(--green)}
.history-message p{white-space:pre-wrap;margin:8px 0 0;color:#152d2a;font-size:14px}