:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--panel:#0d1b2d;--panel-strong:#12243a;--line:#253a53;--text:#f4f8fc;--muted:#93a4b8;--green:#48e08c;--green-dark:#1eb46a;--amber:#f5b942;--red:#ff7a7a;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer}.app-header{border-bottom:1px solid var(--line);background:#091522;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 max(22px,50vw - 510px);display:flex}.brand{color:var(--text);align-items:center;gap:11px;text-decoration:none;display:flex}.brand img{border-radius:50%;width:40px;height:40px}.brand span{font-size:18px;font-weight:850}.brand small{color:var(--muted);font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.network-pill,.wallet-button,.status-line{border:1px solid var(--line);border-radius:6px;min-height:38px}.network-pill{color:var(--amber);align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.wallet-button{background:var(--panel-strong);color:var(--text);padding:0 16px;font-weight:760}main{width:min(1020px,100% - 32px);margin:0 auto;padding:34px 0 64px}.account-strip,.contract-strip{border:1px solid var(--line);background:#0a1726;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;display:grid}.account-strip>div,.contract-strip>div{border-right:1px solid var(--line);min-width:0;padding:16px 18px}.account-strip span,.contract-strip span,.balance-row span,.rule-row span,.position-grid span,.amount-box>span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:760;display:block}.account-strip strong,.contract-strip a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.icon-button{border:1px solid var(--line);background:var(--panel-strong);width:42px;height:42px;color:var(--text);border-radius:6px;margin:0 14px;font-size:22px}.trade-shell{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(580px,100%);margin:44px auto 32px;box-shadow:0 24px 70px #00000047}.trade-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 22px;display:flex}.eyebrow{color:var(--green);margin:0 0 6px;font-size:11px;font-weight:820}h1{letter-spacing:0;margin:0;font-size:28px}.status-line{max-width:230px;color:var(--muted);align-items:center;padding:7px 11px;font-size:12px;line-height:1.35;display:flex}.status-line[data-tone=success]{color:var(--green);border-color:#48e08c73}.status-line[data-tone=warning]{color:var(--amber);border-color:#f5b94280}.status-line[data-tone=error]{color:var(--red);border-color:#ff7a7a80}.tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tab{border:0;border-right:1px solid var(--line);min-height:52px;color:var(--muted);background:0 0;font-weight:780}.tab:last-child{border-right:0}.tab.is-active{background:var(--panel-strong);color:var(--green)}.tab-panel{padding:26px 28px 30px}.balance-row,.rule-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.balance-row span,.rule-row span{margin:0}.balance-row strong,.rule-row strong{font-size:13px}.amount-box{border:1px solid var(--line);background:#091725;border-radius:6px;margin-bottom:17px;padding:16px;display:block}.amount-box>div{align-items:center;gap:10px;display:flex}.amount-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:30px;font-weight:760}.amount-box input::placeholder{color:#506176}.amount-box strong{font-size:13px}.max-button{min-width:52px;min-height:32px;color:var(--green);background:#48e08c14;border:1px solid #48e08c66;border-radius:5px;font-size:12px;font-weight:800}.primary-button{background:var(--green);color:#042012;border:0;border-radius:6px;width:100%;min-height:54px;font-weight:860}.primary-button:hover:not(:disabled){background:#66e9a1}.primary-button:disabled{cursor:not-allowed;color:#8291a2;background:#32465b}.position-grid{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.position-grid>div{border-right:1px solid var(--line);padding:16px}.position-grid>div:last-child{border-right:0}.position-grid strong{font-size:15px}.context-note{color:var(--muted);margin:-2px 0 18px;font-size:12px;line-height:1.55}.contract-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-strip>div:last-child{border-right:0}.contract-strip a{color:#a9cdf1;text-decoration:none}@media (width<=700px){.app-header{padding:0 16px}.brand small,.network-pill{display:none}main{width:calc(100% - 24px);padding-top:20px}.account-strip{grid-template-columns:1fr 1fr}.account-strip>div{border-bottom:1px solid var(--line)}.account-strip>div:nth-child(2){border-right:0}.account-strip>div:nth-child(3){border-bottom:0}.icon-button{justify-self:end}.trade-shell{margin-top:24px}.trade-heading{flex-direction:column;align-items:stretch;padding:22px 20px 18px}.status-line{max-width:none}.tab-panel{padding:22px 20px 24px}.contract-strip{grid-template-columns:1fr}.contract-strip>div{border-right:0;border-bottom:1px solid var(--line)}.contract-strip>div:last-child{border-bottom:0}}