:root{color-scheme:dark;--bg:#06060f;--surface:#0f0f24;--line:#1e1f49;--muted:#999eae;--ink:#edeff4;--accent:#69b4ff;--radius:20px}body{background:radial-gradient(ellipse at 90% 18%,#1a1c4155,transparent 50%),#06060f;color:var(--ink)}.appbar{border-color:#1a1c41;background:#080915f0;position:relative;z-index:5}.brand{color:#ebedf3}.mark{color:#d1d5e1}.brand-sub{color:#989eb0;border-color:#202250}.account{background:#141532c0;border-color:#343553;color:#dfe2ea;backdrop-filter:blur(16px)}.avatar{background:#69b4ff;color:#17193a}#desktopnav a{color:#8f94a5}#desktopnav a.active{color:#ebedf3}#desktopnav a.active:after{background:#69b4ff}main{position:relative}main:before{content:'';position:absolute;pointer-events:none;top:-35px;right:-90px;width:750px;height:490px;background:url('assets/network-globe.webp') center/cover no-repeat;opacity:.68;mask-image:linear-gradient(to bottom,#000 25%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 25%,transparent 98%)}main>*{position:relative;z-index:1}.pageheading{min-height:125px;padding:14px 0 22px;margin-bottom:24px}.pageheading h1{font-weight:540;font-size:40px;letter-spacing:-1px;color:#f0f1f6;text-shadow:0 2px 20px #06060f}.pageheading p{color:#949bb2}.rolecard{background:linear-gradient(135deg,#161737e6,#0c0c1dee);border:1px solid #37385b;border-radius:20px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #b2d6fb1c,0 12px 40px #0002}.role-service{background:linear-gradient(130deg,#1f214ddd,#0d0e21ee);border-color:#3f4b6f}.rolecard:hover{border-color:#6275ad;box-shadow:0 8px 38px #3a8bdc0e,inset 0 1px 0 #aed6ff30}.roleicon{background:linear-gradient(135deg,#8b9ac726,#23245422);color:#b9d3ed;border-color:#566285;box-shadow:inset 0 1px 0 #e5e8ef2b}.role-service .roleicon{background:#4788c916;border-color:#4e5f93;color:#b5d7f9}.pill{color:#adb4cb;border-color:#475170;background:#1a1b3e66;backdrop-filter:blur(12px)}.cardprice{color:#eaecf1;font-weight:460}.cardprice>span{color:#989fb3}.cardbottom .caption{color:#858eaa}.cardbottom strong{color:#d1d5e1}.circlearrow{background:#edeff4;color:#17193a;border-color:#eff0f4;border-radius:13px;box-shadow:0 3px 12px #07071022}.rolecard:hover .circlearrow{background:#69b4ff;color:#151632;border-color:#69b4ff}.roleline{border-color:#333456;color:#99a0b7}.roleline>span:last-child{color:#dee1ea}.sharedline{color:#919ab3}.sharedline>a{color:#bfd2e4}.primary{color:#151633;background:linear-gradient(135deg,#98cbff,#63a8ed);border:1px solid #91c8ff;box-shadow:0 3px 18px #4ea0f312;border-radius:13px}.primary:hover{filter:brightness(1.06)}.outline{border-color:#546084;color:#c3d4e6;background:#13142e55;border-radius:13px}.back{color:#98a2bf}.orderpanel{background:linear-gradient(125deg,#1a1b3fe8,#0e0e21f0);border-color:#374265;box-shadow:inset 0 1px 0 #8db0d318;backdrop-filter:blur(18px)}.orderprice small{color:#919bbb}.pair>span{color:#959db6}.pair strong{color:#dbdee8}.progress{background:#202250}.progress i{background:linear-gradient(90deg,#4782be,#76baff)}.statnumber small{color:#8690ad}.sectionlabel{color:#acb4ce}.smallicon{background:#1a1b3f;color:#a7bed5}.benefit p,.disclosed{color:#9ca4bb}.accordions details{border-color:#20214e}summary{color:#b5bcd2}summary>span{color:#8893b4}.quote-total,.refdetails{border-color:#2e2f52}.breakdown{border-color:#44568d;color:#98a1bd}.quantityrow>label{color:#aab2cc}.stepper{background:#0c0c1c;border-color:#38446a}.stepper button{color:#b4cce4}.stepper input{color:#e3e5ed}.critical{color:#cbbd93}.quietlink{color:#9eb8d3}.connectsurface{background:#0f0f24d9;border-color:#2d2e54;backdrop-filter:blur(15px)}.connectsurface p{color:#929cbb}.balancehero{background:radial-gradient(ellipse at 100% 0%,#3d79b633,transparent 75%),linear-gradient(120deg,#1f214d,#0f1024);border-color:#3c5d7e;box-shadow:inset 0 1px 0 #99ccff22,0 15px 45px #06060f33}.balancehero .caption{color:#baccdf}.balancehero .balance{color:#ebedf3}.balancehero .balance>span{color:#98a5cd}.balancehero .muted{color:#96a2c4}.balancehero .quietlink{color:#b7cfe7}.balance>span{color:#8e9abf}.assetrow{border-color:#212351}.assetrow:hover{background:#17193a55}.assetrow>strong small{color:#919bb9}.assetrow>svg{color:#818fb8}.holding{background:linear-gradient(125deg,#1a1c41,#0e0e21);border-color:#37446b}.plainpanel{border-color:#2e2f53;background:#0f0f24}.detailbalance,.statstrip{border-color:#212352}.recordhead,.record{border-color:#202250}.recordhead{color:#828cac}.recordlink{color:#adcbe9}.poolstats{border-color:#242658}.poolstats strong{color:#d6dae5}.poolstats small{color:#8b96b9}.textbutton{color:#9ec2e7}.tabs{border-color:#252659}.tabs button{color:#9aa3bd}.tabs button.active{color:#92c8ff}.tabs button.active:after{background:#69b4ff}.search{background:#101026;border-color:#354165;color:#c4d8ec}.empty{color:#9aa4c2}footer{border-color:#1d1f48;color:#8991a9}footer button{color:#96a1c1}dialog{background:#111128;border-color:#42517d;color:#dadde7;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#04040ab0;backdrop-filter:blur(12px)}.modalhead{border-color:#2e2f58}.iconbutton{color:#9db8d3}.reviewrole{color:#b6cde5}.amountinput{background:#0b0c1b;border-color:#34506d}.amountinput input{color:#dcdfe9}.amountinput>span{color:#95a2c9}.checkbox{color:#abb4cd}.error{color:#f0b7a0}#toast{background:#d3d7e3;color:#1c1d45;border:1px solid #88b0d9}.muted{color:var(--muted)}.balancehero .muted{color:#a6b0ce}@media(max-width:1100px){main:before{right:-30px;width:650px}}@media(max-width:600px){.appbar{background:#0a0a17f2;border-color:#212352;backdrop-filter:blur(18px)}.bottomnav{background:#0d0d1fee;border-color:#33345e;backdrop-filter:blur(18px)}.bottomnav a{color:#838eaf}.bottomnav a.active{color:#8ac4ff}.pageheading{min-height:108px;padding-top:8px;padding-bottom:14px}.pageheading h1{font-size:30px}.pageheading p{color:#9da5bc}.record>.cell:first-child{color:#8691b1}.rolecard{border-radius:18px}.orderpanel{border-radius:18px}.balancehero{border-radius:18px}main:before{top:-10px;right:-20px;width:390px;height:270px;opacity:.48;mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 100%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Surfaces and spacing define hierarchy; no decorative rules or outlines. */
.appbar,.brand-sub,.account,.rolecard,.role-service,.rolecard:hover,.roleicon,.role-service .roleicon,.pill,.circlearrow,.rolecard:hover .circlearrow,.roleline,.primary,.outline,.orderpanel,.stepper,.quote-total,.refdetails,.accordions details,.assetrow,.detailbalance,.holding,.plainpanel,.statstrip,.recordhead,.record,.poolstats,.tabs,.search,footer,dialog,.modalhead,.amountinput,.bottomnav,#toast,.connectsurface,.balancehero{border:0!important}
.rolecard,.role-service{box-shadow:0 12px 42px #0000001c}
.rolecard:hover{box-shadow:0 18px 48px #0000002b}
.roleicon,.role-service .roleicon{box-shadow:none;background:#8ab1d912}
.pill{background:#7599bd20}
.account{background:#7ba1c812}
.orderpanel{box-shadow:0 10px 32px #00000020}
.balancehero{box-shadow:0 12px 36px #00000020}
.circlearrow{box-shadow:none}
.primary{box-shadow:0 5px 20px #4ea0f30a}
.outline{background:#96b9dc20}
#desktopnav a.active:after,.tabs button.active:after{display:none}
#desktopnav a.active{color:#91c8ff}
.tabs{gap:12px;padding-bottom:8px}
.tabs button{padding:10px 16px;border-radius:12px}
.tabs button.active{background:#96bee616}
.breakdown{border-left:0;padding-left:0}
.roleline{padding-top:12px}
.quote-total{padding-top:18px}
.accordions details{margin-bottom:6px;padding:0 15px;background:#6f7eac09;border-radius:12px}
.assetrow{border-radius:14px;padding-left:14px;padding-right:14px;margin-bottom:8px}
.recordhead{color:#828cac}
.record{margin-bottom:6px;border-radius:12px;padding-left:15px;padding-right:15px;background:#8995bb10}
.search,.amountinput,.stepper{background:#06071070}
@media(max-width:600px){.appbar,.bottomnav{border:0!important}.assetrow{padding-left:8px;padding-right:8px}.record{padding-left:13px;padding-right:13px}.tabs{gap:6px}.tabs button{padding:10px 13px}}

/* Quiet ambient movement of the original illustration. */
main:before{transform-origin:70% 48%;animation:orbital-drift 32s ease-in-out infinite;translate:var(--globe-x,0px) var(--globe-y,0px);transition:translate 1.8s cubic-bezier(.2,.65,.25,1);will-change:transform}
@keyframes orbital-drift{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.62}50%{transform:translate3d(-9px,-6px,0) scale(1.045);opacity:.76}}
html.motion-paused main:before{animation-play-state:paused}
@media(max-width:600px){main:before{animation-name:orbital-drift-mobile;animation-duration:38s;translate:0 0!important;will-change:auto}}
@keyframes orbital-drift-mobile{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.43}50%{transform:translate3d(-3px,-3px,0) scale(1.025);opacity:.52}}
@media(prefers-reduced-motion:reduce){main:before{animation:none;translate:0 0;transform:none;transition:none;will-change:auto}}
#rotating-globe{position:absolute;top:98px;right:max(0px,calc((100vw - 1150px)/2 - 50px));width:640px;height:640px;pointer-events:none;z-index:0;opacity:.9;mask-image:linear-gradient(to bottom,#000 35%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent 95%)}
.globe-ready main:before{display:none}
@media(max-width:600px){#rotating-globe{width:350px;height:350px;top:92px;right:0;opacity:.75}}

/* Keep refresh consistent: never paint the retired static globe. */
main:before{background-image:none!important;content:none!important}
#rotating-globe{visibility:hidden}
.globe-ready #rotating-globe{visibility:visible;animation:globe-reveal .6s ease-out both}
@keyframes globe-reveal{from{filter:opacity(0)}to{filter:opacity(1)}}
@media(prefers-reduced-motion:reduce){.globe-ready #rotating-globe{animation:none}}

.data-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0 45px;min-height:340px}.data-empty img{display:block;width:min(300px,75vw);height:auto;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(ellipse,#000 42%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}.data-empty p{margin:-12px 0 0;color:#999eae;font-size:14px;letter-spacing:1px}@media(max-width:600px){.data-empty{padding:15px 0 30px;min-height:300px}.data-empty img{width:250px}}

.data-empty img{width:min(230px,65vw)}.data-empty{min-height:290px;padding:20px 0 35px}.data-empty p{margin:-5px 0 0;font-size:13px;letter-spacing:.5px}@media(max-width:600px){.data-empty img{width:210px}.data-empty{min-height:260px}}

.wallet-address{overflow-wrap:anywhere;color:#d2d6e2;font-size:15px}.wallet-address~.outline{margin-top:14px}

.gv-balances{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;padding:42px;border-radius:25px;background:linear-gradient(125deg,#181a3ce6,#0f1024e8);align-items:center}.gv-available .balance{font-size:64px;margin:14px 0 24px}.gv-frozen{align-self:center}.gv-secondary{font-size:38px;line-height:1.4;letter-spacing:-1px;margin-top:14px;color:#c3cadf}.gv-secondary span{font-size:15px;letter-spacing:0;color:#999eae}.gv-tabs{margin-top:42px}.gv-page #rotating-globe{opacity:.18;width:430px;height:430px;right:0;top:90px}.gv-input-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#a5adc5}.gv-input-label span{font-size:12px;color:#8a92a9}.amountinput .textbutton{margin-left:14px;white-space:nowrap}.gv-estimate{background:#80b3e609;padding:22px;border-radius:16px;margin:25px 0}.gv-estimate .gv-secondary{margin-top:8px}.gv-burn{text-align:center;margin:15px 0 0}@media(max-width:600px){.gv-balances{grid-template-columns:1fr;padding:28px;gap:32px;border-radius:20px}.gv-available .balance{font-size:52px}.gv-available .primary{width:100%;justify-content:center}.gv-frozen{display:flex;align-items:center;justify-content:space-between}.gv-frozen .gv-secondary{font-size:28px;margin:0}.gv-page #rotating-globe{width:300px;height:300px;right:-70px;opacity:.12}.gv-tabs{margin-top:30px}}