:root{color:#f5f7fa;font-synthesis:none;background:#081019;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,#00c2ff29,#0000 32rem),linear-gradient(145deg,#081019 0%,#0b1722 58%,#071018 100%);min-width:320px;min-height:100vh;margin:0}.shell{width:min(920px,100% - 56px);margin:0 auto;padding:64px 0 36px}.hero{margin-bottom:30px}.eyebrow{color:#60d6ff;letter-spacing:.18em;font-size:13px;font-weight:700}h1{margin:12px 0 10px;font-size:clamp(36px,6vw,64px);line-height:1}.hero p{color:#9eb0c0;margin:0;font-size:17px}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1d2ad1;border:1px solid #7dcff02e;border-radius:20px;padding:30px;box-shadow:0 24px 70px #0000004d}.status-row{align-items:flex-start;gap:14px;display:flex}.status-row strong{font-size:19px;display:block}.status-row p{color:#91a5b7;margin:5px 0 0}.status-dot{background:#718293;border-radius:50%;flex:none;width:11px;height:11px;margin-top:6px;box-shadow:0 0 0 6px #7182931f}.status-dot[data-state=working]{background:#ffbd4a;box-shadow:0 0 0 6px #ffbd4a1f}.status-dot[data-state=success]{background:#3ee08f;box-shadow:0 0 0 6px #3ee08f1f}.status-dot[data-state=error]{background:#ff646b;box-shadow:0 0 0 6px #ff646b1f}form{border-top:1px solid #ffffff14;margin-top:28px;padding-top:26px}label{color:#dce7ef;margin-bottom:10px;font-weight:650;display:block}.input-row{grid-template-columns:1fr auto;gap:12px;display:grid}input,button{min-height:52px;font:inherit;border-radius:12px}input{color:#fff;background:#09131d;border:1px solid #31485b;outline:none;min-width:0;padding:0 16px}input:focus{border-color:#52cdfb;box-shadow:0 0 0 3px #52cdfb24}button{color:#031017;cursor:pointer;background:#62d8ff;border:0;padding:0 27px;font-weight:750}button:disabled{cursor:wait;opacity:.55}.hint{color:#71889a;margin:10px 0 0;font-size:13px}.device-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 0;display:grid}.device-panel[hidden]{display:none}.device-panel div{background:#050e1694;border-radius:12px;padding:15px}dt{color:#7890a3;text-transform:uppercase;margin-bottom:6px;font-size:12px}dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace;font-size:14px}footer{color:#657b8d;text-align:center;margin-top:18px;font-size:12px}@media (width<=600px){.shell{width:min(100% - 28px,920px);padding-top:34px}.panel{padding:22px}.input-row,.device-panel{grid-template-columns:1fr}button{width:100%}}
