:root{--bg:#f4f7f9;--paper:#fff;--ink:#132938;--muted:#5f7384;--line:#dce5eb;--accent:#157d77;--accent-light:#e6f3f1;--danger:#a52932;--sans:'Segoe UI','Microsoft YaHei',sans-serif;--mono:Consolas,'SFMono-Regular',monospace}
.power{align-content:center;gap:6px}.power span{font-size:14px;font-weight:600}.setup[hidden],.setup button[hidden]{display:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:min(1120px,100%);padding:28px 40px}.wordmark{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink);font:700 28px/1 var(--mono);letter-spacing:-2px}.wordmark span{font:11px/1 var(--sans);letter-spacing:2px;color:var(--muted)}.platform{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 12px}main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px 24px}.panel{width:min(100%,460px);background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 16px 56px #20384708}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--accent)}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:10px 0 6px}.intro p{color:var(--muted);font-size:14px;margin:0}.connection{text-align:center;padding:40px 0 28px}.power{width:136px;height:136px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);display:grid;place-items:center;margin:0 auto 24px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.power:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1329380d}.power:active{transform:scale(.97)}.power svg{width:45px;height:45px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round}.power[aria-checked=true]{color:var(--accent);background:var(--accent-light);border-color:#9fcec9;box-shadow:0 0 0 8px #e6f3f155}.power:disabled{cursor:wait;opacity:.65}.connection h2{font-size:21px;margin:0 0 8px;font-weight:600}.connection p{font-size:13px;color:var(--muted);margin:0;min-height:40px}.region{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:14px 16px;gap:12px}.region-icon svg{width:23px;height:23px;stroke:var(--muted);stroke-width:1.5;fill:none;display:block}.region div{flex:1}.region label{display:block;font-size:11px;color:var(--muted)}.region select{border:0;background:transparent;color:var(--ink);width:100%;padding:4px 24px 0 0;cursor:pointer;font-weight:600}.node-state{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:6px}.node-state i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.setup{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.setup button{background:none;border:0;padding:2px 0;min-height:44px;color:var(--muted);font-size:12px;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center}.setup button:hover{color:var(--accent)}.footnote{font-size:12px;color:var(--muted);margin:22px 0 0}footer{font:11px/1.5 var(--mono);color:var(--muted);padding-top:12px;padding-bottom:24px}.error{color:var(--danger);font-size:13px;margin:16px 0 0}.error[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:20px;width:min(440px,calc(100% - 32px));padding:32px;color:var(--ink);font:14px/1.6 var(--sans);box-shadow:0 24px 80px #13293822}dialog::backdrop{background:#13293865;backdrop-filter:blur(4px)}dialog h2{font-size:24px;font-weight:600;margin:12px 0 26px}.close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:28px}ol{padding-left:24px}li{padding-left:5px;margin-bottom:24px}li::marker{color:var(--accent);font-weight:600}li p{font-size:13px;color:var(--muted);margin:4px 0}.download{width:100%;min-height:48px;border:0;border-radius:10px;background:var(--accent);color:white;font-weight:600}.download:disabled{opacity:.65;cursor:wait}.download-note{font-size:12px;color:var(--muted);margin:12px 0 0}@media(max-width:600px){header,footer{padding-left:24px;padding-right:24px}header{padding-top:24px}main{padding:20px}.panel{padding:28px 24px;border-radius:20px}.wordmark{font-size:25px}.wordmark span{font-size:10px}.connection{padding-top:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-height:800px) and (min-width:601px){header{padding-top:20px;padding-bottom:16px}main{padding-top:16px;padding-bottom:12px}.panel{padding:24px 32px}.connection{padding:24px 0 16px}.power{width:112px;height:112px;margin-bottom:18px}.setup{margin-top:16px;padding-top:12px}.footnote{margin-top:16px}footer{padding-bottom:16px}}