:root{font-family:DM Sans,sans-serif;color:#eeeef0;background:#101216;font-synthesis:none;font-weight:400;--accent:#f5a052;--muted:#959ba7;--line:#2b2e35;--surface:#191c22;--green:#a6d9bb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}input,select{min-width:0}input::placeholder{color:#696f7a}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.amount-input input,.summary-flow strong{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(28px,3.2vw,40px);font-weight:500;letter-spacing:-1.5px;line-height:1.2}h1 span{color:#969aa3}h2{font-size:20px;font-weight:500;letter-spacing:-.5px}h3{font-size:17px;font-weight:500}p{font-size:15px;line-height:1.65;color:var(--muted)}.app-shell{max-width:1440px;margin:auto;padding:0 56px}.header{height:92px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:1px;font-weight:700}.brand img{height:34px;width:34px}.brand-slash{color:#5d616c;margin:0 11px;font-weight:400}.brand b{font-weight:400;color:#adb1ba}.header nav{display:flex;gap:29px;margin:auto}.header nav button{position:relative;background:none;color:var(--muted);font-size:14px;padding:36px 0}.header nav button.active{color:#fff}.header nav button.active:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.connect,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#24272e;border:1px solid #383c45;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:500;white-space:nowrap}.connect{background:#1c1f25;border-color:#3e4148}.connect:hover,.secondary:hover{background:#30343d}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:48px 0 32px;gap:20px}.eyebrow{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.page-heading .eyebrow{margin-bottom:14px}.page-heading p{margin-top:12px;font-size:15px}.network{display:flex;align-items:center;gap:8px;color:#bbc0c9;border:1px solid var(--line);border-radius:30px;font-size:12px;padding:8px 12px;white-space:nowrap}.network-dot{width:6px;height:6px;background:var(--green);border-radius:100%}.trade-layout,.help-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:28px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.small-label{font-size:10px;letter-spacing:1.2px;color:#8d929c}.segmented{display:flex;background:#101216;border:1px solid #292d35;padding:5px;border-radius:9px;margin-bottom:25px;gap:4px}.segmented button{display:flex;align-items:center;justify-content:center;gap:8px;width:50%;padding:12px;border-radius:5px;font-size:14px;font-weight:500;background:transparent;color:var(--muted)}.segmented button[aria-pressed=true]{background:#36312c;color:#ffd0a6;box-shadow:0 1px 5px #0003}.amount-field{background:#12151a;border:1px solid #2c3038;padding:18px;border-radius:10px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#c3c6cd;font-weight:500;gap:10px}.field-label span{font-size:11px;color:#7f8693;font-weight:400}.amount-input{display:flex;gap:14px;align-items:center;margin-top:15px}.amount-input input{background:none;outline:none;border:0;color:#faf9f7;width:100%;font-size:31px;letter-spacing:-1px;height:38px}.token-select{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;flex-shrink:0}.token-select select{appearance:none;outline:none;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:600;padding-right:2px}.token-select select option,.expiry-select option{background:#1a1d23;color:#fff}.token-icon{width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;overflow:hidden;background:#f5a052;color:#17191e}.token-icon img{width:100%;height:100%;object-fit:cover}.token-icon.usdc{background:#2874cb;color:#fff;font-size:21px;box-shadow:inset 0 0 0 4px #2874cb,inset 0 0 0 5px #fff}.token-icon.sol{background:#292f42;color:#ad95f9;font-size:26px}.exchange-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0;color:#717884}.exchange-divider span{height:1px;width:14px;background:#363a43}.price-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8f96a3;margin-top:15px}.price-line span:last-child{color:#c1c5ce;text-align:right;font-variant-numeric:tabular-nums}.form-divider{height:1px;background:var(--line);margin:23px 0}.wallet-input{display:flex;align-items:center;gap:12px;background:#12151a;border:1px solid #2c3038;border-radius:8px;padding:14px;margin-top:10px;color:#8b92a0}.wallet-input input{background:transparent;border:0;color:#eee;width:100%;font-size:14px;outline:none}.expiry-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:23px 0}.expiry-row label{display:flex;align-items:center;gap:8px;color:#a1a7b2}.expiry-select{display:flex;align-items:center;gap:5px}.expiry-select select{appearance:none;border:0;background:transparent;color:#e6e6e7;padding:5px;font-size:13px;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:8px;background:var(--accent);color:#231b13;font-weight:700;font-size:14px;min-height:50px;transition:background .15s}.primary:hover:not(:disabled){background:#ffb977}.full{width:100%}.form-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;margin-top:13px;color:#868d99}.side-column{display:grid;gap:22px}.summary-panel{border:1px solid #4d3d31;background:linear-gradient(125deg,#27211d,#1c1e23 65%);border-radius:15px;overflow:hidden}.summary-top{display:flex;justify-content:space-between;align-items:center;padding:25px 24px 15px}.summary-top .eyebrow{color:#caa480}.pair-label{color:#c8b19b;font-size:11px;padding:5px 8px;border:1px solid #514335;border-radius:4px}.summary-flow{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 28px;gap:12px}.summary-flow>div{width:44%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.summary-flow>.lucide{color:#776b60;flex-shrink:0}.summary-flow .token-icon{margin-bottom:9px}.summary-flow span:not(.token-icon){font-size:12px;color:#9d9fa6}.summary-flow strong{font-size:clamp(20px,2.5vw,30px);font-weight:500;overflow-wrap:anywhere;line-height:1.15}.summary-flow small{color:#aba7a1;font-size:12px}.summary-bottom{border-top:1px solid #3a322b;display:flex;align-items:center;gap:10px;padding:15px 24px;color:#edbe94;font-size:13px;background:#c8874910}.settlement-info{padding:4px 9px}.settlement-info h3{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-size:15px;letter-spacing:0}.settlement-info h3 svg{color:#a5acb8}.mini-step{display:flex;gap:15px;position:relative;margin-bottom:21px}.mini-step>span{font-family:Space Grotesk,sans-serif;display:grid;place-items:center;border:1px solid #383c45;border-radius:50%;width:26px;height:26px;flex-shrink:0;font-size:12px;color:#b8bdc6;background:#15181d}.mini-step:not(:nth-last-child(2)):before{content:"";position:absolute;top:30px;left:12px;height:24px;width:1px;background:#2d3139}.mini-step b{font-size:13px;font-weight:500}.mini-step p{font-size:12px;margin-top:3px;color:#878e9b}.mini-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#8c94a1;line-height:1.55;margin-top:26px}.mini-note svg{flex-shrink:0;margin-top:1px}.token-proof{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 9px 0}.token-proof>svg{margin-left:auto;color:#778271}.token-proof strong{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.token-proof .address{font-size:11px}.address{display:inline-flex;align-items:center;gap:5px;color:#9fa7b4;font-size:12px}.address:hover{color:var(--accent)}.bottom-rail{display:flex;gap:36px;justify-content:center;margin:35px 0 42px;color:#7e8694;font-size:12px}.bottom-rail span{display:flex;align-items:center;gap:7px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0 30px;border-top:1px solid var(--line);font-size:11px;color:#717985}footer a{display:flex;align-items:center;gap:5px}footer strong{color:#a3a9b3;font-weight:500}footer button{font-size:11px;color:#8b929e;background:none}.alert,.pending{display:flex;align-items:flex-start;gap:10px;padding:15px 18px;margin-bottom:18px;border-radius:8px;background:#352723;color:#f0bda6;border:1px solid #5a3b31;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.alert>svg{flex-shrink:0}.alert>span{flex:1}.alert button{background:none;color:inherit}.alert a{text-decoration:underline}.pending{background:#252a32;color:#c4cddb;border-color:#394150;align-items:center}.pending a{margin-left:auto;text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#343b34;color:#e8f2e9;border:1px solid #566958;padding:14px 20px;border-radius:9px;box-shadow:0 8px 30px #0006;display:flex;align-items:center;gap:9px;font-size:14px;z-index:50;max-width:90%;width:max-content}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:17px;color:#9ba3af}.empty>svg{width:32px;height:32px;color:var(--accent)}.empty p{max-width:350px}.empty h2{color:#e2e4e8}.badge{font-size:11px;padding:6px 10px;border:1px solid #535143;background:#51472b3b;color:#d9c299;border-radius:30px;text-transform:capitalize;white-space:nowrap}.badge.success{background:#25412f;border-color:#3d634c;color:#b7e1c4}.ticket .panel-heading{align-items:flex-start;margin-bottom:9px}.ticket .panel-heading h2{font-size:29px;margin-top:14px}.ticket-total{color:#8b93a2;font-size:17px;margin-bottom:27px}.ticket-total strong{font-weight:400;color:#bec4ce}.funding-legs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.funding-leg{background:#13161c;border:1px solid #303540;padding:17px;border-radius:10px}.row{display:flex;align-items:center;gap:8px}.funding-leg .row b{font-size:11px;font-weight:500}.funding-leg .row>svg{margin-left:auto;color:#747e8e;flex-shrink:0}.funding-leg h3{font-size:19px;margin:20px 0 9px;overflow-wrap:anywhere}.funding-leg h3 span{font-size:12px;color:#9da6b6}.funding-leg .token-icon{width:23px;height:23px}.funding-meter{height:4px;background:#30353d;margin:20px 0 9px;border-radius:5px;overflow:hidden}.funding-meter span{display:block;height:100%;background:var(--accent)}.funding-leg small{font-size:10px;color:#939dac;overflow-wrap:anywhere}.good{color:var(--green)!important}.ticket-meta{display:grid;gap:15px;margin:26px 0}.ticket-meta>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.ticket-meta span{color:#929aa8}.ticket-meta strong{font-weight:400}.consent{display:flex;align-items:flex-start;gap:9px;padding:17px 0;border-top:1px solid var(--line);font-size:12px;color:#aeb7c6;line-height:1.55}.consent input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0;flex-shrink:0}.consent a{text-decoration:underline}.ticket-actions{display:flex;gap:10px;flex-wrap:wrap}.text-button{background:none;font-size:12px;color:#a4adbb;padding:10px 0}.ticket-actions .primary{flex:1}.note{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#909aaa;line-height:1.6;margin-top:20px}.note svg{flex-shrink:0;margin-top:3px}.section-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #4d433b;border-radius:12px;color:var(--accent);margin-bottom:22px;background:#332a2350}.share-panel p{font-size:13px;margin-top:12px}.share-url{font-size:11px;font-family:monospace;background:#111419;padding:14px 10px;margin:23px 0 12px;border:1px solid var(--line);border-radius:5px;overflow-wrap:anywhere}.refresh{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px}.receipt-link{display:flex;gap:10px;align-items:center;background:#263d30;color:#b4ddc3;padding:17px;border-radius:8px;margin-top:20px;font-size:14px}.receipt-link svg:last-child{margin-left:auto}.recovery{margin-top:18px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:#a2aabb}.recovery p{font-size:13px;margin:12px 0}.trades-panel{min-height:400px}.lookup{display:flex;gap:10px;padding-bottom:23px;border-bottom:1px solid var(--line)}.lookup input{background:#12151a;border:1px solid #333944;border-radius:8px;padding:12px 15px;color:#eee;flex:1;font-size:14px}.trade-list{display:grid}.trade-row{display:flex;align-items:center;gap:15px;background:none;padding:20px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}.trade-row>span:nth-child(2){flex:1}.trade-row>span:nth-child(3){text-align:right}.trade-row strong{font-size:15px;font-weight:500;display:block}.trade-row small{display:block;font-size:12px;color:#929ba9;margin-top:6px}.unwrap{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:25px;font-size:13px;color:#a7b0bd}.help-main h2{font-size:25px;margin-bottom:30px}.help-main ol{padding-left:23px;color:var(--accent)}.help-main li{padding:0 0 26px 10px}.help-main li b{color:#e1e5eb;font-size:16px;font-weight:500}.help-main li p{font-size:14px;margin-top:8px}.help-main details{border-top:1px solid var(--line);padding:19px 0}.help-main summary{font-size:14px;cursor:pointer;color:#d2d8e2}.help-main details p{font-size:14px;margin-top:15px}.doc-link{display:flex;gap:7px;align-items:center;font-size:14px;color:var(--accent);margin-top:25px}.help-layout aside p{margin:17px 0 8px}.help-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}dialog{width:min(480px,calc(100% - 32px));border:1px solid #4b505b;border-radius:16px;background:#1b1f26;color:#e9edf4;padding:27px;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#080b10ba;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-top button{background:none;color:#b9c0cc}.review-amount{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;font-size:17px}.review-amount span:not(.token-icon){color:#939caa}.review-amount strong{font-weight:500}dialog dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}dialog dl>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:12px 0}dialog dt{color:#939eaf;flex-shrink:0}dialog dd{margin:0;text-align:right}.break-address{overflow-wrap:anywhere;max-width:220px;font-family:monospace}.review-note{font-size:12px;margin:15px 0;line-height:1.65}.dialog-error{font-size:13px;color:#efae9c;padding:12px 0}dialog .primary{margin-top:8px}@media(min-width:1400px){.app-shell{padding:0 90px}}@media(max-width:1000px){.app-shell{padding:0 28px}.header{gap:22px}.header nav{gap:20px}.trade-layout{gap:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.panel{padding:23px}.summary-flow{padding:18px}.summary-top{padding:22px 18px 10px}.small-label{display:none}.funding-legs{grid-template-columns:1fr}.funding-leg h3{margin-top:12px}}@media(max-width:760px){.app-shell{padding:0 18px}.header{height:auto;padding:20px 0 0;flex-wrap:wrap;justify-content:space-between;gap:12px}.brand{font-size:20px}.brand img{width:30px;height:30px}.connect{padding:10px 12px;font-size:12px}.header nav{order:3;flex-basis:100%;gap:26px;margin:0}.header nav button{padding:17px 0;font-size:13px}.page-heading{margin:29px 0 25px;align-items:flex-start}.page-heading h1{font-size:30px;letter-spacing:-1px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.page-heading p{font-size:13px;max-width:290px;line-height:1.5}.network{font-size:10px;padding:6px 8px;margin-top:0}.network-dot{width:5px;height:5px}.trade-layout,.help-layout{grid-template-columns:1fr;gap:26px}.panel{padding:21px}.create-panel .panel-heading h2{font-size:19px}.side-column{gap:22px}.summary-flow{padding:16px 24px 22px}.summary-flow strong{font-size:28px}.summary-flow>div{align-items:center}.summary-flow .token-icon{margin-bottom:4px}.summary-top{padding:20px 24px 10px}.settlement-info{padding:5px 13px}.bottom-rail{gap:17px;margin:28px 0;font-size:10px;flex-wrap:wrap}.bottom-rail svg{width:13px}.bottom-rail span{gap:5px}footer{font-size:10px;flex-wrap:wrap;gap:15px}footer>span{display:none}.funding-legs{grid-template-columns:1fr 1fr}.funding-leg{padding:13px}.funding-leg .row b{font-size:10px}.funding-leg h3{font-size:17px}.ticket .panel-heading h2{font-size:25px}.badge{font-size:10px}.ticket .panel-heading{flex-wrap:wrap}.unwrap{flex-direction:column;align-items:flex-start}.lookup{flex-wrap:wrap}.lookup input{width:100%;flex-basis:100%}.trade-row{gap:10px}.trade-row strong{font-size:12px}.trade-row small{font-size:10px}.trade-row>svg{display:none}}@media(max-width:390px){.network{display:none}.amount-input input{font-size:27px}.token-select{font-size:14px}.token-icon{width:26px;height:26px}.field-label span{font-size:10px}.funding-legs{grid-template-columns:1fr}.price-line{font-size:10px}.connect svg{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.token-icon.usdc,.token-icon.sol{background:transparent;box-shadow:none}.exchange-divider{height:14px;margin:0}.summary-flow>div{width:48%}
