/* Neutral surfaces echo the steel cube; native ecosystem logos retain their colors. */
:root{--ink:#1b1b1b;--paper:#e7e7e7;--acid:#dedede;--line:#c7c7c7}
body{background:#111;color:#f1f1f1}
.intro-section,.ecosystem{background-color:#181818}
.method-section,footer{background-color:#151515}
.intro-body h1 em,.method-head h2 em{color:#c8c8c8}
.intro-body p,.intro-top .eyebrow,.ecosystem>span,.ecosystem .brand-note,.method-head p,.method-items p{color:#acacac}
.intro-top,.method-items article{border-color:#414141}
.intro-top nav,.intro-cta{color:#d0d0d0}
.intro-cta{border-color:#828282}
.light-section{background-color:var(--paper)}
.market-title p,.lab-intro p{color:#626262}
.search-form{background:#f5f5f5;border-color:#bcbcbc}
.search-form button{background:#262626;color:#f5f5f5}
.search-form button:hover{background:#454545}
.terminal{background:#ededed;border-color:#bfbfbf}
.pool-row.selected{background:#d3d3d3;box-shadow:inset 3px 0 #555}
.pool-row:hover{background:#dedede}
.focus-panel{background:#dcdcdc}
.lab-grid{background:rgba(231,231,231,.94)}
.preset-row button.active{background:#ccc;border-color:#777}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#858585}
.grid-surface{
  --grid-size:80px;
  --grid-line:rgba(25,25,25,.065);
  --pixel-rgb:186,186,186;
  --pixel-alt:160,160,160;
  position:relative;
  isolation:isolate;
  background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);
  background-size:var(--grid-size) var(--grid-size);
  background-position:0 0;
}
.grid-dark{--grid-line:rgba(240,240,240,.055);--pixel-rgb:58,58,58;--pixel-alt:76,76,76}
.pixel-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.grid-pixel{position:absolute;width:calc(var(--grid-size) - 1px);height:calc(var(--grid-size) - 1px);background:rgb(var(--pixel-rgb));opacity:0;will-change:opacity}
.grid-pixel-alt{background:rgb(var(--pixel-alt))}
.grid-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M0 4V0H4M76 0H80V4M80 76V80H76M4 80H0V76' fill='none' stroke='%23888888' stroke-opacity='.2'/%3E%3C/svg%3E");background-size:var(--grid-size) var(--grid-size)}
@media(max-width:760px){.grid-surface{--grid-size:64px;--grid-line:rgba(25,25,25,.055)}.grid-dark{--grid-line:rgba(240,240,240,.045)}}
@media(prefers-reduced-motion:reduce){.pixel-field{display:none}}
@media print{.pixel-field{display:none}.grid-surface{background-image:none}}
.header-actions{display:flex;align-items:center;gap:22px}
.social-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff30;color:#dedede;border-radius:50%;transition:background .2s,color .2s}
.social-x:hover{background:#ededed;color:#181818}
.footer-social{display:inline-flex;align-items:center;gap:9px;color:#c7c7c7}
.footer-social:hover{color:#fff}
.token-contract[hidden]{display:none}
.token-contract{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 28px;font-size:13px;color:#c7c7c7}
.contract-label{letter-spacing:.1em;color:#999}
.token-contract code{font-size:12px;overflow-wrap:anywhere;user-select:all}
.token-contract button{border:1px solid #555;background:#252525;padding:8px 12px;font-size:12px;color:#eee}
.token-contract button:hover{background:#393939}
.contract-status{font-size:12px;color:#aaa}
@media(max-width:760px){.header-actions{gap:16px}.social-x{width:38px;height:38px}.token-contract code{flex:1;min-width:0}}