:root{color-scheme:dark;--bg: #0b0e11;--card: #14171b;--panel: #1b1e23;--panel-border: #23262b;--line: #23262b;--txt: #eaecef;--dim: #848e9c;--green: #16c784;--green-bright: #00d26a;--red: #ea3943}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt)}.wrap{max-width:560px;margin:0 auto;padding:20px 14px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.brand .badge{margin-top:5px}.logo{width:40px;height:40px;flex:none}h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}.sub{color:var(--dim);margin:2px 0 0;font-size:12px}.headright{display:flex;gap:8px;align-items:center;flex:none}.badge{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:999px;border:1px solid #35507a;color:#a9c4e8;white-space:nowrap}.badge.demo{border-color:#7a5a1f;color:#f0cf8a}.badge.live{border-color:var(--green);color:var(--green-bright)}.acct{font-family:ui-monospace,monospace;background:var(--panel);border:1px solid var(--panel-border);padding:7px 11px;border-radius:999px;font-size:13px}.connectbtn{background:var(--green);color:#04150c;border:none;font-weight:800;border-radius:999px;padding:10px 16px;cursor:pointer;font-size:14px;white-space:nowrap}.connectbtn:hover{background:var(--green-bright)}.strip{margin:16px 0 0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:13.5px}.strip b{color:var(--green-bright)}.msg{margin:12px 0 0;background:#0f2018;border:1px solid #1f7a4d;color:#b9f4d2;border-radius:14px;padding:10px 14px;font-size:14px}.tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;margin:18px 0 14px;overflow-x:auto}.tab{flex:1;background:transparent;border:none;color:var(--dim);font-weight:700;font-size:13.5px;padding:9px 6px;border-radius:999px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--txt)}.tab.on{background:#23262b;color:var(--txt)}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;margin-top:14px}.card h2{margin:0 0 10px;font-size:18px;font-weight:800}.card h3{margin:18px 0 6px;font-size:15px}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardhead h2{margin:0}.warn{background:#2a2113;border:1px solid #7a5a1f;color:#f0cf8a;border-radius:12px;padding:10px 12px;font-size:14px}.dim{color:var(--dim)}.center{text-align:center}label{display:block;color:var(--dim);font-size:13px;margin:10px 0 6px}.row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.row input{flex:1;min-width:110px}input,select{background:var(--panel);color:var(--txt);border:1px solid #2a2e35;border-radius:12px;padding:11px 12px;font-size:15px;min-width:0}input:focus,select:focus{outline:2px solid #2e4d3f;border-color:var(--green)}input.small{width:56px;padding:3px 7px;font-size:13px;border-radius:8px;text-align:center}button{background:#23262b;color:var(--txt);border:1px solid #2e3238;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.primary{width:100%;background:var(--green);border:none;color:#04150c;font-weight:800;font-size:17px;margin-top:14px;padding:15px;border-radius:16px}button.primary:hover:not(:disabled){background:var(--green-bright)}button.primary:disabled{background:#23262b;color:#5e6673;opacity:1}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--dim);font-size:13px;margin-top:10px;flex-wrap:wrap}.steps{margin:8px 0;padding-left:18px;line-height:1.6;font-size:14.5px}code{background:var(--panel);border:1px solid var(--panel-border);padding:2px 6px;border-radius:6px;font-size:12.5px;word-break:break-all}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:7px 4px;border-bottom:1px solid var(--line)}th{color:var(--dim);font-weight:600}footer{color:#5e6673;font-size:12.5px;margin-top:22px;line-height:1.55;text-align:center}.swapcard{padding:16px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:14px}.panelhead{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}.plabel{font-weight:800;font-size:14px}.sell-t{color:var(--red)}.buy-t{color:var(--green)}.panelrow{display:flex;align-items:center;gap:10px}.bigamt{flex:1;background:transparent;border:none;font-size:34px;font-weight:600;padding:2px 0;color:var(--txt);min-width:0}.bigamt:focus{outline:none;border:none}.panelrow select{flex:none;background:#23262b;border:1px solid #2e3238;border-radius:999px;font-weight:800;font-size:15px;padding:8px 12px;cursor:pointer}.flip{display:block;margin:-9px auto;position:relative;z-index:2;width:38px;height:38px;border-radius:12px;background:#23262b;border:3px solid var(--card);color:var(--txt);font-size:17px;line-height:1;padding:0}.flip:hover{background:#2c3036}.swaparrow{text-align:center;color:var(--dim);margin:6px 0 0}
