:root {
  color-scheme: dark;
  --bg: #0c0c0e;
  --surface: #121214;
  --surface-hover: #19191c;
  --input: #101012;
  --line: #29292e;
  --line-strong: #414147;
  --text: #f4f4f5;
  --muted: #a5a5ae;
  --subtle: #82828d;
  --red: #f3444e;
  --red-hover: #ff5963;
  --red-dark: #37181d;
  --red-light: #ff9da4;
  --radius: 6px;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; letter-spacing: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { min-width: 320px; margin: 0; background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.5; }
button, input, textarea, select { font: inherit; }
button, a, label { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { flex-shrink: 0; width: 18px; height: 18px; }
button svg, a svg { pointer-events: none; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3, h4 { font-weight: 650; }
h2 { font-size: 28px; line-height: 1.2; }
h3 { font-size: 17px; line-height: 1.35; }
h4 { font-size: 12px; font-weight: 600; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
::selection { background: #682730; color: #fff; }
.content-width { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 !important; }
.skip-link { position: fixed; left: 20px; top: -80px; z-index: 100; padding: 12px 18px; background: var(--red); color: #fff; border-radius: var(--radius); }
.skip-link:focus { top: 12px; }

.site-header { position: sticky; top: 0; z-index: 30; background: #0c0c0ef5; border-bottom: 1px solid var(--line); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; font-size: 20px; font-weight: 700; white-space: nowrap; }
.brand-period { color: var(--red); }
.nav-links { display: flex; align-items: center; gap: 26px; margin-right: auto; margin-left: 24px; font-size: 13px; font-weight: 500; color: var(--muted); }
.nav-links a { padding-block: 14px; white-space: nowrap; }
.nav-links a:hover { color: var(--text); }
.nav-links .social-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 8px; border: 1px solid var(--line); border-radius: var(--radius); flex: 0 0 34px; }
.nav-links .social-link:hover { background: var(--surface-hover); border-color: var(--red); }
.social-link img { width: 16px; height: 16px; }
.social-link:is(:hover, :focus-visible)::after { position: absolute; top: calc(100% + 8px); right: 0; width: max-content; max-width: 200px; padding: 5px 9px; border: 1px solid var(--line-strong); border-radius: 4px; background: #242428; color: var(--text); content: attr(title); font-size: 11px; font-weight: 400; pointer-events: none; }
.header-actions { display: flex; align-items: center; gap: 20px; min-width: 0; }
.network-label { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.status-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--red); flex-shrink: 0; }
.icon-button, .primary-link, .secondary-link, .tool-button, .button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 10px 15px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); font-size: 12px; line-height: 1.4; font-weight: 600; text-align: center; transition: background 150ms ease, border-color 150ms ease, color 150ms ease; }
.icon-button:hover, .secondary-link:hover, .tool-button:hover, .button-secondary:hover { border-color: var(--line-strong); background: var(--surface-hover); }
.wallet-button { background: #efeff1; border-color: #efeff1; color: #151518; min-width: 150px; max-width: 210px; }
.wallet-button:hover { background: #fff; border-color: #fff; }
.wallet-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.primary-link, .button-primary { background: var(--red); color: #fff; border-color: var(--red); }
.primary-link:hover, .button-primary:hover { background: var(--red-hover); border-color: var(--red-hover); }
.primary-link svg { width: 17px; height: 17px; }
.secondary-link, .button-secondary { color: var(--muted); background: transparent; }
.tool-button { width: 42px; min-width: 42px; height: 42px; padding: 0; color: var(--muted); background: transparent; }
.tool-button[title] { position: relative; }
.tool-button[title]:hover::after { position: absolute; z-index: 10; left: 50%; bottom: calc(100% + 8px); width: max-content; max-width: 200px; padding: 5px 9px; border: 1px solid var(--line-strong); border-radius: 4px; background: #242428; color: var(--text); content: attr(title); font-size: 11px; font-weight: 400; pointer-events: none; transform: translateX(-50%); }
.text-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 550; }
.text-link:hover { color: var(--red-light); }
button:disabled, a[aria-disabled="true"] { opacity: .38; cursor: not-allowed; }
a[aria-disabled="true"] { pointer-events: none; }
.hero { position: relative; min-height: 446px; overflow: hidden; background: var(--bg); border-bottom: 1px solid var(--line); }
.hero-scene { position: absolute; inset: 0; overflow: hidden; }
.hero-scene canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; cursor: grab; outline-offset: -4px; }
.hero-scene canvas:active { cursor: grabbing; }
.hero-fallback { position: absolute; width: 280px; height: 280px; object-fit: contain; top: 68px; left: 69%; transform: translateX(-50%) rotate(-12deg); }
.hero-inner { position: relative; min-height: 446px; display: flex; align-items: center; pointer-events: none; }
.hero-copy { width: 48%; padding: 40px 0 36px; }
.eyebrow { color: var(--subtle); font-size: 11px; font-weight: 550; line-height: 1.5; }
.hero .eyebrow { display: flex; align-items: center; gap: 9px; color: var(--muted); margin-bottom: 18px; }
.red-rule { display: inline-block; width: 20px; height: 2px; flex-shrink: 0; background: var(--red); }
.hero h1 { font-size: 72px; line-height: 1.06; font-weight: 700; }
.hero h1 > span { color: var(--red); }
.hero-tagline { margin-top: 16px; font-size: 20px; font-weight: 500; }
.hero-text { margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 24px; }
.hero-actions > * { pointer-events: auto; }
.hero-actions .primary-link { min-height: 44px; padding-inline: 15px; }
.hero-actions .primary-link > svg:last-child { margin-left: 12px; }
.hero-note { display: flex; align-items: center; gap: 7px; margin-top: 20px; color: var(--subtle); font-size: 11px; }
.hero-note svg { width: 13px; height: 13px; }
.hero-stamp { position: absolute; right: 0; bottom: 22px; display: flex; gap: 24px; color: var(--subtle); font-size: 10px; }
.hero-stamp > span:first-child { color: var(--red-light); }
.status-band { border-bottom: 1px solid var(--line); background: #101012; }
.status-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 0; }
.status-strip > div { min-width: 0; display: flex; align-items: center; gap: 14px; padding: 20px 22px; border-right: 1px solid var(--line); }
.status-strip > div:first-child { padding-left: 0; }
.status-strip > div:last-child { padding-right: 0; border-right: 0; }
.status-strip dt { display: flex; align-items: center; gap: 8px; font-size: 10px; color: var(--subtle); white-space: nowrap; }
.status-strip dt svg { width: 13px; height: 13px; }
.status-strip dd { min-width: 0; margin: 0 0 0 auto; font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.section-band { border-bottom: 1px solid var(--line); padding-block: 48px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.section-heading .eyebrow { margin-bottom: 7px; }
.inline-status { display: inline-flex; align-items: center; gap: 7px; max-width: 280px; border: 1px solid var(--line); border-radius: 4px; padding: 6px 9px; font-size: 10px; color: var(--muted); overflow-wrap: anywhere; }
.inline-status::before { content: ""; width: 5px; height: 5px; background: var(--subtle); border-radius: 50%; flex-shrink: 0; }
.inline-status.is-ready::before, .inline-status.is-active::before { background: var(--red); }
.launch-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 36px; align-items: start; }
.form-workspace { min-width: 0; }
.form-section { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.form-section--last { margin-bottom: 0; padding-bottom: 0; border: 0; }
.form-section legend { display: flex; align-items: center; gap: 10px; width: 100%; padding: 0 0 18px; font-size: 13px; font-weight: 600; }
.section-number { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 24px; border: 1px solid var(--line); border-radius: 4px; color: var(--red-light); font-size: 10px; font-variant-numeric: tabular-nums; }
.legend-note { margin-left: auto; color: var(--subtle); font-size: 10px; font-weight: 400; }
.identity-layout { display: grid; grid-template-columns: 152px minmax(0, 1fr); gap: 20px; }
.identity-fields { display: grid; align-content: start; gap: 16px; min-width: 0; }
.field { display: grid; align-content: start; gap: 7px; min-width: 0; }
.field-label { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 11px; font-weight: 500; color: #d2d2d8; }
.field-label > span:not(.field-hint) { display: inline-flex; align-items: center; gap: 6px; }
.field-label svg { width: 12px; height: 12px; color: var(--subtle); }
.field-hint { color: var(--subtle); font-size: 9px; font-weight: 400; }
.form-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; }
.form-grid--links { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
input:not([type="checkbox"]):not([type="file"]), textarea { min-width: 0; width: 100%; border: 1px solid var(--line); border-radius: var(--radius); background: var(--input); color: var(--text); outline: 0; font-size: 12px; transition: border-color 150ms ease; }
input:not([type="checkbox"]):not([type="file"]) { min-height: 42px; padding: 10px 12px; }
textarea { min-height: 102px; padding: 10px 12px; resize: vertical; line-height: 1.6; }
input::placeholder, textarea::placeholder { color: #73737e; opacity: 1; }
input:not([type="checkbox"]):focus, textarea:focus { border-color: var(--red); box-shadow: 0 0 0 2px #f3444e16; }
input[name="symbol"] { text-transform: uppercase; }
.input-affix { position: relative; display: block; min-width: 0; }
.input-affix > span { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); color: var(--subtle); font-size: 12px; pointer-events: none; }
.input-affix > input { padding-left: 28px !important; }
.input-affix--suffix > span { left: auto; right: 13px; color: var(--muted); font-size: 11px; }
.input-affix--suffix > input { padding-left: 12px !important; padding-right: 54px !important; font-variant-numeric: tabular-nums; }
.artwork-field > .field-label { flex-wrap: wrap; gap: 1px; margin-bottom: 7px; }
.artwork-upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 199px; border: 1px dashed var(--line-strong); border-radius: var(--radius); cursor: pointer; background: var(--input); padding: 12px; }
.artwork-upload:hover { border-color: var(--red); }
.artwork-upload:focus-within { outline: 2px solid var(--red); outline-offset: 3px; }
.artwork-preview { display: grid; place-items: center; overflow: hidden; width: 70px; height: 70px; border-radius: 4px; color: var(--muted); background: #1b1b1f; }
.artwork-preview > svg { width: 25px; height: 25px; stroke-width: 1.4; }
.artwork-preview img { width: 100%; height: 100%; object-fit: cover; }
.artwork-upload__text { display: grid; gap: 4px; text-align: center; }
.artwork-upload__text strong { font-size: 11px; font-weight: 500; }
.artwork-upload__text small { font-size: 10px; color: var(--subtle); line-height: 1.6; }
.field-help { font-size: 11px; color: var(--subtle); line-height: 1.7; }
.advanced-settings { margin-top: 18px; }
summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
.advanced-settings summary { color: var(--muted); font-size: 11px; }
.advanced-settings summary > span { display: inline-flex; align-items: center; gap: 7px; }
.advanced-settings summary svg { width: 14px; height: 14px; }
.advanced-settings__body { padding-top: 16px; }
.advanced-settings__body .field-help { margin-top: 8px; }
details[open] > summary > svg:last-child { transform: rotate(180deg); }
.initial-buy-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); align-items: center; gap: 24px; }
.risk-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 13px 0 0; border-top: 1px solid var(--line); }
.risk-note svg { width: 15px; height: 15px; color: var(--red-light); margin-top: 1px; }
.risk-note p { font-size: 11px; color: var(--subtle); line-height: 1.7; }
.launch-summary { padding: 22px 24px; background: var(--surface); border-top: 2px solid var(--red); min-width: 0; }
.summary-heading { display: flex; align-items: center; gap: 8px; }
.summary-heading > svg { width: 16px; height: 16px; color: var(--red); }
.summary-heading h3 { font-size: 14px; }
.network-tag { margin-left: auto; color: var(--muted); border: 1px solid var(--line); border-radius: 3px; padding: 2px 6px; font-size: 9px; }
.summary-intro { color: var(--subtle); font-size: 11px; margin-top: 8px; }
.preflight-panel { margin-top: 24px; }
.preflight-panel h4 { color: var(--muted); }
.check-list { display: grid; gap: 10px; list-style: none; margin: 13px 0 0; padding: 0; }
.check-list li { position: relative; padding-left: 22px; color: var(--subtle); font-size: 11px; line-height: 1.5; }
.check-list li::before { position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 13px; height: 13px; border: 1px solid var(--line-strong); border-radius: 50%; content: ""; font-size: 9px; line-height: 1; }
.check-list li.is-ready { color: #d2d2d8; }
.check-list li.is-ready::before { content: "\2713"; border-color: #7c343e; background: var(--red-dark); color: var(--red-light); }
.cost-disclosure { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.cost-disclosure > div { display: flex; align-items: center; gap: 7px; }
.cost-disclosure svg { width: 14px; height: 14px; color: var(--muted); }
.cost-disclosure h4 { color: var(--muted); }
.cost-disclosure p { margin-top: 8px; font-size: 10px; line-height: 1.7; color: var(--subtle); }
.acknowledge-row { display: grid; grid-template-columns: 15px minmax(0, 1fr); align-items: start; gap: 9px; margin-top: 20px; cursor: pointer; }
input[type="checkbox"] { appearance: auto; width: 15px; height: 15px; min-height: 0; margin: 2px 0 0; accent-color: var(--red); cursor: pointer; }
.acknowledge-row > span { color: var(--muted); font-size: 10px; line-height: 1.6; }
.form-actions { display: flex; gap: 8px; margin-top: 20px; }
.launch-submit { flex: 1; min-width: 0; }
.form-message { margin-top: 12px; font-size: 10px; color: var(--muted); line-height: 1.7; overflow-wrap: anywhere; }
.form-message.is-error, .form-message[data-status="error"] { color: var(--red-light); }
.launch-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; list-style: none; padding: 18px 0 0; margin: 18px 0 0; border-top: 1px solid var(--line); }
.launch-steps li { display: flex; align-items: center; flex-direction: column; gap: 6px; font-size: 9px; color: var(--subtle); min-width: 0; }
.step-indicator { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid var(--line); border-radius: 50%; font-size: 9px; font-variant-numeric: tabular-nums; }
.launch-steps li.is-active { color: var(--red-light); }
.launch-steps li.is-active .step-indicator { border-color: var(--red); background: var(--red-dark); }
.launch-steps li:is(.is-complete, .is-done) { color: var(--text); }
.launch-steps li:is(.is-complete, .is-done) .step-indicator { border-color: #7c343e; color: var(--red-light); background: var(--red-dark); }
.launch-steps li.is-error { color: var(--red); }
.launch-steps li.is-error .step-indicator { border-color: var(--red); }
.launch-receipt { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 11px; overflow-wrap: anywhere; }
.launch-receipt h3 { font-size: 13px; color: var(--red-light); line-height: 1.6; }
.launch-receipt .mint-address { font: 10px/1.7 ui-monospace, Consolas, monospace; color: var(--muted); margin-block: 10px; }
.launch-receipt .button-row { display: grid; grid-template-columns: 1fr; gap: 7px; }
.launch-receipt .button { min-height: 34px; padding: 8px 10px; font-size: 10px; }

.discover-section { background: #101012; }
.feed-state { display: flex; align-items: center; gap: 12px; color: var(--subtle); font-size: 11px; min-width: 0; }
.feed-state > span { overflow-wrap: anywhere; max-width: 300px; }
.feed-state .tool-button { width: 34px; height: 34px; min-height: 34px; min-width: 34px; }
.feed-state .tool-button svg { width: 14px; height: 14px; }
.explore-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start; }
.feed-panel { min-width: 0; }
.toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.segmented-control { display: inline-flex; padding: 3px; background: #18181b; border: 1px solid var(--line); border-radius: var(--radius); min-height: 38px; max-width: 100%; }
.segmented-control button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 3px; padding: 6px 10px; background: transparent; color: var(--subtle); font-size: 11px; white-space: nowrap; }
.segmented-control button svg { width: 13px; height: 13px; }
.segmented-control button:hover { color: var(--text); }
.segmented-control button.is-active { color: var(--red-light); background: var(--red-dark); }
.search-field { position: relative; display: block; flex: 1; min-width: 180px; max-width: 240px; }
.search-field > svg { position: absolute; left: 11px; top: 50%; width: 14px; height: 14px; color: var(--subtle); transform: translateY(-50%); }
.search-field > input { min-height: 38px !important; padding-left: 33px !important; font-size: 11px !important; }
.token-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 12px; min-height: 290px; max-height: 662px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #563139 #171719; scrollbar-gutter: stable; padding: 2px 8px 2px 2px; }
.token-card { display: flex; flex-direction: column; gap: 14px; min-width: 0; min-height: 202px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: #141416; color: var(--text); text-align: left; transition: border-color 150ms ease, background 150ms ease; }
.token-card:hover { border-color: var(--line-strong); background: #19191c; }
.token-card.is-selected { border-color: #9b3b46; background: #1b1417; }
.token-topline { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.token-topline > span { min-width: 0; }
.token-avatar { display: grid; place-items: center; width: 38px; height: 38px; overflow: hidden; border: 1px solid #423136; border-radius: 5px; color: var(--red-light); background: #291c21; font-size: 11px; font-weight: 600; }
.token-topline .token-avatar > img { width: 100%; height: 100%; object-fit: cover; }
.token-card h3 { font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.token-card small { display: block; font-size: 10px; color: var(--subtle); margin-top: 2px; overflow-wrap: anywhere; }
.status-badge { justify-self: end; padding: 3px 6px; border: 1px solid #4b2b31; border-radius: 3px; background: #25191e; color: var(--red-light); font-size: 8px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; max-width: 72px; }
.token-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 11px; color: var(--subtle); line-height: 1.6; overflow-wrap: anywhere; }
.card-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: auto; font-variant-numeric: tabular-nums; }
.card-metrics strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.card-metrics span { display: block; color: var(--subtle); font-size: 9px; font-weight: 400; margin-bottom: 3px; }
.mini-progress, .progress-shell { overflow: hidden; height: 3px; background: #2a2427; border-radius: 2px; }
.mini-progress span, .progress-shell span { display: block; height: 100%; width: 0%; background: var(--red); border-radius: inherit; }
.empty-state { display: flex; flex-direction: column; justify-content: center; align-items: center; grid-column: 1 / -1; min-height: 286px; gap: 10px; padding: 32px 24px; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--subtle); font-size: 12px; text-align: center; }
.empty-state > svg { width: 24px; height: 24px; color: var(--muted); stroke-width: 1.3; margin-bottom: 3px; }
.empty-state strong { color: var(--muted); font-size: 13px; font-weight: 500; }
.empty-state p { max-width: 280px; font-size: 11px; line-height: 1.7; }
.loading-icon { animation: spin 2s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.feed-disclaimer { display: flex; align-items: flex-start; gap: 6px; margin-top: 14px; font-size: 10px; color: var(--subtle); }
.feed-disclaimer svg { width: 12px; height: 12px; margin-top: 2px; }
.detail-panel { min-width: 0; background: #151517; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); }
.detail-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; color: var(--subtle); }
.detail-topline .eyebrow { font-size: 10px; }
.detail-topline svg { width: 15px; height: 15px; }
.detail-panel h3 { font-size: 20px; overflow-wrap: anywhere; }
.detail-description { margin-top: 8px; font-size: 11px; line-height: 1.7; color: var(--subtle); overflow-wrap: anywhere; }
.detail-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 20px 0; padding-block: 14px; border-block: 1px solid var(--line); }
.detail-metrics span { display: block; font-size: 9px; color: var(--subtle); }
.detail-metrics strong { display: block; margin-top: 5px; font-size: 15px; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.progress-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 10px; color: var(--subtle); }
.progress-label svg { width: 12px; height: 12px; }
.token-facts { display: grid; gap: 12px; margin: 20px 0; }
.token-facts > div { min-width: 0; display: grid; grid-template-columns: 75px minmax(0, 1fr); gap: 10px; }
.token-facts dt { font-size: 10px; color: var(--subtle); }
.token-facts dd { margin: 0; font-size: 10px; overflow-wrap: anywhere; text-align: right; color: var(--muted); }
.detail-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px; gap: 6px; padding-top: 16px; border-top: 1px solid var(--line); }
.detail-actions .secondary-link { min-height: 34px; padding: 7px 8px; font-size: 10px; gap: 5px; }
.detail-actions svg { width: 12px; height: 12px; }
.detail-actions .tool-button { min-width: 34px; width: 34px; height: 34px; min-height: 34px; }
.watch-button { grid-column: 1 / -1; }
.inspect-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px 28px; align-items: center; margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line); }
.inspect-heading { display: flex; align-items: flex-start; gap: 12px; }
.inspect-heading > svg { color: var(--red-light); margin-top: 2px; }
.inspect-heading h3 { font-size: 14px; }
.inspect-heading p { font-size: 11px; color: var(--subtle); margin-top: 5px; }
.inspect-form { display: flex; gap: 8px; min-width: 0; }
.inspect-form > input { flex: 1; width: 0 !important; }
.inspect-form > button { flex-shrink: 0; font-size: 11px; }
.inspect-results { grid-column: 1 / -1; min-width: 0; border-top: 1px solid var(--line); padding-top: 12px; }
.inspect-results summary { font-size: 10px; color: var(--subtle); }
.inspect-results summary svg { width: 13px; height: 13px; }
.inspect-output { max-height: 300px; overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 4px; background: #0c0c0e; color: var(--muted); font: 11px/1.7 ui-monospace, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.guide-grid article { min-width: 0; padding-top: 20px; border-top: 1px solid var(--line); }
.guide-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; color: var(--red-light); font-size: 10px; }
.guide-topline svg { width: 20px; height: 20px; stroke-width: 1.4; color: var(--muted); }
.guide-grid h3 { font-size: 16px; margin-bottom: 10px; }
.guide-grid p { color: var(--subtle); font-size: 12px; line-height: 1.8; }
.faq-layout { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 64px; }
.faq-layout .eyebrow { margin-bottom: 9px; }
.faq-intro { max-width: 230px; color: var(--subtle); font-size: 12px; line-height: 1.8; margin-top: 14px; }
.faq-list { min-width: 0; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { padding-block: 18px; font-size: 13px; font-weight: 500; }
.faq-list summary > svg { width: 15px; height: 15px; color: var(--subtle); }
.faq-list details[open] summary > svg { transform: rotate(45deg); color: var(--red); }
.faq-list p { padding-bottom: 20px; color: var(--subtle); font-size: 12px; line-height: 1.8; }
.site-footer { padding-block: 25px; }
.footer-inner { display: flex; align-items: center; gap: 24px; }
.footer-inner .brand { font-size: 16px; gap: 8px; }
.footer-inner p { color: var(--subtle); font-size: 11px; }
.footer-inner > div { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-left: auto; }
.footer-inner > div a { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--muted); }
.footer-inner > div a:hover { color: var(--text); }
.footer-inner > div svg { width: 12px; height: 12px; }

.wallet-dialog, .review-dialog { width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 26px; border: 1px solid var(--line-strong); border-radius: 8px; background: #151517; color: var(--text); overflow: auto; box-shadow: 0 24px 80px #0008; }
.wallet-dialog::backdrop, .review-dialog::backdrop { background: #000b; backdrop-filter: blur(5px); }
.wallet-dialog__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.dialog-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #61303a; border-radius: 6px; color: var(--red-light); background: var(--red-dark); }
.wallet-dialog__heading .tool-button { width: 30px; height: 30px; min-width: 30px; min-height: 30px; border: 0; }
.wallet-dialog h2 { font-size: 23px; }
.wallet-dialog > p { margin-top: 8px; color: var(--subtle); font-size: 12px; line-height: 1.8; }
.wallet-providers { display: grid; gap: 8px; margin-top: 24px; }
.wallet-provider { display: grid; grid-template-columns: 34px minmax(0, 1fr) 18px; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: #1c1c20; text-align: left; }
.wallet-provider:hover { border-color: #81414b; background: #241a1e; }
.provider-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #e4cdd1; background: #322329; border-radius: 5px; }
.wallet-provider strong { display: block; font-size: 12px; font-weight: 500; }
.wallet-provider small { display: block; margin-top: 2px; font-size: 10px; color: var(--subtle); }
.wallet-provider > svg { color: var(--subtle); width: 15px; height: 15px; }
.wallet-dialog .wallet-downloads { margin-top: 18px; font-size: 10px; }
.wallet-downloads a { display: inline-flex; align-items: center; color: var(--red-light); }
.wallet-downloads svg { width: 10px; height: 10px; }
.wallet-dialog .wallet-privacy { display: flex; align-items: center; gap: 6px; border-top: 1px solid var(--line); padding-top: 16px; margin-top: 18px; font-size: 10px; }
.wallet-privacy svg { width: 12px; height: 12px; }
.review-dialog { width: min(520px, calc(100% - 32px)); padding: 0; }
.review-content { padding: 28px; min-width: 0; }
.review-content > .eyebrow { color: var(--red-light); font-size: 10px; }
.review-content h2 { font-size: 24px; margin-top: 8px; }
.review-content dl { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 0 18px; margin: 24px 0 18px; border-top: 1px solid var(--line); }
.review-content dt, .review-content dd { min-width: 0; padding-block: 12px; border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.review-content dt { color: var(--subtle); }
.review-content dd { color: var(--text); margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.review-content > p { font-size: 11px; color: var(--muted); line-height: 1.8; }
.button-row { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; gap: 9px; margin-top: 24px; }
.button-row > .button { min-width: 0; overflow-wrap: anywhere; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 80; width: max-content; max-width: min(390px, calc(100% - 32px)); padding: 13px 16px; border: 1px solid #603039; border-left: 3px solid var(--red); border-radius: 6px; background: #21191c; color: var(--text); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; box-shadow: 0 8px 30px #0005; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 180ms ease, transform 180ms ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }

@media (min-width: 1600px) {
  .hero, .hero-inner { min-height: 460px; }
}
@media (max-width: 1160px) {
  .nav-links { margin-left: 0; gap: 20px; }
  .network-label { display: none; }
  .status-strip > div { flex-direction: column; align-items: flex-start; gap: 5px; padding: 15px 20px; }
  .status-strip dd { margin-left: 0; }
  .launch-layout, .explore-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; }
  .launch-summary { padding: 20px; }
  .identity-layout { grid-template-columns: 125px minmax(0, 1fr); gap: 16px; }
  .identity-fields .form-grid { grid-template-columns: 1fr 1fr; }
  .identity-fields .field-label { flex-wrap: wrap; gap: 2px; }
  .identity-fields .field-hint { width: 100%; }
  .artwork-upload { min-height: 213px; }
  .form-grid--links { grid-template-columns: 1fr; }
  .initial-buy-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 18px; }
  .toolbar { align-items: stretch; }
  .search-field { max-width: none; width: 100%; flex-basis: 100%; }
  .token-topline { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; }
  .token-avatar { width: 34px; height: 34px; }
  .token-topline .status-badge { grid-column: 2; justify-self: start; }
}
@media (max-width: 900px) {
  .content-width { width: calc(100% - 40px); }
  .site-header__inner { gap: 20px; min-height: 68px; }
  .nav-links { gap: 18px; }
  .nav-links a:last-child { display: none; }
  .hero, .hero-inner { min-height: 420px; }
  .hero-copy { width: 51%; }
  .hero h1 { font-size: 54px; }
  .hero-tagline { font-size: 17px; }
  .hero-actions { gap: 18px; }
  .hero .eyebrow { font-size: 10px; }
  .hero-text { font-size: 13px; }
  .desktop-break { display: none; }
  .hero-stamp { gap: 16px; font-size: 9px; }
  .hero-fallback { width: 230px; height: 230px; top: 90px; left: 75%; }
  .launch-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; }
  .identity-layout { grid-template-columns: 1fr; }
  .artwork-field > .field-label { flex-wrap: nowrap; }
  .artwork-upload { min-height: 94px; flex-direction: row; justify-content: flex-start; gap: 14px; }
  .artwork-preview { width: 62px; height: 62px; }
  .artwork-upload__text { text-align: left; }
  .initial-buy-layout { grid-template-columns: 1fr; gap: 10px; }
  .form-section legend { font-size: 12px; }
  .explore-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; }
  .token-grid { grid-template-columns: 1fr; max-height: 648px; }
  .token-topline { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .token-topline .status-badge { grid-column: auto; justify-self: end; }
  .segmented-control { width: 100%; }
  .segmented-control button { flex: 1; padding-inline: 7px; font-size: 10px; }
  .segmented-control svg { display: none; }
  .inspect-section { grid-template-columns: 1fr; }
  .inspect-form > input { width: 100% !important; }
  .guide-grid { gap: 24px; }
  .guide-grid h3 { font-size: 14px; }
  .guide-grid p { font-size: 11px; }
  .faq-layout { gap: 32px; }
  .footer-inner > p { display: none; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 118px; }
  .site-header__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 0; padding-top: 12px; min-height: 102px; }
  .brand { font-size: 18px; gap: 8px; }
  .brand img { width: 29px; height: 29px; }
  .header-actions { justify-content: flex-end; }
  .wallet-button { min-width: 0; max-width: 176px; min-height: 38px; padding: 9px 11px; font-size: 11px; gap: 7px; }
  .wallet-button svg { width: 14px; height: 14px; }
  .nav-links { grid-column: 1 / -1; grid-row: 2; margin: 0; gap: 24px; font-size: 11px; min-height: 39px; }
  .nav-links a { padding-block: 10px; }
  .nav-links a:last-child { display: block; }
  .nav-links .social-link:last-child { display: inline-flex; }
  .hero, .hero-inner { min-height: clamp(450px, calc(100svh - 170px), 570px); }
  .hero-inner { display: block; }
  .hero-copy { width: 100%; padding-top: 29px; padding-bottom: 0; }
  .hero h1 { font-size: 48px; }
  .hero .eyebrow { font-size: 9px; margin-bottom: 12px; gap: 7px; }
  .hero-tagline { margin-top: 10px; font-size: 17px; }
  .hero-text { max-width: 350px; font-size: 12px; line-height: 1.7; margin-top: 7px; }
  .hero-actions { gap: 20px; margin-top: 18px; }
  .hero-actions .primary-link { min-height: 40px; font-size: 11px; padding: 9px 12px; gap: 7px; }
  .hero-actions .primary-link > svg:last-child { margin-left: 5px; width: 14px; height: 14px; }
  .hero-actions .text-link { font-size: 11px; }
  .hero-note { margin-top: 13px; font-size: 10px; }
  .hero-stamp { left: 0; right: 0; justify-content: space-between; bottom: 15px; font-size: 9px; }
  .hero-fallback { left: 50%; top: auto; bottom: 48px; width: 180px; height: 180px; }
  .status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .status-strip > div { flex-direction: row; align-items: center; gap: 8px; padding: 13px 16px; }
  .status-strip > div:nth-child(2) { border-right: 0; padding-right: 0; }
  .status-strip > div:nth-child(3) { border-top: 1px solid var(--line); padding-left: 0; }
  .status-strip > div:nth-child(4) { border-top: 1px solid var(--line); }
  .status-strip dt { font-size: 9px; gap: 5px; }
  .status-strip dt svg { display: none; }
  .status-strip dd { font-size: 9px; margin-left: auto; }
  .section-band { padding-block: 32px; }
  .section-heading { gap: 12px; margin-bottom: 24px; align-items: flex-start; }
  .section-heading .eyebrow { font-size: 10px; }
  h2 { font-size: 24px; }
  .inline-status { max-width: 135px; margin-top: 22px; font-size: 9px; padding: 5px 7px; }
  .launch-layout, .explore-layout { grid-template-columns: 1fr; gap: 26px; }
  .identity-layout { grid-template-columns: 1fr; gap: 16px; }
  .form-grid { grid-template-columns: 1.2fr 1fr; gap: 12px; }
  .identity-fields .field-hint { width: auto; }
  .identity-fields .field-label { flex-wrap: wrap; }
  .form-grid--links { grid-template-columns: 1fr; gap: 14px; }
  input:not([type="checkbox"]):not([type="file"]), textarea { font-size: 16px; }
  input::placeholder, textarea::placeholder { font-size: 12px; }
  .initial-buy-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 16px; }
  .launch-summary { padding: 22px; }
  .summary-intro, .check-list li { font-size: 12px; }
  .cost-disclosure p, .acknowledge-row > span, .form-message { font-size: 11px; }
  .launch-steps li { font-size: 10px; }
  .token-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 648px; }
  .token-topline { grid-template-columns: 34px minmax(0, 1fr); }
  .token-topline .status-badge { grid-column: 2; justify-self: start; }
  .toolbar { gap: 10px; }
  .segmented-control { width: auto; }
  .segmented-control button { min-height: 32px; font-size: 11px; padding-inline: 13px; }
  .search-field { flex-basis: 100%; }
  .search-field > input { min-height: 42px !important; font-size: 16px !important; }
  .search-field > input::placeholder { font-size: 12px; }
  .feed-state { gap: 7px; max-width: 145px; font-size: 9px; margin-top: 18px; }
  .feed-state > span { max-width: 95px; }
  .detail-panel { padding: 22px; }
  .detail-description { font-size: 12px; }
  .detail-metrics strong { font-size: 18px; }
  .detail-metrics span, .token-facts dt, .token-facts dd { font-size: 11px; }
  .detail-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 38px; }
  .detail-actions .secondary-link { min-height: 38px; font-size: 11px; }
  .detail-actions .tool-button { width: 38px; min-width: 38px; height: 38px; }
  .inspect-form > button { padding-inline: 12px; }
  .inspect-form > button svg { width: 14px; height: 14px; }
  .guide-grid { grid-template-columns: 1fr; gap: 24px; }
  .guide-topline { margin-bottom: 15px; }
  .guide-grid h3 { font-size: 16px; }
  .guide-grid p { font-size: 12px; }
  .guide-section .text-link { font-size: 11px; margin-top: 22px; }
  .faq-layout { grid-template-columns: 1fr; gap: 24px; }
  .faq-intro { max-width: none; margin-top: 10px; }
  .footer-inner { flex-wrap: wrap; gap: 16px; }
  .footer-inner > div { gap: 18px; }
  .footer-inner > div a { font-size: 10px; }
  .toast { right: 16px; bottom: 16px; }
}
@media (max-width: 400px) {
  .content-width { width: calc(100% - 32px); }
  .brand { font-size: 16px; }
  .brand img { width: 26px; height: 26px; }
  .wallet-button { font-size: 10px; max-width: 146px; padding-inline: 9px; }
  .hero h1 { font-size: 42px; }
  .hero-actions { gap: 15px; }
  .hero-actions .text-link { font-size: 10px; gap: 5px; }
  .hero-actions .text-link svg { width: 13px; height: 13px; }
  .hero-actions .primary-link { gap: 5px; padding-inline: 10px; }
  .hero-actions .primary-link > svg:last-child { display: none; }
  .initial-buy-layout { grid-template-columns: 1fr; gap: 10px; }
  .token-grid { grid-template-columns: 1fr; max-height: 648px; }
  .token-topline { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .token-topline .status-badge { grid-column: auto; justify-self: end; }
  .segmented-control { width: 100%; }
  .segmented-control button { padding-inline: 10px; font-size: 10px; }
  .feed-state { max-width: 126px; }
  .feed-state > span { max-width: 85px; }
  .launch-summary { padding-inline: 18px; }
  .inspect-form { flex-wrap: wrap; }
  .inspect-form > input { flex-basis: 100%; }
  .inspect-form > button { width: 100%; }
  .footer-inner > div { margin-left: 0; width: 100%; }
  .review-content { padding: 22px; }
  .review-content h2 { font-size: 22px; }
  .review-content dl { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 0 12px; }
  .review-content .button-row { display: grid; grid-template-columns: 1fr; }
  .review-content .button-primary { grid-row: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  .loading-icon { animation-duration: 5s; }
}