:root{--graph-white:#eef1ec;--graph-white-raised:#f7f9f5;--ink:#101712;--ink-soft:#46524a;--curve-violet:#5b4fe8;--curve-violet-soft:#e4e1fb;--signal-coral:#ff5a4e;--signal-coral-soft:#ffe4e1;--vault-moss:#2f5943;--vault-moss-soft:#dceae2;--line-grid:#d7dbd3;--line-grid-strong:#c3c9be;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(var(--graph-white) 0%, var(--graph-white) 100%), repeating-linear-gradient(0deg, transparent, transparent 31px, var(--line-grid) 31px, var(--line-grid) 32px), repeating-linear-gradient(90deg, transparent, transparent 31px, var(--line-grid) 31px, var(--line-grid) 32px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}.mono{font-family:var(--font-mono)}button{font-family:var(--font-body);cursor:pointer}.btn{border-radius:var(--radius-md);border:1.5px solid var(--ink);background:var(--ink);color:var(--graph-white);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:3px 4px 0 var(--curve-violet);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}.btn-outline{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.btn-outline:hover{box-shadow:3px 4px 0 var(--ink)}.btn-violet{border-color:var(--curve-violet);background:var(--curve-violet);color:#fff}.btn-violet:hover{box-shadow:3px 4px 0 var(--ink)}.card{background:var(--graph-white-raised);border:1.5px solid var(--ink);border-radius:var(--radius-lg);box-shadow:4px 5px 0 var(--line-grid-strong)}.pill{font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-locked{background:var(--vault-moss-soft);color:var(--vault-moss)}.pill-live{background:var(--signal-coral-soft);color:var(--signal-coral)}.app-header-nav{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:4px;display:flex}@media (width>=960px){.app-header-nav{flex-basis:auto;justify-content:flex-start;margin-left:16px;margin-right:auto}}.trade-page{padding-bottom:96px}.trade-columns{flex-direction:column;gap:24px;display:flex}.trade-main-col{flex-direction:column;gap:24px;min-width:0;display:flex}.trade-swap-slot{z-index:40;background:var(--graph-white-raised);border:1.5px solid var(--ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 0 var(--line-grid-strong);border-bottom:none;position:fixed;bottom:0;left:0;right:0}.trade-swap-slot .card{box-shadow:none;border:none;border-radius:0}.trade-swap-summary{width:100%;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.trade-swap-body{max-height:70vh;display:none;overflow-y:auto}.trade-swap-slot.is-expanded .trade-swap-body{display:block}.trade-swap-backdrop{display:none}.trade-swap-backdrop.is-visible{z-index:39;background:#10171259;display:block;position:fixed;inset:0}@media (width>=960px){.trade-page{padding-bottom:40px}.trade-columns{flex-direction:row;align-items:flex-start}.trade-main-col{flex:1}.trade-side-col{flex:0 0 320px}.trade-swap-slot{box-shadow:none;z-index:auto;background:0 0;border:none;border-radius:0;position:sticky;inset:24px auto auto}.trade-swap-slot .card{border:1.5px solid var(--ink);box-shadow:4px 5px 0 var(--line-grid-strong);border-radius:var(--radius-lg)}.trade-swap-summary{display:none}.trade-swap-body{max-height:none;overflow:visible;display:block!important}.trade-swap-backdrop{display:none!important}}