:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color:#18332c;background:#f6f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4dd}.brand{font-size:21px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:-.5px}.brand span{display:block;margin-top:5px;font-size:12px;font-weight:400;color:#68796e;letter-spacing:0}.local{font-size:12px;color:#65736a}.local:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#67967d;margin-right:8px}main{max-width:710px;padding:68px 30px 48px;margin:auto}.eyebrow{color:#577465;font-size:12px;font-weight:600;letter-spacing:1px}h1{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:14px 0}p{line-height:1.75}.intro{color:#67766c;font-size:15px;max-width:550px;margin:0 0 32px}.card{background:white;border:1px solid #dbe5dd;border-radius:18px;padding:30px;box-shadow:0 6px 24px #17322705}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:23px;margin:0;letter-spacing:-.5px}.card-heading p{font-size:12px;color:#79857c;margin:5px 0 0}.badge{background:#edf2ed;color:#66796b;font-size:12px;padding:7px 12px;border-radius:30px;white-space:nowrap}.badge.connected{color:#24724c;background:#e8f5ed}.badge.failed{color:#984421;background:#fff0e8}.description{font-size:14px;color:#52655a;min-height:48px;margin:24px 0 20px}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:inherit;font-size:14px;font-weight:600;background:white;color:#2b4f3e;border:1px solid #cfdcd3;padding:13px 17px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center}button.primary{background:#1d4535;color:#fff;border-color:#1d4535;min-width:220px}button:hover{filter:brightness(.94)}button:disabled{opacity:.48;cursor:default}button.quiet{border-color:transparent;color:#7a867d}button:focus-visible,a:focus-visible{outline:3px solid #75ae91;outline-offset:4px}#continue{display:block;margin-top:15px;color:#356b50;font-size:13px}.message{font-size:13px;background:#fff5ed;color:#8f482b;border-radius:8px;padding:12px 15px}.details{border-top:1px solid #e8eee8;margin-top:28px;padding-top:20px;display:grid;gap:14px}.details div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.details span{color:#849086}.details strong{font-weight:500;color:#4d6556}.note{font-size:12px;color:#7a887e;line-height:1.9;margin-top:20px}footer{max-width:1100px;margin:12px auto 0;border-top:1px solid #dce4dd;padding:23px 40px;color:#859087;font-size:12px;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:600px){header{padding:23px 22px}.local{font-size:10px}main{padding:43px 22px}h1{font-size:27px}.card{padding:23px}.actions button.primary{width:100%}.details div{display:block}.details strong{display:block;margin-top:4px}footer{padding:20px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#operator-form{display:grid;gap:12px}#operator-form label{font-size:14px}#operator-form input{font:inherit;border:1px solid #cfdcd3;border-radius:9px;padding:13px 14px;width:100%;margin-bottom:8px}#operator-form input:focus-visible{outline:3px solid #75ae91;outline-offset:2px}
.connector{margin-top:24px;border-top:1px solid #e8eee8;padding-top:12px}.connector h3{font-size:15px}.connector p{font-size:13px;color:#52655a}.connector pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f2;padding:14px;border-radius:8px;font-size:12px;line-height:1.6}.selectors{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:13px}.selectors select{font:inherit;padding:9px;border:1px solid #cfdcd3;border-radius:8px;max-width:100%}.selectors a{color:#356b50}