/* Visual Refresh 2026.10 — additive, dependency-free, original vector artwork. */
:root{--vu-accent:#7cddf6;--vu-secondary:#81e2cb;--vu-base:#080f1b;--vu-surface:#152334;--vu-line:#7cddf630;--vu-radius:18px;--vu-shadow:0 12px 36px #0003;--vu-art:url("scene.svg")}
body[data-vu-theme]{background-image:var(--vu-art);background-size:1600px 1000px;background-repeat:no-repeat;background-position:top center;background-color:var(--vu-base);-webkit-font-smoothing:antialiased}
body[data-vu-theme] :is(h1,h2,h3){text-wrap:balance}
body[data-vu-theme] :is(.lede,.lead,.hero-description,.hero p.sub){text-wrap:pretty;line-height:1.75}
body[data-vu-theme] .hero h1{letter-spacing:-.035em;line-height:1.08}
body[data-vu-theme] :is(.app-card,.panel,.card){border-color:var(--vu-line);border-radius:var(--vu-radius);box-shadow:var(--vu-shadow);background-image:linear-gradient(145deg,color-mix(in srgb,var(--vu-accent) 4%,transparent),transparent 65%)}
body[data-vu-theme] :is(.stat,.stat-card,.stat-value,.epoch-big,.num,.odds){font-variant-numeric:tabular-nums}
body[data-vu-theme] :is(.btn,.button,.connect-btn,.xbtn){min-height:44px;align-items:center;justify-content:center;gap:8px;transition:background .18s,border-color .18s,box-shadow .18s}
body[data-vu-theme] :is(.btn,.button,.connect-btn):not(:disabled):hover{box-shadow:0 5px 20px color-mix(in srgb,var(--vu-accent) 13%,transparent)}
body[data-vu-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){max-width:100%}
body[data-vu-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select){min-height:42px}
body[data-vu-theme] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--vu-accent);outline-offset:4px}
body[data-vu-theme] :is(.brand-mark,.logo,.card-icon,.app-ico){box-shadow:0 0 0 1px var(--vu-line),0 8px 30px color-mix(in srgb,var(--vu-accent) 10%,transparent)}
body[data-vu-theme] :is(.tbl-wrap,.table-wrap,.table-scroll){overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--vu-accent) transparent}
body[data-vu-theme] :is(.eyebrow,.kicker,.stat-label){letter-spacing:.12em}
body[data-vu-theme] :is(.card,.app-card,.tool,.launch-card) a{text-underline-offset:4px}
body[data-vu-theme] :is(.card,.app-card,.tool,.launch-card):focus-within{border-color:var(--vu-accent)}
body[data-vu-theme] :is(.don-addr,.addr,.address,.donation-address-row code,.tip-addr,footer){overflow-wrap:anywhere}
.vu-skip{position:fixed;top:12px;left:12px;z-index:10001;transform:translateY(-160%);padding:12px 18px;border-radius:8px;background:var(--vu-accent);color:#081320;font:700 14px system-ui;text-decoration:none}
.vu-skip:focus{transform:none}
.vu-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
@media(hover:hover){body[data-vu-theme] :is(a.card,a.app-card,a.tool,.launch-card):hover{border-color:var(--vu-accent);box-shadow:0 12px 32px color-mix(in srgb,var(--vu-accent) 9%,transparent)}}
@media(max-width:640px){
 body[data-vu-theme]{background-size:1000px 680px;background-position:center top;background-attachment:scroll}
 body[data-vu-theme] :is(.hero-cta,.hero-actions,.cta-row,.btn-row){gap:10px;flex-wrap:wrap}
 body[data-vu-theme] :is(.hero-cta,.hero-actions,.cta-row,.btn-row) .btn{min-height:46px}
 body[data-vu-theme] :is(.grid2,.grid-2,.two-col){min-width:0}
 body[data-vu-theme] :is(.hero,.page-heading,.intro) h1{overflow-wrap:break-word}
 body[data-vu-theme] :is(.card,.panel,.stat,.tool,.swap-card){min-width:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body[data-vu-theme] *,body[data-vu-theme] *::before,body[data-vu-theme] *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 body[data-vu-theme] .reveal{opacity:1;transform:none}
}
@media print{body[data-vu-theme]{background:#fff!important;color:#111!important}.vu-skip{display:none}body[data-vu-theme] :is(.app-card,.panel,.card){box-shadow:none;border-color:#bbb;background:#fff}}

/* Project-specific layout and art direction */
body[data-vu-theme]{--muted:#b0c3d7;--line:#2c4259;--panel:#152334}.hero h1{font-size:clamp(42px,5.7vw,70px);letter-spacing:-.045em}.hero{padding-top:68px}.app-card{padding:24px;border-color:#7cddf630}.app-card .app-ico{border-radius:14px}.dir-tools{padding:20px;border:1px solid #7cddf628;border-radius:18px;background:#102032b0}.brief-grid{gap:20px}.nav,.qmb-topbar{backdrop-filter:blur(18px);background:#080f1be8}.timeline{border-color:#7cddf62b}.spec{border-radius:22px}.panel{padding:26px}@media(max-width:600px){.hero{padding-top:38px}.hero h1{font-size:40px}.app-card{padding:20px}}

/* Verified phone layout refinements */
@media(max-width:600px){.wrap{max-width:100%;box-sizing:border-box}.nav{gap:10px}.nav-right{min-width:0}.nav-links{max-width:100%}}

@media(max-width:600px){header.nav{gap:10px}.nav-right{gap:8px;flex-shrink:0}.nav-right .live-chip{font-size:10px;padding:6px;gap:5px}.nav-toggle{font-size:12px;padding:8px;min-height:40px}.brand{font-size:12px;gap:8px;letter-spacing:.02em}.brand .atom{width:28px;height:28px}.brand small{font-size:9px}}

body[data-vu-theme] :is(.grid,.grid2,.two-col,.wallet-grid,.fields,.svc-row,.forge,.trust,.gform,.form,.batch-row,.trace-form,.dossier-cols,.track-cards,.lab-grid,.foot-grid,.res-grid)>*{min-width:0}
@media(max-width:600px){.trace-form{flex-wrap:wrap}.addr-input{min-width:0;max-width:100%}.hops-label{min-width:0}.globals-bar{flex-wrap:wrap}.batch-row{grid-template-columns:minmax(0,1fr) 96px 40px}.life-grid{grid-template-columns:minmax(0,1fr)}.trust,.gform,.form{grid-template-columns:minmax(0,1fr)}.topbar,.nav.chrome{flex-wrap:wrap;gap:10px}.nav-end,.top-actions{flex-wrap:wrap;min-width:0;gap:8px}.qmb-switch{max-width:100%}.qmb-menu{max-width:calc(100vw - 32px)}}
@media(max-width:600px){.radar-meta{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0;font-size:11px}.foot-grid strong{font-size:18px;overflow-wrap:anywhere}.foot-grid>*{min-width:0}}
@media(max-width:600px){body[data-vu-theme] :is(code,strong){overflow-wrap:anywhere;word-break:normal}}