:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#eef1ff;background:#0b1021;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 600px 480px at 72% -6%,rgba(104,76,212,.18),transparent 72%),radial-gradient(ellipse 620px 520px at -12% 35%,rgba(43,110,196,.11),transparent 66%),#0b1021}button{font:inherit;cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a{color:#b9b9ff;text-decoration:none}a:hover{text-decoration:underline}code{background:#252c48;border:1px solid #343c60;border-radius:5px;padding:2px 5px;font-size:.91em}.page-shell{max-width:1120px;margin:0 auto;padding:0 24px 26px}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(179,192,238,.12)}.brand{font-size:17px;display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.15px}.brand small{display:block;font-weight:500;font-size:11px;color:#7884b0;margin-top:3px}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#938fff,#576ce9);color:#fff;font-size:33px;font-weight:400;box-shadow:0 9px 28px #6063f53d}.top-badge{padding:8px 12px;border:1px solid #293251;background:#161e36;border-radius:99px;font-size:11px;color:#a3aeda;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#7af0ba;border-radius:50%;box-shadow:0 0 0 3px #58dda81f}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:30px}.intro{min-height:310px;padding:38px 10px 20px 8px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-kicker{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#919bff}.intro h1{font-size:clamp(29px,3.45vw,46px);letter-spacing:-1.7px;line-height:1.22;margin:24px 0 18px;font-weight:780}.intro h1 span{background:linear-gradient(95deg,#a8a8ff,#9fe5ed);-webkit-background-clip:text;background-clip:text;color:transparent}.intro p{color:#9aa6c3;font-size:14px;line-height:1.95;max-width:480px;margin:0}.intro-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.intro-tags span{font-size:11px;border:1px solid #2a3556;border-radius:50px;padding:7px 10px;color:#b2c0e1;background:#2028467a}.panel{border-radius:20px;border:1px solid #252d48;background:linear-gradient(150deg,#1d2542f0,#12192df5);padding:25px;box-shadow:0 14px 45px #00000017}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-head h2{font-size:20px;letter-spacing:-.5px;margin:5px 0 0}.status-pill,.chain-badge,.safe-label{font-size:11px;padding:6px 11px;border-radius:99px;border:1px solid #42475e;color:#b5bbd0;white-space:nowrap}.status-pill.ok{color:#79e7bc;border-color:#2b6357;background:#17372f}.safe-label{color:#a5d6c6;border-color:#315f53}.account-box{display:flex;gap:15px;align-items:center;border-radius:14px;background:#121a31;border:1px solid #2b3351;padding:18px}.avatar-circle{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:0 0 48px;background:linear-gradient(145deg,#31397c,#626ce5);color:#eee;font-size:22px;font-weight:700}.account-details{min-width:0;display:flex;flex-direction:column;gap:5px}.account-details>span{font-size:11px;color:#8995b5}.account-details strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-details small{font-size:11px;color:#8391b4;word-break:break-all}.actions-row{margin-top:18px;display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:12px;padding:14px 18px;font-size:13px;font-weight:700;transition:transform .16s,background .16s;min-height:48px}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{display:flex;justify-content:space-between;align-items:center;gap:15px;flex:1;background:linear-gradient(115deg,#8384fe,#757cf3);color:#fff;box-shadow:0 5px 18px #6867f138}.btn-primary span{font-size:17px}.btn-ghost{background:#252e48;border-color:#35405e;color:#c9d4f0}.btn-secondary{background:linear-gradient(120deg,#515aa5,#5859ae);color:#fff;width:100%;margin:8px 0 14px}.hint{color:#7382a4;font-size:11px;line-height:1.8;margin:14px 0 0}.networks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.network-item{height:87px;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:13px 14px;background:#151d35;border:1px solid #2d3654;color:#dfe4f9;font-weight:700;font-size:12px;text-align:left}.network-item.selected{border-color:#9b9bfd;background:linear-gradient(135deg,#282b57,#252b4c);box-shadow:0 0 0 1px #787ff144}.network-item:not(:disabled):hover{border-color:#717bcc}.network-item small{font-size:10px;font-weight:500;color:#8d9bbb}.chain-dot{display:block;width:11px;height:11px;border-radius:100%;background:#8c8cff}.chain-dot.ethereum{background:#909ce8}.chain-dot.bnb{background:#f3ba2f}.chain-dot.base{background:#3774f5}.chain-dot.polygon{background:#ae7bff}.chain-dot.arbitrum{background:#6db9e9}.chain-dot.optimism{background:#ff6464}.text-muted{color:#a2afca;font-size:13px;line-height:1.9;margin:0 0 18px}.signature-panel{min-height:255px}.result-line{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:16px;border-top:1px solid #303957;font-size:12px;color:#8896b5}.result-line strong{color:#dae4ff;font-size:12px}.text-btn{border:none;background:transparent;color:#a7b1d4;font-size:11px}.event-log{list-style:none;padding:14px;margin:0;background:#10182c;border:1px solid #29314e;border-radius:12px;height:203px;overflow:auto;display:flex;flex-direction:column;gap:9px}.event-log li{display:flex;gap:10px;color:#a7b5d5;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.event-log time{white-space:nowrap;color:#647397}.event-log .event-success span{color:#8bdfbc}.event-log .event-error span{color:#ffc5aa}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#647391;font-size:11px;padding-top:28px;line-height:1.65}.footer a{white-space:nowrap}@media(max-width:750px){.page-shell{padding:0 14px 22px}.topbar{height:72px}.brand{font-size:15px}.logo-mark{width:36px;height:36px;font-size:27px}.top-badge{font-size:10px;padding:6px 9px}.main-grid{grid-template-columns:1fr;gap:14px;padding-top:12px}.intro{min-height:auto;padding:29px 8px 12px}.intro h1{font-size:32px;margin:16px 0}.intro p{font-size:12px}.intro-tags{margin-top:20px}.panel{padding:19px;border-radius:16px}.panel-head{margin-bottom:19px}.panel-head h2{font-size:18px}.networks-grid{gap:8px}.network-item{height:83px;padding:10px;font-size:11px}.actions-row{flex-wrap:wrap}.btn-primary{min-width:190px}.btn-ghost{flex:0 0 auto}.footer{flex-direction:column;align-items:flex-start}.account-details strong{font-size:14px}}@media(max-width:350px){.top-badge{max-width:155px}.network-item{padding:8px;font-size:10px}.btn-ghost{width:100%}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}