:root {
  /* Canonical TABBY visual tokens; legacy semantic names below are aliases. */
  --tabby-bg:#050b08;
  --tabby-bg-panel:#07100b;
  --tabby-bg-elevated:#14221a;
  --tabby-green:#00e987;
  --tabby-green-soft:#102d20;
  --tabby-green-border:#28533a;
  --tabby-green-glow:rgba(0,233,135,.08);
  --tabby-text:#f0f1f3;
  --tabby-text-muted:#b6c3bc;
  --tabby-text-dim:#9db0a4;
  --tabby-border:#214532;
  --tabby-border-strong:#3d6950;
  --tabby-radius-small:5px;
  --tabby-radius-card:9px;
  --tabby-space-1:8px;
  --tabby-space-2:16px;
  --tabby-space-3:24px;
  --tabby-space-4:36px;
  --tabby-space-5:48px;
  --tabby-font-display:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --tabby-font-body:var(--tabby-font-display);
  --tabby-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --tabby-title-size:clamp(42px,5.8vw,78px);
  --tabby-section-size:clamp(28px,3.2vw,44px);
  --tabby-card-size:28px;
  color-scheme:dark;
  font-family:var(--tabby-font-body);
  font-synthesis:none;
  --bg:var(--tabby-bg);
  --surface:var(--tabby-bg-panel);
  --surface-raised:var(--tabby-bg-elevated);
  --surface-soft:var(--tabby-bg-panel);
  --border:var(--tabby-border);
  --border-strong:var(--tabby-border-strong);
  --text:var(--tabby-text);
  --text-muted:var(--tabby-text-muted);
  --text-subtle:var(--tabby-text-dim);
  --accent:var(--tabby-green);
  --accent-soft:var(--tabby-green-soft);
  --verified:var(--tabby-green);
  --observed:var(--tabby-green);
  --warning:#efd09d;
  --danger:#f1b7ae;
  --unknown:#c9cdd5;
  --focus-ring:var(--tabby-green);
  --bg-primary:var(--bg);
  --bg-secondary:var(--surface-soft);
  --text-primary:var(--text);
  --text-secondary:var(--text-muted);
  --accent-primary:var(--accent);
  --accent-secondary:var(--observed);
  --state-match:var(--verified);
  --state-notice:var(--warning);
  --state-conflict:var(--danger);
  --state-unknown:var(--unknown);
  --border-subtle:var(--border);
  --glow-primary:var(--tabby-green-glow);
  --font-mono:var(--tabby-font-mono);
  color:var(--text);
  background:var(--bg);
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px;
}
body {
  margin:0;
}
a {
  color:inherit;
}
button,input,select {
  font:inherit;
}
button,a,input,select,summary {
  -webkit-tap-highlight-color:transparent;
}
button {
  cursor:pointer;
}
button:disabled {
  cursor:default;
}
button,.button {
  border:1px solid var(--accent);
  background:var(--accent);
  color:var(--bg);
  border-radius:5px;
  padding:12px 18px;
  font-weight:650;
  text-decoration:none;
  display:inline-flex;
  gap:22px;
  align-items:center;
  justify-content:center;
}
button:hover:not(:disabled),.button:hover {
  filter:brightness(1.1);
}
:focus-visible {
  outline:3px solid var(--focus-ring);
  outline-offset:5px;
}
.secondary {
  background:transparent;
  border-color:var(--border-strong);
  color:var(--text);
}
.shell {
  width:min(1240px,calc(100% - 64px));
  margin-inline:auto;
}
.topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-block:26px;
  border-bottom:1px solid var(--border);
  gap:20px;
}
.wordmark {
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:750;
}
.ticker {
  color:var(--accent);
  font-weight:500;
}
nav {
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  font-size:13px;
}
nav a {
  text-decoration:none;
  color:var(--text-muted);
}
.hero {
  padding:82px 0 66px;
  max-width:940px;
}
.eyebrow {
  font-size:11px;
  letter-spacing:.13em;
  font-weight:650;
  color:var(--accent);
  margin:0 0 20px;
}
.hero .eyebrow span {
  color:var(--text-muted);
  margin-left:24px;
}
.hero h1 {
  font-size:clamp(76px,15vw,180px);
  line-height:1.08;
  letter-spacing:-.05em;
  font-weight:750;
  margin:0;
}
.hero em {
  font-style:normal;
  color:var(--accent);
}
.tagline {
  font-size:16px;
  color:var(--text-muted);
}
.intro {
  color:var(--text-muted);
  line-height:1.65;
  margin-bottom:28px;
}
.wallet-note {
  font-size:12px;
  color:var(--text-muted);
  margin-left:18px;
}
.warning {
  display:flex;
  gap:22px;
  padding:24px 28px;
  background:var(--accent-soft);
  border:1px solid var(--border-strong);
  border-radius:6px;
}
.warning-symbol {
  color:var(--accent);
  font-size:24px;
  font-family:monospace;
}
.warning h2 {
  font-size:14px;
  letter-spacing:.05em;
  margin:0 0 12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}
.warning p {
  margin:0;
  color:var(--text-muted);
  font-size:14px;
  line-height:1.7;
  max-width:990px;
}
.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:56px 0 20px;
}
.section-heading .eyebrow {
  margin-bottom:12px;
}
h2 {
  font-size:28px;
  letter-spacing:-.025em;
  margin:0;
}
h3 {
  font-size:21px;
  letter-spacing:-.02em;
  margin:0 0 16px;
}
.connection {
  color:var(--text-muted);
  font-size:13px;
  line-height:1.6;
}
.legend {
  border-block:1px solid var(--border);
  padding:15px 0;
  margin:22px 0;
}
.legend summary {
  cursor:pointer;
  font-size:13px;
  color:var(--text-muted);
}
.legend dl {
  font-size:13px;
}
.legend dl>div {
  padding:8px 0;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:20px;
}
.dashboard-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
  align-items:start;
}
.card {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:7px;
  padding:27px;
  min-width:0;
}
.card.reference {
  border-top:2px solid var(--accent);
}
.card>.eyebrow {
  font-size:10px;
  margin-bottom:12px;
}
.muted,.fineprint {
  color:var(--text-muted);
  line-height:1.7;
  font-size:13px;
}
.fineprint {
  font-size:12px;
}
.badge {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  display:inline-block;
  font-size:10px;
  font-weight:500;
  letter-spacing:.025em;
  padding:5px 7px;
  border-radius:3px;
  line-height:1.3;
  border:1px solid var(--border-strong);
  white-space:normal;
  vertical-align:middle;
}
.neutral {
  color:var(--unknown);
  background:var(--surface-raised);
}
.observed {
  color:var(--observed);
  background:var(--surface-soft);
  border-color:var(--border-strong);
}
.verified {
  color:var(--verified);
  background:var(--surface-soft);
}
.error {
  color:var(--danger);
  background:var(--surface-soft);
  border-color:var(--border-strong);
}
.reference-badge {
  color:var(--warning);
  border-color:var(--border-strong);
  background:var(--accent-soft);
}
dl {
  margin:23px 0 0;
}
dt {
  color:var(--text-muted);
}
dd {
  margin:0;
  overflow-wrap:anywhere;
}
.fact {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid var(--border);
  font-size:12px;
  line-height:1.6;
}
.fact:last-child {
  border-bottom:0;
}
.fact dd {
  text-align:right;
}
.fact dd .badge {
  margin-left:5px;
}
.markets {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.markets button {
  font-size:10px;
  padding:9px;
  background:var(--surface-raised);
  color:var(--text-subtle);
  border-color:var(--border);
}
.lookup {
  background:var(--surface);
  border:1px solid var(--border);
  padding:26px;
  border-radius:6px;
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:20px;
  margin:26px 0;
}
.lookup label {
  display:block;
  font-size:13px;
  color:var(--text);
  margin-bottom:10px;
}
.lookup input,.lookup select {
  width:100%;
  min-height:46px;
  padding:10px 12px;
  background:var(--bg);
  color:var(--text);
  border:1px solid var(--border-strong);
  border-radius:4px;
  min-width:0;
}
.lookup button {
  align-self:start;
  justify-self:start;
  margin-top:26px;
}
.lookup>p {
  grid-column:1/-1;
  margin:0;
}
.error-text {
  color:var(--danger);
  font-size:13px;
  line-height:1.6;
}
.copy-feedback {
  display:block;
  color:var(--text-muted);
  font-size:12px;
  margin-top:10px;
}
.security-note {
  margin:52px 0;
  padding:28px 0;
  border-block:1px solid var(--border);
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:24px;
}
.security-note h2 {
  font-size:22px;
}
.security-note p {
  margin:0;
  color:var(--text-muted);
  font-size:14px;
  line-height:1.7;
}
footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-block:0 36px;
  color:var(--text-muted);
  font-size:11px;
}
.skip-link {
  position:absolute;
  top:-80px;
  left:20px;
  padding:15px;
  background:var(--accent);
  color:var(--bg);
  z-index:2;
}
.skip-link:focus {
  top:10px;
}
[hidden] {
  display:none!important;
}
@media(max-width:800px) {
  .shell {
    width:calc(100% - 36px);
  }
  .hero {
    padding-block:55px 40px;
  }
  .topbar {
    flex-wrap:wrap;
  }
  .dashboard-grid {
    grid-template-columns:1fr;
  }
  .legend dl>div {
    grid-template-columns:1fr;
    gap:8px;
  }
  .security-note {
    grid-template-columns:1fr;
  }
  .lookup {
    grid-template-columns:1fr;
  }
  .lookup button {
    margin-top:0;
  }
  .section-heading {
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .wallet-note {
    display:block;
    margin:18px 0 0;
  }
  .warning {
    padding:20px;
    gap:14px;
  }
  footer {
    flex-wrap:wrap;
  }
}
@media(max-width:420px) {
  .card {
    padding:20px;
  }
  .fact {
    grid-template-columns:1fr;
    gap:5px;
  }
  .fact dd {
    text-align:left;
  }
  .hero .eyebrow span {
    display:block;
    margin:12px 0 0;
  }
  .wordmark {
    font-size:10px;
  }
  .lookup {
    padding:20px;
  }
  nav {
    font-size:12px;
  }
  .hero h1 {
    font-size:clamp(64px,20vw,84px);
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}

/* Shared compact identity: works without the long project name. */
.token-identity {
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  letter-spacing:.04em;
}
.token-identity strong { font-size:22px; line-height:1; }
.token-identity>span { font-size:10px; color:var(--text-muted); }
.brand-byline { font-size:18px; color:var(--text-muted); margin:10px 0 32px; }
.primary-slogan { font-size:clamp(24px,3.4vw,40px); line-height:1.25; letter-spacing:-.03em; margin:0; }
.launch-status { display:flex; flex-wrap:wrap; gap:10px 24px; list-style:none; padding:0; margin:0 0 14px; font-size:12px; font-weight:650; color:var(--warning); }
.warning p+p { margin-top:10px; }
.onchain { border-top:2px solid var(--border-strong); background:var(--surface-soft); }
.technical { margin-top:28px; border-block:1px solid var(--border); padding:20px 0; }
.technical summary { cursor:pointer; font-weight:650; line-height:1.6; }
.technical>p { color:var(--text-muted); font-size:13px; line-height:1.6; }
.official-links { margin-top:48px; }
.card, .lookup>div, .warning>div { min-width:0; }
.card h3, .card p, .badge, .wordmark, .markets button, dt { overflow-wrap:anywhere; }

/* UI-1 working brand tokens; reference renderer retains the palette aliases above. */
html { scroll-padding-top:28px; }
body { line-height:1.5; }
.shell { width:calc(100% - clamp(48px,5vw,160px)); }
.topbar { padding-block:22px; }
.mini-mark { color:var(--accent-primary); font:24px var(--font-mono); padding-right:12px; }
.topbar .token-identity strong { font-size:19px; }
.topbar nav { margin-left:auto; margin-right:30px; }
.landing { max-width:none; display:grid; grid-template-columns:1.2fr 1fr; gap:30px 70px; padding:70px 0 26px; }
.hero h1 { font-size:clamp(96px,13vw,194px); letter-spacing:-.075em; line-height:.9; margin-left:-.055em; }
.hero .brand-byline { margin:14px 0 28px; font-size:15px; }
.hero .primary-slogan { font-size:clamp(28px,3vw,44px); line-height:1.15; }
.hero-manifesto { font:16px var(--font-mono); margin:24px 0 7px; }
.hero .tagline { font-size:14px; margin-top:0; }
.hero .tagline em { color:var(--text-primary); font-style:normal; }
.hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:30px; }
.button,button { border-radius:2px; font-size:12px; }
.hero .button { padding:17px 20px; }
.text-link { font:12px var(--font-mono); text-underline-offset:6px; }
.identity-stage { --eye-color:var(--accent-primary); position:relative; align-self:center; border:1px solid var(--border-subtle); background:radial-gradient(ellipse at center,var(--glow-primary),transparent 65%),var(--bg-secondary); padding:22px; }
.stage-top { display:flex; justify-content:space-between; gap:12px; font:9px var(--font-mono); color:var(--text-muted); letter-spacing:.06em; }
.mascot-slot { width:min(100%,350px); margin:10px auto; }
.mascot-slot svg { display:block; width:100%; overflow:visible; }
.cat-outline { fill:var(--surface); stroke:var(--border-strong); stroke-width:1; }
.cat-detail { fill:none; stroke:var(--border-strong); stroke-width:1; }
.cat-eyes { fill:none; stroke:var(--eye-color); stroke-width:6; transition:transform .2s; }
.terminal-motif { fill:var(--text-secondary); font:22px var(--font-mono); }
.scratch-motif { stroke:var(--eye-color); stroke-width:2; display:none; }
[data-lockup="scratch"] .scratch-motif { display:block; }
[data-lockup="scratch"] .terminal-motif,[data-lockup="cyber"] .terminal-motif { display:none; }
[data-lockup="cyber"] .cat-outline { stroke:var(--text-secondary); stroke-width:2; }
.placeholder-label { text-align:center; font:10px var(--font-mono); color:var(--text-muted); letter-spacing:.18em; }
.concept-controls { display:flex; justify-content:center; gap:6px; margin-top:20px; }
.concept-controls button { background:transparent; border-color:var(--border-subtle); color:var(--text-secondary); padding:8px; font:10px var(--font-mono); }
.concept-controls button[aria-pressed="true"] { border-color:var(--border-strong); color:var(--text-primary); background:var(--surface-raised); }
.identity-stage>.fineprint { text-align:center; font-size:10px; margin-bottom:0; }
.boot-terminal { grid-column:1/-1; display:flex; justify-content:space-between; gap:15px; align-items:center; padding:20px 0 4px; font:11px var(--font-mono); }
.terminal-prompt { color:var(--accent-primary); margin-right:20px; }
.boot-copy { color:var(--text-muted); animation:boot-in .7s ease both; }
@keyframes boot-in { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
.landing-divider { display:flex; justify-content:space-between; align-items:center; gap:20px; border-block:1px solid var(--border-subtle); padding:18px 0; font:10px var(--font-mono); letter-spacing:.08em; color:var(--text-muted); }
.landing-divider a { color:var(--text-primary); text-underline-offset:5px; }
.terminal-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin:90px 0 30px; }
.terminal-heading h2 { font-size:clamp(36px,5vw,64px); letter-spacing:-.05em; }
.terminal-dot { color:var(--accent-primary); }
.terminal-heading p { font-size:13px; color:var(--text-muted); }
.global-status { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; padding:20px; background:var(--surface); border:1px solid var(--border-subtle); font:10px var(--font-mono); }
.global-status strong { font-size:18px; }
.global-status .status-notice { color:var(--state-notice); }
.global-status button { padding:8px; }
button:disabled { color:var(--text-muted); border-color:var(--border-strong); background:var(--surface-raised); }
.module-nav { gap:16px 24px; padding:20px 0; border-bottom:1px solid var(--border-subtle); font:11px var(--font-mono); }
.module-nav a:hover { color:var(--text-primary); }
.terminal-module { padding:50px 0; border-bottom:1px solid var(--border-subtle); }
.module-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.module-heading h2 { font-size:clamp(27px,3vw,38px); }
.module-heading .eyebrow { color:var(--text-muted); margin-bottom:10px; font-family:var(--font-mono); font-size:10px; }
.module-intro { font-size:14px; color:var(--text-secondary); max-width:750px; margin:15px 0 30px; }
.trustline { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); padding:0; margin:35px 0 12px; list-style:none; border-block:1px solid var(--border-subtle); }
.trustline li { border-right:1px solid var(--border-subtle); }
.trustline li:last-child { border:0; }
.trustline a { display:flex; flex-direction:column; gap:17px; padding:20px 10px; text-decoration:none; }
.trustline a:hover { background:var(--surface); }
.proof-number { font:11px var(--font-mono); color:var(--text-muted); }
.trustline strong { font:11px var(--font-mono); }
.proof-state { font:10px var(--font-mono); color:var(--state-unknown); white-space:nowrap; }
.state-legend { margin-top:24px; }
summary { cursor:pointer; min-height:36px; font-size:13px; }
details>p { max-width:950px; color:var(--text-muted); font-size:13px; }
.empty-market { display:flex; align-items:center; gap:40px; padding:36px; background:var(--bg-secondary); border:1px dashed var(--border-subtle); }
.empty-signal { font:clamp(36px,5vw,72px) var(--font-mono); color:var(--text-muted); }
.empty-market h3,.xray-empty h3,.wallet-empty h3 { margin:0; font-size:22px; }
.empty-market p,.xray-empty p,.wallet-empty p { color:var(--text-muted); margin-bottom:0; font-size:13px; }
.field-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 28px; margin:24px 0; }
.field-list>div { padding:17px 0; border-bottom:1px solid var(--border-subtle); min-width:0; }
.field-list dt { font-size:12px; }
.field-list dd { margin-top:8px; font:11px var(--font-mono); color:var(--state-unknown); }
.supply-head { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; }
.supply-head strong { font-size:clamp(24px,3vw,40px); font-weight:500; letter-spacing:-.04em; }
.supply-head strong span { font-size:13px; color:var(--text-muted); letter-spacing:0; }
.supply-head>span { font:10px var(--font-mono); color:var(--state-notice); }
.supply-bar { display:flex; gap:3px; height:56px; margin:28px 0 22px; }
.supply-bar span { display:flex; align-items:center; justify-content:center; color:var(--bg-primary); font:12px var(--font-mono); }
.allocation-founder { background:var(--text-primary); flex:15; }
.allocation-treasury { background:var(--text-muted); flex:10; }
.allocation-liquidity { background:var(--observed); flex:15; }
.allocation-public { background:var(--accent-primary); flex:60; }
.allocation-row { display:grid; grid-template-columns:2fr .6fr 1fr 2fr; gap:22px; align-items:center; padding:17px 0; border-bottom:1px solid var(--border-subtle); font-size:13px; }
.allocation-row>span:last-child { color:var(--text-muted); font-size:12px; }
.allocation-label { display:flex; align-items:center; gap:12px; }
.allocation-label i { display:inline-block; width:7px; height:7px; flex:none; }
.flow { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; margin-top:28px; border:1px dashed var(--border-strong); font:11px var(--font-mono); color:var(--text-secondary); }
.flow b { color:var(--text-muted); }
.proof-rows { border-top:1px solid var(--border-subtle); }
.proof-row { border-bottom:1px solid var(--border-subtle); scroll-margin-top:28px; }
.proof-row summary { display:grid; grid-template-columns:50px 1fr 160px 100px; gap:20px; align-items:center; padding:25px 5px; list-style:none; }
.proof-row summary::-webkit-details-marker { display:none; }
.proof-row summary:hover { background:var(--surface); }
.proof-row summary strong { font-size:20px; font-weight:500; letter-spacing:-.03em; }
.expand-label { font:10px var(--font-mono); text-align:right; color:var(--text-muted); }
.proof-row[open] .expand-label { color:var(--accent-primary); }
.proof-detail { padding:10px 30px 30px 75px; background:var(--bg-secondary); }
.proof-detail p { font-size:14px; }
.proof-detail .eyebrow { color:var(--state-notice); line-height:2.5; }
.xray-empty { display:flex; align-items:center; gap:30px; padding:28px; border:1px solid var(--border-subtle); background:var(--bg-secondary); }
.xray-empty>span:first-child { font:24px var(--font-mono); color:var(--text-muted); }
.attention-mark { margin-left:auto; font:24px var(--font-mono); color:var(--text-muted); transition:transform .2s; }
#liquidity:hover .attention-mark,#liquidity:focus-within .attention-mark { transform:translateX(-6px); color:var(--accent-primary); }
.vesting-policy { display:flex; align-items:center; gap:45px; }
.vesting-policy strong { font-size:40px; font-weight:500; }
.vesting-policy small { font:12px var(--font-mono); color:var(--text-muted); }
.vesting-policy p { color:var(--text-muted); font-size:13px; }
.timeline { display:grid; grid-template-columns:1fr 1fr 1fr; padding-top:16px; margin:35px 0; border-top:2px solid var(--border-strong); font:12px var(--font-mono); }
.timeline span { position:relative; }
.timeline span::before { content:''; width:8px; height:8px; background:var(--text-muted); position:absolute; top:-21px; left:0; border-radius:50%; }
.timeline span:last-child { text-align:right; }
.timeline span:last-child::before { left:auto; right:0; }
.timeline small { display:block; font-size:10px; margin-top:10px; color:var(--text-muted); }
.timeline-label { display:block; font-size:13px; }
#future-time { width:100%; margin:20px 0; accent-color:var(--text-secondary); }
#future-label { display:block; font:12px var(--font-mono); }
.vault-banner { display:flex; align-items:center; justify-content:space-between; padding:24px; border:1px solid var(--border-subtle); font:12px var(--font-mono); color:var(--text-muted); }
.paw { font-size:28px; opacity:0; transition:opacity .2s; }
#treasury:hover .paw,#treasury:focus-within .paw { opacity:1; }
.contract-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:25px; }
.contract-layout p { font-size:14px; line-height:1.8; }
.design-diff { margin:0; padding:24px 30px; background:var(--bg-secondary); border-left:2px solid var(--border-strong); font:13px/1.9 var(--font-mono); overflow-x:auto; }
.diff-minus { color:var(--text-muted); }
.diff-plus { color:var(--text-primary); }
.chain-flow { display:grid; grid-template-columns:1fr 1fr 1fr; gap:35px; padding:30px; background:var(--bg-secondary); border:1px solid var(--border-subtle); }
.chain-flow .eyebrow { color:var(--text-muted); font-size:9px; }
.chain-flow p { font:10px/1.8 var(--font-mono); color:var(--text-muted); }
.chain-flow h3 { margin:0; }
.bridge-gap { align-self:center; text-align:center; }
.bridge-gap>span { font:24px var(--font-mono); color:var(--text-muted); }
.wallet-empty { display:flex; gap:30px; align-items:center; padding:30px; border:1px solid var(--border-subtle); }
.wallet-empty>div { min-width:0; overflow-wrap:anywhere; }
.wallet-empty [data-launch-field="contract"] { overflow-wrap:anywhere; }
.wallet-empty>span { font:26px var(--font-mono); color:var(--text-muted); }
.wallet-empty button { margin-left:auto; }
.mode-legend { display:flex; flex-wrap:wrap; gap:12px; font:11px var(--font-mono); }
.mode-legend span { padding:12px; border:1px solid currentColor; }
[data-mode="NORMAL"] { --eye-color:var(--accent-primary); }
.mode-legend [data-mode="NORMAL"] { color:var(--state-match); }
[data-mode="NOTICE"] { --eye-color:var(--state-notice); }
.mode-legend [data-mode="NOTICE"] { color:var(--state-notice); }
[data-mode="CAUTION"] { --eye-color:var(--state-notice); }
.mode-legend [data-mode="CAUTION"] { color:var(--state-notice); border-width:2px; }
[data-mode="STABBY"] { --eye-color:var(--state-conflict); }
.mode-legend [data-mode="STABBY"] { color:var(--state-conflict); }
[data-mode="STABBY"] .scratch-motif { display:block; }
.verification-section { padding-top:55px; }
.verification-section>.warning { margin-top:28px; }
.dashboard-grid { grid-template-columns:1fr; }
.card { border-radius:2px; }
.card dl { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
.card .fact { grid-template-columns:1fr 1fr; }
.scratch-overlay { position:fixed; inset:0; pointer-events:none; z-index:20; overflow:hidden; visibility:hidden; }
.scratch-overlay i { position:absolute; top:-20%; left:40%; height:140%; width:2px; background:var(--text-primary); transform:rotate(28deg) scaleY(0); opacity:0; }
.scratch-overlay i:nth-child(2) { left:50%; }
.scratch-overlay i:nth-child(3) { left:60%; }
.scratch-overlay.is-active { visibility:visible; }
.scratch-overlay.is-active i { animation:scratch-reveal .38s ease-out both; }
@keyframes scratch-reveal { 0% { opacity:0; transform:rotate(28deg) scaleY(0); } 35% { opacity:.65; transform:rotate(28deg) scaleY(1); } 100% { opacity:0; transform:rotate(28deg) scaleY(1); } }
#terminal:focus { outline:none; }
#terminal:focus-visible { outline:2px solid var(--focus-ring); outline-offset:8px; }
@media(min-width:1500px) { .landing { padding-block:85px 30px; } }
@media(max-width:1100px) { .shell { width:calc(100% - 56px); } .landing { gap:30px; } .trustline { grid-template-columns:repeat(3,minmax(0,1fr)); } .trustline li { border-bottom:1px solid var(--border-subtle); } .trustline a { flex-direction:row; flex-wrap:wrap; gap:12px; } .trustline .proof-state { width:100%; } .field-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { .shell { width:calc(100% - 36px); } .topbar { gap:14px; } .topbar nav { margin:0 0 0 auto; gap:16px; } .topbar>.badge { display:inline-block; } .landing { grid-template-columns:1fr 1fr; padding-top:45px; } .hero h1 { font-size:clamp(82px,15vw,130px); } .hero .eyebrow { font-size:9px; } .hero-actions { gap:20px; } .identity-stage { padding:14px; } .stage-top { flex-direction:column; font-size:8px; } .concept-controls { flex-wrap:wrap; } .boot-terminal>div { display:flex; flex-direction:column; gap:9px; } .landing-divider>span:last-child { display:none; } .module-heading { align-items:start; flex-wrap:wrap; } .field-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .allocation-row { grid-template-columns:2fr .5fr 1fr; gap:10px; } .allocation-row>span:last-child { grid-column:1/-1; } .contract-layout { gap:25px; } .chain-flow { gap:20px; padding:20px; grid-template-columns:1fr; } .bridge-gap { text-align:left; } .wallet-empty { flex-wrap:wrap; } .wallet-empty button { margin-left:0; } .card dl { grid-template-columns:1fr; } .proof-row summary { grid-template-columns:30px 1fr 130px; gap:10px; } .expand-label { display:none; } .proof-detail { padding-left:20px; } .terminal-heading { align-items:start; } .terminal-heading>p { max-width:150px; } }
@media(max-width:600px) { .landing { grid-template-columns:1fr; padding-top:42px; } .hero h1 { font-size:clamp(100px,23vw,150px); } .hero .primary-slogan { font-size:36px; } .identity-stage { max-width:420px; width:100%; margin-inline:auto; } .mascot-slot { width:230px; } .stage-top { flex-direction:row; } .boot-terminal { flex-wrap:wrap; } .boot-copy { font-size:10px; } .landing-divider { font-size:8px; } .terminal-heading { margin-top:55px; flex-direction:column; gap:5px; } .terminal-heading>p { max-width:none; } .terminal-module { padding-block:35px; } .trustline a { flex-direction:column; } .trustline strong { font-size:10px; } .trustline .proof-state { font-size:10px; } .empty-market { padding:22px; gap:20px; flex-direction:column; align-items:start; } .proof-row summary strong { font-size:16px; } .proof-row summary { grid-template-columns:25px 1fr 115px; } .proof-state { font-size:9px; } .flow { flex-direction:column; align-items:start; gap:12px; } .flow b { transform:rotate(90deg); } .vesting-policy { gap:20px; flex-wrap:wrap; } .timeline { font-size:10px; gap:12px; } .timeline small { font-size:9px; } .contract-layout { grid-template-columns:1fr; } .xray-empty { gap:15px; padding:20px; flex-wrap:wrap; } .wallet-empty { padding:20px; } .global-status { gap:16px; } .global-status span { flex:1 1 40%; } .global-status .status-notice { flex-basis:60%; } }
@media(max-width:420px) { .topbar nav { font-size:10px; gap:10px; } .mini-mark { display:none; } .trustline a { padding:15px 7px; } .field-list { gap:0 18px; } .module-heading h2 { font-size:26px; } .card .fact { grid-template-columns:1fr; } .card .fact dd { text-align:left; } .hero .primary-slogan { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } .scratch-overlay { display:none; } }

/* UI-2: evidence layers and product views reuse the UI-1 working palette. */
.symbol-identity { display:inline-grid; place-items:center; width:30px; height:30px; color:var(--accent-primary); border:1px solid var(--border-strong); font-size:22px; }
.identity-note { max-width:850px; margin:22px 0 35px; }
.terminal-page .terminal-heading { margin:38px 0 22px; align-items:center; }
.terminal-heading h1 { margin:0; font-size:clamp(34px,4.4vw,60px); letter-spacing:-.06em; line-height:1.1; }
.mode-band { display:flex; flex-wrap:wrap; gap:16px 40px; padding:18px 22px; border:1px solid var(--border-subtle); background:var(--surface); font-size:12px; }
.mode-band span { display:flex; gap:12px; align-items:center; color:var(--text-muted); }
.mode-band b { font:11px var(--font-mono); color:var(--text-primary); }
.mode-band span:first-child b { color:var(--state-notice); }
.terminal-page .module-nav { padding-block:18px; font-size:12px; gap:16px 30px; }
.terminal-page .terminal-module { padding:30px 0; }
.terminal-page .module-intro { margin:12px 0 20px; }
.provenance { display:inline-block; width:fit-content; font:10px/1.5 var(--font-mono); color:var(--state-unknown); overflow-wrap:anywhere; }
.provenance[data-source-type="DECLARED_POLICY"] { color:var(--state-notice); }
.provenance[data-source-type="REFERENCE_SOURCE"] { color:var(--text-primary); }
.provenance[data-source-type="LOCAL_REHEARSAL"] { color:var(--accent-secondary); }
.provenance[data-source-type="SIMULATED"] { color:var(--state-notice); }
.provenance[data-source-type="DERIVED"] { color:var(--text-secondary); }
.source-button { width:fit-content; background:transparent; color:var(--text-secondary); border:0; border-bottom:1px solid var(--border-strong); font:10px var(--font-mono); padding:6px 0; min-height:28px; justify-content:start; }
.source-button:hover { color:var(--text-primary); background:var(--surface-raised); }
.item-status { display:block; font:9px/1.5 var(--font-mono); color:var(--text-muted); overflow-wrap:anywhere; }
.data-facts { margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; }
.data-fact { padding:14px 0; border-bottom:1px solid var(--border-subtle); min-width:0; }
.data-fact dt { font-size:12px; margin-bottom:8px; }
.data-fact dd { display:flex; align-items:start; flex-direction:column; gap:5px; }
.data-fact strong { font-size:17px; font-weight:550; line-height:1.4; }
#overview>.data-facts .data-fact strong { font-size:19px; }
.scope-note { border-left:2px solid var(--border-strong); background:var(--bg-secondary); padding:15px 20px; margin:20px 0; color:var(--text-secondary); font-size:13px; }
.scope-note p { margin:8px 0; max-width:1000px; }
.scope-note strong { color:var(--text-primary); }
.scope-note a { margin-left:22px; font-size:12px; text-underline-offset:4px; }
.market-band { margin-top:25px; padding-top:20px; border-top:1px solid var(--border-subtle); }
.market-band h3 { font-size:18px; margin-bottom:8px; }
.market-band .data-facts { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.market-band .data-fact strong { font:13px var(--font-mono); }
.evidence-line { list-style:none; display:flex; padding:0; margin:22px 0 10px; overflow-x:auto; }
.evidence-line li { flex:1 0 145px; position:relative; border-top:1px solid var(--border-strong); }
.evidence-line li::before { content:''; position:absolute; width:7px; height:7px; border:1px solid var(--text-muted); border-radius:50%; background:var(--bg-primary); top:0; left:8px; }
.evidence-line a { display:flex; flex-direction:column; gap:10px; text-decoration:none; padding:19px 8px 12px; }
.evidence-line a:hover { background:var(--surface); }
.evidence-line strong { font-size:12px; }
.evidence-line span,.evidence-line small { font:10px var(--font-mono); color:var(--text-muted); }
.evidence-line small { font-size:9px; }
.supply-root { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:20px 0; }
.supply-root>div { margin-right:auto; }
.supply-root>div>span { display:block; font:10px var(--font-mono); color:var(--state-notice); margin-bottom:10px; }
.supply-root strong { display:block; font-size:34px; font-weight:500; letter-spacing:-.03em; }
.supply-root small { font-size:12px; color:var(--text-muted); letter-spacing:0; }
.terminal-page .supply-bar { margin:0; height:38px; }
.supply-tree { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--border-subtle); }
.supply-branch { padding:20px; border-right:1px solid var(--border-subtle); min-width:0; }
.supply-branch:first-child { padding-left:0; }
.supply-branch:last-child { padding-right:0; border-right:0; }
.supply-branch h3 { font-size:17px; min-height:46px; margin-bottom:12px; }
.flow-value { display:flex; align-items:start; flex-direction:column; gap:5px; font-size:12px; }
.flow-value strong { font-size:22px; font-weight:550; }
.flow-value>span:first-child { color:var(--text-secondary); }
.flow-value>span:nth-child(3) { color:var(--text-secondary); font-size:11px; }
.flow-value .source-button { font-size:9px; }
.suballocations { border-left:1px solid var(--border-strong); margin-top:18px; padding-left:16px; }
.suballocations .flow-value { position:relative; padding:0 0 18px; }
.suballocations .flow-value::before { content:''; position:absolute; left:-16px; top:8px; width:9px; height:1px; background:var(--border-strong); }
.suballocations .flow-value strong { font-size:18px; }
.launch-route { display:flex; flex-wrap:wrap; list-style:none; gap:0; padding:0; margin:22px 0; }
.launch-route li { font-size:15px; padding:14px 18px 14px 0; display:flex; align-items:center; gap:18px; }
.launch-route li:not(:last-child)::after { content:'→'; color:var(--text-muted); }
.evidence-layers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--border-subtle); }
.evidence-layers>section { padding:22px; border-right:1px solid var(--border-subtle); min-width:0; }
.evidence-layers>section:first-child { padding-left:0; }
.evidence-layers>section:last-child { border:0; padding-right:0; }
.evidence-layers h3 { font-size:17px; margin-bottom:10px; }
.evidence-layers .data-facts { grid-template-columns:1fr; }
.terminal-page .proof-row summary { padding:18px 5px; }
.terminal-page .proof-detail { padding:10px 22px 20px; }
.simulation-header { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-bottom:15px; }
.terminal-page .timeline { margin:27px 0 22px; }
[data-simulation] { width:100%; margin:18px 0; accent-color:var(--text-secondary); }
output { display:block; font:13px var(--font-mono); padding-bottom:12px; }
.simulation-header+.data-facts { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.proof-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:13px; table-layout:fixed; }
.proof-table caption { text-align:left; color:var(--text-muted); font-size:12px; padding-bottom:14px; }
.proof-table th,.proof-table td { padding:14px 16px; border-bottom:1px solid var(--border-subtle); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.proof-table thead { background:var(--surface); }
.proof-table th { font-weight:500; }
.proof-table .provenance,.proof-table .source-button { display:block; margin-top:7px; }
#readme { margin:25px 0; padding-block:15px; border-block:1px solid var(--border-subtle); }
.terminal-page .wallet-empty { margin:24px 0 35px; }
.advanced-page .verification-section { padding-top:28px; }
.advanced-page h1 { font-size:clamp(30px,4vw,52px); letter-spacing:-.04em; margin:0; }
.evidence-drawer { position:fixed; inset:0 0 0 auto; margin:0; width:min(540px,100%); max-width:100%; height:100dvh; max-height:100dvh; overflow-y:auto; border:0; border-left:1px solid var(--border-strong); padding:28px; background:var(--surface); color:var(--text-primary); }
.evidence-drawer::backdrop { background:var(--bg-primary); opacity:.75; }
.drawer-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.drawer-heading .eyebrow { margin:0; font-size:10px; }
.drawer-heading button { background:transparent; color:var(--text-primary); border-color:var(--border-strong); }
.evidence-drawer h2 { margin:26px 0; font-size:26px; overflow-wrap:anywhere; text-transform:capitalize; }
.evidence-drawer dl>div { padding:14px 0; border-bottom:1px solid var(--border-subtle); }
.evidence-drawer dt { font-size:12px; }
.evidence-drawer dd { margin-top:7px; font:12px/1.7 var(--font-mono); }
@media(max-width:1100px) { .supply-tree { grid-template-columns:repeat(2,minmax(0,1fr)); } .supply-branch:nth-child(2) { border-right:0; } .supply-branch:nth-child(3) { padding-left:0; border-top:1px solid var(--border-subtle); } .supply-branch:nth-child(4) { border-top:1px solid var(--border-subtle); } .market-band .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .simulation-header+.data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; } .evidence-layers { grid-template-columns:1fr; } .evidence-layers>section,.evidence-layers>section:first-child,.evidence-layers>section:last-child { padding:20px 0; border-right:0; border-bottom:1px solid var(--border-subtle); } .evidence-layers .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .proof-table th,.proof-table td { padding:12px 8px; } }
@media(max-width:600px) { .terminal-page .topbar nav { gap:10px; font-size:10px; } .terminal-page .terminal-heading { align-items:start; } .mode-band { padding:15px; gap:14px; } .mode-band span { flex-wrap:wrap; gap:6px 12px; } .supply-tree { grid-template-columns:1fr; } .supply-branch,.supply-branch:first-child,.supply-branch:last-child,.supply-branch:nth-child(3) { padding:20px 0; border-right:0; border-bottom:1px solid var(--border-subtle); border-top:0; } .supply-branch h3 { min-height:0; } .suballocations { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .market-band .data-facts,.simulation-header+.data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .scope-note a { display:block; margin:12px 0 0; } .proof-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .proof-table,.proof-table tbody,.proof-table tr,.proof-table th,.proof-table td { display:block; width:100%; } .proof-table tr { margin-bottom:18px; border:1px solid var(--border-subtle); } .proof-table th { background:var(--surface); } .proof-table td::before { content:attr(data-label); display:block; color:var(--text-muted); margin-bottom:8px; font-size:11px; } .evidence-drawer { width:100%; padding:22px; } .data-fact strong { font-size:15px; } #overview>.data-facts .data-fact strong { font-size:16px; } .source-button { min-height:34px; } }
@media(max-width:420px) { .data-facts,.market-band .data-facts,.simulation-header+.data-facts { gap:0 15px; } .suballocations { grid-template-columns:1fr; } .evidence-layers .data-facts { grid-template-columns:1fr; } .provenance { font-size:9px; } .item-status { font-size:9px; } }
/* Keep long source sheets dismissible and mobile table captions at full width. */
.drawer-heading { position:sticky; top:-28px; z-index:1; padding-block:12px; background:var(--surface); }
@media(max-width:600px) { .proof-table caption { display:block; width:100%; } .drawer-heading { top:-22px; } }

/* Read-only field evidence; long raw bytes stay inside their card. */
.observation-card { min-width: 0; overflow-wrap: anywhere; }
.observation-field { margin-block: .6rem; border-top: 1px solid var(--border); padding-top: .6rem; }
.observation-field summary { cursor: pointer; overflow-wrap: anywhere; }
.observation-field dd { overflow-wrap: anywhere; max-height: 16rem; overflow: auto; }

.evidence-export { padding-block: 1rem; border-block: 1px solid var(--border); margin-block: 1rem; }
.evidence-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }
.evidence-actions button { min-height: 44px; }
.evidence-export textarea { width: 100%; max-width: 100%; background: var(--surface); color: var(--text-primary); border: 1px solid var(--border); font: 12px var(--font-mono); }
.evidence-export h4 { margin: 0; }

/* Keep receipt-verified addresses within existing factual cards. */
.warning p, .fact dd, .deployment-fact { overflow-wrap: anywhere; min-width: 0; }

/* Compact shared wallet controls: scoped to the header; page content is unchanged. */
.header-wallet-details .solana-wallet-panel{padding:16px;line-height:1.45}
.header-wallet-details .solana-wallet-panel h3{margin:4px 0 8px}
.header-wallet-details .solana-wallet-panel p{margin:6px 0}
.header-wallet-details .solana-wallet-panel .eyebrow{margin:0}
.header-wallet-details .solana-wallet-panel label{font-size:12px;margin-top:12px}
.header-wallet-details .solana-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-top:6px}
.header-wallet-details .solana-picker-row :is(select,button){margin:0;min-width:0;width:100%;min-height:44px;padding:10px}
.header-wallet-details .solana-picker-row button{font-size:11px;white-space:nowrap}
.header-wallet-details .solana-wallet-panel [data-solana-discovery]{font-size:12px;color:var(--text-subtle)}
.header-wallet-details .solana-wallet-panel [data-solana-state]{font-size:11px}
.header-wallet-details .solana-wallet-panel [data-solana-message]:empty{display:none}
.header-wallet-details .solana-wallet-panel dd{margin:4px 0 8px}
.header-wallet-details .solana-wallet-help{margin-top:10px;border-top:1px solid var(--tabby-border);padding-top:10px}
.header-wallet-details .solana-wallet-help summary{cursor:pointer;font-size:12px;color:var(--text);min-height:28px}
.header-wallet-details .solana-wallet-help summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.header-wallet-details .solana-wallet-downloads h4{margin:12px 0 4px}
.header-wallet-details .solana-wallet-downloads ul{padding-left:20px;margin:4px 0;line-height:1.6}
.header-wallet-details .solana-wallet-downloads a{display:inline-block;padding-block:5px}
.header-wallet-details .wallet-network-label{padding:14px 16px 0}
.header-wallet-details [data-network-selector]>.wallet-panel{padding:16px;gap:16px}
@media(max-width:600px){.header-wallet-details{max-height:calc(100dvh - 190px)}.header-wallet-details .wallet-actions select{max-width:none;width:100%;box-sizing:border-box}}