.chain-selector{position:relative;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#40667e;cursor:pointer;margin-left:auto}.chain-selector select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chain-selector:focus-within{outline:2px solid var(--chain-accent,#658faa);outline-offset:5px;border-radius:6px}.chain-caret{font-size:11px;opacity:.7}.chain-short{display:none}.chain-selector i{display:block;width:10px;height:10px;border:3px solid var(--chain-accent,#477fa9);border-radius:50%}.chain-selector option{color:#18394f;background:#fff}
:root{--chain-accent:#588caf;--chain-soft:#e0eaf2;--chain-strong:#6289a5;--chain-line:#588caf;--chain-area:#8db9d8}
/* Official network accents. Neon carries dark ink; text accents remain readable on pale clouds. */
:root[data-network=base]{--chain-accent:#0000ff;--chain-soft:#eeeeff;--chain-strong:#0000ff;--chain-line:#0000ff;--chain-area:#0000ff;--chain-ink:#fff;--chain-text:#0000cc}
:root[data-network=robinhood]{--chain-accent:#ccff00;--chain-soft:#f3ffd1;--chain-strong:#ccff00;--chain-line:#ccff00;--chain-area:#ccff00;--chain-ink:#172000;--chain-text:#354600}
html:is([data-network=base],[data-network=robinhood]) .chain-selector{color:var(--chain-text)}
html:is([data-network=base],[data-network=robinhood]) :is(.trade-submit,.fees-claim,.mobile-trade-jump,.create-primary,.nav-create,.arrival-bar .arrival-apply:not([aria-disabled=true]),.page-buttons button[aria-current=page]){background:var(--chain-accent);border-color:var(--chain-accent);color:var(--chain-ink)}
html:is([data-network=base],[data-network=robinhood]) .trade-tabs{background:var(--chain-soft)}
html:is([data-network=base],[data-network=robinhood]) :is(.trade-tabs button[aria-pressed=true],.chart-toolbar button[aria-pressed=true],.activity-toolbar button[aria-pressed=true],.spotlight-controls button[aria-pressed=true],.market-filter button[aria-pressed=true],.period-control button[aria-pressed=true],.profile-tabs button[aria-selected=true],.profile-chart-heading button[aria-pressed=true]){background:var(--chain-soft);color:var(--chain-text)}
html:is([data-network=base],[data-network=robinhood]) :is(.chart-modes button[aria-pressed=true],.token-tabs button[aria-selected=true],.amount-presets button,.amount-label,.fees-recipient button,.create-text-button,.profile-launch-link){color:var(--chain-text)}
html:is([data-network=base],[data-network=robinhood]) .token-tabs button[aria-selected=true]{border-color:var(--chain-accent)}
html:is([data-network=base],[data-network=robinhood]) :is(.lifecycle-track i,.fees-split-track i,.progress-track>span){background:var(--chain-accent)}
html:is([data-network=base],[data-network=robinhood]) .lift-chart svg rect{fill:var(--chain-area);fill-opacity:.35}
html:is([data-network=base],[data-network=robinhood]) .lift-chart svg rect.latest{fill:var(--chain-accent);fill-opacity:1}
html:is([data-network=base],[data-network=robinhood]) :is(button,a,input,.price-chart):focus-visible{outline-color:var(--chain-text)}
html:is([data-network=base],[data-network=robinhood]) .amount-field:focus-within{outline-color:var(--chain-text)}
html:is([data-network=base],[data-network=robinhood]) .create-steps button[aria-current] span{background:var(--chain-accent);color:var(--chain-ink)}
html:is([data-network=base],[data-network=robinhood]) .fees-spark path{stroke:var(--chain-line)}
@media(max-width:760px){.navigation .chain-selector{margin:8px auto 0 0;gap:5px;font-size:9px;max-width:98px}.chain-full{display:none}.chain-short{display:inline}.chain-selector i{width:8px;height:8px;border-width:2px}.chain-caret{font-size:9px}}