@font-face { font-family: Geist; src: url('/fonts/geist.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { font-family: Geist, Arial, sans-serif; color: #eff5e9; background: #080f0b; font-synthesis: none; --ground: #080f0b; --panel: #101c14; --raised: #192b1e; --mint: #8bffa9; --paper: #eff5e9; --lilac: #cab7ff; --muted: #a1b2a5; --line: #26372b; --amber: #f3d38b; --red: #ff9da6; color-scheme: dark; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: #3c5543 #080f0b; }
body { margin: 0; min-width: 320px; font-size: 14px; font-weight: 550; line-height: 1.5; }
button, input, textarea, select { font: inherit; letter-spacing: 0; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .46; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select, a { outline-offset: 4px; }
:focus-visible { outline: 2px solid var(--lilac); }
::selection { background: var(--lilac); color: var(--ground); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3, strong, b { font-weight: 750; }
h1 { font-size: 28px; line-height: 1.2; }
h2 { font-size: 19px; line-height: 1.35; }
h3 { font-size: 16px; line-height: 1.4; }
img { max-width: 100%; }
svg { flex-shrink: 0; stroke-width: 2; }
input, textarea { min-width: 0; }
fieldset { min-width: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.muted { color: var(--muted); }
.lilac { color: var(--lilac); }
.full-width { width: 100%; }
.skip-link { position: fixed; top: -80px; left: 16px; padding: 12px 18px; z-index: 100; background: var(--mint); color: var(--ground); }
.skip-link:focus { top: 12px; }
.app-shell { min-height: 100vh; display: flex; flex-direction: column; }
.site-header { border-bottom: 1px solid var(--line); background: #0b150f; }
.header-inner { max-width: 1640px; min-height: 88px; padding: 0 38px; margin: auto; display: flex; align-items: center; gap: 56px; }
.brand { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; font-size: 33px; font-weight: 900; line-height: 1; }
.brand-period { color: var(--mint); }
.brand-art { width: 48px; height: 49px; display: grid; place-items: center; perspective: 180px; }
.brand-art img { height: 49px; width: 49px; object-fit: contain; transition: transform 180ms cubic-bezier(.23, 1, .32, 1); }
.brand:focus-visible .brand-art img { transform: rotate(-8deg) translateY(-3px); }
@media (hover:hover) and (pointer:fine) { .brand:hover .brand-art img { transform: rotate(-8deg) translateY(-3px); } }
.pick-sol .brand-art img { transform: rotate(-9deg) rotateY(12deg); }
.pick-usdc .brand-art img { transform: rotate(9deg) rotateY(-12deg); }
.primary-nav { display: flex; align-self: stretch; align-items: stretch; gap: 12px; }
.primary-nav a { padding: 0 18px; display: flex; gap: 6px; align-items: center; justify-content: center; color: #aab9ad; font-size: 15px; font-weight: 750; position: relative; transition: background 160ms, color 160ms; }
.primary-nav a:hover, .primary-nav a:focus-visible { background: var(--panel); color: var(--paper); }
.primary-nav a[aria-current='page'] { color: var(--mint); }
.primary-nav a[aria-current='page']::after { content: ''; height: 3px; background: var(--mint); position: absolute; bottom: 0; left: 18px; right: 18px; }
.header-actions { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.network { font-size: 12px; color: #b9c8bc; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.network-diamond { width: 7px; height: 7px; border-radius: 1px; background: var(--lilac); transform: rotate(45deg); }
.button { min-height: 40px; padding: 9px 15px; border-radius: 5px; border: 1px solid transparent; display: inline-flex; justify-content: center; align-items: center; gap: 8px; font-size: 13px; line-height: 1.35; font-weight: 800; text-align: center; transition: transform 100ms, box-shadow 100ms, background 130ms, border-color 130ms; }
.button.primary { color: #092512; background: var(--mint); border-color: #bdffcf #60c17a #429e5d; box-shadow: inset 0 1px 0 #d6ffe2, 0 3px 0 #376746; }
.button.primary:hover:not(:disabled) { background: #a7ffbd; }
.button.secondary { background: var(--raised); border-color: #42634b #304b37 #304b37; color: var(--mint); box-shadow: inset 0 1px 0 #34513b, 0 3px 0 #07110b; }
.button.secondary:hover:not(:disabled) { background: #253d2b; border-color: #618069; }
.button.ghost { border-color: transparent; background: transparent; color: #c6d5c9; box-shadow: 0 3px 0 transparent; }
.button.ghost:hover:not(:disabled), .button.ghost:focus-visible { background: var(--raised); border-color: var(--line); box-shadow: 0 3px 0 #050b07; }
.button:active:not(:disabled), .wallet-option:active:not(:disabled) { transform: translateY(3px); box-shadow: inset 0 2px 4px #0004; }
.button:disabled { box-shadow: none; }
.icon-button { position: relative; width: 34px; height: 34px; border-radius: 4px; border: 1px solid transparent; padding: 0; background: transparent; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: #aabcad; transition: background 130ms, border-color 130ms, transform 100ms, box-shadow 100ms; }
.icon-button:hover:not(:disabled), .icon-button:focus-visible { color: var(--paper); background: #25372a; border-color: #38513e; box-shadow: 0 2px 0 #040905; }
.icon-button:active:not(:disabled) { transform: translateY(2px); box-shadow: inset 0 2px 3px #0005; }
.icon-button[aria-pressed='true'] { background: #2b4231; color: var(--mint); border-color: #42634b; box-shadow: inset 0 1px 3px #0005; }
[data-tooltip]::after { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #e6f1e7; color: #112517; padding: 6px 9px; border-radius: 4px; font-size: 11px; line-height: 1.35; font-weight: 700; white-space: nowrap; pointer-events: none; content: attr(data-tooltip); opacity: 0; z-index: 15; box-shadow: 0 2px 8px #0005; transition: opacity 100ms; }
[data-tooltip]:hover::after, [data-tooltip]:focus-visible::after { opacity: 1; }
.text-button { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 3px; background: transparent; color: var(--mint); padding: 6px 0; min-height: 32px; font-size: 12px; font-weight: 750; line-height: 1.4; }
.text-button:hover { color: #c3ffd3; text-decoration: underline; text-underline-offset: 4px; }
.external { display: inline-flex; align-items: center; gap: 4px; min-width: 0; color: #becdc1; }
.external:hover { color: var(--mint); }
.main-container { width: 100%; max-width: 1640px; margin: 0 auto; padding: 26px 38px 56px; flex: 1; outline: none; }
.intro-strip { min-height: 76px; display: flex; gap: 22px; justify-content: space-between; align-items: center; border-bottom: 1px solid #33523b; padding: 0 0 23px; }
.intro-strip > div { display: flex; align-items: center; gap: 20px; }
.intro-index { color: var(--mint); display: inline-flex; align-items: center; gap: 7px; padding-right: 20px; border-right: 1px solid #33523b; font-size: 12px; white-space: nowrap; }
.intro-strip strong { font-size: 22px; line-height: 1.35; font-weight: 800; }
.intro-strip > .button { flex-shrink: 0; }
.stats-strip { padding: 18px 0 21px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.stats-strip > div { display: flex; align-items: baseline; gap: 14px; }
.stats-strip span { font-size: 12px; color: var(--muted); }
.stats-strip strong { font-size: 19px; color: #dceadd; font-variant-numeric: tabular-nums; }
.discover-layout, .rewards-layout { display: grid; grid-template-columns: minmax(0, 1fr) 304px; gap: 32px; padding-top: 27px; }
.board-column { min-width: 0; }
.section-heading { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 32px; }
.section-heading.compact { gap: 10px; }
.section-heading.compact h2 { font-size: 17px; }
.heading-with-count { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
.market-section h1 { font-size: 22px; }
.count { display: inline-flex; align-items: center; justify-content: center; background: #1d3022; border: 1px solid #314a38; color: #b7cfbd; min-width: 25px; height: 23px; padding: 0 5px; border-radius: 4px; font-size: 11px; font-weight: 750; }
.section-caption { font-size: 12px; color: var(--muted); margin-top: 3px; line-height: 1.6; }
.update-status { color: var(--muted); display: flex; align-items: center; gap: 6px; font-size: 11px; white-space: nowrap; }
.status-dot { height: 5px; width: 5px; background: var(--mint); border-radius: 50%; display: inline-block; flex-shrink: 0; }
.status-dot.pending { background: var(--amber); }
.status-dot.inactive { background: var(--muted); }
.market-toolbar { display: flex; align-items: center; gap: 9px; margin: 19px 0 15px; }
.search-field { display: flex; gap: 9px; align-items: center; height: 39px; flex: 1; min-width: 100px; padding: 0 11px; border: 1px solid #2a4031; border-radius: 5px; background: #0c1710; color: #91a697; }
.search-field:focus-within { border-color: var(--mint); box-shadow: 0 0 0 1px #8bffa933; }
.search-field input { border: 0; width: 100%; outline: 0; background: transparent; color: var(--paper); font-size: 12px; height: 36px; }
input::placeholder, textarea::placeholder { color: #839889; opacity: 1; }
.search-field .icon-button { width: 24px; height: 26px; }
input[type='search']::-webkit-search-cancel-button { display: none; }
.sort-control { position: relative; display: flex; align-items: center; }
.sort-control select { appearance: none; color: #c8d9cb; height: 39px; padding: 0 29px 0 11px; border: 1px solid #2a4031; border-radius: 5px; background: var(--panel); font-size: 12px; font-weight: 650; cursor: pointer; }
.sort-control > svg { position: absolute; right: 9px; pointer-events: none; color: var(--muted); }
.view-toggle { display: flex; gap: 2px; border: 1px solid var(--line); border-radius: 5px; padding: 2px; }
.view-toggle .icon-button { width: 31px; height: 32px; }
.coin-grid, .market-skeleton { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 19px; }
.coin-tile { padding: 13px 12px 10px; background: var(--panel); border: 1px solid #2d4534; border-radius: 6px; min-width: 0; box-shadow: inset 0 1px 0 #ffffff05; transition: border-color 150ms, background 150ms; }
.coin-tile:hover { border-color: #588066; background: #14231a; }
.coin-tile-top { display: flex; align-items: center; gap: 7px; min-width: 0; }
.token-image { display: inline-grid; flex-shrink: 0; place-items: center; width: 36px; height: 36px; border-radius: 6px; background: #213b2a; color: #b5cec0; border: 1px solid #365241; overflow: hidden; font-size: 13px; font-weight: 850; }
.token-image img { width: 100%; height: 100%; object-fit: cover; }
.coin-tile .token-image { width: 39px; height: 39px; }
.pair-label { color: #c1b3e8; font-size: 9px; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tile-source { margin-left: auto; padding: 3px 0 3px 3px; }
.tile-source > svg:last-child { display: none; }
.coin-name { display: flex; flex-direction: column; margin-top: 12px; gap: 1px; min-width: 0; }
.coin-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.coin-name > span { font-size: 10px; color: var(--muted); font-weight: 650; overflow: hidden; text-overflow: ellipsis; }
.tile-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 7px; justify-content: space-between; margin: 12px 0 11px; font-variant-numeric: tabular-nums; }
.tile-price > strong { font-size: 15px; }
.tile-price .change { font-size: 10px; }
.change { font-size: 12px; font-weight: 750; white-space: nowrap; font-variant-numeric: tabular-nums; }
.positive { color: var(--mint); }
.negative { color: var(--red); }
.tile-bottom { display: flex; justify-content: space-between; gap: 4px; border-top: 1px solid #263e2e; padding-top: 9px; color: #91aa99; font-size: 9px; flex-wrap: wrap; }
.tile-bottom b { color: #c3d4c8; font-weight: 650; }
.market-table-wrap { width: 100%; overflow-x: auto; border-bottom: 1px solid var(--line); }
.market-table { border-collapse: collapse; width: 100%; text-align: right; white-space: nowrap; }
.market-table th { padding: 9px 10px 11px; color: #99b09f; font-size: 10px; font-weight: 650; border-bottom: 1px solid #304536; }
.market-table th:first-child { text-align: left; padding-left: 4px; }
.market-table td { padding: 12px 10px; font-size: 12px; border-bottom: 1px solid #1d2d22; }
.market-table tbody tr:last-child td { border-bottom: 0; }
.market-table td:first-child { padding-left: 4px; text-align: left; width: 30%; }
.market-table th:last-child, .market-table td:last-child { padding-right: 0; }
.market-table tbody tr:hover { background: #112017; }
.table-token { display: flex; align-items: center; gap: 10px; min-width: 170px; }
.table-token > div { display: flex; flex-direction: column; min-width: 0; }
.table-token strong { max-width: 165px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.table-token .external { font-size: 10px; color: var(--muted); gap: 4px; margin-top: 2px; }
.table-token .external:hover { color: var(--mint); }
.mint-short { color: #829b8a; margin-left: 3px; }
.row-number { font-size: 10px; color: #7e9887; width: 12px; font-variant-numeric: tabular-nums; }
.numeric { font-variant-numeric: tabular-nums; font-weight: 700; }
.row-source { font-size: 10px; color: #b9aecf; }
.source-stamp { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; color: #89a190; font-size: 10px; margin-top: 11px; }
.load-more { display: flex; margin: 12px auto 0; }
.reward-sidebar { min-width: 0; padding-left: 26px; border-left: 1px solid var(--line); }
.payout-panel { padding: 0 0 24px; border-bottom: 1px solid var(--line); }
.asset-selector { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 20px 0 12px; perspective: 450px; }
.asset-option { position: relative; height: 84px; padding: 12px 5px 9px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; background: #17261c; color: #a9bbae; border-radius: 5px; border: 1px solid #3b5643; box-shadow: inset 0 1px 0 #4a6651, 0 4px 0 #030a05; font-size: 12px; font-weight: 850; transition: background 150ms, transform 160ms, box-shadow 160ms, border-color 150ms; }
@media (hover:hover) and (pointer:fine) { .asset-option:hover:not(:disabled) { background: #273d2e; border-color: #70947b; transform: translateY(-2px); } }
.asset-option.selected { background: var(--mint); color: #10331a; border-color: #bbffce #77db93 #6bcb86; box-shadow: inset 0 1px 0 #d5ffe2, 0 4px 0 #3a7a4d; transform: translateY(-3px); }
.asset-option:active:not(:disabled) { transform: translateY(3px); box-shadow: inset 0 2px 5px #071e1255; }
.asset-option.asset-sol:not(.selected) { color: var(--lilac); }
.asset-option.asset-usdc:not(.selected) { color: #9dcaff; }
.asset-check { position: absolute; top: 5px; right: 5px; }
.preference-status { min-height: 26px; display: flex; align-items: center; gap: 5px; flex-wrap: wrap; font-size: 10px; color: #a8c0b0; margin-bottom: 9px; }
.unsaved { margin-left: auto; color: var(--lilac); }
.fine-print { font-size: 11px; color: #9fb5a6; line-height: 1.65; margin-top: 13px; overflow-wrap: anywhere; }
.accounting-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; border-top: 1px solid var(--line); margin-top: 19px; padding-top: 16px; }
.accounting-summary > div { min-width: 0; }
.accounting-summary > div > span { color: #a7bdae; font-size: 11px; }
.accounting-summary strong { display: block; font-size: 18px; line-height: 1.5; margin-top: 4px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.accounting-summary small { display: block; color: var(--lilac); font-size: 10px; font-weight: 700; }
.delivered-summary { margin-top: 19px; }
.delivered-summary > span { display: block; font-size: 11px; margin-bottom: 8px; }
.delivered-summary > div { display: flex; align-items: flex-start; gap: 12px; justify-content: space-between; padding: 5px 0; font-size: 11px; }
.delivered-summary > div > span { display: inline-flex; align-items: center; gap: 7px; color: #b5c9bb; flex-shrink: 0; }
.delivered-summary strong { font-weight: 650; overflow-wrap: anywhere; min-width: 0; text-align: right; font-variant-numeric: tabular-nums; }
.receipt-section { padding-top: 20px; }
.receipt-list { margin-top: 13px; }
.receipt { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #203027; padding: 12px 0; min-width: 0; }
.receipt-asset { width: 32px; height: 34px; border: 1px solid #35523d; border-radius: 5px; display: grid; place-items: center; flex-shrink: 0; background: #15281c; color: var(--mint); }
.receipt-asset.asset-sol { color: var(--lilac); border-color: #4d4165; background: #211d2c; }
.receipt-asset.asset-usdc { color: #a7ccff; border-color: #354c68; background: #142230; }
.receipt-main { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 2px; }
.receipt-main > strong { font-size: 12px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.receipt-main > strong > span { color: #a2b9a9; font-size: 10px; }
.receipt-main .external { font-size: 10px; }
.receipt-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; font-size: 10px; color: #91a899; }
.receipt-meta .external { color: var(--lilac); }
.receipt-more { margin-top: 10px; }
.sidebar-network { margin-top: 20px; display: flex; align-items: center; gap: 10px; color: #91ab9b; font-size: 10px; padding-top: 18px; border-top: 1px solid var(--line); }
.sidebar-network > svg { color: var(--lilac); }
.sidebar-network > a { margin-left: auto; width: 28px; height: 30px; display: grid; place-items: center; }
.launches-section { margin-top: 32px; padding-top: 21px; border-top: 1px solid var(--line); }
.launch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.launch-tile { border: 1px solid #2c4233; background: var(--panel); border-radius: 6px; padding: 13px; min-width: 0; }
.launch-identity { display: flex; gap: 9px; align-items: center; margin-bottom: 13px; }
.launch-identity > div { display: flex; flex-direction: column; min-width: 0; }
.launch-identity strong { font-size: 13px; overflow-wrap: anywhere; }
.launch-identity > div > span { font-size: 10px; color: var(--muted); }
.status-label { margin-left: auto; padding: 2px 6px; color: var(--lilac); background: #211e2d; border: 1px solid #413951; font-size: 9px; border-radius: 3px; overflow-wrap: anywhere; }
.launch-detail { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 10px; margin-top: 7px; }
.empty-launches { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding: 24px 0 10px; }
.empty-launches > div { display: flex; flex-direction: column; gap: 4px; }
.empty-launches strong { font-size: 13px; }
.empty-launches > div > span { font-size: 12px; color: var(--muted); }
.empty-launches .button { flex-shrink: 0; }
.empty-state { padding: 28px 0; color: #bdcfc2; }
.empty-state strong { font-size: 13px; display: block; }
.empty-state p { color: var(--muted); font-size: 12px; margin-top: 5px; }
.empty-state .button, .empty-state .text-button { margin-top: 14px; }
.inline-error { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-left: 2px solid var(--red); background: #261a1d; color: #f7b8c0; padding: 10px 12px; font-size: 12px; margin: 12px 0; overflow-wrap: anywhere; }
.inline-error > span { min-width: 0; }
.inline-error .text-button { color: #f7b8c0; flex-shrink: 0; }
.loading-line { padding: 26px 0; display: flex; justify-content: flex-start; align-items: center; gap: 9px; font-size: 12px; color: #b1c9b9; }
.spin { animation: spin 900ms linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.skeleton-tile { height: 173px; border: 1px solid var(--line); background: var(--panel); border-radius: 6px; padding: 12px; }
.skeleton-avatar { height: 39px; width: 39px; background: #213529; border-radius: 5px; }
.skeleton-line { height: 10px; width: 75%; margin-top: 17px; background: #23382a; border-radius: 2px; }
.skeleton-line.short { width: 45%; background: #1b2c21; }
.site-footer { border-top: 1px solid var(--line); max-width: 1564px; width: calc(100% - 76px); margin: 0 auto; padding: 21px 0 24px; display: flex; align-items: flex-start; gap: 25px; justify-content: space-between; color: #91a797; font-size: 10px; }
.site-footer > div { display: flex; align-items: center; gap: 16px; }
.site-footer > div:first-child { max-width: 670px; }
.site-footer > div:last-child { flex-shrink: 0; flex-wrap: wrap; }
.footer-brand { font-size: 19px; font-weight: 900; color: #c8ddcc; }
.site-footer a:not(.footer-brand) { display: inline-flex; align-items: center; gap: 3px; color: #bdd0c3; }
.site-footer a:hover { color: var(--mint); }
.page-title { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 12px 0 29px; border-bottom: 1px solid var(--line); }
.page-title h1 { font-size: 32px; font-weight: 850; margin-top: 8px; }
.page-title p { color: #a5bbaD; font-size: 13px; margin-top: 8px; }
.page-kicker { display: inline-flex; gap: 7px; align-items: center; color: var(--lilac); font-size: 12px; font-weight: 700; }
.page-brand-mark { width: 80px; height: 80px; object-fit: contain; margin-right: 12px; }
.rewards-layout { padding-top: 27px; }
.all-receipts { min-width: 0; }
.all-receipts .receipt { padding: 17px 0; gap: 14px; }
.all-receipts .receipt-asset { width: 40px; height: 42px; }
.all-receipts .receipt-main > strong { font-size: 16px; }
.all-receipts .receipt-main .external, .all-receipts .receipt-meta { font-size: 12px; }
.segmented { display: inline-flex; gap: 3px; padding: 3px; border-radius: 5px; background: var(--panel); border: 1px solid var(--line); }
.segmented button { border: 1px solid transparent; min-height: 31px; padding: 4px 12px; border-radius: 3px; color: #b0c4b7; background: transparent; font-size: 11px; font-weight: 750; }
.segmented button:hover { background: var(--raised); }
.segmented button[aria-pressed='true'] { background: #294030; color: var(--mint); border-color: #416349; box-shadow: inset 0 2px 3px #0004; }
.reward-process { margin-top: 35px; padding-top: 23px; border-top: 1px solid var(--line); }
.reward-process p { max-width: 560px; font-size: 13px; color: #a6bcad; margin: 8px 0; }
.launch-page, .docs-page, .operations-page { max-width: 1120px; margin: 0 auto; }
.launch-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 46px; padding-top: 28px; }
.launch-form { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.launch-form .section-heading { margin-bottom: 0; }
.launch-form .section-heading > span { font-size: 11px; }
.field-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.field-row:has(.ticker-field) { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
.field { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: 12px; font-weight: 700; }
.field > span:first-child, .field > label { display: flex; gap: 8px; align-items: baseline; }
.field small, .field-note { color: #93ac9c; font-weight: 550; font-size: 11px; }
.field input:not([type='file']), .field textarea { height: 43px; width: 100%; border: 1px solid #344c3c; border-radius: 4px; background: #101d15; color: var(--paper); padding: 11px 12px; font-size: 13px; font-weight: 600; outline-offset: 2px; }
.field input:focus, .field textarea:focus { border-color: var(--mint); }
.field input:disabled, .field textarea:disabled { opacity: .6; }
.field textarea { height: auto; min-height: 93px; resize: vertical; }
.input-prefix { display: flex; align-items: center; border: 1px solid #344c3c; border-radius: 4px; background: #101d15; }
.input-prefix > span { padding-left: 12px; color: var(--mint); font-size: 15px; }
.input-prefix > input:not([type='file']) { border: 0; background: transparent; }
.input-prefix:focus-within { border-color: var(--mint); }
.upload-field { position: relative; display: flex; gap: 14px; align-items: center; padding: 21px 18px; border: 1px dashed #476b52; border-radius: 5px; background: #101d15; min-height: 90px; color: var(--mint); }
.upload-field:hover, .upload-field:focus-within { border-color: var(--mint); background: #15271b; }
.upload-field > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.upload-field strong { font-size: 13px; color: #dbe8dd; overflow-wrap: anywhere; }
.upload-field > div > span { font-size: 11px; color: #97b19f; }
.upload-field input[type='file'] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.upload-field .icon-button { margin-left: auto; position: relative; z-index: 1; }
.pair-choice { height: 48px; background: #172b1d; border: 1px solid #416c4b; border-radius: 4px; display: flex; align-items: center; gap: 10px; padding: 0 12px; color: var(--mint); }
.pair-choice > span { margin-left: auto; color: #adc4b5; font-size: 11px; }
.social-fields { border: 0; padding: 19px 0 0; margin: 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 16px; }
.social-fields legend { font-size: 14px; font-weight: 750; padding: 0 10px 0 0; }
.social-fields legend > span { color: #92ad9b; font-size: 11px; font-weight: 550; margin-left: 5px; }
.form-bottom { border-top: 1px solid var(--line); padding-top: 21px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.form-bottom > span { display: flex; gap: 7px; align-items: center; color: #9fb9a8; font-size: 11px; }
.form-bottom .button { flex-shrink: 0; min-width: 156px; }
.launch-aside { padding-left: 27px; border-left: 1px solid var(--line); min-width: 0; }
.policy-rows { margin: 14px 0 0; }
.policy-rows > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 12px 0; border-bottom: 1px solid #24382b; font-size: 12px; }
.policy-rows dt { color: #b6cbbb; }
.policy-rows dd { margin: 0; font-weight: 750; color: var(--lilac); text-align: right; }
.launch-notes { padding-top: 26px; }
.launch-notes p { margin: 11px 0; font-size: 12px; line-height: 1.8; color: #a2baaa; }
.docs-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 55px; padding-top: 28px; }
.docs-nav { align-self: start; display: flex; flex-direction: column; gap: 5px; position: sticky; top: 24px; }
.docs-nav > a { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--line); font-size: 12px; color: #b3c6ba; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.docs-nav > a:hover { color: var(--mint); }
.docs-content { min-width: 0; max-width: 710px; }
.docs-content > section { padding: 0 0 31px; margin-bottom: 30px; border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.docs-content h2 { font-size: 22px; }
.docs-content p { font-size: 13px; color: #b4c7bb; line-height: 1.85; margin: 12px 0; }
.flow-list { padding-left: 22px; margin: 20px 0; }
.flow-list li { padding-left: 9px; margin: 18px 0; }
.flow-list li::marker { font-weight: 800; color: var(--mint); }
.flow-list li strong { font-size: 14px; }
.flow-list li p { margin-top: 6px; }
.accounting-terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border-bottom: 1px solid var(--line); padding: 20px 0 10px; }
.accounting-terms strong { font-size: 14px; color: var(--lilac); }
.accounting-terms p { font-size: 12px; }
.dialog { width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 23px; color: var(--paper); background: #111f16; border: 1px solid #4e6d57; border-radius: 8px; box-shadow: 0 28px 100px #000a, inset 0 1px 0 #809b8630; overflow-y: auto; overscroll-behavior: contain; }
.dialog::backdrop { background: #020805cc; backdrop-filter: blur(5px); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dialog-heading h2 { font-size: 23px; font-weight: 800; }
.dialog-subtitle { color: var(--lilac); font-size: 12px; margin: 2px 0 20px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; align-items: center; margin-top: 23px; padding-top: 16px; border-top: 1px solid #2b4233; flex-wrap: wrap; }
.dialog-actions > .button { min-height: 42px; }
.wallet-options { display: flex; flex-direction: column; gap: 9px; margin: 18px 0; }
.wallet-option { width: 100%; min-height: 59px; border: 1px solid #3a5943; border-radius: 5px; padding: 11px 14px; display: flex; gap: 12px; align-items: center; background: var(--raised); font-size: 14px; font-weight: 750; box-shadow: inset 0 1px 0 #56725d33, 0 3px 0 #061009; transition: transform 100ms, box-shadow 100ms, background 120ms; }
.wallet-option:hover:not(:disabled) { background: #2c4432; }
.wallet-option > img { width: 29px; height: 29px; object-fit: contain; border-radius: 5px; }
.wallet-option > svg:last-child { margin-left: auto; color: var(--mint); }
.wallet-address { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 5px; color: var(--mint); }
.wallet-address span { overflow-wrap: anywhere; font-size: 13px; min-width: 0; }
.launch-dialog { width: min(570px, calc(100% - 32px)); }
.review-token { display: flex; gap: 11px; align-items: center; padding: 18px 0 16px; border-bottom: 1px solid var(--line); margin-top: 6px; }
.review-symbol { width: 42px; height: 43px; flex-shrink: 0; display: grid; place-items: center; background: #294632; border: 1px solid #4c7356; color: var(--mint); border-radius: 5px; font-weight: 850; }
.review-token > div { display: flex; flex-direction: column; min-width: 0; }
.review-token strong { font-size: 16px; overflow-wrap: anywhere; }
.review-token > div > span { font-size: 11px; color: var(--muted); }
.network-label { margin-left: auto; font-size: 10px; color: var(--lilac); text-align: right; }
.setup-reason { border-left: 2px solid var(--amber); padding: 12px 14px; margin: 18px 0; background: #2a2618; color: #f5dfb2; font-size: 12px; }
.setup-reason strong { font-size: 14px; }
.setup-reason p { margin-top: 6px; overflow-wrap: anywhere; line-height: 1.7; white-space: pre-line; }
.setup-reason .text-button { color: var(--amber); margin-top: 5px; }
.review-details { margin: 15px 0; }
.review-details > div { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; margin: 10px 0; }
.review-details dt { color: #9eb9a7; flex-shrink: 0; }
.review-details dd { margin: 0; text-align: right; min-width: 0; overflow-wrap: anywhere; }
.launch-stages { margin-top: 19px; padding-top: 17px; border-top: 1px solid var(--line); }
.launch-stages h3 { font-size: 13px; }
.launch-stages ol { padding: 0; list-style: none; margin: 12px 0; }
.launch-stages li { display: flex; align-items: center; gap: 9px; margin-top: 8px; font-size: 12px; }
.launch-stages li > span, .stage-index { width: 22px; height: 22px; display: inline-grid; place-items: center; background: #253c2c; border: 1px solid #496450; border-radius: 3px; color: var(--lilac); font-size: 10px; flex-shrink: 0; }
.launch-stages li strong { text-transform: capitalize; font-weight: 650; }
.server-review { padding-top: 12px; border-top: 1px solid var(--line); }
.server-review dt { text-transform: capitalize; }
.stage-updates { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 18px; }
.stage-updates > div { display: flex; gap: 9px; margin: 10px 0; }
.stage-updates > div > div { min-width: 0; }
.stage-updates strong { font-size: 12px; text-transform: capitalize; }
.stage-updates p { color: #b6cbbb; font-size: 11px; margin-top: 3px; overflow-wrap: anywhere; }
.stage-updates .external { margin-top: 5px; font-size: 11px; color: var(--lilac); }
.launch-result { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border: 1px solid #41634b; padding: 13px; background: #182d1e; margin-top: 20px; border-radius: 5px; font-size: 12px; }
.launch-result > strong { color: var(--mint); overflow-wrap: anywhere; }
.launch-result p { color: #adbfaf; font-size: 11px; }
.review-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px; flex-wrap: wrap; }
.toast-region { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%) translateY(12px); display: flex; align-items: center; gap: 10px; max-width: min(560px, calc(100% - 28px)); width: max-content; border: 1px solid #659673; background: #1b3222; color: #d6f9df; padding: 12px 13px; border-radius: 6px; box-shadow: 0 10px 35px #0009; z-index: 80; opacity: 0; pointer-events: none; transition: transform 180ms, opacity 180ms; }
.toast-region.visible { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.toast-region > span { color: var(--mint); display: inline-flex; }
.toast-region p { font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
.toast-region.is-error { border-color: #a46371; background: #321e24; color: #ffd0d7; }
.toast-region.is-error > span { color: var(--red); }
.toast-region .icon-button { height: 27px; width: 27px; }
.operations-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding-top: 27px; }
.operations-layout > section { min-width: 0; }
.operation-form { display: flex; flex-direction: column; align-items: stretch; gap: 18px; margin-top: 20px; }
.operation-form > .segmented { width: fit-content; }
.operator-identity { padding: 14px 0; border-bottom: 1px solid var(--line); display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 12px; }
.operator-identity > span { color: var(--muted); }
.operator-identity > strong { color: var(--lilac); font-size: 12px; }
.operation-history { padding-left: 27px; border-left: 1px solid var(--line); }
.operation-records { margin-top: 12px; max-height: 650px; overflow-y: auto; padding-right: 6px; }
.operation-records article { padding: 15px 0; border-bottom: 1px solid var(--line); }
.operation-record-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 13px; }
.operation-status { color: var(--lilac); font-size: 11px; overflow-wrap: anywhere; }
.operation-status.positive { color: var(--mint); }
.record-id { display: block; font-size: 11px; color: #9bb4a4; overflow-wrap: anywhere; margin-top: 6px; }
.operation-records .external { font-size: 11px; margin-top: 7px; }
.operation-record-error { color: #f2b1bb; font-size: 12px; margin-top: 8px; overflow-wrap: anywhere; }
.record-actions { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 6px; }
.operator-ledgers { border-top: 1px solid var(--line); padding-top: 25px; margin-top: 35px; }
.ledger { border-bottom: 1px solid var(--line); padding: 20px 0; }
.ledger-heading { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; }
.ledger-heading > span { color: var(--muted); font-size: 11px; }
.ledger-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 18px 0; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ledger-totals dt { text-transform: capitalize; font-size: 11px; color: var(--muted); }
.ledger-totals dd { margin: 6px 0 0; font-size: 14px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.ledger-wallets > div:not(.empty-state) { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 55px 90px; align-items: center; gap: 14px; font-size: 12px; padding: 12px 0; border-bottom: 1px solid #1e3024; }
.ledger-wallets strong { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.ledger-wallets small { color: var(--muted); font-size: 10px; }
.ledger-wallets .text-button { justify-self: end; }
.operation-review-kind { margin-top: 17px; padding: 13px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.operation-review-kind > strong { font-size: 15px; }
.operation-review-kind > span { color: var(--lilac); font-size: 12px; }
.operation-live-status { padding: 10px 12px; background: #263323; border-left: 2px solid var(--lilac); color: #d8d0ee; font-size: 12px; margin-top: 16px; }
.launch-recovery { padding-top: 19px; margin-top: 30px; border-top: 1px solid var(--line); max-width: 790px; }
.launch-recovery summary { cursor: pointer; color: var(--lilac); font-size: 13px; font-weight: 700; padding: 7px 0; }
.launch-recovery summary svg { vertical-align: middle; margin-left: 8px; }
.launch-recovery form { display: flex; align-items: flex-end; gap: 14px; margin-top: 16px; }
.launch-recovery form > .field { flex: 1; }
.launch-recovery form > .button { margin-bottom: 3px; }
.launch-record { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; font-size: 11px; padding: 8px 0; }
.launch-record > span { color: var(--muted); }
.launch-record > strong { overflow-wrap: anywhere; min-width: 0; flex: 1; font-weight: 600; }
.launch-record > .icon-button { width: 27px; height: 29px; }
@media (min-width: 1500px) {
  .discover-layout, .rewards-layout { grid-template-columns: minmax(0, 1fr) 326px; gap: 36px; }
  .reward-sidebar { padding-left: 29px; }
  .coin-tile { padding: 15px; }
  .coin-name strong { font-size: 17px; }
  .tile-price > strong { font-size: 18px; }
  .pair-label, .tile-bottom { font-size: 11px; }
  .market-table td { padding-top: 14px; padding-bottom: 14px; }
  .market-table th, .table-token .external, .row-source { font-size: 11px; }
  .market-table td, .table-token strong { font-size: 13px; }
}
@media (max-width: 1200px) {
  .header-inner { gap: 24px; padding: 0 25px; }
  .primary-nav { gap: 1px; }
  .primary-nav a { padding: 0 14px; }
  .header-actions { gap: 14px; }
  .network { display: none; }
  .main-container { padding-left: 25px; padding-right: 25px; }
  .discover-layout, .rewards-layout { grid-template-columns: minmax(0, 1fr) 273px; gap: 22px; }
  .reward-sidebar { padding-left: 21px; }
  .coin-grid { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coin-tile { padding: 12px; }
  .coin-tile-top { gap: 9px; }
  .pair-label { font-size: 11px; }
  .coin-name { margin-top: 9px; }
  .tile-price { margin-top: 8px; margin-bottom: 8px; }
  .tile-bottom { font-size: 10px; }
  .market-table th, .market-table td { padding-left: 8px; padding-right: 8px; }
  .market-table th:nth-child(6), .market-table td:nth-child(6) { display: none; }
  .mint-short { display: none; }
  .table-token { min-width: 135px; gap: 7px; }
  .table-token strong { max-width: 110px; }
  .row-source > span { display: none; }
  .site-footer { width: calc(100% - 50px); }
}
@media (max-width: 900px) {
  .header-inner { gap: 14px; }
  .primary-nav a { padding: 0 10px; font-size: 13px; }
  .primary-nav a[aria-current='page']::after { left: 10px; right: 10px; }
  .brand { font-size: 29px; }
  .brand-art, .brand-art img { height: 42px; width: 42px; }
  .header-actions .button { padding: 9px 10px; font-size: 12px; }
  .intro-strip strong { font-size: 19px; }
  .intro-index { display: none; }
  .discover-layout, .rewards-layout { grid-template-columns: minmax(0, 1fr) 254px; gap: 18px; }
  .reward-sidebar { padding-left: 17px; }
  .section-heading.compact h2 { font-size: 15px; }
  .asset-selector { gap: 5px; }
  .asset-option { height: 76px; font-size: 11px; }
  .market-section h1 { font-size: 20px; }
  .update-status { font-size: 10px; gap: 4px; }
  .update-status .icon-button { width: 26px; }
  .view-toggle { display: none; }
  .market-table th:nth-child(5), .market-table td:nth-child(5) { display: none; }
  .row-number { display: none; }
  .stats-strip { gap: 14px; }
  .stats-strip > div { gap: 5px; flex-direction: column; }
  .launch-grid { grid-template-columns: minmax(0, 1fr); }
  .empty-launches { align-items: flex-start; flex-direction: column; gap: 15px; }
  .launch-layout { gap: 25px; grid-template-columns: minmax(0, 1fr) 235px; }
  .launch-aside { padding-left: 20px; }
  .form-bottom { flex-wrap: wrap; }
  .site-footer { flex-direction: column; gap: 15px; }
  .docs-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 27px; }
}
@media (max-width: 700px) {
  body { font-size: 14px; }
  .header-inner { min-height: 115px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 67px 48px; padding: 0 18px; gap: 0 12px; }
  .brand { align-self: center; width: fit-content; font-size: 29px; gap: 7px; }
  .brand-art, .brand-art img { width: 40px; height: 43px; }
  .header-actions { grid-column: 2; grid-row: 1; margin-left: 0; }
  .header-actions .button { min-height: 37px; padding: 8px 11px; }
  .primary-nav { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; gap: 0; }
  .primary-nav a { font-size: 13px; padding: 0 8px; min-height: 44px; }
  .primary-nav a[aria-current='page']::after { left: 12px; right: 12px; }
  .main-container { padding: 19px 18px 35px; }
  .intro-strip { min-height: 67px; padding-bottom: 18px; gap: 10px; }
  .intro-strip strong { font-size: 17px; max-width: 230px; }
  .intro-strip .button { min-height: 37px; padding: 7px 10px; font-size: 11px; gap: 5px; }
  .stats-strip { padding: 14px 0; gap: 10px; }
  .stats-strip > div { gap: 2px; }
  .stats-strip span { font-size: 10px; }
  .stats-strip strong { font-size: 18px; }
  .discover-layout, .rewards-layout { display: flex; flex-direction: column; gap: 29px; padding-top: 21px; }
  .reward-sidebar { padding-left: 0; border-left: 0; padding-top: 23px; border-top: 1px solid #344c3c; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
  .payout-panel { border-bottom: 0; padding-bottom: 0; }
  .receipt-section { padding-top: 0; min-width: 0; }
  .sidebar-network { grid-column: 1 / -1; margin-top: 0; }
  .market-section h1 { font-size: 21px; }
  .section-heading { gap: 9px; }
  .market-toolbar { margin-top: 15px; }
  .view-toggle { display: flex; }
  .coin-grid, .market-skeleton { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .coin-name strong { font-size: 15px; }
  .coin-tile-top { gap: 7px; }
  .pair-label { font-size: 10px; }
  .tile-price > strong { font-size: 16px; }
  .market-table { min-width: 0; }
  .market-table th:nth-child(5), .market-table td:nth-child(5) { display: table-cell; }
  .market-table th, .market-table td { padding-right: 7px; padding-left: 7px; }
  .market-table th { font-size: 9px; }
  .market-table td { font-size: 11px; }
  .table-token { min-width: 115px; }
  .table-token strong { max-width: 108px; }
  .table-token .token-image { width: 30px; height: 32px; }
  .table-token .external { font-size: 9px; }
  .market-table .change { font-size: 10px; }
  .empty-launches { flex-direction: row; align-items: center; }
  .launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .launches-section { margin-top: 24px; }
  .source-stamp { font-size: 9px; }
  .page-title { padding-top: 4px; padding-bottom: 22px; gap: 15px; }
  .page-title h1 { font-size: 28px; }
  .page-title p { font-size: 12px; }
  .page-brand-mark { width: 66px; height: 66px; margin-right: 0; }
  .rewards-page .reward-sidebar { display: block; }
  .rewards-page .payout-panel { max-width: 440px; }
  .all-receipts .receipt-main > strong { font-size: 15px; }
  .launch-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-top: 22px; }
  .launch-aside { padding-left: 0; border-left: 0; padding-top: 23px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
  .launch-notes { padding-top: 0; }
  .form-bottom { flex-wrap: nowrap; }
  .docs-layout { grid-template-columns: minmax(0, 1fr); padding-top: 18px; gap: 28px; }
  .docs-nav { position: static; display: flex; flex-direction: row; gap: 6px 17px; flex-wrap: wrap; }
  .docs-nav > a { font-size: 11px; gap: 7px; padding: 7px 0; }
  .docs-content h2 { font-size: 21px; }
  .site-footer { width: calc(100% - 36px); font-size: 10px; padding-top: 18px; }
  .site-footer > div:first-child { align-items: flex-start; gap: 13px; }
  .site-footer > div:last-child { gap: 20px; }
  .operations-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .operation-history { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .ledger-wallets > div:not(.empty-state) { gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 45px 75px; }
}
@media (max-width: 480px) {
  .intro-strip strong { font-size: 16px; max-width: 190px; }
  .intro-strip .button { padding: 8px; font-size: 10px; }
  .intro-strip .button svg { width: 14px; }
  .stats-strip { gap: 6px; }
  .stats-strip span { font-size: 9px; }
  .stats-strip strong { font-size: 17px; }
  .market-section h1 { font-size: 19px; }
  .update-status { gap: 4px; font-size: 9px; }
  .heading-with-count { gap: 6px; }
  .count { min-width: 22px; height: 21px; }
  .market-toolbar { flex-wrap: wrap; gap: 8px; }
  .search-field { flex-basis: 100%; height: 41px; }
  .search-field input { font-size: 12px; }
  .sort-control { flex: 1; }
  .sort-control select { width: 100%; }
  .view-toggle { margin-left: auto; }
  .coin-tile { padding: 11px 10px 9px; }
  .coin-tile .token-image { width: 35px; height: 35px; }
  .pair-label { font-size: 8px; }
  .coin-name strong { font-size: 14px; }
  .coin-name > span { font-size: 10px; }
  .tile-price { display: flex; flex-direction: column; gap: 2px; }
  .tile-price > strong { font-size: 16px; }
  .tile-price .change { font-size: 10px; }
  .tile-bottom { font-size: 9px; gap: 3px; }
  .market-table th:nth-child(5), .market-table td:nth-child(5) { display: none; }
  .market-table th, .market-table td { padding-left: 5px; padding-right: 5px; }
  .table-token { min-width: 104px; gap: 7px; }
  .table-token strong { max-width: 90px; font-size: 11px; }
  .table-token .token-image { width: 29px; height: 30px; }
  .market-table th { font-size: 8px; }
  .market-table td { font-size: 10px; }
  .market-table .change { font-size: 9px; }
  .market-table td:last-child { width: 20px; }
  .row-source > svg { width: 13px; }
  .reward-sidebar { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .section-heading.compact h2 { font-size: 18px; }
  .asset-selector { gap: 9px; }
  .asset-option { height: 78px; font-size: 12px; }
  .preference-status { font-size: 11px; margin-bottom: 10px; }
  .fine-print { font-size: 12px; }
  .accounting-summary strong { font-size: 21px; }
  .accounting-summary > div > span, .delivered-summary > span, .delivered-summary > div { font-size: 12px; }
  .receipt-section { padding-top: 23px; border-top: 1px solid var(--line); }
  .receipt-main > strong { font-size: 14px; }
  .receipt-main .external, .receipt-meta { font-size: 11px; }
  .empty-launches { align-items: flex-start; flex-direction: column; gap: 13px; padding-bottom: 0; }
  .launch-grid { grid-template-columns: minmax(0, 1fr); }
  .page-title h1 { font-size: 27px; }
  .page-title > .button { width: 38px; min-width: 38px; font-size: 0; padding: 0; gap: 0; }
  .page-title > .button svg { width: 17px; }
  .page-brand-mark { width: 54px; height: 60px; }
  .page-kicker { font-size: 11px; }
  .field-row { gap: 12px; }
  .field input:not([type='file']), .field textarea { font-size: 16px; }
  .upload-field { padding: 17px 13px; gap: 11px; }
  .form-bottom { align-items: flex-start; flex-direction: column; gap: 14px; }
  .form-bottom > .button { width: 100%; }
  .launch-aside { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .all-receipts .section-heading h2 { font-size: 17px; }
  .segmented button { padding-left: 9px; padding-right: 9px; }
  .all-receipts .receipt { gap: 9px; }
  .all-receipts .receipt-meta { font-size: 10px; }
  .accounting-terms { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .accounting-terms p { margin-top: 4px; }
  .dialog { padding: 18px; max-height: calc(100dvh - 28px); }
  .dialog-heading h2 { font-size: 21px; }
  .dialog-actions { gap: 8px; }
  .dialog-actions .button { font-size: 12px; padding-left: 10px; padding-right: 10px; }
  .network-label { font-size: 9px; max-width: 70px; }
  .review-details > div { gap: 12px; }
  .review-details dt { flex-shrink: 1; }
  .toast-region { bottom: 14px; }
  .ledger-heading { flex-direction: column; gap: 6px; }
  .ledger-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ledger-wallets > div:not(.empty-state) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .operator-identity { flex-wrap: wrap; }
  .launch-recovery form { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .brand-art img, .brand:hover .brand-art img, .brand:focus-visible .brand-art img { transform: none; }
}
