:root{--bg: #000000;--bg-elevated: #080808;--bg-panel: rgba(12, 12, 12, .84);--bg-input: rgba(4, 4, 4, .88);--ink: #fafafa;--muted: #777777;--muted-bright: #aaa9a7;--line: rgba(255, 255, 255, .105);--line-strong: rgba(255, 255, 255, .2);--gold: #c9a16c;--gold-bright: #ebce9e;--gold-line: rgba(201, 161, 108, .24);--silver: #eeeeec;--silver-dim: #aaa9a7;--accent: #ffffff;--accent-solid: #ffffff;--success: #bcd7c9;--danger: #ff7c7c;--radius: 26px;--radius-sm: 18px;--font: Inter, "Noto Sans SC", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 16%,rgba(255,255,255,.5) 0 .7px,transparent 1.1px),radial-gradient(circle at 18% 72%,rgba(201,161,108,.45) 0 .7px,transparent 1.2px),radial-gradient(circle at 42% 19%,rgba(255,255,255,.34) 0 .7px,transparent 1.2px),radial-gradient(circle at 65% 77%,rgba(255,255,255,.32) 0 .8px,transparent 1.2px),radial-gradient(circle at 86% 25%,rgba(201,161,108,.45) 0 .7px,transparent 1.1px),radial-gradient(ellipse 58% 50% at 75% 45%,rgba(36,40,101,.13),transparent 68%);z-index:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}#root{position:relative;z-index:1}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 28px;border-bottom:1px solid var(--line);background:#000000c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#000;display:grid;place-items:center;font-size:.72rem;font-weight:700}.brand span{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:8px 14px;border-radius:999px;color:var(--muted-bright);font-size:.95rem;font-weight:500;transition:color .16s ease,background .16s ease}.nav-links a.active{color:#fff;background:#ffffff14}.topbar-right{display:flex;align-items:center;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-panel);color:var(--muted-bright);font-size:.82rem}.chip i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--accent);color:#0a0a0a;font-weight:650;letter-spacing:.01em;transition:opacity .16s ease,transform .16s ease}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--line-strong);background:#ffffff0a}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 16px 80px}.trade-wrap{width:min(480px,100%)}.trade-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border-radius:999px;border:1px solid var(--line);background:#ffffff05}.trade-tabs a,.trade-tabs button{flex:1;text-align:center;padding:10px 12px;border-radius:999px;font-weight:600;color:var(--muted)}.trade-tabs a.active,.trade-tabs button.active{color:#000;background:var(--accent-solid)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:0 24px 80px #00000073;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.panel-head h1{margin:0;font-size:1.15rem;font-weight:650}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;color:var(--muted-bright);display:grid;place-items:center}.icon-btn:hover{border-color:var(--line);background:#ffffff0a}.panel-body{padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px}.token-box{position:relative;padding:14px 14px 12px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid transparent}.token-box:focus-within{border-color:var(--line-strong)}.token-box-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;margin-bottom:10px}.token-box-row{display:flex;align-items:center;gap:10px}.token-box input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--ink);font-size:1.65rem;font-weight:600;text-align:right}.token-box input::placeholder{color:#4a4a4a}.token-select{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);font-weight:650;white-space:nowrap}.token-select:hover{border-color:var(--line-strong)}.token-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:700;color:#000;background:var(--accent)}.token-avatar.alt{background:linear-gradient(135deg,#d0d0d0,#6e6e6e)}.flip-wrap{display:flex;justify-content:center;margin:-4px 0;position:relative;z-index:2}.flip-btn{width:40px;height:40px;border-radius:12px;border:3px solid var(--bg);background:#141414;color:var(--ink);display:grid;place-items:center;font-size:1.1rem}.flip-btn:hover{background:#1c1c1c}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:4px 4px 8px;color:var(--muted);font-size:.85rem}.meta-row strong{color:var(--muted-bright);font-weight:550}.action-btn{width:100%;min-height:56px;margin-top:4px;border-radius:16px;background:var(--accent);color:#000;font-size:1.05rem;font-weight:700}.action-btn:disabled{background:#1a1a1a;color:var(--muted);cursor:not-allowed}.banner{width:min(480px,100%);margin-bottom:16px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--muted-bright);font-size:.88rem;line-height:1.45}.banner.warn{border-color:#e8e8e840}.banner code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.footer{padding:24px;text-align:center;color:var(--muted);font-size:.8rem}.footer a{color:var(--muted-bright)}.footer a:hover{color:#fff}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#000000b8;display:grid;place-items:center;padding:16px}.modal{width:min(400px,100%);border-radius:18px;border:1px solid var(--line);background:#0d0d0d;padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0;font-size:1.05rem}.token-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}.token-list button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:12px;text-align:left}.token-list button:hover,.token-list button.active{background:#ffffff0d}.token-list .sym{font-weight:650}.token-list .name{color:var(--muted);font-size:.82rem}.settings-grid{display:flex;flex-direction:column;gap:12px}.settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:var(--muted-bright)}.settings-grid input{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-input);color:var(--ink)}.slip-presets{display:flex;gap:8px}.slip-presets button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line)}.slip-presets button.active{border-color:var(--accent-solid);color:#000;background:var(--accent-solid)}.status{margin-top:10px;font-size:.85rem;color:var(--muted-bright);word-break:break-all}.status.err{color:var(--danger)}.status.ok{color:var(--success)}.liquidity-hint{padding:12px;border-radius:12px;background:#ffffff08;color:var(--muted);font-size:.85rem;line-height:1.45}@media(max-width:860px){.nav-links{display:none}.topbar{padding:0 14px;height:64px}.chip.network{display:none}}.topbar{height:94px;padding:0;border-bottom-color:#ffffff0e;background:#000000db;backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}.topbar-inner{position:relative;display:flex;width:min(1440px,calc(100% - 72px));height:100%;margin:0 auto;align-items:center;justify-content:space-between}.brand{gap:14px;height:48px;letter-spacing:0}.brand-logo{display:block;width:142px;height:auto;-webkit-user-select:none;user-select:none}.brand .brand-divider{width:1px;height:20px;background:#c9a16c80}.brand .brand-product{color:#ffffff9e;background:none;font-size:10px;font-weight:600;letter-spacing:.28em;-webkit-background-clip:initial;background-clip:initial}.nav-links{position:absolute;top:50%;left:50%;gap:clamp(24px,3vw,42px);transform:translate(-50%,-50%)}.nav-links a{position:relative;padding:10px 0;border-radius:0;color:#ffffff94;font-size:13px;font-weight:500;letter-spacing:-.02em}.nav-links a:hover{color:#fff}.nav-links a.active{color:#fff;background:transparent}.nav-links a.active:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--gold);content:"";box-shadow:0 0 10px #c9a16c61}.topbar-right{gap:12px}.chip{padding:0;border:0;border-radius:0;background:transparent;color:#ffffff75;font-size:9px;font-weight:600;letter-spacing:.19em}.chip i{width:5px;height:5px;background:#a9c9b8;box-shadow:0 0 8px #a9c9b8b8}.btn-primary,.btn-ghost{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em}.btn-primary{position:relative;overflow:hidden;background:#fff;color:#050505}.btn-primary:before,.action-btn:before{position:absolute;top:-120%;left:-25%;width:32%;height:340%;background:linear-gradient(90deg,transparent,rgba(201,161,108,.25),transparent);content:"";transform:rotate(22deg);transition:left .42s ease}.btn-primary:hover:before,.action-btn:hover:before{left:105%}.btn-primary:hover{opacity:1;transform:translateY(-1px)}.btn-ghost{background:#ffffff09;color:#fff}.main{position:relative;min-height:calc(100vh - 94px);overflow:hidden;padding:clamp(62px,8vh,104px) 36px 96px;isolation:isolate}.main:before,.main:after{position:absolute;z-index:0;pointer-events:none;content:""}.main:before{top:0;right:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,161,108,.35))}.main:after{bottom:6%;left:0;width:28%;height:1px;background:linear-gradient(90deg,rgba(201,161,108,.25),transparent)}.cosmos{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.cosmos:before{position:absolute;inset:0;background-image:radial-gradient(circle at 11% 22%,rgba(255,255,255,.75) 0 1px,transparent 1.4px),radial-gradient(circle at 24% 67%,rgba(255,255,255,.32) 0 .8px,transparent 1.3px),radial-gradient(circle at 37% 34%,rgba(201,161,108,.52) 0 .8px,transparent 1.3px),radial-gradient(circle at 55% 10%,rgba(255,255,255,.38) 0 .8px,transparent 1.3px),radial-gradient(circle at 72% 74%,rgba(255,255,255,.62) 0 .8px,transparent 1.3px),radial-gradient(circle at 91% 38%,rgba(201,161,108,.48) 0 .8px,transparent 1.3px);content:"";opacity:.7}.cosmos-glow{position:absolute;top:4%;right:-13%;width:min(70vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(59,63,155,.14),rgba(18,21,66,.06) 42%,transparent 68%);filter:blur(8px)}.orbit{position:absolute;border:1px solid rgba(201,161,108,.1);border-radius:50%}.orbit-one{top:-210px;right:-230px;width:720px;height:720px}.orbit-two{top:-122px;right:-140px;width:540px;height:540px;border-style:dashed;border-color:#c9a16c14}.orbit-three{right:-40px;bottom:-280px;width:660px;height:660px;border-color:#585eca17}.orbit-node{position:absolute;width:4px;height:4px;border-radius:50%;background:#ebce9ed9;box-shadow:0 0 12px #ebce9eb3}.node-one{top:13%;right:25%}.node-two{top:45%;right:3%;width:2px;height:2px}.node-three{right:37%;bottom:14%;width:3px;height:3px;background:#979fffcc;box-shadow:0 0 12px #757fffb3}.trade-stage{position:relative;z-index:2;display:grid;width:min(1180px,100%);margin:auto;grid-template-columns:minmax(320px,1fr) minmax(440px,490px);gap:clamp(54px,7vw,104px);align-items:center}.trade-stage:before,.trade-stage:after{position:absolute;width:38px;height:38px;pointer-events:none;content:""}.trade-stage:before{top:-28px;left:-28px;border-top:1px solid rgba(201,161,108,.32);border-left:1px solid rgba(201,161,108,.32)}.trade-stage:after{right:-28px;bottom:-28px;border-right:1px solid rgba(201,161,108,.24);border-bottom:1px solid rgba(201,161,108,.24)}.trade-intro{max-width:510px}.section-kicker{display:flex;margin:0 0 28px;align-items:center;gap:12px;color:#ffffff8f;font-size:10px;font-weight:600;letter-spacing:.22em}.section-kicker span{color:var(--gold-bright)}.section-kicker i{width:34px;height:1px;background:#c9a16c80}.trade-intro h1{display:flex;margin:0;flex-direction:column;color:#fff;font-size:clamp(44px,5vw,66px);font-weight:400;letter-spacing:-.058em;line-height:.99}.trade-intro h1 strong{color:var(--gold-bright);font-weight:400}.intro-copy{max-width:500px;margin:28px 0 34px;color:#ffffff7a;font-size:14px;line-height:1.8}.protocol-meta{display:grid;padding:19px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);grid-template-columns:repeat(3,1fr)}.protocol-meta>div{display:flex;min-width:0;padding:0 18px;border-right:1px solid rgba(255,255,255,.08);flex-direction:column;gap:8px}.protocol-meta>div:first-child{padding-left:0}.protocol-meta>div:last-child{padding-right:0;border-right:0}.protocol-meta span{color:#ffffff57;font-size:8px;font-weight:600;letter-spacing:.18em}.protocol-meta strong{display:flex;overflow:hidden;align-items:center;gap:7px;color:#ffffffd1;font-size:10px;font-weight:600;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:#a9c9b8;box-shadow:0 0 8px #a9c9b8b8}.trade-column,.trade-wrap{width:100%}.trade-tabs{position:relative;gap:0;margin:0;padding:0 22px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent}.trade-tabs a,.trade-tabs button{position:relative;padding:14px 8px 13px;border-radius:0;color:#ffffff5c;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.trade-tabs a.active,.trade-tabs button.active{color:#fff;background:transparent}.trade-tabs a.active:after,.trade-tabs button.active:after{position:absolute;right:18%;bottom:-1px;left:18%;height:1px;background:var(--gold);content:"";box-shadow:0 0 9px #c9a16c73}.panel{position:relative;overflow:hidden;border-color:var(--gold-line);border-radius:var(--radius);background:linear-gradient(145deg,#121212f0,#050505f7 66%),#080808;box-shadow:0 28px 90px #0000008f,inset 0 1px #ffffff09}.panel:before{position:absolute;top:0;left:16%;width:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(235,206,158,.45),transparent);content:""}.panel-head{padding:25px 25px 13px}.panel-heading{display:flex;flex-direction:column;gap:5px}.panel-heading>span{color:var(--gold);font-size:8px;font-weight:600;letter-spacing:.19em}.panel-head h1,.panel-head h2{margin:0;color:#fff;font-size:20px;font-weight:500;letter-spacing:-.03em}.panel-badge{display:grid;width:38px;height:30px;border:1px solid rgba(201,161,108,.22);border-radius:999px;place-items:center;color:var(--gold-bright);font-size:9px;font-weight:600;letter-spacing:.08em}.icon-btn{width:38px;height:38px;border-color:#ffffff14;border-radius:50%;color:#ffffff9e;background:#ffffff06}.icon-btn:hover{border-color:#c9a16c52;color:var(--gold-bright);background:#c9a16c0e}.panel-body{padding:9px 20px 20px;gap:8px}.token-box{min-height:116px;padding:16px 16px 15px;border:1px solid rgba(255,255,255,.075);border-radius:var(--radius-sm);background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 44%),#0000007a;transition:border-color .18s ease,background .18s ease}.token-box:hover,.token-box:focus-within{border-color:#c9a16c40;background:linear-gradient(110deg,rgba(201,161,108,.035),transparent 44%),#00000085}.token-box-label{margin-bottom:14px;color:#ffffff54;font-size:8px;font-weight:600;letter-spacing:.11em}.max-btn{margin-left:5px;color:var(--gold-bright);font-size:inherit;font-weight:700;letter-spacing:inherit}.token-box-row{gap:12px}.token-box input{font-size:29px;font-weight:450;letter-spacing:-.045em}.token-box input::placeholder{color:#ffffff2e}.token-select{gap:9px;min-height:42px;padding:5px 11px 5px 6px;border-color:#ffffff1a;background:#ffffff0b;font-size:13px;font-weight:600}.token-select:hover{border-color:#c9a16c4d;background:#c9a16c0e}.token-select>svg{color:#ffffff70}.token-icon{display:grid;width:30px;height:30px;overflow:hidden;border:1px solid rgba(201,161,108,.28);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(235,206,158,.36),transparent 42%),#121212;place-items:center;color:var(--gold-bright);font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff06}.token-icon-han img{display:block;width:23px;height:auto;object-fit:contain}.token-icon-small{width:25px;height:25px}.token-icon-small img{width:19px}.flip-wrap{margin:-7px 0}.flip-btn{width:38px;height:38px;border:4px solid #090909;border-radius:50%;background:#171717;color:var(--gold-bright);box-shadow:0 0 0 1px #c9a16c2b;transition:transform .18s ease,background .18s ease}.flip-btn:hover{background:#202020;transform:translateY(1px) rotate(3deg)}.swap-details{margin:5px 2px 1px;padding:10px 3px 3px;border-top:1px solid rgba(255,255,255,.065)}.meta-row{padding:3px 0 7px;color:#ffffff5c;font-size:10px;letter-spacing:.025em}.meta-row strong{color:#ffffffb3;font-size:10px;font-weight:500}.action-btn{position:relative;display:flex;min-height:56px;overflow:hidden;margin-top:2px;padding:0 20px;border:1px solid #fff;border-radius:999px;align-items:center;justify-content:space-between;background:#fff;color:#050505;font-size:13px;font-weight:600;letter-spacing:.035em;transition:transform .18s ease,background .18s ease}.action-btn:hover:not(:disabled){background:#f4f1ec;transform:translateY(-1px)}.action-btn:disabled{border-color:#ffffff14;background:#ffffff0e;color:#ffffff4d}.banner{display:flex;width:100%;min-height:38px;margin:0 0 12px;padding:0 14px;border-radius:12px;align-items:center;gap:9px;background:#c9a16c09;color:#ffffff6b;font-size:9px;letter-spacing:.08em}.banner.warn{border-color:#c9a16c2e}.banner>span:not(.preview-dot){color:var(--gold);font-weight:600;letter-spacing:.14em}.banner strong{font-weight:400}.preview-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #c9a16ccc}.trade-assurance{display:flex;min-height:42px;padding:0 13px;align-items:center;justify-content:center;gap:9px;color:#ffffff52;font-size:9px;letter-spacing:.055em}.trade-assurance svg{color:#c9a16ca8}.trade-assurance i{width:2px;height:2px;border-radius:50%;background:#ffffff47}.liquidity-hint{display:flex;padding:13px 14px;border:1px solid rgba(201,161,108,.12);border-radius:14px;align-items:flex-start;gap:12px;background:#c9a16c06;color:#ffffff6b;font-size:10px;line-height:1.55}.hint-index{color:var(--gold-bright);font-size:9px;font-weight:600;letter-spacing:.1em}.status{padding:0 4px;font-size:10px;line-height:1.5}.modal-backdrop{background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal{border-color:var(--gold-line);border-radius:24px;background:linear-gradient(145deg,#141414fa,#070707fc),#090909;box-shadow:0 36px 120px #000c}.modal-head{padding:3px 3px 10px}.modal-head h2{font-size:17px;font-weight:500;letter-spacing:-.03em}.token-list button{border:1px solid transparent;border-radius:14px}.token-list button:hover,.token-list button.active{border-color:#c9a16c29;background:#c9a16c0b}.token-list .sym{font-size:12px;font-weight:600}.token-list .name{margin-top:2px;color:#ffffff59;font-size:9px}.settings-grid input{border-color:#ffffff17;background:#050505}.slip-presets button{border-color:#ffffff17;color:#ffffff8c}.slip-presets button.active{border-color:#c9a16c61;background:#c9a16c1f;color:var(--gold-bright)}.footer{position:relative;z-index:2;padding:0 36px;border-top:1px solid rgba(255,255,255,.06);background:#000}.footer-inner{display:flex;width:min(1440px,100%);min-height:70px;margin:0 auto;align-items:center;gap:16px;color:#ffffff4d;font-size:8px;font-weight:600;letter-spacing:.16em}.footer-rule{height:1px;flex:1;background:linear-gradient(90deg,#c9a16c3b,#ffffff09)}.footer a{color:#ffffff85}@media(max-width:1050px){.topbar-inner{width:calc(100% - 48px)}.brand-logo{width:128px}.trade-stage{grid-template-columns:minmax(290px,1fr) minmax(410px,470px);gap:42px}.trade-intro h1{font-size:clamp(42px,5vw,54px)}}@media(max-width:900px){.main{padding-top:58px}.trade-stage{width:min(540px,100%);grid-template-columns:1fr;gap:46px}.trade-intro{max-width:540px}.trade-intro h1{font-size:clamp(42px,8vw,58px)}.orbit-one{right:-420px}.orbit-two{right:-320px}}@media(max-width:760px){.topbar{height:74px}.topbar-inner{width:calc(100% - 28px)}.brand{gap:9px}.brand-logo{width:112px}.brand .brand-divider{height:16px}.brand .brand-product{font-size:8px}.nav-links,.chip.network{display:none}.btn-primary,.btn-ghost{min-height:38px;padding:0 13px;font-size:10px}.main{min-height:calc(100vh - 74px);padding:44px 16px 66px}.trade-stage:before{top:-18px;left:-4px}.trade-stage:after{right:-4px;bottom:-18px}.section-kicker{margin-bottom:20px}.trade-intro h1{font-size:clamp(38px,12vw,52px)}.intro-copy{margin:21px 0 27px;font-size:12px}.protocol-meta{padding:15px 0}.protocol-meta>div{padding:0 10px}.protocol-meta strong{font-size:8px}.panel-head{padding:22px 19px 12px}.panel-body{padding:8px 14px 15px}.token-box{min-height:108px;padding:14px}.token-box input{font-size:25px}.footer{padding:0 16px}.footer-inner{min-height:58px}.footer-inner>span:first-child,.footer-rule{display:none}}@media(max-width:420px){.brand .brand-divider,.brand .brand-product{display:none}.brand-logo{width:102px}.trade-stage{gap:36px}.protocol-meta>div:nth-child(2){display:none}.protocol-meta{grid-template-columns:repeat(2,1fr)}.token-select{gap:6px;padding-right:8px}.token-box input{font-size:22px}.trade-assurance span:last-child,.trade-assurance i{display:none}}