#root{min-height:100vh}:root{--bg:#030504;--surface:#030709d6;--surface-strong:#070b12;--gold:#ffe16d;--gold-2:#f1b931;--mint:#8bf0d6;--cyan:#9ceee8;--text:#f7f1dc;--muted:#d8e2d2;--line:#f4ce683d;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ebc96811 1px,#0000 1px) 0 0/72px 72px,linear-gradient(90deg,#ebc96811 1px,#0000 1px) 0 0/72px 72px,linear-gradient(135deg,#04110d 0%,#070913 50%,#120913 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}main{background:radial-gradient(circle at var(--cursor-x,50%) var(--cursor-y,24%), #8bf0d61f, transparent 24rem), radial-gradient(circle at 78% 12%, #ffe16d1a, transparent 22rem);min-height:100vh;position:relative;overflow-x:clip}.grid-scan{z-index:-1;pointer-events:none;position:fixed;inset:0}.grid-scan span{background:linear-gradient(#0000 0%,#8bf0d624 48%,#0000 100%);animation:8s ease-in-out infinite scan;position:absolute;inset:0;transform:translateY(-100%)}.ambient-stage{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-stage span{opacity:.72;background:radial-gradient(circle,#ffe16d1f,#0000 58%),repeating-linear-gradient(45deg,#8bf0d614 0 1px,#0000 1px 18px);border:1px solid #ffe16d14;border-radius:50%;width:34rem;height:34rem;animation:18s ease-in-out infinite ambientDrift;position:absolute}.ambient-stage span:first-child{top:12rem;left:-10rem}.ambient-stage span:nth-child(2){animation-duration:22s;animation-delay:-6s;top:4rem;right:-12rem}.ambient-stage span:nth-child(3){animation-duration:26s;animation-delay:-11s;bottom:-18rem;left:30%}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030504c7;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{width:fit-content;min-height:48px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand img{object-fit:cover;border:2px solid var(--gold);border-radius:50%;width:46px;height:46px}.brand strong,.brand small{display:block}.brand strong{font-size:22px}.brand small{color:#d7e6d4;letter-spacing:0;font-size:12px}nav{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:4px;display:inline-flex;position:relative;overflow:hidden}nav button,.wallet,.ghost,.primary{border:1px solid #0000;border-radius:8px}nav button{z-index:1;color:#dfddc8;background:0 0;min-width:92px;min-height:44px;padding:10px 16px;position:relative}nav button.active{color:#0d1009;background:0 0}.nav-ink{background:linear-gradient(180deg, var(--gold), var(--gold-2));border-radius:7px;width:calc(50% - 4px);transition:transform .22s;position:absolute;top:4px;bottom:4px}.nav-ink.is-home{transform:translate(0)}.nav-ink.is-swap{transform:translate(100%)}.top-actions{justify-self:end;align-items:center;gap:10px;display:flex}.status-pill{min-height:42px;color:var(--muted);background:#040f10d1;border:1px solid #9ceee838;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.dot{background:#ff5d52;border-radius:50%;width:8px;height:8px}.dot.on{background:#23d18b;box-shadow:0 0 14px #23d18bd9}.chain{color:#ffb5aa}.chain.ok{color:var(--gold)}.wallet{color:#10120a;background:var(--gold);border-color:#ffffff2e;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex}.toast{z-index:30;border:1px solid var(--line);background:#090d10;border-radius:8px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:14px 16px;display:flex;position:fixed;top:86px;right:22px;box-shadow:0 18px 60px #0000006b}.toast.success{color:#a6ffd8}.toast.error{color:#ffbbb5}.toast.info{color:#ffeda3}.click-sparks{z-index:40;pointer-events:none;position:fixed;inset:0}.click-sparks span{background:var(--gold);width:7px;height:7px;box-shadow:0 -24px 0 -1px var(--gold), 19px -15px 0 -1px var(--mint), 24px 0 0 -1px var(--gold), 17px 17px 0 -1px var(--mint), 0 24px 0 -1px var(--gold), -17px 17px 0 -1px var(--mint), -24px 0 0 -1px var(--gold), -19px -15px 0 -1px var(--mint);border-radius:50%;animation:.7s ease-out forwards spark;position:absolute;transform:translate(-50%,-50%)scale(.35)}.home,.swap-page{width:min(1220px,100% - 32px);margin:0 auto}.home{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;padding:44px 0 70px;display:grid}.hero-copy{align-self:center;min-width:0}.hero-visual{min-width:0}.tagline{color:var(--gold);background:#040808cc;border:1px solid #f4ce6857;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}h1,h2,p{margin:0}.hero-copy h1{letter-spacing:0;max-width:690px;margin-top:20px;font-size:clamp(42px,6vw,76px);line-height:1.03}.shiny-text{background:linear-gradient(110deg, #fff8dc 0%, var(--gold) 35%, #fff 50%, var(--gold) 65%, #f7f1dc 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite shine}.hero-copy p{max-width:620px;color:var(--muted);margin-top:20px;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.protocol-marquee{color:#ffe16de6;white-space:nowrap;background:#040f1094;border:1px solid #9ceee838;border-radius:8px;gap:28px;width:min(620px,100%);margin-top:24px;font-size:12px;font-weight:900;display:flex;position:relative;overflow:hidden}.protocol-marquee span{flex:none;padding:10px 0;animation:18s linear infinite marquee}.primary,.ghost{justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary{color:#10120a;background:linear-gradient(180deg, var(--gold), var(--gold-2));position:relative;overflow:hidden;box-shadow:0 0 32px #f4ce6838}.primary:after{content:"";background:linear-gradient(110deg,#0000 0%,#ffffff6b 42%,#0000 62%);transition:transform .52s;position:absolute;inset:0;transform:translate(-120%)}.primary:hover:after{transform:translate(120%)}.primary>svg,.primary>span{z-index:1;position:relative}.ghost{color:#f8e8a0;background:#05090cc7;border-color:#f4ce6847}.compact{min-height:40px;padding:0 12px;font-size:14px;text-decoration:none}.lift:hover{transform:translateY(-2px)}.hero-visual{position:relative}.hero-visual img{aspect-ratio:4/5;object-fit:contain;object-position:center top;background:#030504b8;border:1px solid #f4ce6847;border-radius:8px;width:100%;max-height:min(76vh,760px);display:block;box-shadow:0 28px 90px #00000094}.hero-frame-caption{min-height:44px;color:var(--gold);background:#030504d1;border:1px solid #f4ce6866;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-weight:900;display:flex}.token-orbit{pointer-events:none;border:1px solid #9ceee833;border-radius:8px;animation:3.8s ease-in-out infinite framePulse;position:absolute;inset:14px}.token-orbit span{background:var(--mint);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 18px #8bf0d6cc}.token-orbit span:first-child{top:-6px;left:16%}.token-orbit span:nth-child(2){background:var(--gold);top:20%;right:-6px}.token-orbit span:nth-child(3){bottom:-6px;right:24%}.token-orbit span:nth-child(4){background:var(--gold);bottom:24%;left:-6px}.stats-row{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.command-deck{background:linear-gradient(90deg,#040f10db,#070b12d1);border:1px solid #f4ce683d;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.command-deck div{border-right:1px solid #f4ce682e;min-height:86px;padding:18px;position:relative}.command-deck div:last-child{border-right:0}.command-deck div:before{content:"";background:linear-gradient(90deg, var(--mint), var(--gold));transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(.28)}.command-deck div:hover:before{transform:scaleX(1)}.command-deck span,.command-deck strong{display:block}.command-deck span{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900}.command-deck strong{color:#fff8dc;overflow-wrap:anywhere;margin-top:8px}.metric{color:#070b12;background:#f3f5f2;border:1px solid #f4ce6847;border-radius:8px;min-height:136px;padding:22px;transition:transform .18s}.metric strong,.metric span,.metric small{display:block}.metric small{color:#596348;font-weight:900}.metric strong{margin-top:8px;font-size:44px;line-height:1}.metric span{margin-top:12px;font-size:18px;font-weight:900}.full-band{background:#03080a8f;border-top:1px solid #f4ce684d;border-bottom:1px solid #f4ce684d;grid-column:1/-1;grid-template-columns:1fr 280px;align-items:center;gap:24px;padding:28px;display:grid}.full-band h2,.panel-title h2,.swap-card-title h2,.swap-heading h1{letter-spacing:0}.full-band h2{font-size:32px}.full-band p{color:#e1dfcc;margin-top:12px;line-height:1.8}.reward-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.reward-list span{color:var(--cyan);background:#040f10d1;border:1px solid #9ceee847;border-radius:8px;padding:8px 10px;font-weight:800}.full-band img{border:1px solid #89f6ee47;border-radius:8px;width:100%}.mechanism-flow{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.flow-step{background:#03080aad;border:1px solid #f4ce683d;border-radius:8px;min-height:148px;padding:20px;transition:transform .18s;position:relative;overflow:hidden}.flow-step:after{content:"";background:linear-gradient(90deg, transparent, var(--mint), var(--gold), transparent);height:2px;animation:3s ease-in-out infinite flowLine;position:absolute;inset:auto -20% 0}.flow-step small{color:var(--cyan);font-weight:900}.flow-step h3{color:var(--gold);letter-spacing:0;margin:10px 0 8px;font-size:24px}.flow-step p{color:var(--muted);line-height:1.65}.principles{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.principles div{color:#f7e69d;background:#03080a9e;border:1px solid #f4ce683d;border-radius:8px;align-items:center;gap:10px;min-height:68px;padding:0 18px;font-weight:900;transition:transform .18s;display:flex}.swap-page{padding:28px 0 56px}.swap-heading{background:#03080a94;border:1px solid #f4ce683d;border-radius:8px;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:18px;margin-bottom:20px;padding:20px 32px;display:grid}.swap-heading div{text-align:center}.swap-heading span,.panel-title span,.swap-card-title span,.field-label{color:var(--cyan);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.swap-heading h1{white-space:nowrap;margin-top:4px;font-size:clamp(32px,4vw,56px)}.swap-heading a{justify-self:end}.trade-layout{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:18px;display:grid}.chart-panel,.swap-panel{background:var(--surface);border:1px solid #f4ce683d;border-radius:8px;position:relative;box-shadow:0 26px 90px #0000005c}.chart-panel{overflow:hidden}.panel-glow{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 0%,#9ceee817 40%,#0000 70%);animation:5.5s ease-in-out infinite panelSweep;position:absolute;inset:0}.panel-title,.swap-card-title{border-bottom:1px solid #f4ce682e;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.panel-title h2,.swap-card-title h2{margin-top:4px;font-size:28px}.price-badge{color:#0b130e;background:#29d98e;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:900;display:inline-flex}.kline{width:100%;min-height:470px}.market-strip{border-top:1px solid #f4ce682e;grid-template-columns:repeat(3,1fr);display:grid}.market-strip span{color:#e8d98b;text-align:center;border-right:1px solid #f4ce682e;padding:14px 16px}.market-strip span:last-child{border-right:0}.swap-panel{padding-bottom:18px}.network-warning{color:#ffdbd7;background:#621a1470;border:1px solid #ff5d5280;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);min-height:46px;margin:16px 20px 0;font-weight:900;display:flex}.field-label{justify-content:space-between;align-items:center;gap:10px;margin:18px 20px 8px;display:flex}.max-link{min-height:30px;color:var(--gold);background:#040f10b8;border:1px solid #9ceee838;border-radius:8px;padding:0 8px;font-size:12px;font-weight:900}.token-select{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px;display:grid}.route-flow{background:#040f109e;border:1px solid #9ceee838;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:16px 20px 2px;padding:12px;display:grid}.route-flow span{color:#fff8dc;overflow-wrap:anywhere;font-size:12px;font-weight:900}.route-flow i{background:#f4ce6833;height:2px;position:relative;overflow:hidden}.route-flow i:after{content:"";background:linear-gradient(90deg, transparent, var(--mint), var(--gold), transparent);animation:1.8s ease-in-out infinite routePulse;position:absolute;inset:0}.token-select button,.slippage-row button{color:#ece9cd;background:#ffffff0a;border:1px solid #f4ce682e;border-radius:8px;min-height:44px;font-weight:900}.token-select button.selected,.slippage-row button.selected{color:#09110c;background:var(--mint)}.amount-field{background:#ffffff0f;border:1px solid #f4ce6838;border-radius:8px;grid-template-columns:1fr auto;gap:8px;margin:0 20px;padding:10px;display:grid}.amount-field input{color:#fff8dc;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:28px;font-weight:900}.amount-field button{color:#11150c;background:var(--gold);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:92px;font-weight:900;display:inline-flex}.slippage-row{grid-template-columns:repeat(3,1fr) 70px;gap:8px;margin:0 20px;display:grid}.slippage-row input{color:#fff8dc;background:#ffffff0f;border:1px solid #f4ce6838;border-radius:8px;min-width:0;min-height:44px;padding:0 10px}.quote-card{grid-template-columns:1fr 1fr;gap:8px;margin:18px 20px 0;display:grid}.quote-card div,.fee-box div{background:#041012d1;border:1px solid #9ceee840;border-radius:8px;padding:14px;position:relative;overflow:hidden}.quote-card div.is-loading:after{content:"";background:linear-gradient(110deg,#0000,#9ceee824,#0000);animation:.95s ease-in-out infinite shimmer;position:absolute;inset:0}.quote-card span,.quote-card strong,.fee-box span,.fee-box strong{display:block}.quote-card span,.fee-box span{color:var(--cyan);font-size:12px}.quote-card strong,.fee-box strong{color:#f9e48a;overflow-wrap:anywhere;margin-top:6px}.fee-box{grid-template-columns:1fr 1fr;gap:8px;margin:8px 20px 18px;display:grid}.wide{border:0;width:calc(100% - 40px);margin:0 20px}.wide:disabled{opacity:.7;cursor:progress}.spin{animation:.9s linear infinite spin}.contract-note,.risk-row{border-radius:8px;margin:14px 20px 0}.contract-note{background:#ffffff0a;border:1px solid #f4ce6833;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid}.contract-note code{min-width:0;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract-note button{color:#11150c;background:var(--mint);border:0;border-radius:8px;width:36px;height:36px}.risk-row{color:var(--muted);gap:9px;line-height:1.5;display:flex}.reveal{animation:.52s both reveal}.reveal.late{animation-delay:.12s}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%,35%{transform:translateY(-100%)}65%,to{transform:translateY(100%)}}@keyframes ambientDrift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(2rem,-1.4rem)rotate(10deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 28px))}}@keyframes routePulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.28)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)rotate(22deg)}}@keyframes framePulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(.985)}}@keyframes flowLine{0%,to{transform:translate(-35%)}50%{transform:translate(35%)}}@keyframes panelSweep{0%,35%{opacity:0;transform:translate(-40%)}55%{opacity:1}80%,to{opacity:0;transform:translate(40%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1060px){.trade-layout{grid-template-columns:minmax(0,1fr)}.swap-panel{order:-1}}@media (width<=960px){.topbar{grid-template-columns:1fr auto;gap:12px;padding-block:12px}nav{grid-column:1/-1;width:100%}.top-actions{grid-area:1/2;justify-self:end;width:auto}nav button{flex:1 1 0;width:100%}.status-pill{display:none}.home,.full-band,.command-deck,.mechanism-flow,.principles,.stats-row{grid-template-columns:1fr}.command-deck div{border-bottom:1px solid #f4ce682e;border-right:0}.command-deck div:last-child{border-bottom:0}.swap-heading{grid-template-columns:1fr}.swap-heading a{justify-self:stretch}.hero-visual{order:-1}.market-strip{grid-template-columns:1fr}.market-strip span{border-bottom:1px solid #f4ce682e;border-right:0}}@media (width<=560px){.home,.swap-page{width:min(100% - 20px,1220px)}.hero-copy h1{font-size:40px}.kline{min-height:330px}.field-label{flex-direction:column;align-items:flex-start}.max-link{width:100%}.route-flow{grid-template-columns:1fr}.route-flow i{justify-self:center;width:2px;height:16px}.quote-card,.fee-box{grid-template-columns:1fr}.slippage-row{grid-template-columns:repeat(3,1fr)}.slippage-row input{grid-column:1/-1}.contract-note{grid-template-columns:auto 1fr auto}.contract-note span{display:none}.toast{top:132px;right:10px}}