:root {
  --bg: #f3f5f1;
  --surface: #ffffff;
  --surface-2: #f8faf7;
  --ink: #18201d;
  --muted: #6d7770;
  --line: #dfe5de;
  --accent: #0b8f68;
  --accent-strong: #067452;
  --accent-soft: #d9f2e7;
  --accent-ink: #063c2c;
  --warn: #a46721;
  --warn-soft: #fff4e1;
  --shadow: 0 16px 50px rgba(26, 42, 32, .07);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-synthesis: none;
}

.notice.notice-success { border-color: #abdcc8; background: #e9f8f0; color: #176b50; }
.notice.notice-success strong { color: #0c6a4c; }
.notice.notice-success p { color: #337e63; }
.notice.notice-error { border-color: #efc2b7; background: #fff0eb; color: #9b4939; }
.notice.notice-error strong { color: #913f31; }
.notice.notice-error p { color: #a85d4e; }
.trade-warning { margin: 0; padding: .65rem .75rem; border: 1px solid #efc2b7; border-radius: .7rem; background: #fff0eb; color: #9b4939; font-size: .72rem; line-height: 1.45; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--bg); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled, input:disabled { cursor: not-allowed; }

.skip-link { position: fixed; z-index: 100; left: 1rem; top: -4rem; padding: .7rem 1rem; border-radius: .7rem; background: var(--ink); color: #fff; transition: top .2s; }
.skip-link:focus { top: 1rem; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 14.5rem; flex-direction: column; border-right: 1px solid var(--line); background: rgba(255,255,255,.82); padding: 1.5rem 1rem 1.1rem; backdrop-filter: blur(18px); }
.brand, .mobile-brand, .footer-brand { display: inline-flex; align-items: center; gap: .65rem; font-size: 1.02rem; font-weight: 760; letter-spacing: -.03em; }
.brand { padding: .15rem .55rem 1.35rem; }
.brand-accent { color: var(--accent); }
.brand-mark { position: relative; display: grid; width: 1.7rem; height: 1.7rem; place-items: center; overflow: hidden; border-radius: .58rem; background: var(--ink); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.brand-mark::before, .brand-mark::after, .brand-mark span { content: ""; position: absolute; border: 1px solid #a7efd3; border-radius: 50%; transform: rotate(-28deg); }
.brand-mark::before { width: 1.05rem; height: .46rem; }
.brand-mark::after { width: .48rem; height: 1.1rem; }
.brand-mark span { width: .27rem; height: .27rem; border: 0; background: #fff3ad; }
.brand-mark.small { width: 1.35rem; height: 1.35rem; border-radius: .45rem; }
.brand-mark.small::before { width: .84rem; height: .36rem; }
.brand-mark.small::after { width: .38rem; height: .86rem; }
.brand-mark.small span { width: .2rem; height: .2rem; }
.main-nav { display: flex; flex-direction: column; gap: 1.4rem; }
.nav-group { display: grid; gap: .2rem; }
.nav-group-label { margin: 0 0 .35rem .7rem; color: var(--muted); font-size: .69rem; font-weight: 740; letter-spacing: .14em; text-transform: uppercase; }
.nav-link { display: flex; align-items: center; gap: .7rem; min-height: 2.55rem; padding: .55rem .7rem; border-radius: .7rem; color: var(--muted); font-size: .88rem; font-weight: 610; transition: color .18s, background .18s, transform .18s; }
.nav-link:hover { color: var(--ink); background: var(--surface-2); transform: translateX(2px); }
.nav-link.active { color: var(--accent-ink); background: var(--accent-soft); }
.nav-icon { display: grid; width: 1.15rem; place-items: center; color: currentColor; font-size: 1.05rem; line-height: 1; }
.sidebar-bottom { margin-top: auto; padding: .9rem .65rem 0; border-top: 1px solid var(--line); }
.chain-label { display: flex; align-items: center; gap: .45rem; color: var(--ink); font-size: .76rem; font-weight: 700; }
.chain-dot, .status-dot, .mini-dot { display: inline-block; flex: none; width: .46rem; height: .46rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 .2rem rgba(11,143,104,.13); }
.chain-id { margin-left: auto; color: var(--muted); font-variant-numeric: tabular-nums; font-weight: 600; }
.sidebar-note { margin: .65rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.55; }

.workspace { min-height: 100vh; margin-left: 14.5rem; }
.topbar { position: sticky; top: 0; z-index: 15; display: flex; min-height: 4.4rem; align-items: center; gap: 1rem; border-bottom: 1px solid rgba(223,229,222,.9); background: rgba(243,245,241,.88); padding: .8rem clamp(1.25rem, 4vw, 3.2rem); backdrop-filter: blur(18px); }
.topbar-title { margin: 0; font-size: 1.1rem; letter-spacing: -.02em; }
.mobile-brand { display: none; }
.topbar-right { display: flex; align-items: center; gap: .65rem; margin-left: auto; }
.network-pill { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.25rem; padding: .35rem .7rem; border: 1px solid var(--line); border-radius: .7rem; background: rgba(255,255,255,.65); color: var(--muted); font-size: .73rem; font-weight: 650; }
.network-pill.warning { color: var(--warn); border-color: #f1d5aa; background: var(--warn-soft); }
.network-pill.warning .status-dot { background: var(--warn); box-shadow: 0 0 0 .2rem rgba(164,103,33,.13); }
.ui-button { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.35rem; padding: .62rem .85rem; border: 1px solid transparent; border-radius: .72rem; font-size: .78rem; font-weight: 730; transition: transform .18s, box-shadow .18s, background .18s, border-color .18s; }
.ui-button.compact { min-height: 2.15rem; padding: .48rem .65rem; font-size: .7rem; }
.ui-button:hover { transform: translateY(-1px); }
.ui-button:active { transform: translateY(0); }
.ui-button.accent { background: var(--accent); color: #fff; box-shadow: 0 8px 18px rgba(11,143,104,.2); }
.ui-button.accent:hover { background: var(--accent-strong); box-shadow: 0 10px 22px rgba(11,143,104,.28); }
.ui-button.ghost { border-color: var(--line); background: var(--surface); color: var(--ink); }
.ui-button.ghost:hover { border-color: #b7c7bb; background: var(--surface-2); }
.ui-button.large { min-height: 2.85rem; padding: .78rem 1rem; font-size: .84rem; }
.wallet-icon { font-size: 1rem; }
.mobile-nav { display: none; }

.page-content { width: min(100%, 1060px); margin: 0 auto; padding: clamp(1.45rem, 4vw, 3.5rem) clamp(1.25rem, 4vw, 3.2rem) 4rem; }
.view { display: none; animation: rise .28s ease both; }
.view.active { display: block; }
@keyframes rise { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.eyebrow { margin: 0; color: var(--accent); font-size: .67rem; font-weight: 800; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.muted { color: var(--muted); }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(17rem,.8fr); align-items: center; gap: clamp(1.5rem, 5vw, 5rem); min-height: 17rem; }
.hero-copy h2 { max-width: 18ch; margin: .55rem 0 .8rem; font-size: clamp(2.2rem, 5.1vw, 4.45rem); font-weight: 760; letter-spacing: -.075em; line-height: .98; }
.hero-copy h2 em { color: var(--accent); font-style: normal; }
.hero-lede { max-width: 47rem; margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; margin-top: 1.45rem; }
.text-button { display: inline-flex; gap: .45rem; align-items: center; color: var(--ink); font-size: .8rem; font-weight: 720; }
.text-button span { color: var(--accent); font-size: 1.1rem; transition: transform .18s; }
.text-button:hover span { transform: translateX(3px); }
.hero-orbit { position: relative; min-height: 16rem; overflow: hidden; border-radius: 1.6rem; background: #14241e; box-shadow: var(--shadow); }
.hero-orbit::before { content: ""; position: absolute; inset: -25%; background: radial-gradient(circle at 38% 36%, rgba(75,204,159,.26), transparent 34%), radial-gradient(circle at 76% 72%, rgba(255,218,104,.15), transparent 30%); }
.orbit-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(182,242,215,.4); border-radius: 50%; transform: translate(-50%,-50%) rotate(-25deg); }
.ring-one { width: 78%; height: 41%; }
.ring-two { width: 60%; height: 78%; transform: translate(-50%,-50%) rotate(45deg); }
.ring-three { width: 92%; height: 64%; border-color: rgba(255,223,133,.3); transform: translate(-50%,-50%) rotate(12deg); }
.orbit-core { position: absolute; top: 50%; left: 50%; display: grid; width: 4.8rem; height: 4.8rem; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 1.35rem; background: linear-gradient(145deg,#79ebc0,#0e8b67); color: #0b3a2d; box-shadow: 0 0 0 .7rem rgba(75,204,159,.1), 0 18px 36px rgba(0,0,0,.25); font-size: 1.15rem; font-weight: 850; transform: translate(-50%,-50%) rotate(-8deg); }
.orbit-star { position: absolute; color: #fff0ad; font-size: 1.4rem; }
.star-one { top: 19%; left: 24%; }.star-two { right: 17%; top: 28%; font-size: 2rem; }.star-three { right: 25%; bottom: 15%; color: #97f0ca; }
.stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin: 1.65rem 0; }
.stat-card { display: grid; gap: .28rem; min-height: 6.2rem; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255,255,255,.72); }
.stat-label, .stat-card small { color: var(--muted); font-size: .71rem; }
.stat-card strong { font-size: 1.45rem; letter-spacing: -.05em; }
.stat-card small { display: inline-flex; align-items: center; gap: .35rem; }
.mini-dot { width: .35rem; height: .35rem; box-shadow: none; }
.feature-grid { display: grid; grid-template-columns: minmax(0,1fr) 20rem; gap: .85rem; }
.surface { border: 1px solid var(--line); border-radius: 1.05rem; background: var(--surface); box-shadow: 0 1px 1px rgba(22,40,30,.02); }
.featured-card { padding: 1.35rem; }
.feature-top, .card-heading, .market-head, .page-head, .footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.feature-top h3 { margin: .3rem 0 .18rem; font-size: 1.45rem; letter-spacing: -.04em; }
.feature-top p { margin: 0; font-size: .77rem; }
.badge, .page-chip, .market-count, .pill-muted { display: inline-flex; align-items: center; white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; padding: .3rem .58rem; color: var(--muted); background: var(--surface-2); font-size: .67rem; font-weight: 720; }
.badge.success { border-color: #a9ddc8; background: var(--accent-soft); color: var(--accent-ink); }
.token-hero { display: flex; align-items: center; gap: .7rem; margin: 1.45rem 0 1.2rem; padding: .85rem; border-radius: .85rem; background: var(--surface-2); }
.token-avatar, .preview-avatar, .currency-symbol { display: grid; flex: none; width: 2.85rem; height: 2.85rem; place-items: center; border-radius: .85rem; background: #e7c75f; color: #514219; font-size: .72rem; font-weight: 850; }
.token-hero > div:nth-child(2) { display: grid; min-width: 0; gap: .15rem; }
.token-hero strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .92rem; }
.token-hero small { color: var(--muted); font-size: .7rem; }
.token-symbol { margin-left: auto; color: var(--muted); font-size: .75rem; font-weight: 800; }
.feature-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; }
.feature-metrics div { display: grid; gap: .2rem; padding: .7rem; border-left: 2px solid var(--accent-soft); }
.feature-metrics span { color: var(--muted); font-size: .65rem; }.feature-metrics strong { font-size: .82rem; }
.feature-actions { display: flex; gap: .55rem; margin-top: 1.1rem; }
.network-card { align-self: stretch; padding: 1.25rem; }
.card-heading { align-items: center; }.live-chip { display: inline-flex; align-items: center; gap: .35rem; color: var(--accent); font-size: .66rem; font-weight: 750; }
.address-list { display: grid; gap: .9rem; margin: 1.45rem 0; }.address-list div { display: grid; gap: .25rem; }.address-list dt { color: var(--muted); font-size: .68rem; }.address-list dd { overflow: hidden; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.link-button { display: inline-flex; width: 100%; justify-content: space-between; padding: .75rem 0 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--accent-strong); font-size: .72rem; font-weight: 740; }
.market-head { align-items: end; margin: 3rem 0 1rem; }.market-head h2, .page-head h2 { margin: .35rem 0 .35rem; font-size: clamp(1.45rem,3vw,2rem); letter-spacing: -.055em; }.page-head { align-items: end; margin-bottom: 1.35rem; }.page-head > div { max-width: 48rem; }.page-head p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.6; }.page-chip { margin-top: .2rem; color: var(--accent-ink); border-color: #b3ddcd; background: var(--accent-soft); }
.market-toolbar { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; }.search-box { display: flex; flex: 1; align-items: center; gap: .55rem; min-height: 2.55rem; padding: 0 .85rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--surface); color: var(--muted); }.search-box input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .78rem; }.filter-tabs { display: flex; gap: .2rem; padding: .2rem; border-radius: .75rem; background: #e9eee9; }.filter-tab { padding: .5rem .6rem; border: 0; border-radius: .55rem; background: transparent; color: var(--muted); font-size: .69rem; font-weight: 700; }.filter-tab.active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgba(20,40,28,.08); }
.market-table { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--surface); }.coin-row { display: grid; grid-template-columns: 2rem minmax(10rem,1.5fr) 6rem 7rem minmax(10rem,1fr) 1.4rem; align-items: center; gap: .6rem; min-height: 4.7rem; padding: .65rem .95rem; border-bottom: 1px solid var(--line); transition: background .18s; }.coin-row:last-child { border-bottom: 0; }.coin-row:hover { background: var(--surface-2); }.coin-rank { color: var(--muted); font-size: .7rem; font-variant-numeric: tabular-nums; }.coin-identity { display: flex; min-width: 0; align-items: center; gap: .6rem; }.coin-art { display: grid; width: 2.1rem; height: 2.1rem; flex: none; place-items: center; border-radius: .65rem; background: linear-gradient(145deg,#d7f2e5,#a8d8c2); color: var(--accent-ink); font-size: .64rem; font-weight: 850; }.coin-identity strong, .coin-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.coin-identity strong { font-size: .78rem; }.coin-identity small { display: block; margin-top: .14rem; color: var(--muted); font-size: .65rem; }.coin-currency, .coin-number, .coin-progress { font-size: .7rem; }.coin-currency { color: var(--accent-strong); font-weight: 760; }.coin-number { display: grid; gap: .18rem; text-align: right; font-variant-numeric: tabular-nums; }.coin-number small, .coin-progress small { color: var(--muted); font-size: .62rem; }.coin-progress { display: grid; gap: .35rem; color: var(--muted); }.coin-progress > span { display: flex; justify-content: space-between; }.coin-progress b { color: var(--ink); font-weight: 750; }.progress-track { height: .34rem; overflow: hidden; border-radius: 999px; background: #e8eee9; }.progress-fill { height: 100%; border-radius: inherit; background: var(--accent); }.row-arrow { color: var(--muted); font-size: 1rem; }.mobile-label { display: none; }.market-footnote { display: flex; justify-content: space-between; gap: 1rem; margin: .7rem .2rem; color: var(--muted); font-size: .66rem; }

.launch-layout { display: grid; grid-template-columns: minmax(0,1fr) 20rem; gap: .85rem; align-items: start; }.launch-fields { display: grid; gap: 1.15rem; padding: clamp(1.1rem,3vw,1.7rem); }.form-section-title { display: flex; align-items: flex-start; gap: .75rem; }.form-section-title > span { display: grid; width: 1.75rem; height: 1.75rem; flex: none; place-items: center; border-radius: .55rem; background: var(--accent-soft); color: var(--accent-ink); font-size: .66rem; font-weight: 850; }.form-section-title h3 { margin: 0; font-size: 1rem; letter-spacing: -.025em; }.form-section-title p { margin: .2rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }.form-section-title.divider { margin-top: .35rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }.field-grid { display: grid; gap: .95rem; }.field-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }.field-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; }.field { display: grid; gap: .35rem; min-width: 0; }.field > span, .toggle-row strong { font-size: .78rem; font-weight: 720; }.field > span b { color: #bd5d47; }.field > small, .toggle-row small { color: var(--muted); font-size: .68rem; line-height: 1.45; }.field input, .field textarea, .field select { width: 100%; min-height: 2.65rem; padding: .7rem .78rem; border: 1px solid var(--line); border-radius: .7rem; outline: 0; background: var(--surface-2); color: var(--ink); font-size: .8rem; transition: border-color .18s, box-shadow .18s, background .18s; }.field textarea { min-height: 5.5rem; resize: vertical; line-height: 1.5; }.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--accent); background: var(--surface); box-shadow: 0 0 0 3px rgba(11,143,104,.1); }.input-with-prefix, .input-with-suffix { display: flex; align-items: center; border: 1px solid var(--line); border-radius: .7rem; background: var(--surface-2); }.input-with-prefix:focus-within, .input-with-suffix:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(11,143,104,.1); }.input-with-prefix > span, .input-with-suffix > span { padding: 0 .72rem; color: var(--muted); font-size: .72rem; font-weight: 700; }.input-with-prefix input, .input-with-suffix input { border: 0; background: transparent; box-shadow: none; }.range-line { display: flex; align-items: center; gap: .8rem; }.range-line input[type=range] { min-height: auto; padding: 0; accent-color: var(--accent); }.range-line output { width: 4.2rem; color: var(--ink); font-size: .77rem; font-variant-numeric: tabular-nums; text-align: right; }.disabled-field { opacity: .65; }.pill-muted { padding: .12rem .4rem; font-size: .6rem; vertical-align: 1px; }.toggle-row { position: relative; display: flex; align-items: center; gap: .8rem; padding: .85rem .9rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--surface-2); }.toggle-row > span:first-child { display: grid; flex: 1; gap: .25rem; }.toggle-row input { position: absolute; width: 1px; height: 1px; opacity: 0; }.toggle-ui { position: relative; display: block; width: 2.55rem; height: 1.4rem; border-radius: 999px; background: #cbd5cd; transition: background .18s; }.toggle-ui::after { content: ""; position: absolute; top: .19rem; left: .2rem; width: 1.02rem; height: 1.02rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: transform .18s; }.toggle-row input:checked + .toggle-ui { background: var(--accent); }.toggle-row input:checked + .toggle-ui::after { transform: translateX(1.12rem); }.form-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; padding-top: .25rem; }.form-footnote { margin: -.2rem 0 0; color: var(--muted); font-size: .65rem; line-height: 1.5; }.launch-aside { display: grid; gap: .75rem; position: sticky; top: 5.3rem; }.preview-card { display: grid; gap: .9rem; padding: 1.25rem; }.launch-preview { display: flex; align-items: center; gap: .65rem; padding: .75rem 0 .95rem; border-bottom: 1px solid var(--line); }.preview-avatar { width: 2.65rem; height: 2.65rem; background: #d9edb3; color: #42572b; }.launch-preview > div:last-child { display: grid; gap: .18rem; min-width: 0; }.launch-preview strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }.launch-preview small { color: var(--muted); font-size: .66rem; }.preview-row { display: flex; justify-content: space-between; gap: .8rem; color: var(--muted); font-size: .68rem; }.preview-row strong { max-width: 58%; color: var(--ink); font-size: .7rem; font-variant-numeric: tabular-nums; text-align: right; }.notice { display: flex; gap: .65rem; padding: .8rem .9rem; border: 1px solid #efd8ae; border-radius: .8rem; background: var(--warn-soft); color: var(--warn); font-size: .7rem; line-height: 1.45; }.notice strong { color: #825119; }.notice p { margin: .25rem 0 0; color: #9a6c39; }.notice-mark { flex: none; font-size: .9rem; }.build-output { overflow: auto; min-height: 6rem; max-height: 14rem; margin: 0; padding: .85rem; border: 1px solid var(--line); border-radius: .75rem; background: #17221d; color: #bcefd8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .64rem; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }

.currency-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }.currency-card { display: flex; align-items: center; gap: .75rem; padding: 1rem; }.currency-card > div { display: grid; gap: .18rem; flex: 1; }.currency-card strong { font-size: .84rem; }.currency-card small { color: var(--muted); font-size: .67rem; }.currency-card.selected { border-color: #a7dac5; box-shadow: 0 0 0 3px rgba(11,143,104,.07); }.currency-symbol { width: 2.4rem; height: 2.4rem; border-radius: .7rem; background: var(--accent-soft); color: var(--accent-ink); }.muted-symbol { background: #edf0ed; color: var(--muted); }.empty-state { display: grid; justify-items: start; max-width: 42rem; margin: 2rem auto; padding: clamp(1.5rem,5vw,3rem); }.empty-icon { display: grid; width: 3.3rem; height: 3.3rem; place-items: center; margin-bottom: 1.2rem; border-radius: 1rem; background: var(--accent-soft); color: var(--accent); font-size: 1.8rem; }.empty-state h2 { margin: .45rem 0 .6rem; font-size: clamp(1.4rem,3vw,2rem); letter-spacing: -.05em; }.empty-state p:not(.eyebrow) { max-width: 34rem; margin: 0 0 1.2rem; color: var(--muted); font-size: .85rem; line-height: 1.6; }.rate-board { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; background: var(--line); }.rate-board > div { display: grid; gap: .35rem; padding: 1.25rem; background: var(--surface); }.rate-board span, .rate-board small { color: var(--muted); font-size: .7rem; }.rate-board strong { font-size: 1rem; }.docs-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }.doc-card { min-height: 10rem; padding: 1.25rem; }.doc-number { display: inline-grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: .5rem; background: var(--accent-soft); color: var(--accent-ink); font-size: .65rem; font-weight: 850; }.doc-card h3 { margin: 1rem 0 .35rem; font-size: 1rem; }.doc-card p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.6; }.doc-card.warning { border-color: #efd8ae; }.doc-card code, .build-output code { color: var(--accent-ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; }
.site-footer { width: min(100%,1060px); margin: 0 auto; padding: 1.2rem clamp(1.25rem,4vw,3.2rem) 2rem; border-top: 1px solid var(--line); }.footer-top { align-items: center; }.footer-links { display: flex; flex-wrap: wrap; gap: 1rem; color: var(--muted); font-size: .68rem; }.footer-links a:hover { color: var(--accent); }.site-footer p { max-width: 38rem; margin: .8rem 0 0; color: var(--muted); font-size: .66rem; line-height: 1.55; }
.trade-dialog { width: min(31rem, calc(100% - 2rem)); padding: 0; border: 0; border-radius: 1.1rem; background: transparent; box-shadow: 0 26px 80px rgba(14,34,24,.25); }.trade-dialog::backdrop { background: rgba(13,26,20,.42); backdrop-filter: blur(3px); }.trade-card { position: relative; display: grid; gap: .85rem; padding: 1.45rem; border: 1px solid var(--line); border-radius: 1.1rem; background: var(--surface); }.trade-card h2 { margin: .1rem 0 .05rem; font-size: 1.4rem; letter-spacing: -.04em; }.trade-card > .muted { margin: 0; font-size: .76rem; line-height: 1.5; }.dialog-close { position: absolute; top: .75rem; right: .8rem; width: 2rem; height: 2rem; border: 0; border-radius: .55rem; background: var(--surface-2); color: var(--muted); font-size: 1.3rem; line-height: 1; }.dialog-close:hover { color: var(--ink); }.toast { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 60; max-width: min(25rem, calc(100% - 2.4rem)); padding: .75rem .9rem; border: 1px solid #b9ddcd; border-radius: .75rem; background: #e5f7ee; color: var(--accent-ink); box-shadow: var(--shadow); font-size: .74rem; font-weight: 680; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s, transform .2s; }.toast.show { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .sidebar { width: 12rem; }.workspace { margin-left: 12rem; }.hero-grid { grid-template-columns: 1fr; }.hero-orbit { min-height: 12rem; }.feature-grid, .launch-layout { grid-template-columns: 1fr; }.launch-aside { position: static; grid-template-columns: 1fr 1fr; }.build-output { grid-column: 1 / -1; }.coin-row { grid-template-columns: 1.8rem minmax(9rem,1.5fr) 5rem 6.5rem minmax(8rem,1fr) 1rem; }
}
@media (max-width: 680px) {
  .sidebar { display: none; }.workspace { margin-left: 0; }.topbar { min-height: 3.8rem; padding: .7rem 1rem; }.topbar-title { display: none; }.mobile-brand { display: inline-flex; }.network-pill { padding: .35rem .5rem; }.network-pill #network-label { display: none; }.ui-button { min-height: 2.3rem; }.topbar-right { gap: .4rem; }.topbar-right .compact { max-width: 5.8rem; padding-inline: .5rem; font-size: .62rem; white-space: nowrap; overflow: hidden; }.mobile-nav { display: flex; position: sticky; top: 3.8rem; z-index: 14; overflow-x: auto; gap: .2rem; padding: .55rem 1rem; border-bottom: 1px solid var(--line); background: rgba(243,245,241,.94); scrollbar-width: none; }.mobile-nav::-webkit-scrollbar { display: none; }.mobile-nav-link { flex: none; padding: .48rem .7rem; border-radius: .55rem; color: var(--muted); font-size: .72rem; font-weight: 700; }.mobile-nav-link.active { background: var(--accent-soft); color: var(--accent-ink); }.page-content { padding: 1.35rem 1rem 3rem; }.hero-copy h2 { font-size: clamp(2.15rem,13vw,3.35rem); }.hero-lede { font-size: .87rem; }.hero-orbit { min-height: 11rem; border-radius: 1.1rem; }.orbit-core { width: 3.8rem; height: 3.8rem; }.stat-grid { gap: .5rem; }.stat-card { min-height: 5.4rem; padding: .75rem; }.stat-card strong { font-size: 1.1rem; }.stat-card small { font-size: .62rem; }.feature-metrics { gap: .2rem; }.feature-metrics div { padding: .55rem .4rem; }.feature-metrics span { font-size: .59rem; }.feature-metrics strong { font-size: .72rem; }.market-toolbar { display: grid; }.filter-tabs { overflow-x: auto; }.market-head { align-items: start; }.market-count { margin-top: .2rem; }.market-table { border-radius: .8rem; }.coin-row { grid-template-columns: 1.5rem minmax(0,1fr) 4.5rem 1rem; gap: .4rem; padding: .65rem .6rem; }.coin-currency, .coin-number:nth-of-type(2), .coin-progress { display: none; }.coin-number { text-align: right; }.mobile-label { display: inline; color: var(--muted); font-size: .58rem; }.market-footnote { display: grid; gap: .25rem; }.page-head { display: grid; }.page-chip { justify-self: start; }.field-grid.two, .field-grid.three, .currency-grid, .docs-grid, .rate-board { grid-template-columns: 1fr; }.launch-aside { grid-template-columns: 1fr; }.form-actions .ui-button { flex: 1; }.footer-top { display: grid; }.footer-links { gap: .7rem; }.site-footer { padding-inline: 1rem; }.trade-dialog { width: calc(100% - 1rem); }.trade-card { padding: 1.15rem; }
}

@media (max-width: 380px) {
  .topbar-right .compact { width: 2.35rem; max-width: 2.35rem; padding-inline: .35rem; font-size: 0; }
  .topbar-right .compact::after { content: "↻"; font-size: .95rem; }
}