:root {
  --accent: #68ff7a;
  --accent2: #31d962;
  --accent-rgb: 104,255,122;
  --bg: #090a08;
  --panel: #10120f;
  --panel2: #141711;
  --line: #2a2f25;
  --line2: #3a4132;
  --text: #eff4e8;
  --muted: #89917f;
  --lime: var(--accent);
  --lime2: var(--accent2);
  --orange: #e7bc52;
  --red: #ff4d3d;
  --shadow: rgba(0,0,0,.55);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 76% 10%, rgba(var(--accent-rgb),.055), transparent 26%),
    radial-gradient(circle at 15% 44%, rgba(231,188,82,.04), transparent 24%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.02em;
  min-height: 100vh;
}

button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

.noise {
  position: fixed; inset: 0; z-index: 40; pointer-events: none; opacity: .06;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
.scanline { position: fixed; z-index: 39; pointer-events: none; left: 0; right: 0; top: -2px; height: 2px; background: rgba(var(--accent-rgb),.08); animation: scan 11s linear infinite; }
@keyframes scan { to { transform: translateY(100vh); } }

.site-header {
  width: min(1440px, calc(100% - 48px));
  margin: 20px auto 0;
  min-height: 68px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border: 1px solid var(--line); background: rgba(11,13,10,.86); backdrop-filter: blur(16px);
  box-shadow: 0 18px 48px rgba(0,0,0,.22); position: sticky; top: 14px; z-index: 20;
}
.brand { display: flex; align-items: center; gap: 13px; padding-left: 20px; width: max-content; }
.brand-mark { width: 34px; height: 34px; border: 1px solid var(--line2); display: flex; gap: 3px; align-items: flex-end; justify-content: center; padding: 7px; transform: skew(-6deg); background: #0a0c09; }
.brand-mark i { width: 5px; background: var(--lime); display: block; }
.brand-mark i:nth-child(1) { height: 8px; }
.brand-mark i:nth-child(2) { height: 15px; }
.brand-mark i:nth-child(3) { height: 20px; }
.brand-copy { display: flex; align-items: baseline; gap: 8px; }
.brand-copy strong { font-size: 17px; letter-spacing: .08em; }
.brand-copy em { font-style: normal; color: var(--lime); font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.top-nav { display: flex; height: 100%; }
.top-nav a { min-width: 96px; padding: 25px 20px; text-align: center; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; border-left: 1px solid var(--line); transition: .2s; }
.top-nav a:last-child { border-right: 1px solid var(--line); }
.top-nav a:hover { color: var(--text); background: rgba(var(--accent-rgb),.035); }
.header-actions { justify-self:end; margin-right:12px; display:flex; align-items:center; gap:8px; }
.network-switch { display:flex; border:1px solid var(--line2); background:#090b08; padding:3px; }
.network-switch button { border:0; background:transparent; color:#747d6d; padding:9px 10px; font:850 8px ui-monospace,monospace; letter-spacing:.08em; }
.network-switch button.active { color:#090b07; background:var(--lime); box-shadow:0 0 16px rgba(var(--accent-rgb),.09); }
.network-hint { margin:10px 0 0; color:#788271; font:700 8px ui-monospace,monospace; letter-spacing:.06em; }
.wallet-button { justify-self: end; margin-right: 0; border: 1px solid #44512c; background: #171d10; color: var(--lime); padding: 13px 16px; font-size: 10px; font-weight: 800; letter-spacing: .09em; display: flex; align-items: center; gap: 9px; }
.wallet-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(var(--accent-rgb),.8); }

main { width: min(1440px, calc(100% - 48px)); margin: 0 auto; }
.hero { min-height: 680px; display: grid; grid-template-columns: 1.03fr .97fr; border-left: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-copy { padding: 110px 72px 66px; position: relative; overflow: hidden; }
.hero-copy:after { content:""; position:absolute; width: 320px; height: 320px; left:-190px; bottom:-160px; border: 1px solid rgba(var(--accent-rgb),.12); border-radius:50%; box-shadow: 0 0 0 55px rgba(var(--accent-rgb),.016), 0 0 0 110px rgba(var(--accent-rgb),.012); }
.eyebrow { margin: 0 0 22px; color: var(--lime); font: 700 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(56px, 7vw, 104px); line-height: .88; letter-spacing: -.075em; max-width: 850px; }
h1 span { color: var(--lime); }
.hero-lede { margin: 34px 0 0; color: #c7cebd; font-size: clamp(19px, 2vw, 28px); line-height: 1.25; max-width: 560px; }
.hero-actions { display: flex; gap: 10px; margin-top: 42px; }
.button { padding: 16px 20px; border: 1px solid var(--line2); font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.button.primary { background: var(--lime); color: #090b07; border-color: var(--lime); box-shadow: 0 0 26px rgba(var(--accent-rgb),.08); }
.button.ghost { color: var(--text); background: #0d0f0c; }
.truth-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 72px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.truth-strip span { padding: 14px 8px 14px 0; color: var(--muted); font: 700 9px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.truth-strip b { color: var(--orange); margin-right: 4px; }

.engine-plate { border-left: 1px solid var(--line); padding: 24px; background: linear-gradient(145deg, rgba(18,21,16,.92), rgba(8,10,8,.96)); display: flex; flex-direction: column; }
.plate-top { display: flex; justify-content: space-between; color: var(--muted); font: 800 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; padding: 3px 3px 24px; }
.status-online { color: var(--lime); display:flex; align-items:center; gap:7px; }
.status-online i { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(var(--accent-rgb),.7); }
.core-visual { width: min(490px, 82%); aspect-ratio: 1; margin: 16px auto 22px; position:relative; display:grid; place-items:center; }
.ring { position:absolute; border-radius:50%; }
.ring-a { inset:0; border:1px solid #2f352a; box-shadow: inset 0 0 35px rgba(0,0,0,.8), 0 0 60px rgba(var(--accent-rgb),.025); }
.ring-a:before, .ring-a:after { content:""; position:absolute; left:50%; top:50%; width:107%; height:19px; background:#0a0c09; border:1px solid #2f352a; transform:translate(-50%,-50%) rotate(28deg); }
.ring-a:after { transform:translate(-50%,-50%) rotate(-28deg); }
.ring-b { inset:13%; border:13px solid #161b12; outline:1px solid #343c2b; box-shadow: inset 0 0 0 1px #080a07, inset 0 0 50px rgba(var(--accent-rgb),.05); animation: spin 22s linear infinite; }
.ring-b:after { content:""; position:absolute; inset:-8px; border-radius:50%; border-top: 3px solid var(--lime); border-right: 3px solid transparent; border-bottom: 3px solid var(--orange); border-left:3px solid transparent; }
.ring-c { inset:27%; border:1px dashed #566444; animation: spinReverse 16s linear infinite; }
.core-center { width:33%; aspect-ratio:1; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background: radial-gradient(circle at 38% 32%, #e6ff83, #a5c827 45%, #1e270d 73%, #080a07 74%); box-shadow: 0 0 46px rgba(var(--accent-rgb),.14), inset 0 0 26px rgba(255,255,255,.15); color:#101507; z-index:4; }
.core-center small { font:800 8px ui-monospace, monospace; letter-spacing:.15em; opacity:.72; }
.core-center strong { margin-top: 4px; font-size: clamp(18px, 2.1vw, 31px); letter-spacing:-.05em; }
.orbit { position:absolute; border-radius:50%; border:1px solid transparent; }
.orbit-1 { inset:19%; border-top-color: rgba(var(--accent-rgb),.6); border-left-color:rgba(var(--accent-rgb),.08); animation: spin 7s linear infinite; }
.orbit-2 { inset:35%; border-bottom-color: rgba(231,188,82,.8); animation:spinReverse 4.4s linear infinite; }
.core-sparks { position:absolute; inset:0; opacity:0; transition:.2s; }
.core-sparks:before, .core-sparks:after { content:""; position:absolute; width:5px; height:5px; background:var(--orange); box-shadow: 64px 22px var(--lime), -71px 91px var(--orange), 102px 140px var(--lime), -133px 160px var(--lime), 25px 205px var(--orange); left:50%; top:12%; animation:spark 1s steps(2) infinite; }
.core-sparks:after { transform:rotate(145deg); }
.core-visual.processing .core-sparks { opacity:1; }
.core-visual.processing .ring-b { animation-duration:2.2s; }
.core-visual.processing .ring-c { animation-duration:1.4s; }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes spinReverse { to { transform:rotate(-360deg); } }
@keyframes spark { 50% { opacity:.2; transform:scale(1.7); } }
.plate-readout { margin-top:auto; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.plate-readout div { padding:17px 14px; border-right:1px solid var(--line); }
.plate-readout div:last-child { border-right:0; }
.plate-readout span, .plate-readout strong { display:block; }
.plate-readout span { color:var(--muted); font:700 8px ui-monospace, monospace; letter-spacing:.1em; margin-bottom:7px; }
.plate-readout strong { font-size:14px; }

section:not(.hero) { border-left:1px solid var(--line); border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:72px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.section-heading.compact { margin-bottom:26px; }
h2 { margin:0; font-size:clamp(36px,5vw,68px); letter-spacing:-.06em; line-height:.92; }
h2 span { color:var(--lime); }
.wallet-meta { text-align:right; border-left:1px solid var(--line); padding-left:26px; }
.wallet-meta span { display:block; color:var(--muted); font:700 8px ui-monospace, monospace; letter-spacing:.12em; }
.wallet-meta strong { display:block; margin-top:7px; font:700 12px ui-monospace, monospace; color:#d9e0d0; }

.scan-overview { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); margin-bottom:18px; }
.overview-card { min-height:130px; padding:22px; border-right:1px solid var(--line); background:rgba(15,18,14,.65); }
.overview-card:last-child { border-right:0; }
.overview-card span, .overview-card strong, .overview-card small { display:block; }
.overview-card span { color:var(--muted); font:700 9px ui-monospace, monospace; letter-spacing:.1em; }
.overview-card strong { margin-top:16px; font-size:31px; letter-spacing:-.05em; }
.overview-card small { margin-top:6px; color:#6f7768; font-size:11px; }
.overview-card.accent strong { color:var(--lime); }
.overview-card.warning strong { color:var(--orange); }

.console-grid { display:grid; grid-template-columns:330px 1fr; gap:18px; }
.filter-console, .token-console, .recycle-console { background:linear-gradient(180deg,#11140f,#0c0e0b); border:1px solid var(--line); }
.filter-console { padding:20px; }
.console-title { display:flex; align-items:center; justify-content:space-between; color:#cdd4c4; font:800 9px ui-monospace, monospace; letter-spacing:.11em; padding-bottom:18px; border-bottom:1px solid var(--line); }
.console-title b { color:var(--orange); }
.thresholds { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:18px; }
.threshold { border:1px solid var(--line2); background:#0a0c09; color:#a4ac9a; padding:14px; font-size:12px; font-weight:800; }
.threshold:hover, .threshold.active { color:#0b0d09; background:var(--lime); border-color:var(--lime); }
.custom-threshold { display:block; margin-top:18px; }
.custom-threshold > span { color:var(--muted); font:700 8px ui-monospace, monospace; letter-spacing:.1em; }
.custom-threshold div { margin-top:7px; height:44px; border:1px solid var(--line2); display:flex; align-items:center; background:#090b08; }
.custom-threshold b { color:var(--muted); margin-left:13px; }
.custom-threshold input { flex:1; width:0; border:0; outline:0; color:var(--text); background:transparent; padding:0 12px; }
.filter-summary { margin-top:20px; border-top:1px solid var(--line); }
.filter-summary div { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); }
.filter-summary span { color:var(--muted); font-size:9px; letter-spacing:.08em; }
.filter-summary strong { font-size:12px; }
.secondary-action { width:100%; margin-top:18px; padding:13px; background:#171c12; border:1px solid #3a4728; color:var(--lime); font-weight:800; font-size:9px; letter-spacing:.1em; }
.text-action { width:100%; margin-top:8px; padding:8px; background:transparent; border:0; color:#687060; font-size:9px; letter-spacing:.1em; }

.token-console { overflow:hidden; }
.token-console .console-title { padding:20px; }
.token-table-head, .token-row { display:grid; grid-template-columns:minmax(180px,1.35fr) .65fr .7fr .75fr; align-items:center; }
.token-table-head { color:#666f60; font:700 8px ui-monospace, monospace; letter-spacing:.1em; padding:12px 18px; border-bottom:1px solid var(--line); }
.token-row { min-height:64px; border-bottom:1px solid #20241d; padding:0 18px; transition:.18s; }
.token-row:last-child { border-bottom:0; }
.token-row.ready:hover { background:rgba(var(--accent-rgb),.025); }
.token-row.disabled { opacity:.48; }
.token-asset { display:flex; align-items:center; gap:12px; min-width:0; }
.token-check { width:17px; height:17px; appearance:none; border:1px solid #4b5442; background:#0a0c09; display:grid; place-items:center; }
.token-check:checked { background:var(--lime); border-color:var(--lime); }
.token-check:checked:after { content:"✓"; color:#0a0c09; font-weight:900; font-size:12px; }
.token-check:disabled { cursor:not-allowed; }
.token-logo { width:31px; height:31px; border:1px solid #32392c; border-radius:50%; display:grid; place-items:center; color:#d5dccd; background:#171b14; font:800 9px ui-monospace, monospace; flex:none; }
.token-name { min-width:0; }
.token-name strong, .token-name span { display:block; }
.token-name strong { font-size:12px; }
.token-name span { color:#61695c; font:600 8px ui-monospace, monospace; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.token-value { font:700 12px ui-monospace, monospace; }
.token-route { color:#9da694; font-size:10px; }
.badge { justify-self:start; padding:6px 8px; border:1px solid #35402b; color:var(--lime); background:#11160d; font:800 8px ui-monospace, monospace; letter-spacing:.08em; }
.badge.warn { color:var(--orange); border-color:#53371f; background:#18110c; }
.badge.dim { color:#737b6c; border-color:#343931; background:#11120f; }

.output-grid { display:grid; grid-template-columns:1fr 370px; gap:18px; }
.output-selector { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.output-card { min-height:118px; border:1px solid var(--line); background:#0e100d; color:var(--text); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:18px; text-align:left; }
.output-card:hover { border-color:#4a5540; }
.output-card.active { border-color:#728b38; background:linear-gradient(120deg,#161d10,#10120e); box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.07); }
.output-card.mystery.active { border-color:#79532f; background:linear-gradient(120deg,#1d150e,#10120e); }
.asset-orb { width:48px; height:48px; border:1px solid #414936; border-radius:50%; display:grid; place-items:center; background:#161a12; color:var(--lime); font:900 11px ui-monospace, monospace; }
.mystery .asset-orb { color:var(--orange); }
.output-card strong, .output-card small { display:block; }
.output-card strong { font-size:15px; }
.output-card small { color:var(--muted); margin-top:4px; font-size:10px; }
.output-card em { font-style:normal; color:#5f6858; font:800 8px ui-monospace, monospace; letter-spacing:.09em; }
.output-card.active em { color:var(--lime); }
.mystery.active em { color:var(--orange); }
.recycle-console { padding:20px; }
.job-row { display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid #20241d; }
.job-row span { color:var(--muted); font-size:9px; letter-spacing:.07em; }
.job-row strong { font:800 11px ui-monospace, monospace; }
.job-divider { height:6px; background: repeating-linear-gradient(90deg, #2f3628 0 7px, transparent 7px 12px); margin:16px 0; opacity:.7; }
.job-row.total { border:0; align-items:end; }
.job-row.total strong { color:var(--lime); font-size:17px; }
.recycle-button { width:100%; margin-top:15px; padding:16px; border:0; background:var(--lime); color:#0a0c09; font-weight:900; font-size:10px; letter-spacing:.11em; }
.recycle-button:disabled { opacity:.35; cursor:not-allowed; }
.sim-note { margin:11px 0 0; color:#596052; font-size:9px; line-height:1.45; }

.fee-row span b { color:var(--orange); font:900 8px ui-monospace,monospace; margin-left:4px; }
.fee-row strong { color:var(--orange); }
.buyback-loop { margin:12px 0 4px; display:grid; grid-template-columns:38px 1fr auto; gap:12px; align-items:center; padding:13px; border:1px solid #514025; background:linear-gradient(120deg,#18120c,#10130d); }
.buyback-mark { width:36px; height:36px; border:1px solid #6b4828; border-radius:50%; display:grid; place-items:center; color:var(--orange); font-size:21px; box-shadow:inset 0 0 18px rgba(255,153,57,.06); }
.buyback-loop span,.buyback-loop strong,.buyback-loop small { display:block; }
.buyback-loop span { color:#7d725f; font:800 7px ui-monospace,monospace; letter-spacing:.09em; }
.buyback-loop strong { margin-top:3px; font:900 9px ui-monospace,monospace; letter-spacing:.04em; }
.buyback-loop strong em { color:var(--orange); font-style:normal; }
.buyback-loop small { margin-top:4px; color:#686f62; font:700 8px ui-monospace,monospace; }
.buyback-value { color:var(--orange); font:900 11px ui-monospace,monospace; white-space:nowrap; }

.process-section { display:none; background:linear-gradient(180deg,#0c0e0b,#11150e); }
.process-section.visible { display:block; }
.process-percent { color:var(--lime); font:900 28px ui-monospace, monospace; }
.process-track { height:8px; border:1px solid #343c2d; background:#090a08; overflow:hidden; }
.process-track i { display:block; width:0%; height:100%; background:linear-gradient(90deg,var(--orange),var(--lime)); transition:width .25s ease; box-shadow:0 0 18px rgba(var(--accent-rgb),.25); }
.process-log { margin-top:16px; border:1px solid var(--line); background:#080a07; max-height:240px; overflow:auto; }
.log-row { display:grid; grid-template-columns:80px 1fr auto; padding:12px 14px; border-bottom:1px solid #1c2019; font:700 9px ui-monospace, monospace; }
.log-row:last-child { border-bottom:0; }
.log-row .time { color:#5e6658; }
.log-row .message { color:#bbc3b2; }
.log-row .ok { color:var(--lime); }
.log-row .skip { color:var(--orange); }

.receipt-section { padding-top:88px !important; padding-bottom:88px !important; }
.receipt-card { width:min(900px,100%); margin:0 auto; border:1px solid #4a543d; background:linear-gradient(145deg,#151a11,#0b0d0a 58%,#15100b); box-shadow:0 32px 90px rgba(0,0,0,.35); position:relative; overflow:hidden; }
.receipt-card:before { content:""; position:absolute; width:250px; height:250px; right:-100px; top:-120px; border-radius:50%; border:1px solid rgba(var(--accent-rgb),.18); box-shadow:0 0 0 35px rgba(var(--accent-rgb),.025),0 0 0 70px rgba(var(--accent-rgb),.018); }
.receipt-kicker { padding:18px 22px; border-bottom:1px solid var(--line); color:var(--lime); font:800 9px ui-monospace, monospace; letter-spacing:.12em; }
.receipt-main { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:42px 34px; }
.receipt-main div:not(.receipt-arrow) span, .receipt-main div:not(.receipt-arrow) strong { display:block; }
.receipt-main span { color:var(--muted); font:700 9px ui-monospace, monospace; letter-spacing:.1em; }
.receipt-main strong { margin-top:8px; font-size:clamp(26px,4vw,48px); letter-spacing:-.06em; }
.receipt-main div:last-child { text-align:right; }
.receipt-main div:last-child strong { color:var(--lime); }
.receipt-arrow { color:var(--orange); font-size:32px; padding:0 28px; }
.receipt-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.receipt-grid div { padding:18px 20px; border-right:1px solid var(--line); }
.receipt-grid div:last-child { border-right:0; }
.receipt-grid span, .receipt-grid strong { display:block; }
.receipt-grid span { color:var(--muted); font:700 8px ui-monospace, monospace; letter-spacing:.08em; }
.receipt-grid strong { margin-top:6px; font:800 11px ui-monospace, monospace; }
.receipt-meta { padding:11px 20px; border-bottom:1px solid var(--line); color:#8e9883; font:700 8px ui-monospace, monospace; letter-spacing:.08em; text-align:center; }
.lime { color:var(--lime); }
.receipt-footer { display:flex; justify-content:space-between; gap:20px; padding:14px 20px; color:#626a5b; font:700 8px ui-monospace, monospace; letter-spacing:.08em; }

footer { width:min(1440px,calc(100% - 48px)); margin:0 auto 30px; border:1px solid var(--line); border-top:0; padding:17px 20px; display:flex; justify-content:space-between; color:#52594d; font:700 8px ui-monospace, monospace; letter-spacing:.1em; }
.toast { position:fixed; z-index:50; right:24px; bottom:24px; padding:14px 18px; background:#161d10; color:var(--lime); border:1px solid #526031; font:800 9px ui-monospace, monospace; letter-spacing:.09em; transform:translateY(100px); opacity:0; transition:.25s; }
.toast.show { transform:translateY(0); opacity:1; }

@media (max-width: 1040px) {
  .site-header { grid-template-columns:1fr auto; }
  .top-nav { display:none; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:76px 44px 54px; }
  .engine-plate { min-height:610px; border-left:0; border-top:1px solid var(--line); }
  section:not(.hero) { padding:54px 44px; }
  .scan-overview { grid-template-columns:1fr 1fr; }
  .overview-card:nth-child(2) { border-right:0; }
  .overview-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .console-grid, .output-grid { grid-template-columns:1fr; }
  .filter-console { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
  .filter-console .console-title, .filter-console .filter-summary, .filter-console .secondary-action, .filter-console .text-action { grid-column:1 / -1; }
}

@media (max-width: 720px) {
  .site-header, main, footer { width:calc(100% - 20px); }
  .site-header { margin-top:10px; min-height:58px; }
  .brand { padding-left:12px; }
  .brand-mark { width:29px; height:29px; }
  .header-actions { margin-right:7px; gap:5px; }
  .network-switch button { padding:8px 7px; }
  .wallet-button { margin-right:0; padding:11px; }
  #walletButtonText { display:none; }
  .hero { min-height:auto; }
  .hero-copy { padding:64px 24px 40px; }
  h1 { font-size:clamp(48px,16vw,72px); }
  .hero-lede { font-size:18px; }
  .hero-actions { flex-direction:column; }
  .button { text-align:center; }
  .truth-strip { grid-template-columns:1fr 1fr; margin-top:48px; }
  .engine-plate { padding:18px; min-height:490px; }
  .core-visual { width:90%; }
  .plate-readout { grid-template-columns:1fr; }
  .plate-readout div { border-right:0; border-bottom:1px solid var(--line); }
  .plate-readout div:last-child { border-bottom:0; }
  section:not(.hero) { padding:44px 20px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .wallet-meta { text-align:left; border-left:0; padding-left:0; }
  .scan-overview { grid-template-columns:1fr; }
  .overview-card { border-right:0; border-bottom:1px solid var(--line); }
  .overview-card:last-child { border-bottom:0; }
  .filter-console { display:block; }
  .token-table-head { display:none; }
  .token-row { grid-template-columns:1fr auto; gap:9px; padding:13px; }
  .token-value { text-align:right; }
  .token-route { padding-left:29px; }
  .badge { justify-self:end; }
  .output-selector { grid-template-columns:1fr; }
  .receipt-main { grid-template-columns:1fr; gap:18px; padding:28px 22px; }
  .receipt-arrow { transform:rotate(90deg); width:max-content; margin:auto; }
  .receipt-main div:last-child { text-align:left; }
  .receipt-grid { grid-template-columns:1fr 1fr; }
  .receipt-grid div:nth-child(2) { border-right:0; }
  .receipt-grid div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .receipt-footer { flex-direction:column; }
  .log-row { grid-template-columns:60px 1fr; }
  .log-row > :last-child { grid-column:2; margin-top:4px; }
}

/* R0.2 live scan */
.address-scanner { margin-top:28px; display:flex; width:min(690px,100%); border:1px solid #30362a; background:#090b08; box-shadow:inset 0 0 0 1px rgba(255,255,255,.015); }
.address-scanner:focus-within { border-color:#667b37; box-shadow:0 0 0 1px rgba(var(--accent-rgb),.05),0 0 36px rgba(var(--accent-rgb),.035); }
.address-scanner input { flex:1; min-width:0; padding:15px 16px; border:0; outline:0; background:transparent; color:#cbd3c1; font:700 11px ui-monospace,monospace; }
.address-scanner input::placeholder { color:#596052; }
.address-scanner button { flex:none; border:0; border-left:1px solid #30362a; padding:0 18px; background:#141910; color:var(--lime); font:900 9px ui-monospace,monospace; letter-spacing:.1em; }
.live-note { margin:10px 0 0; color:#626b5d; font:700 8px ui-monospace,monospace; letter-spacing:.04em; display:flex; align-items:center; gap:7px; }
.live-note span { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(var(--accent-rgb),.65); }
.scan-state { min-height:270px; display:grid; place-items:center; align-content:center; gap:10px; padding:35px; text-align:center; color:#656d60; }
.scan-state.hidden { display:none; }
.scan-state strong { color:#899281; font:800 10px ui-monospace,monospace; letter-spacing:.09em; }
.scan-state span { max-width:430px; font-size:10px; line-height:1.55; }
.scan-state-core { width:54px; height:54px; border-radius:50%; border:1px solid #414a39; box-shadow:inset 0 0 0 9px #10140d, inset 0 0 0 10px #30372a; position:relative; }
.scan-state.scanning .scan-state-core { border-color:var(--lime); animation:scanPulse 1s ease-in-out infinite; }
.scan-state.scanning .scan-state-core:after { content:""; position:absolute; inset:10px; border-radius:50%; border:2px dotted var(--orange); animation:spin 1.2s linear infinite; }
@keyframes scanPulse { 50% { box-shadow:0 0 28px rgba(var(--accent-rgb),.18), inset 0 0 0 9px #10140d, inset 0 0 0 10px #596934; } }
@keyframes spin { to { transform:rotate(360deg); } }
.token-logo img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.token-value small { display:block; margin-top:3px; color:#596052; font-size:8px; font-weight:600; }
.badge.unpriced { color:#8d9586; border-color:#3b4037; background:#11130f; }
.badge.live { color:#a9dfff; border-color:#2c4854; background:#0d1518; }
.data-source { color:#596052; font:700 8px ui-monospace,monospace; }
.wallet-meta strong.live-wallet { color:var(--lime); }
.wallet-button.connected { border-color:#536232; color:var(--lime); }
.wallet-button.wrong-chain { border-color:#745024; color:var(--orange); }
@media (max-width:720px) { .address-scanner { flex-direction:column; } .address-scanner button { min-height:42px; border-left:0; border-top:1px solid #30362a; } }

/* R0.4 live executable-route quote layer */
.live-note b { margin-left:5px; color:var(--orange); font:900 8px ui-monospace,monospace; letter-spacing:.06em; }
.live-note b.ready { color:var(--lime); }
.quote-action { width:100%; margin-top:9px; padding:14px; background:var(--orange); border:1px solid var(--orange); color:#0a0c09; font-weight:900; font-size:9px; letter-spacing:.1em; }
.quote-action:hover { filter:brightness(1.08); }
.quote-action:disabled { opacity:.48; cursor:wait; }
.quote-coverage { display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:10px 11px; border:1px solid #353c2e; background:#0b0d09; }
.quote-coverage span { color:#666e60; font:800 7px ui-monospace,monospace; letter-spacing:.09em; }
.quote-coverage strong { color:var(--lime); font:900 8px ui-monospace,monospace; }
.badge.quoting { color:#f1c18e; border-color:#5b452d; background:#17120c; animation:quoteBlink 1s ease-in-out infinite; }
@keyframes quoteBlink { 50% { opacity:.45; } }
.token-route strong,.token-route small { display:block; }
.token-route strong { color:var(--lime); font:800 10px ui-monospace,monospace; }
.token-route small { margin-top:4px; color:#626a5d; font:700 8px ui-monospace,monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:210px; }
.output-quote-source { margin-top:-3px; padding:0 0 10px; color:#687060; font:800 7px ui-monospace,monospace; letter-spacing:.08em; text-align:right; }
#jobRecovered { color:var(--lime); }
#jobGas { color:#bbc3b2; }

@media (max-width:1040px) {
  .filter-console .quote-action,.filter-console .quote-coverage { grid-column:1 / -1; }
}

/* R0.4.2 wallet provider chooser (EIP-6963 + OKX/Rabby/MetaMask fallback) */
.wallet-chooser { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:24px; }
.wallet-chooser.hidden { display:none; }
.wallet-chooser-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }
.wallet-chooser-panel { position:relative; width:min(520px,100%); border:1px solid #3c4434; background:linear-gradient(180deg,#12160f,#090b08); box-shadow:0 30px 100px rgba(0,0,0,.72); padding:20px; }
.wallet-chooser-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid var(--line); }
.wallet-chooser-head div { display:flex; flex-direction:column; gap:5px; }
.wallet-chooser-head small { color:var(--lime); font:700 8px ui-monospace,monospace; letter-spacing:.14em; }
.wallet-chooser-head strong { font-size:22px; letter-spacing:-.035em; }
.wallet-chooser-head button { width:34px; height:34px; border:1px solid var(--line2); background:#0b0d09; color:#aeb6a5; font-size:22px; line-height:1; }
.wallet-chooser-list { display:grid; gap:8px; margin-top:16px; }
.wallet-choice { width:100%; min-height:66px; display:grid; grid-template-columns:10px 1fr auto; gap:13px; align-items:center; text-align:left; border:1px solid var(--line2); background:#0b0e0a; color:var(--text); padding:13px 14px; }
.wallet-choice:hover { border-color:#617039; background:#12170e; }
.wallet-choice-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(var(--accent-rgb),.65); }
.wallet-choice span:nth-child(2) { display:flex; flex-direction:column; gap:4px; }
.wallet-choice strong { font-size:13px; }
.wallet-choice small { color:var(--muted); font:700 8px ui-monospace,monospace; letter-spacing:.06em; }
.wallet-choice b { color:var(--lime); font:800 9px ui-monospace,monospace; letter-spacing:.08em; }
.wallet-chooser-panel > p { margin:16px 0 0; padding-top:14px; border-top:1px solid var(--line); color:#737b6d; font:700 9px/1.55 ui-monospace,monospace; letter-spacing:.03em; }

/* R0.4.4 execution layer */
.log-row .pending { color:#8fc8ff; }
.log-row .warn { color:#f1c18e; }
.log-row .error { color:#ff8374; }
.tx-link { margin-left:8px; color:var(--lime); text-decoration:none; font-weight:900; white-space:nowrap; }
.tx-link:hover { text-decoration:underline; }
.receipt-txs { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:10px 20px; border-bottom:1px solid var(--line); }
.receipt-txs:empty { display:none; }
.receipt-txs a { border:1px solid #3b4432; background:#0c0f0a; color:#9fa994; padding:7px 9px; text-decoration:none; font:800 7px ui-monospace,monospace; letter-spacing:.07em; }
.receipt-txs a:hover { border-color:#6d813a; color:var(--lime); }


/* R0.4.5 wallet + real test transaction */
.wallet-choice.active-wallet { border-color:#64783b; background:linear-gradient(90deg,#11180d,#0b0e0a); }
.wallet-choice.active-wallet .wallet-choice-dot { background:var(--orange); box-shadow:0 0 12px rgba(255,126,27,.5); }
.test-swap-button { width:100%; margin-top:10px; padding:14px 12px; border:1px solid #708441; background:#11170d; color:var(--lime); font:900 9px ui-monospace,monospace; letter-spacing:.09em; }
.test-swap-button:hover:not(:disabled) { background:#18200f; border-color:var(--lime); }
.test-swap-button:disabled { opacity:.42; cursor:not-allowed; }
.test-swap-note { margin:7px 0 12px; color:#7f8877; font:700 8px/1.5 ui-monospace,monospace; letter-spacing:.025em; }
.real-swap-panel { width:min(560px,100%); }
.real-swap-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-top:16px; border:1px solid var(--line2); }
.real-swap-summary > div { min-width:0; padding:14px; border-right:1px solid var(--line2); }
.real-swap-summary > div:last-child { border-right:0; }
.real-swap-summary span,.real-swap-summary strong { display:block; }
.real-swap-summary span { color:#737c6d; font:800 7px ui-monospace,monospace; letter-spacing:.1em; }
.real-swap-summary strong { margin-top:7px; color:var(--text); font-size:12px; overflow-wrap:anywhere; }
.real-swap-warning { margin-top:14px; padding:13px; border:1px solid #5d452d; background:#171109; color:#d5b38c; font:700 9px/1.55 ui-monospace,monospace; }
.real-swap-actions { display:grid; grid-template-columns:1fr 1.5fr; gap:9px; margin-top:14px; }
.real-swap-actions .secondary-action,.real-swap-actions .recycle-button { margin:0; min-height:48px; }
@media(max-width:640px){ .real-swap-summary{grid-template-columns:1fr}.real-swap-summary>div{border-right:0;border-bottom:1px solid var(--line2)}.real-swap-summary>div:last-child{border-bottom:0}.real-swap-actions{grid-template-columns:1fr} }

/* R0.5.0 cleanup modes */
.mode-tabs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 10px; }
.mode-tab { min-height:54px; border:1px solid var(--line); background:#0c0f0b; color:#858d7e; text-align:left; padding:12px 16px; font:900 11px ui-monospace,monospace; letter-spacing:.08em; }
.mode-tab small { display:block; color:#555e50; font-size:8px; margin-top:5px; letter-spacing:.1em; }
.mode-tab.active { color:var(--lime); border-color:#71883a; background:linear-gradient(120deg,#151c10,#0d100c); box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.05); }
.mode-tab.active small { color:#8b9682; }
.mode-tab[data-mode="burn"].active { color:#ff8726; border-color:#82522d; background:linear-gradient(120deg,#1a120c,#0d100c); }
.protected-note { border-left:2px solid #71883a; margin:0 0 14px; padding:9px 12px; background:rgba(var(--accent-rgb),.025); color:#7a8374; font:700 8px/1.5 ui-monospace,monospace; letter-spacing:.035em; text-transform:uppercase; }
.hidden-control { display:none !important; }
.burn-action { width:100%; margin-top:8px; min-height:46px; border:1px solid #834d27; background:linear-gradient(120deg,#281309,#160d08); color:#ff8726; font:900 10px ui-monospace,monospace; letter-spacing:.09em; }
.burn-action:hover { border-color:#b86b32; background:linear-gradient(120deg,#35180b,#190e08); }
.output-selector.two-output { grid-template-columns:1fr 1fr; }
.burn-mode .output-section { display:none; }
.burn-mode .token-row.ready { background:transparent; }
.burn-mode .token-row.burnable:hover { background:rgba(255,135,38,.025); }
.badge.burn { color:#ff8726; border-color:#72431f; background:#1b1008; }
.badge.protected { color:#7e8877; border-color:#343b30; }
@media (max-width:720px){
  .mode-tabs,.output-selector.two-output { grid-template-columns:1fr; }
}

/* R0.5.0 risk / spam classification */
.token-row.spam-row { opacity:.82; background:linear-gradient(90deg,rgba(255,72,48,.035),transparent 42%); }
.token-row.spam-row .token-name strong { color:#ff8c72; }
.badge.spam { color:#ff7b63; border-color:#6f3027; background:#1d0e0b; }
.badge.spoof { color:#ffb24f; border-color:#6b4722; background:#1a1209; }
.badge.retry { color:#e7d18a; border-color:#5c522f; background:#17150d; }

/* R0.5 batch router */
.router-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid #30382a;background:linear-gradient(110deg,#10140d,#0b0e0a)}
.router-strip>div{display:grid;gap:4px}.router-strip span{font:800 8px ui-monospace,monospace;letter-spacing:.14em;color:#697260}.router-strip strong{font:900 11px ui-monospace,monospace;letter-spacing:.08em;color:#ff8726}.router-strip.ready strong{color:var(--lime)}.router-strip small{max-width:760px;color:#697060;font:600 8px/1.45 ui-monospace,monospace;letter-spacing:.04em}
.router-action{flex:0 0 auto;min-height:42px;padding:0 18px;border:1px solid #6d8235;background:#11180c;color:var(--lime);font:900 9px ui-monospace,monospace;letter-spacing:.1em}.router-action:disabled{opacity:.35}.router-action.connected{border-color:#394432;color:#8c9781;background:#0c100b}
.batch-badge{display:inline-block;margin-left:8px;padding:3px 6px;border:1px solid #52632c;color:var(--lime);font:800 7px ui-monospace,monospace;letter-spacing:.08em}
@media(max-width:720px){.router-strip{align-items:stretch;flex-direction:column}.router-action{width:100%}}


/* R0.5.1 gas-aware preflight */
.cost-action{width:100%;margin-top:9px;padding:14px;border:1px solid #5c6f36;background:#12180e;color:var(--lime);font:900 9px ui-monospace,monospace;letter-spacing:.1em}
.cost-action:hover:not(:disabled){border-color:var(--lime);background:#172010}.cost-action:disabled{opacity:.48;cursor:wait}
.gas-filter{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:3px;align-items:center;margin-top:9px;padding:11px;border:1px solid #30382a;background:#0a0d09;cursor:pointer}
.gas-filter input{accent-color:#d5ff48}.gas-filter span{color:#c7d1bb;font:900 8px ui-monospace,monospace;letter-spacing:.08em}.gas-filter small{grid-column:2;color:#697160;font:650 7px/1.45 ui-monospace,monospace}
.badge.gasloss{color:#ff8726;border-color:#72431f;background:#1b1008}.token-row.gas-loss{opacity:.6}


/* R0.5.2 live gas + batch burn preflight */
.live-gas-strip{display:grid;grid-template-columns:1.35fr repeat(3,minmax(120px,.75fr)) auto;align-items:stretch;margin:0 0 12px;border:1px solid #30382a;background:linear-gradient(100deg,#0b0f09,#0a0c09)}
.live-gas-strip>div{padding:12px 14px;border-right:1px solid #252c22;display:grid;gap:4px;align-content:center}.live-gas-strip>div:last-of-type{border-right:0}
.live-gas-strip span{font:800 7px ui-monospace,monospace;letter-spacing:.12em;color:#68715f}.live-gas-strip strong{font:900 10px ui-monospace,monospace;letter-spacing:.04em;color:#e7eddf}
.live-gas-strip .live-gas-main{grid-template-columns:auto 1fr;column-gap:8px}.live-gas-strip .live-gas-main i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(var(--accent-rgb),.6);align-self:center}.live-gas-strip .live-gas-main strong{color:var(--lime)}
.live-gas-strip em{align-self:center;padding:0 14px;color:#697160;font:800 7px ui-monospace,monospace;letter-spacing:.1em;font-style:normal;white-space:nowrap}.live-gas-strip.stale .live-gas-main i{background:var(--orange);box-shadow:0 0 10px rgba(231,188,82,.5)}.live-gas-strip.stale .live-gas-main strong{color:var(--orange)}
.burn-gas-note{margin-top:10px;padding:10px 12px;border:1px solid #3a3026;background:#120d08;color:#a59c8d;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.035em}.burn-gas-note b{color:#ff9a47}
@media(max-width:900px){.live-gas-strip{grid-template-columns:1fr 1fr}.live-gas-strip>div{border-bottom:1px solid #252c22}.live-gas-strip em{padding:10px 14px;grid-column:1/-1}}

.mode-tab:disabled{cursor:not-allowed;opacity:.45}.router-action:disabled{cursor:not-allowed;opacity:.55}.router-strip{border-color:rgba(204,238,76,.18)}


/* DOG IN HOOD / FEED THE DOG R0.1 */
.dog-mark {
  display:grid; place-items:center; width:38px; height:38px; padding:0;
  border-radius:50%; transform:none; color:#071009; background:var(--lime);
  font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.04em; box-shadow:0 0 24px rgba(var(--accent-rgb),.15);
}
.dog-visual { width:min(560px,94%); margin-top:0; overflow:visible; }
.dog-halo {
  position:absolute; inset:8% 4% 12%; border-radius:48% 48% 40% 40%;
  background:radial-gradient(circle at 50% 45%, rgba(var(--accent-rgb),.12), transparent 58%);
  border:1px solid rgba(var(--accent-rgb),.10);
  box-shadow:0 0 0 38px rgba(var(--accent-rgb),.018),0 0 0 76px rgba(var(--accent-rgb),.009);
}
.hood-dog {
  position:relative; z-index:3; display:block; width:100%; height:100%; object-fit:contain;
  object-position:center bottom; filter:drop-shadow(0 28px 42px rgba(0,0,0,.62)) drop-shadow(0 0 24px rgba(var(--accent-rgb),.08));
  transform:translateY(2%); transform-origin:50% 80%;
}
.dog-status-badge {
  position:absolute; z-index:6; left:50%; bottom:3%; transform:translateX(-50%);
  min-width:130px; padding:10px 16px; text-align:center; border:1px solid #416243;
  background:rgba(7,11,8,.90); box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.dog-status-badge small,.dog-status-badge strong{display:block}
.dog-status-badge small{color:var(--muted);font:800 7px ui-monospace,monospace;letter-spacing:.14em}
.dog-status-badge strong{color:var(--lime);font:900 13px ui-monospace,monospace;letter-spacing:.06em;margin-top:4px}
.core-visual.processing .hood-dog{animation:dogEat .42s ease-in-out infinite alternate}
.core-visual.processing .dog-halo{animation:dogGlow .7s ease-in-out infinite alternate}
@keyframes dogEat{to{transform:translateY(1%) scale(1.012) rotate(-.35deg)}}
@keyframes dogGlow{to{box-shadow:0 0 0 48px rgba(var(--accent-rgb),.025),0 0 90px rgba(var(--accent-rgb),.10)}}

.router-strip { border-color:#355237 !important; background:linear-gradient(120deg,rgba(var(--accent-rgb),.045),rgba(12,15,11,.92)) !important; }
.router-strip strong { color:var(--lime) !important; }
.protected-note b { color:var(--lime); }
.test-swap-button,.test-swap-note { display:none !important; }
.recycle-button { background:linear-gradient(90deg,var(--lime),#4be56d); }
.receipt-card { background:radial-gradient(circle at 82% 7%,rgba(var(--accent-rgb),.08),transparent 30%),linear-gradient(145deg,#10150f,#090b09) !important; }
.receipt-kicker:after { content:' / FEED THE DOG'; color:var(--muted); }

@media (max-width: 800px){
  .dog-visual{width:min(430px,100%)}
  .hood-dog{max-height:430px}
}


/* Feed R0.2 public-facing cleanup */
.inline-config { border:1px solid #596d34; background:#11170d; color:var(--lime); padding:5px 8px; font:900 7px ui-monospace,monospace; letter-spacing:.08em; white-space:nowrap; }
.inline-config:hover { border-color:var(--lime); background:#17200f; }
.top-nav a { min-width:88px; }
@media(max-width:1120px){ .top-nav a{min-width:74px;padding-left:12px;padding-right:12px;} }

/* Feed R0.6 production candidate */
.how-section { background:linear-gradient(180deg,rgba(15,18,14,.45),rgba(9,11,8,.8)); }
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.how-grid article { min-height:210px; padding:26px; border-right:1px solid var(--line); background:rgba(12,15,11,.62); }
.how-grid article:last-child { border-right:0; }
.how-grid b { display:block; color:var(--orange); font:900 9px ui-monospace,monospace; letter-spacing:.12em; }
.how-grid strong { display:block; margin-top:24px; font-size:24px; letter-spacing:-.04em; }
.how-grid p { margin:12px 0 0; max-width:360px; color:#89917f; font-size:13px; line-height:1.55; }
.trust-line { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-top:0; }
.trust-line span { padding:14px 16px; border-right:1px solid var(--line); color:#697160; font:800 7px ui-monospace,monospace; letter-spacing:.09em; text-align:center; }
.trust-line span:last-child { border-right:0; }
.receipt-actions { display:grid; grid-template-columns:1fr 1fr 1fr; border-top:1px solid var(--line); }
.receipt-actions button,.receipt-actions a { min-height:44px; border:0; background:#0b0f0a; color:#9ba593; display:grid; place-items:center; font:900 8px ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; }
.receipt-actions button { border-right:1px solid var(--line); }
.receipt-actions button:hover,.receipt-actions a:hover { color:var(--lime); background:#11180d; }
.footer-links { display:flex; gap:16px; }
.footer-links a { color:#6d7567; }
.footer-links a:hover { color:var(--lime); }
#addUniswapKey { display:none !important; }
@media(max-width:900px){
  .how-grid { grid-template-columns:1fr; }
  .how-grid article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); }
  .how-grid article:last-child { border-bottom:0; }
  .trust-line { grid-template-columns:1fr 1fr; }
  .trust-line span:nth-child(2n) { border-right:0; }
  .trust-line span:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media(max-width:720px){
  footer { flex-direction:column; gap:12px; align-items:flex-start; }
  .footer-links { flex-wrap:wrap; }
  .receipt-actions { grid-template-columns:1fr; }
  .receipt-actions button { border-right:0; border-bottom:1px solid var(--line); }
  .live-note { flex-wrap:wrap; }
}

.receipt-actions-hidden{display:none!important;}


/* DIH MINI DOG BANNER + CANONICAL BRAND MARK — R0.5 UI PATCH */
.dog-mark{
  overflow:hidden;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(var(--accent-rgb),.48) !important;
  background:#0a0d09 !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb),.12) !important;
}
.dog-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 43%;
  filter:saturate(.82) brightness(.86) contrast(1.08);
}

@media (min-width:1041px){
  .hero{
    position:relative;
    display:block;
    min-height:680px;
  }
  .hero-copy{
    padding-right:390px;
  }
  .engine-plate{
    position:absolute;
    z-index:6;
    top:118px;
    right:34px;
    width:310px;
    height:118px;
    min-height:0;
    padding:10px;
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    grid-template-rows:32px 1fr;
    column-gap:10px;
    border:1px solid rgba(var(--accent-rgb),.24);
    background:
      linear-gradient(120deg,rgba(var(--accent-rgb),.045),rgba(9,12,9,.96) 42%),
      #090c09;
    box-shadow:0 16px 40px rgba(0,0,0,.30), inset 0 0 34px rgba(var(--accent-rgb),.018);
    overflow:hidden;
  }
  .engine-plate::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.025),transparent);
  }
  .engine-plate .plate-top{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding:2px 2px 7px;
    align-items:center;
    border-bottom:1px solid rgba(var(--accent-rgb),.10);
    font-size:7px;
  }
  .engine-plate .status-online{
    gap:5px;
    font-size:7px;
  }
  .engine-plate .status-online i{
    width:5px;
    height:5px;
  }
  .engine-plate .core-visual,
  .engine-plate .dog-visual{
    grid-column:1;
    grid-row:1 / 3;
    width:88px;
    height:96px;
    aspect-ratio:auto;
    margin:0;
    align-self:center;
    overflow:hidden;
    border:1px solid rgba(var(--accent-rgb),.22);
    border-radius:10px;
    background:#080b08;
  }
  .engine-plate .dog-halo{
    inset:-12%;
    border:0;
    border-radius:0;
    background:radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb),.14),transparent 68%);
    box-shadow:none;
  }
  .engine-plate .hood-dog{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 42%;
    transform:none;
    border-radius:9px;
    filter:saturate(.80) brightness(.80) contrast(1.12) drop-shadow(0 0 10px rgba(var(--accent-rgb),.08));
  }
  .engine-plate .dog-status-badge{
    left:6px;
    right:6px;
    bottom:5px;
    transform:none;
    min-width:0;
    padding:4px 5px;
    border-color:rgba(var(--accent-rgb),.26);
    background:rgba(5,8,6,.82);
    backdrop-filter:blur(5px);
  }
  .engine-plate .dog-status-badge small{
    display:none;
  }
  .engine-plate .dog-status-badge strong{
    margin:0;
    font-size:7px;
    letter-spacing:.12em;
  }
  .engine-plate .plate-readout{
    grid-column:2;
    grid-row:2;
    min-width:0;
    margin:0;
    border:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .engine-plate .plate-readout div{
    min-width:0;
    padding:11px 7px 5px;
    border-right:1px solid rgba(var(--accent-rgb),.10);
    border-bottom:0;
  }
  .engine-plate .plate-readout div:last-child{
    border-right:0;
  }
  .engine-plate .plate-readout span{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-bottom:4px;
    font-size:5.5px;
    letter-spacing:.08em;
  }
  .engine-plate .plate-readout strong{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:9px;
  }
  .engine-plate .core-sparks{
    inset:0;
  }
}

@media (max-width:1040px){
  .engine-plate{
    width:min(360px,calc(100% - 88px));
    height:118px;
    min-height:0 !important;
    margin:0 44px 44px auto;
    padding:10px;
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    grid-template-rows:32px 1fr;
    column-gap:10px;
    border:1px solid rgba(var(--accent-rgb),.22);
  }
  .engine-plate .plate-top{grid-column:2;grid-row:1;padding:2px 2px 7px;font-size:7px}
  .engine-plate .core-visual,
  .engine-plate .dog-visual{grid-column:1;grid-row:1/3;width:88px;height:96px;margin:0;align-self:center;overflow:hidden;border-radius:10px}
  .engine-plate .dog-halo{inset:-12%;border:0;box-shadow:none}
  .engine-plate .hood-dog{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:none;border-radius:9px;filter:saturate(.80) brightness(.80) contrast(1.12)}
  .engine-plate .dog-status-badge{left:6px;right:6px;bottom:5px;transform:none;min-width:0;padding:4px 5px}
  .engine-plate .dog-status-badge small{display:none}
  .engine-plate .dog-status-badge strong{margin:0;font-size:7px}
  .engine-plate .plate-readout{grid-column:2;grid-row:2;margin:0;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .engine-plate .plate-readout div{padding:11px 7px 5px;border-right:1px solid var(--line);border-bottom:0}
  .engine-plate .plate-readout span{margin-bottom:4px;font-size:5.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .engine-plate .plate-readout strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media (max-width:720px){
  .engine-plate{
    width:calc(100% - 48px);
    height:108px;
    margin:0 24px 30px;
    grid-template-columns:78px minmax(0,1fr);
  }
  .engine-plate .core-visual,
  .engine-plate .dog-visual{
    width:78px;
    height:86px;
  }
  .brand-copy strong{font-size:14px}
  .brand-copy em{font-size:9px}
}



/* DIH ULTRA COMPACT TOP — START */

/*
  HERO + HOW IT WORKS become ONE small top banner.
  FEED TERMINAL begins immediately underneath.
*/

@media (min-width: 901px){

  /* ========================================
     WHOLE TOP BANNER
     ======================================== */

  .hero{
    position:relative !important;

    display:block !important;

    height:126px !important;
    min-height:126px !important;

    overflow:hidden !important;

    border-left:1px solid var(--line) !important;
    border-right:1px solid var(--line) !important;
    border-bottom:1px solid var(--line) !important;

    background:
      linear-gradient(
        90deg,
        rgba(var(--accent-rgb),.025),
        transparent 48%,
        rgba(var(--accent-rgb),.018)
      ) !important;
  }


  /* ========================================
     LEFT / CENTER CONTENT
     ======================================== */

  .hero-copy{
    position:relative !important;

    height:126px !important;
    min-height:0 !important;

    padding:
      12px
      350px
      10px
      20px !important;

    overflow:hidden !important;

    display:grid !important;

    grid-template-columns:
      205px
      minmax(280px,1fr) !important;

    grid-template-rows:
      24px
      48px
      25px !important;

    column-gap:20px !important;
    row-gap:2px !important;

    align-content:center !important;
  }

  .hero-copy::after{
    display:none !important;
  }


  /* DOG IN HOOD / CHAIN */

  .hero-copy > .eyebrow{
    grid-column:1 !important;
    grid-row:1 !important;

    align-self:center !important;

    margin:0 !important;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    color:var(--lime) !important;

    font:
      800 6.5px
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace !important;

    letter-spacing:.09em !important;
  }


  /* FEED THE DOG. — one line */

  .hero-copy h1{
    grid-column:1 !important;
    grid-row:2 !important;

    align-self:center !important;

    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;

    margin:0 !important;

    max-width:none !important;

    white-space:nowrap !important;

    font-size:27px !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
  }

  .hero-copy h1 br{
    display:none !important;
  }

  .hero-copy h1 span{
    color:var(--lime) !important;
  }


  /* Long description is no longer needed */

  .hero-lede{
    display:none !important;
  }


  /* ========================================
     SCAN FIELD
     ======================================== */

  .address-scanner{
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    width:100% !important;
    max-width:none !important;

    height:42px !important;

    margin:0 !important;
  }

  .address-scanner input{
    height:40px !important;

    padding:0 13px !important;

    font-size:9px !important;
  }

  .address-scanner button{
    height:40px !important;

    padding:0 14px !important;

    font-size:7px !important;
  }


  /* verbose chain description disappears */

  .network-hint{
    display:none !important;
  }


  /* Live / DOG'S CUT line */

  .live-note{
    grid-column:2 !important;
    grid-row:3 !important;

    align-self:center !important;

    margin:0 !important;

    min-width:0 !important;

    overflow:hidden !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    gap:5px !important;

    font-size:6.5px !important;
    letter-spacing:.025em !important;
  }

  .live-note span{
    flex:0 0 auto;

    width:5px !important;
    height:5px !important;
  }

  .live-note b{
    margin-left:2px !important;

    font-size:6.5px !important;
  }


  /* START FEEDING / HOW IT WORKS are redundant now:
     terminal begins immediately below */

  .hero-actions{
    display:none !important;
  }


  /* ========================================
     SCAN / PICK / FEED / GET PAID
     ======================================== */

  .truth-strip{
    grid-column:1 !important;
    grid-row:3 !important;

    align-self:center !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    width:auto !important;

    margin:0 !important;

    border:0 !important;
  }

  .truth-strip span{
    padding:0 !important;

    white-space:nowrap !important;

    color:#6d7567 !important;

    font:
      800 5.8px
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace !important;

    letter-spacing:.05em !important;
  }

  .truth-strip b{
    margin-right:2px !important;
    color:var(--orange) !important;
    font-size:5.8px !important;
  }


  /* ========================================
     DOG STATUS MINI PANEL
     ======================================== */

  .engine-plate{
    position:absolute !important;

    top:8px !important;
    right:10px !important;

    width:320px !important;
    height:108px !important;
    min-height:0 !important;

    margin:0 !important;
    padding:8px !important;

    display:grid !important;

    grid-template-columns:
      82px
      minmax(0,1fr) !important;

    grid-template-rows:
      28px
      1fr !important;

    column-gap:9px !important;

    overflow:hidden !important;

    border:
      1px solid
      rgba(var(--accent-rgb),.22) !important;

    background:
      linear-gradient(
        120deg,
        rgba(var(--accent-rgb),.04),
        rgba(8,11,8,.97)
      ) !important;

    box-shadow:
      inset 0 0 24px
      rgba(var(--accent-rgb),.015) !important;
  }


  .engine-plate .plate-top{
    grid-column:2 !important;
    grid-row:1 !important;

    padding:
      2px
      2px
      5px !important;

    align-items:center !important;

    border-bottom:
      1px solid
      rgba(var(--accent-rgb),.09) !important;

    font-size:6px !important;
  }


  .engine-plate .status-online{
    gap:4px !important;
    font-size:6px !important;
  }


  /* Dog thumbnail */

  .engine-plate .core-visual,
  .engine-plate .dog-visual{
    grid-column:1 !important;
    grid-row:1 / 3 !important;

    width:82px !important;
    height:90px !important;

    margin:0 !important;

    align-self:center !important;

    overflow:hidden !important;

    border:
      1px solid
      rgba(var(--accent-rgb),.22) !important;

    border-radius:8px !important;

    background:#080b08 !important;
  }


  .engine-plate .dog-halo{
    inset:-15% !important;

    border:0 !important;

    box-shadow:none !important;

    background:
      radial-gradient(
        circle,
        rgba(var(--accent-rgb),.13),
        transparent 68%
      ) !important;
  }


  .engine-plate .hood-dog{
    width:100% !important;
    height:100% !important;

    max-height:none !important;

    object-fit:cover !important;
    object-position:50% 42% !important;

    transform:none !important;

    border-radius:7px !important;
  }


  .engine-plate .dog-status-badge{
    left:5px !important;
    right:5px !important;
    bottom:4px !important;

    min-width:0 !important;

    transform:none !important;

    padding:3px 4px !important;

    background:
      rgba(5,8,6,.88) !important;
  }

  .engine-plate .dog-status-badge small{
    display:none !important;
  }

  .engine-plate .dog-status-badge strong{
    margin:0 !important;
    font-size:6px !important;
  }


  /* FEED VALUE / GET BACK / RECOVERABLE */

  .engine-plate .plate-readout{
    grid-column:2 !important;
    grid-row:2 !important;

    display:grid !important;

    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;

    margin:0 !important;

    border:0 !important;
  }


  .engine-plate .plate-readout div{
    min-width:0 !important;

    padding:
      9px
      6px
      3px !important;

    border-right:
      1px solid
      rgba(var(--accent-rgb),.09) !important;

    border-bottom:0 !important;
  }


  .engine-plate .plate-readout div:last-child{
    border-right:0 !important;
  }


  .engine-plate .plate-readout span{
    margin-bottom:4px !important;

    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    font-size:5px !important;
  }


  .engine-plate .plate-readout strong{
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    font-size:8px !important;
  }


  /* ========================================
     REMOVE THE FULL HOW IT WORKS SECTION
     ======================================== */

  .how-section{
    display:none !important;
  }


  /* ========================================
     FEED TERMINAL MOVES UP
     ======================================== */

  .wallet-section{
    padding:
      32px
      42px
      58px !important;
  }


  .wallet-section .section-heading{
    margin-bottom:20px !important;
  }


  .wallet-section .section-heading .eyebrow{
    margin-bottom:12px !important;
  }


  .wallet-section h2{
    font-size:
      clamp(
        34px,
        4.2vw,
        58px
      ) !important;
  }


  .scan-overview{
    margin-bottom:14px !important;
  }


  .overview-card{
    min-height:100px !important;
    padding:17px !important;
  }


  .overview-card strong{
    margin-top:10px !important;
    font-size:25px !important;
  }


  #wallet{
    scroll-margin-top:100px;
  }

}


/* ========================================
   TABLET / MOBILE
   keep top compact as well
   ======================================== */

@media (max-width:900px){

  .how-section{
    display:none !important;
  }


  .hero{
    min-height:0 !important;
    height:auto !important;

    display:block !important;
  }


  .hero-copy{
    min-height:0 !important;

    padding:
      18px
      20px
      16px !important;
  }


  .hero-copy::after,
  .hero-lede,
  .network-hint,
  .hero-actions{
    display:none !important;
  }


  .hero-copy > .eyebrow{
    margin:0 0 7px !important;

    font-size:6px !important;
  }


  .hero-copy h1{
    display:flex !important;
    gap:6px !important;

    margin:0 0 12px !important;

    font-size:27px !important;
    line-height:1 !important;
  }


  .hero-copy h1 br{
    display:none !important;
  }


  .address-scanner{
    height:42px !important;

    margin:0 !important;
  }


  .address-scanner input,
  .address-scanner button{
    height:40px !important;
  }


  .live-note{
    margin-top:7px !important;

    font-size:6px !important;

    white-space:nowrap !important;
    overflow:hidden !important;
  }


  .truth-strip{
    display:flex !important;

    gap:11px !important;

    margin-top:9px !important;

    border:0 !important;
  }


  .truth-strip span,
  .truth-strip b{
    padding:0 !important;
    font-size:6px !important;
  }


  /*
    Don't waste mobile viewport on status art.
    All status values still exist in DOM and JS keeps working.
  */

  .engine-plate{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    min-height:0 !important;

    padding:0 !important;
    margin:0 !important;

    opacity:0 !important;

    pointer-events:none !important;

    overflow:hidden !important;
  }


  .wallet-section{
    padding:
      26px
      20px
      44px !important;
  }

}

/* DIH ULTRA COMPACT TOP — END */



/* DIH SIMPLE MARKET PLATE — START */

.dih-market-plate{
  overflow:hidden !important;
}

.dih-market-plate .dih-legacy-core{
  display:none !important;
}

.dih-market-plate .dih-market-head{
  grid-column:1 / -1 !important;
  grid-row:1 !important;

  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  padding:0 12px !important;

  border-bottom:
    1px solid
    rgba(var(--accent-rgb),.12) !important;

  color:#777f73;

  font:
    800 6px
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;

  letter-spacing:.11em;
}

.dih-market-live{
  display:flex;
  align-items:center;
  gap:6px;

  color:var(--lime) !important;
}

.dih-market-live i{
  display:block;

  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--lime);

  box-shadow:
    0 0 10px
    rgba(var(--accent-rgb),.7);
}

.dih-market-plate .dih-market-grid{
  grid-column:1 / -1 !important;
  grid-row:2 !important;

  width:100% !important;
  height:100% !important;

  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;
}

.dih-market-grid > div{
  min-width:0;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:9px 12px;

  border-right:
    1px solid
    rgba(var(--accent-rgb),.12);
}

.dih-market-grid > div:last-child{
  border-right:0;
}

.dih-market-grid span{
  margin-bottom:6px;

  color:#687064;

  font:
    800 5.5px
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;

  letter-spacing:.12em;
}

.dih-market-grid strong{
  overflow:hidden;

  color:#f2f5ec;

  font:
    900 13px
    Arial,
    Helvetica,
    sans-serif;

  line-height:1;

  white-space:nowrap;
  text-overflow:ellipsis;
}

#dihLivePrice{
  color:var(--lime);
}


/* Current ultra-compact desktop panel */

@media (min-width:901px){

  .engine-plate.dih-market-plate{
    display:grid !important;

    grid-template-columns:
      1fr !important;

    grid-template-rows:
      30px 1fr !important;

    width:320px !important;
    height:108px !important;

    min-height:0 !important;

    padding:0 !important;
  }

}


/* On smaller screens use one thin market row */

@media (max-width:900px){

  .engine-plate.dih-market-plate{
    position:relative !important;

    top:auto !important;
    right:auto !important;

    width:100% !important;
    height:78px !important;

    min-height:78px !important;

    margin:12px 0 0 !important;
    padding:0 !important;

    opacity:1 !important;

    pointer-events:auto !important;

    display:grid !important;

    grid-template-columns:1fr !important;
    grid-template-rows:24px 1fr !important;
  }

  .dih-market-grid > div{
    padding:7px 9px;
  }

  .dih-market-grid strong{
    font-size:11px;
  }

}

/* DIH SIMPLE MARKET PLATE — END */



/* RH BASE DYNAMIC THEME — START */

/*
 * ROBINHOOD
 * Original Dog In Hood green
 */
html[data-network-theme="robinhood"] {
  --accent: #68ff7a;
  --accent2: #31d962;
  --accent-rgb: 104,255,122;

  --line: #2a2f25;
  --line2: #3a4132;
  --muted: #89917f;
}


/*
 * BASE
 * Base blue
 */
html[data-network-theme="base"] {
  --accent: #0052ff;
  --accent2: #3975ff;
  --accent-rgb: 0,82,255;

  --line: #1c2941;
  --line2: #29446f;
  --muted: #808da5;
}


/* ──────────────────────────────
   BASE BACKGROUND
   ────────────────────────────── */

html[data-network-theme="base"] body {
  background:
    radial-gradient(
      circle at 76% 10%,
      rgba(0,82,255,.11),
      transparent 28%
    ),
    radial-gradient(
      circle at 15% 44%,
      rgba(45,105,255,.035),
      transparent 25%
    ),
    var(--bg);
}


/* header */

html[data-network-theme="base"] .site-header {
  border-color:
    rgba(0,82,255,.22);
}


/* active RH / BASE button */

html[data-network-theme="base"]
.network-switch button.active {
  color:#fff;
  background:var(--accent);

  box-shadow:
    0 0 18px
    rgba(var(--accent-rgb),.22);
}

html[data-network-theme="robinhood"]
.network-switch button.active {
  color:#090b07;
}


/* wallet */

html[data-network-theme="base"]
.wallet-button {
  border-color:#244b94;

  background:
    rgba(0,82,255,.08);

  color:var(--accent);
}

html[data-network-theme="base"]
.wallet-dot {
  background:var(--accent);

  box-shadow:
    0 0 13px
    rgba(var(--accent-rgb),.75);
}


/* primary buttons */

html[data-network-theme="base"]
.button.primary,
html[data-network-theme="base"]
.threshold.active,
html[data-network-theme="base"]
.token-check:checked {
  color:#fff;
}


/* selected output */

html[data-network-theme="base"]
.output-card.active {
  border-color:#245bc5;

  background:
    linear-gradient(
      120deg,
      rgba(0,82,255,.11),
      #0d1119
    );

  box-shadow:
    inset 0 0 0 1px
    rgba(var(--accent-rgb),.10);
}


/* secondary buttons */

html[data-network-theme="base"]
.secondary-action {
  background:
    rgba(0,82,255,.055);

  border-color:#264c8f;
}


/* address scanner */

html[data-network-theme="base"]
.address-scanner:focus-within {
  border-color:#2964d5;

  box-shadow:
    0 0 0 1px
      rgba(var(--accent-rgb),.12),
    0 0 36px
      rgba(var(--accent-rgb),.07);
}


/* feed / burn tabs */

html[data-network-theme="base"]
.mode-tab.active {
  border-color:#2a5ebc;

  background:
    linear-gradient(
      120deg,
      rgba(0,82,255,.10),
      #0c1018
    );
}


/* protected token notice */

html[data-network-theme="base"]
.protected-note {
  border-left-color:var(--accent);

  background:
    rgba(var(--accent-rgb),.035);
}


/* router/status blocks */

html[data-network-theme="base"]
.router-strip {
  border-color:#254d91 !important;

  background:
    linear-gradient(
      120deg,
      rgba(var(--accent-rgb),.07),
      rgba(9,12,18,.94)
    ) !important;
}


/* mini PRICE / MCAP / BURNED panel */

html[data-network-theme="base"]
.dih-market-plate {
  border-color:
    rgba(var(--accent-rgb),.27) !important;

  background:
    linear-gradient(
      120deg,
      rgba(var(--accent-rgb),.055),
      rgba(7,10,16,.97)
    ) !important;
}

html[data-network-theme="base"]
.dih-market-grid > div,
html[data-network-theme="base"]
.dih-market-head {
  border-color:
    rgba(var(--accent-rgb),.15) !important;
}


/* subtle transition between networks */

body,
.site-header,
.network-switch button,
.wallet-button,
.button,
.engine-plate,
.dih-market-plate,
.overview-card,
.output-card,
.filter-console,
.token-console,
.recycle-console,
.mode-tab,
.protected-note,
.router-strip {
  transition:
    color .22s ease,
    background .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

/* RH BASE DYNAMIC THEME — END */



/* DIH MEME FONT — START */

:root{
  --dih-display-font:
    "Chalkduster",
    "Comic Sans MS",
    "Comic Sans",
    cursive;

  --dih-ui-font:
    "Comic Sans MS",
    "Comic Sans",
    cursive;

  --dih-data-font:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
}


/* MAIN UI TEXT */

body,
button,
input,
select,
textarea{
  font-family:
    var(--dih-ui-font) !important;
}


/* BIG BRAND / MEME HEADLINES */

.brand strong,
.hero h1,
.hero-title,
.section-heading h2,
.wallet-section h2,
.feed-heading,
.feed-title,
.mode-title{
  font-family:
    var(--dih-display-font) !important;

  font-weight:400 !important;
}


/* BUTTONS + NAV */

.site-header,
.top-nav,
.nav,
.network-switch,
.button,
button,
.threshold,
.mode-tab{
  font-family:
    var(--dih-ui-font) !important;
}


/* KEEP BLOCKCHAIN / MARKET DATA CLEAN */

code,
pre,
input[type="text"],
.address-scanner input,

.wallet-address,
.wallet-button,

.token-symbol,
.token-balance,
.token-price,

.dih-market-grid,
.dih-market-head,

.overview-card strong,

.live-note,
.truth-strip,

.eyebrow,
.section-kicker,

table,
thead,
tbody,

.tx-log,
.activity-log,

[data-stat],
[data-value]{
  font-family:
    var(--dih-data-font) !important;
}


/* Chalkduster needs a little more room */

.hero h1,
.hero-title,
.section-heading h2,
.wallet-section h2{
  letter-spacing:-.035em !important;
}


/* keep small UI from becoming too cartoon-heavy */

.eyebrow,
.section-kicker,
.dih-market-head,
.dih-market-grid span{
  letter-spacing:.08em !important;
}


/* DIH MEME FONT — END */