@font-face {
  font-family: 'Newsreader';
  src: url('/assets/newsreader-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
:root {
  color-scheme: light;
  --orange: #ec673a;
  --ink: #000;
  --header-mark-size: 52px;
  /* Visible artwork bounds are y=144..870 in the 1024px Claus asset. */
  --header-ink-height: calc(var(--header-mark-size) * .708984375);
  --header-ink-offset: calc(var(--header-mark-size) * -.0048828125);
  color: var(--ink);
  background: var(--orange);
  font-family: 'Newsreader', Georgia, serif;
  font-optical-sizing: none;
  font-variation-settings: 'opsz' 24;
  font-synthesis: none;
  font-kerning: normal;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; cursor: inherit; -webkit-user-select: none; user-select: none; }
.typing-tail { visibility: hidden; }
[data-typing] [data-typing-icon]:not([data-revealed]) { visibility: hidden; }
[data-copy-address]:has(.address-value[data-typing]) .copy-address { opacity: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; }
body { margin: 0; min-width: 280px; cursor: default; }
.experience, main { height: 100%; }
a, button, [role='button'] { cursor: pointer; color: inherit; -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; }
a:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
[hidden] { display: none !important; }
.brand-link, .social-link {
  position: relative;
  z-index: 5;
  width: var(--header-mark-size);
  height: var(--header-mark-size);
  display: none;
  place-items: center;
}
body[data-view='notes'] .brand-link,
body[data-view='notes'] .social-link,
body[data-view='journal'] .brand-link,
body[data-view='journal'] .social-link,
body[data-view='hooks'] .brand-link,
body[data-view='hooks'] .social-link,
body[data-view='burn'] .brand-link,
body[data-view='burn'] .social-link,
body[data-view='buybacks'] .brand-link,
body[data-view='buybacks'] .social-link,
body[data-view='liquidity'] .brand-link,
body[data-view='liquidity'] .social-link { display: grid; }
.brand-link { margin-left: -9px; }
#claus-mark { display: block; width: var(--header-mark-size); height: var(--header-mark-size); }
.social-link { width: calc(var(--header-ink-height) * .97849665); color: var(--orange); mix-blend-mode: difference; }
.social-link:focus-visible { outline-color: currentColor; }
.social-link svg { display: block; width: 100%; height: var(--header-ink-height); transform: translateY(var(--header-ink-offset)); }
.view { position: relative; width: 100%; height: 100%; }
.home-view { height: 100dvh; overflow: hidden; outline: none; }
#claus-scene { display: block; width: 100%; height: 100%; overflow: visible; }
#claus-form { outline: none; }
#claus-form:focus-visible #claus-silhouette { stroke: #fff2d8; stroke-width: 2.5px; }
#claus-silhouette { pointer-events: visiblePainted; }
.eye { pointer-events: visiblePainted; }
.notes-view { height: 100dvh; padding: clamp(16px, 3vh, 30px) clamp(24px, 6vw, 108px) max(18px, env(safe-area-inset-bottom)); }
.notes-shell { width: min(100%, 1160px); height: 100%; margin: 0 auto; display: grid; grid-template-rows: var(--header-mark-size) minmax(0, 1fr); gap: clamp(24px, 4vh, 46px); transition: width 160ms ease-out; }
.notes-header { display: flex; align-items: center; justify-content: space-between; }
.layout-stage { position: relative; min-height: 0; overflow: clip; }
.notes-layout {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 88px);
  min-height: 0;
  height: 100%;
}
.notes-view[data-writing='pending'] .notes-layout,
.notes-view[data-writing='pending'] .journal-article,
.notes-view[data-writing='pending'] .hooks-article { visibility: hidden; }
.notes-view[data-writing='pending'] .section-switch { color: transparent; }
.notes-view[data-writing='pending'] .notes-shell { transition: none; }
.reading-panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) 36px; gap: 16px; }
.page-window { min-height: 0; overflow: clip; }
.page-flow { width: 100%; height: 100%; column-count: 1; column-gap: 40px; column-fill: auto; }
.page-flow h2, .page-flow h3, .log-list time { break-after: avoid; }
.token-section, .wallet-section, .function-list li, .log-list li { break-inside: avoid; }
.page-controls { display: flex; align-items: center; gap: 14px; min-height: 36px; }
.page-controls button { display: grid; place-items: center; padding: 8px 0; width: 26px; }
.page-controls button:disabled { opacity: .2; cursor: default; }
.page-controls[data-single='true'] { visibility: hidden; }
.section-switch { display: flex; align-items: center; gap: 22px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 240ms ease, visibility 0s 240ms; }
.section-switch button { padding: 0; font-size: 16px; opacity: .5; transition: opacity 200ms ease; }
.section-switch button[aria-pressed='true'] { opacity: 1; }
.claus-story { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.45; transition: font-size 160ms ease-out; }
.note {
  margin: 0;
  color: var(--ink);
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  outline: none;
}
.note::first-letter { float: left; font-size: 5em; line-height: .76; margin: .12em .025em 0 0; }
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .note::first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0 .12em 0 0;
    -webkit-initial-letter: 3;
    initial-letter: 3;
  }
}
.note-detail { margin: 19px 0 0; font-size: inherit; line-height: inherit; }
.inline-x { display: inline-block; width: .72em; height: .736em; margin: 0 .08em; vertical-align: -.015em; color: var(--ink); }
.inline-x svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.inline-x:hover { opacity: .65; }
.note, .note-detail, .function-list p, .log-list p {
  text-align: justify;
  text-align-last: left;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-spacing: normal;
  letter-spacing: normal;
  text-wrap: wrap;
}
.notes-layout h2 { margin: 0; font-size: 20px; line-height: 1.4; font-weight: 500; }
.token-section { margin-top: 30px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 8px 14px; }
.token-identity { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
#token-name { font-size: 24px; line-height: 1.2; font-weight: 400; min-width: 0; }
#token-ticker { font-size: 16px; min-width: 0; }
#token-name, #token-ticker { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#token-pending { font-size: 18px; opacity: .8; }
#token-name, #token-ticker, #token-pending, .address-value, .wallet-pending { display: inline-block; }
.token-contract { grid-column: 1 / -1; }
[data-copy-address] { display: flex; align-items: center; gap: 2px; width: fit-content; max-width: 100%; padding: 0; cursor: pointer; }
.address-value { font-size: 15px; line-height: 1.3; min-width: 0; padding: 0; overflow-wrap: anywhere; font-variant-numeric: lining-nums; text-align: left; }
.wallet-section { margin-top: 20px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; }
.wallet-pending { font-size: 15px; opacity: .6; }
.copy-address { position: relative; display: grid; place-items: center; width: 22px; height: 22px; padding: 2px; flex: none; color: #000; transition: opacity 200ms ease; }
.copy-address svg { grid-area: 1 / 1; transform: translateY(-2px); transition: opacity 200ms ease; }
.copy-check { opacity: 0; }
.copy-address.is-copied .copy-icon { opacity: 0; }
.copy-address.is-copied .copy-check { opacity: 1; }
button { border: 0; border-radius: 0; background: none; font: inherit; }
button:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.functions-section { margin-top: 40px; }
.functions-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 18px; break-after: avoid; }
#hook-count, #hooks-total { font-size: 22px; font-weight: 600; }
.function-list, .log-list { list-style: none; padding: 0; margin: 0; }
.function-list { margin-top: 19px; }
.function-list li + li { margin-top: 18px; }
.function-list h2, .function-list h3 { font-size: 22px; font-weight: 500; line-height: 1.25; margin: 0 0 7px; }
.function-list p { font-size: 18px; line-height: 1.48; margin: 0; overflow-wrap: break-word; }
.feature-source, .journal-link { display: block; }
.feature-source:hover, .feature-source:focus-visible,
.journal-link:hover, .journal-link:focus-visible,
#functions-heading a:hover, #functions-heading a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.text-link, .text-button { display: inline-block; padding: 0; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.hooks-more { margin: 0; font-size: 16px; }
.claus-log { grid-template-rows: auto minmax(0, 1fr); }
.log-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px; }
.journal-title { display: flex; align-items: center; gap: 16px; }
.journal-title h1, .journal-title h2 { margin: 0; font-size: 23px; line-height: 1.4; font-weight: 500; }
.journal-title .page-controls { gap: 10px; min-height: 26px; transition: opacity 200ms ease; }
.journal-title .page-controls button { padding: 3px 0; }
.entry-controls { display: flex; align-items: center; gap: 10px; }
.entry-controls a { display: grid; place-items: center; width: 30px; min-height: 36px; }
.entry-controls a[aria-disabled='true'] { opacity: .2; cursor: default; pointer-events: none; }
.log-list li + li { margin-top: 27px; }
.log-entry-heading { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; break-after: avoid; font-size: 18px; font-weight: 500; line-height: 1.4; }
.log-list h3 { min-width: 0; font: inherit; margin: 0; }
.log-list time, .log-entry-number { flex: none; white-space: nowrap; font: inherit; font-variant-numeric: tabular-nums; }
.log-list p { font-size: 18px; line-height: 1.48; margin: 0; overflow-wrap: break-word; }
.journal-article, .hooks-article { height: 100%; grid-template-rows: auto minmax(0, 1fr); gap: 28px; outline: none; }
.journal-article > .page-window { overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; }
#journal-entry-flow { height: auto; column-count: auto; column-gap: normal; transform: none; }
.journal-entry-heading { margin-bottom: 27px; break-inside: avoid; break-after: avoid; font-size: clamp(27px, 2.5vw, 34px); font-weight: 500; line-height: 1.18; }
#journal-entry-title { margin: 0; font: inherit; text-wrap: balance; }
.journal-entry-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 12px; font-size: 18px; font-weight: 400; line-height: 1.4; }
#journal-entry-number, #journal-entry-date { display: inline-block; font-variant-numeric: tabular-nums; }
#journal-entry-body p { overflow-wrap: break-word; }
.journal-source { margin: 28px 0 0; font-size: 15px; line-height: 1.4; }
.journal-source a:hover { text-decoration: underline; text-underline-offset: 3px; }
.hooks-intro { margin: 0 0 28px; font-size: 22px; line-height: 1.45; }
#hooks-feed-error { margin: 0 0 28px; font-size: 18px; line-height: 1.45; }
.hook-structure { margin: 0 0 32px; }
.hook-structure p + p { margin-top: 14px; }
.hook-structure h2 { margin: 0 0 14px; font-size: 24px; font-weight: 500; line-height: 1.3; break-after: avoid; }
.hook-structure p { margin: 0; font-size: 20px; line-height: 1.45; text-align: justify; text-align-last: left; hyphens: auto; }
.hook-map { margin: 0 0 28px; font-size: 18px; line-height: 1.4; break-inside: avoid; transition: opacity 240ms ease; }


.hook-map figcaption { max-width: 36ch; margin: 0 auto; text-align: center; text-wrap: balance; }
.burn-article { height: 100%; overflow-y: auto; outline: none; }
.burn-heading { justify-content: space-between; gap: 16px; }
.burn-back { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 16px; line-height: 1.4; padding: 10px 0 10px 12px; white-space: nowrap; }
.burn-overview { display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(12px, 3vh, 28px) 0 20px; }
.burn-mark { display: block; flex: none; width: 94px; height: 108px; margin: 0 0 20px; }
.burn-count { font-size: clamp(36px, 12vw, 80px); font-weight: 400; line-height: 1.12; letter-spacing: -.045em; font-variant-numeric: lining-nums tabular-nums; min-height: 1.12em; }
.tracker-pair { margin: 18px 0 0; font-size: 28px; line-height: 1.35; font-variant-numeric: lining-nums tabular-nums; }
.tracker-pair span:last-child { display: block; font-size: 18px; }
.burn-unit { margin: 8px 0 0; font-size: 23px; line-height: 1.3; }
.burn-share { margin: 10px 0 0; font-size: 16px; line-height: 1.4; opacity: .6; }
.burn-explanation { max-width: 35ch; margin: 28px 0 0; font-size: 21px; line-height: 1.45; text-wrap: pretty; }
.burn-sources { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 18px; font-size: 16px; line-height: 1.5; }
.burn-sources a { padding-block: 10px; }
.burn-back:hover, .burn-back:focus-visible, .burn-sources a:hover, .burn-sources a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.burn-status { margin: 12px 0 0; font-size: 14px; line-height: 1.5; opacity: .55; }
.burn-status::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; margin: 0 7px 2px 0; }
.burn-status:not([data-state='live'])::before { background: transparent; border: 1px solid currentColor; }
#ink, #ink-transition { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#ink { z-index: 6; }
#ink-transition { z-index: 20; }
#ink-transition.is-active { pointer-events: auto; }
.ink-pointer, .ink-pointer * { cursor: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 850px) {
  :root { --header-mark-size: 48px; }
  .brand-link { margin-left: -8px; }
  .notes-view { padding: 16px 24px max(32px, env(safe-area-inset-bottom)); overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; scroll-padding-top: 92px; }
  .notes-shell { height: auto; min-height: 100%; grid-template-rows: auto auto; align-content: start; transition: none; }
  .notes-header { position: sticky; top: -16px; z-index: 8; background: var(--orange); padding-block: 8px; }
  .layout-stage, .page-window { overflow: visible; }
  .page-flow { height: auto; column-count: auto; column-gap: normal; transform: none !important; }
  .reading-panel { display: block; }
  .page-controls { display: none; }
  .claus-log { margin-top: 44px; }
  .log-heading { margin-bottom: 22px; }
  .journal-article, .hooks-article { height: auto; }
  .burn-article { height: auto; overflow: visible; }
  .burn-overview { padding-top: 24px; }
  .burn-mark { width: 94px; height: 108px; margin-bottom: 24px; }
  .burn-explanation { font-size: 19px; margin-top: 28px; }
  .burn-sources a { min-height: 44px; }
  .journal-article > .page-window { overflow: visible; }
  .entry-controls a { width: 36px; min-height: 44px; }
  .journal-article > .journal-title, .hooks-article > .journal-title { margin-bottom: 24px; }
  .log-entry-heading { gap: 8px; }
  .log-entry-heading time, .log-entry-number { font-size: 16px; }
  .hook-structure p, .log-list p, .function-list p { text-align: left; }
  .token-section { column-gap: 10px; }
  #token-pending { font-size: 17px; }
  .notes-shell { gap: clamp(16px, 3vh, 28px); }
  .notes-layout { display: block; height: auto; }
  .section-switch { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 240ms ease, visibility 0s; }
  .claus-story { font-size: clamp(19px, 4.7vw, 22px); }
  .note-detail { margin-top: 18px; }
  .token-section { margin-top: 31px; }
  .functions-section { margin-top: 36px; }
  .section-switch button { min-height: 44px; }
  .page-controls button { width: 36px; min-height: 44px; }
  [data-copy-address] { min-height: 44px; }
  .reading-panel { grid-template-rows: minmax(0, 1fr) 44px; }
  .claus-log, .journal-article, .hooks-article { grid-template-rows: auto minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .hook-map { --map-arrow: 20px; --map-gap: 8px; --map-space: 72px; font-size: 16px; }
  .hook-map figcaption { font-size: 14px; }
}
@media (max-height: 540px) {
  :root { --header-mark-size: 44px; }
  .brand-link { margin-left: -6px; }
  .notes-view { padding-top: 12px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .notes-shell { gap: 12px; }
  .journal-article, .hooks-article { gap: 16px; }
  .hooks-intro { margin-bottom: 20px; }
  .hook-structure { margin-top: 28px; }
  .hook-map { margin: 12px 0; }
  .burn-overview { padding-top: 12px; }
  .burn-mark { width: 70px; height: 80px; margin-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .copy-address.is-copied .copy-check { opacity: 1; }
}

.pool-map { display: block; width: 100%; max-height: min(32dvh, 340px); margin: 0 auto 8px; overflow: visible; }
.map-labels { font-family: inherit; font-size: 26px; }
@media (max-width: 550px) { .map-labels { font-family: inherit; font-size: 26px; } .hook-structure p { font-size: 19px; } .hook-map { margin-bottom: 22px; } }

/* The illustration is immediate vector artwork; only its caption is typed. */
@media (max-width: 550px) { .pool-map { width: calc(100% + 28px); max-width: none; margin-left: -14px; } }
.plain-fallback { max-width: 760px; height: auto; margin: 10vh auto; padding: 24px; font-size: 22px; line-height: 1.5; }
.plain-fallback a { text-decoration: underline; }