:root {
  color-scheme: dark;
  --orange: #171a20;
  --text-white: #fff;
  --ink: #e8e3d8;
  --mono-font: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --monitor-accent: #e7c14a;
  --monitor-muted: #8e887b;
  font-family: var(--mono-font);
  font-optical-sizing: auto;
  font-variation-settings: normal;
  font-synthesis: none;
}

body, button, input, textarea, pre, code {
  font-family: var(--mono-font);
}

body { isolation: isolate; background: var(--orange); }
.experience { position: relative; z-index: 1; }
.page-watermark {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70vw;
  height: 400px;
  z-index: -1;
  pointer-events: none;
  opacity: .08;
  mix-blend-mode: lighten;
}
.watermark-art {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(100%, 1937.662338px);
  aspect-ratio: 373 / 77;
  overflow: hidden;
}
.watermark-art img {
  position: absolute;
  left: -4.289544%;
  top: -23.376624%;
  width: 123.056301%;
  height: 157.142858%;
  max-width: none;
}

.claus-story {
  font-size: clamp(17px, 1.25vw, 18px);
  line-height: 1.75;
  letter-spacing: -.01em;
}

.claus-about .claus-story { color: var(--text-white); }
.claus-about .claus-story .note,
.claus-about .claus-story .note::first-letter { color: var(--text-white); }
.claus-about .claus-story .intro-highlight { color: var(--monitor-accent); }
.claus-about .claus-story .inline-x { color: inherit; }
.claus-about .token-section { grid-template-columns: 1fr; }
.claus-about .functions-section { display: none !important; }

.note-detail { margin-top: 24px; }
.token-section h2, .wallet-section h2, .functions-section h2 { font-size: 16px; font-weight: 500; }
.token-identity { font-size: 17px; }
.token-identity #token-ticker { font-size: 13px; }
.function-list h3 { font-size: 17px; font-weight: 500; line-height: 1.45; }
.function-list li { margin-top: 16px; }
.hooks-more { font-size: 13px; }
.address-value { font-size: 12px; letter-spacing: -.02em; }
.copy-address { color: var(--ink); }

#claus-mark.owl-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: auto;
  height: calc(var(--header-ink-height) * 2.3198605);
  max-width: none;
  object-fit: contain;
  mix-blend-mode: lighten;
}

.brand-link { overflow: hidden; background: var(--orange); }

.social-link { color: var(--ink); mix-blend-mode: normal; }
.social-link:hover { opacity: .65; }
.legacy-journal { display: none !important; }
.monitor-log, .monitor-log * { -webkit-user-select: text; user-select: text; }
.monitor-panel .monitor-log { outline: 0 !important; }
.monitor-panel .monitor-log:focus-visible .monitor-log-line:first-child {
  text-decoration: underline;
  text-underline-offset: 4px;
}
html.ink-pointer, html.ink-pointer * { cursor: auto !important; }
html.ink-pointer a, html.ink-pointer a *,
html.ink-pointer button, html.ink-pointer button * { cursor: pointer !important; }
html.ink-pointer .monitor-log, html.ink-pointer .monitor-log * { cursor: text !important; }

@media (max-width: 850px) {
  .section-switch { gap: 14px; }
  .section-switch button { font-size: 13px; }
  .claus-story { font-size: 16px; line-height: 1.75; }
  .note-detail { margin-top: 24px; }
  .function-list h3 { font-size: 16px; }
  .functions-section { margin-top: 34px; }
  .notes-layout { padding-bottom: max(96px, calc(100dvh - 172px - clamp(280px, 54dvh, 520px))); }
}