:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef7f5;background:#07100e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,#133e36,transparent 52%),#07100e}button,input,select{font:inherit}a{color:#96f3d2}.shell{max-width:1240px;margin:auto;padding:0 25px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid #29423b}.mark{display:flex;align-items:center;gap:12px}.mark .symbol{display:grid;place-items:center;width:42px;height:42px;background:#80f5bb;color:#082018;font-size:25px;font-weight:900;border-radius:13px}.mark strong{font-size:16px;letter-spacing:.16em}.mark small{display:block;color:#95b7a9;font-size:11px;margin-top:3px}.actions{display:flex;align-items:center;gap:15px}.network{color:#84efbe;border:1px solid #2b6b4c;border-radius:99px;padding:8px 12px;font-size:12px}button{border:1px solid #447264;border-radius:12px;cursor:pointer;font-weight:700;transition:.2s;padding:12px 16px;color:#dcffeb;background:#16382d}button:hover{filter:brightness(1.13)}button:disabled{opacity:.5;cursor:not-allowed}.hero{padding:64px 0 44px}.eyebrow{font-size:11px;letter-spacing:.21em;color:#84e6b8;font-weight:700}.hero h1{font-size:clamp(46px,6vw,84px);line-height:1.04;letter-spacing:-.065em;margin:16px 0}.hero h1 span{color:#8af6c2}.hero p{max-width:660px;line-height:1.7;color:#a3bab1;font-size:16px}.alert{border:1px solid #82633b;background:#292119;color:#f8dcb4;padding:14px 17px;border-radius:13px;margin-bottom:20px;line-height:1.55}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:20px;align-items:stretch}.panel{background:linear-gradient(160deg,#12221d,#0b1714);border:1px solid #2a4239;border-radius:20px;padding:26px;min-width:0}.panel-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:26px}.step{display:grid;place-items:center;background:#204b39;color:#91f5c2;width:39px;height:39px;border-radius:11px;font-weight:800}.panel h2,.panel h3{margin:0;font-size:24px;letter-spacing:-.03em}.panel h3{font-size:21px;margin-bottom:27px}.panel p{color:#8eb0a2;margin:6px 0 0;font-size:13px;line-height:1.6}.pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-size:13px;color:#b8d7ca;display:block;margin:0 0 17px;font-weight:600}input,select{width:100%;margin-top:8px;color:#f1fff6;outline:none;border:1px solid #355449;background:#0a1713;padding:14px 13px;border-radius:11px;font-size:14px;min-width:0}input:focus,select:focus{border-color:#76eab5;box-shadow:0 0 0 3px #4cc58c20}input::placeholder{color:#5b7f70}label small{display:block;margin:7px 0;color:#789d8c;font-size:11px;line-height:1.5}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.primary{background:#8cf4bf;color:#092319;border-color:#8cf4bf;flex:1}.secondary{background:transparent;color:#b2f8d8;flex:1}.hint{background:#091712;border:1px solid #203d31;padding:14px;border-radius:12px;color:#9abbaa;white-space:pre-wrap;font-size:12px;line-height:1.65;margin-top:18px;overflow-wrap:anywhere}.milestone{display:flex;gap:14px;margin:22px 0}.milestone b{background:#1c4132;color:#95f7c5;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.milestone strong,.milestone small{display:block}.milestone strong{font-size:14px}.milestone small{color:#8caf9f;line-height:1.5;font-size:12px;margin-top:5px}.metric{background:#173d30;border:1px solid #315b47;border-radius:14px;padding:19px;margin-top:30px}.metric small,.metric span{display:block;color:#9dc8b2;font-size:11px}.metric strong{display:block;font-size:31px;color:#8cf2bd;margin:5px 0}.status{background:#0a1b14;padding:17px;border-radius:12px;line-height:1.6;color:#b1d5c4;white-space:pre-wrap;overflow-wrap:anywhere;min-height:115px}.status.error{color:#ffd2ba;background:#33251c}.status.ok{color:#abf8d1;background:#173b2b}.status-panel small{display:block;color:#78998a;line-height:1.7;margin-top:15px}#results a{display:block;margin-top:14px;overflow-wrap:anywhere;font-size:12px}footer{padding:37px 0 48px;color:#729084;font-size:12px}footer a{margin:0 8px}@media(max-width:850px){.layout{grid-template-columns:1fr}.hero{padding:46px 0 36px}.actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:520px){.shell{padding:0 14px}.topbar{align-items:flex-start}.network{font-size:10px}.pair{grid-template-columns:1fr}.panel{padding:18px}.hero h1{font-size:49px}.topbar .actions{gap:6px}.network{padding:7px}.topbar button{font-size:11px;padding:9px}.mark strong{font-size:12px}}
