:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#25282c;background:#f5f6f7;font-synthesis:none;line-height:1.5;font-size:15px;--border:#e4e6e9;--muted:#747a83;--primary:#353b43}*{box-sizing:border-box}body{margin:0}button,input,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--border);border-radius:10px;background:white;color:#353a42;padding:10px 16px;font-weight:500;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#f2f3f5}button.primary,.link-button{background:var(--primary);border-color:var(--primary);color:white}button.primary:hover:not(:disabled),.link-button:hover{background:#242a31}.secondary{background:#fff}.text-button{border:0;background:transparent;color:var(--muted);padding:8px}.wide{width:100%}.portal{min-height:100dvh;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}.topbar{height:82px;max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;color:#25282c}.mark{width:32px;height:32px;border-radius:10px;background:#353b43;color:white;text-align:center;line-height:32px;font-size:20px}.brand-sub{font-size:13px;font-weight:400;color:#89909a;border-left:1px solid #d9dde2;padding-left:10px}main{max-width:1060px;margin:0 auto;padding:30px 0}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 4px 24px #19222f04}.login-card{max-width:440px;margin:10px auto}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.08em}h1{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:10px 0 12px;font-weight:650}h2{font-size:20px;margin:0 0 14px;font-weight:650}.muted{color:var(--muted)}.intro{margin:0 0 28px}.small{font-size:12px}label{display:block;font-size:13px;font-weight:500;margin:16px 0 8px}input{width:100%;border:1px solid #dfe2e6;border-radius:10px;min-height:46px;background:#fff;padding:11px 12px;font-size:16px;color:#25282c;outline:none}input:focus{border-color:#767f8c;box-shadow:0 0 0 3px #818a9818}#login-submit{margin-top:22px}.divider{display:flex;align-items:center;gap:14px;font-size:12px;color:#9298a1;margin:24px 0 16px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}details{border-top:1px solid #eceef0;margin-top:24px;padding-top:16px}summary{font-size:12px;color:#7d838c;cursor:pointer;min-height:32px;display:list-item}.hosts-card{max-width:640px;margin:10px auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.host-list{display:flex;flex-direction:column;gap:12px;margin:24px 0}.host-row{display:flex;align-items:center;gap:14px;border:1px solid var(--border);padding:16px;border-radius:12px}.host-icon{width:42px;height:42px;background:#f3f4f6;border-radius:12px;display:grid;place-items:center;color:#68717c;flex:none}.host-icon svg{width:24px;height:24px}.host-meta{min-width:0;flex:1}.host-name{font-size:15px;font-weight:550;margin:0;overflow-wrap:anywhere}.host-detail{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:4px}.dot,.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8bec7}.dot.online,.online-dot{background:#64a887}.empty{padding:25px 12px;border:1px dashed #dfe3e8;border-radius:12px;color:var(--muted);text-align:center}.connection-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;gap:12px}.connection-status{display:flex;align-items:center;gap:9px;color:#626b76;font-size:13px}#native-root{height:calc(100dvh - 150px);min-height:420px}.native-mode main{max-width:none}.native-mode .portal{max-width:none}footer{font-size:12px;color:#969ca4;text-align:center;padding:12px 0 28px}.notice{max-width:640px;margin:8px auto 0;border:1px solid #e4d7c6;background:#fff9ef;color:#8c633a;padding:12px 15px;border-radius:12px;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.notice.info{color:#586777;border-color:#dce4ec;background:#f3f7fa}dialog{width:calc(100% - 40px);max-width:380px;border:1px solid var(--border);border-radius:18px;padding:26px;color:#25282c;box-shadow:0 18px 80px #1620312b}dialog::backdrop{background:#19202c66;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{margin:0}.icon-button{border:0;padding:4px;font-size:24px;min-width:44px;color:#8a929e}.qr-image{margin:24px auto 16px;min-height:220px;display:grid;place-items:center}.qr-image canvas{max-width:100%;height:auto!important}.center{text-align:center}.link-button{text-decoration:none;display:block;text-align:center;border-radius:10px;padding:12px;min-height:44px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.fingerprint{display:block;font-size:19px;letter-spacing:.12em;word-break:break-all;padding:16px;border-radius:10px;background:#f4f5f7;text-align:center}.trust-name{font-weight:550;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:2px solid #788697;outline-offset:3px}.busy{cursor:progress}.native-mode main{padding-top:10px}.native-mode footer{display:none}@media(max-width:540px){.portal{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.topbar{height:70px}.brand-sub{display:none}main{padding-top:15px}.card{padding:26px 22px;border-radius:16px}.login-card,.hosts-card{margin:0 auto}h1{font-size:25px}.host-row{padding:14px 12px;gap:10px}.host-row button{padding:8px 12px}.host-icon{width:36px;height:36px}.host-detail{flex-wrap:wrap;gap:5px}.connection-bar{padding-bottom:12px}dialog{padding:24px}.native-mode .portal{padding-left:8px;padding-right:8px}.native-mode .topbar{padding:0 8px}}