/* Website communications reuse the shared mountain-blue surfaces and teal actions. */
.inbox-shell {
  max-width: 980px;
  margin: 36px auto 80px;
  padding: 0 24px;
}
.market-source-notice {
  max-width: 1100px;
  margin: 20px auto;
  padding: 16px 24px;
  color: var(--text);
  background: var(--surface);
  border-left: 3px solid var(--aqua);
}
.inbox-heading,
.inbox-toolbar,
.inbox-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.inbox-heading {
  margin-bottom: 28px;
}
.inbox-heading h1 {
  margin: 0 0 8px;
  font-size: 32px;
}
.inbox-heading p,
.inbox-meta,
.inbox-time,
.inbox-preview {
  color: var(--muted);
}
.inbox-shell section:not([hidden]) {
  display: block;
}
.inbox-toolbar {
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.inbox-toolbar label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.inbox-shell button,
.inbox-shell select,
.inbox-primary {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--control-border);
  border-radius: 10px;
  background: var(--control-face);
  color: var(--text);
  font: inherit;
}
.inbox-shell button {
  cursor: pointer;
}
.inbox-shell button:disabled {
  opacity: 0.55;
  cursor: wait;
}
.inbox-shell .inbox-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--green);
  color: #062f2a;
  font-weight: 800;
  text-decoration: none;
}
.inbox-list {
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  overflow: hidden;
}
.inbox-list:empty {
  display: none;
}
.inbox-list li + li {
  border-top: 1px solid var(--line);
}
.inbox-row {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  padding: 24px;
  color: var(--text);
  text-decoration: none;
}
.inbox-row:hover {
  background: var(--surface-alt);
}
.inbox-row-copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}
.inbox-row strong {
  font-size: 17px;
  overflow-wrap: anywhere;
}
.inbox-kind {
  font-size: 12px;
  color: var(--aqua);
}
.inbox-preview {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 58ch;
}
.inbox-time {
  flex: 0 0 auto;
  font-size: 12px;
  padding-top: 3px;
}
.inbox-unread {
  font-size: 12px;
  color: var(--aqua);
}
.inbox-detail,
.inbox-empty {
  margin-top: 24px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
}
.inbox-detail h2 {
  font-size: 24px;
  margin: 12px 0 20px;
  overflow-wrap: anywhere;
}
.inbox-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 70ch;
  line-height: 1.75;
  margin-bottom: 28px;
}
.inbox-detail details {
  margin-top: 28px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.inbox-detail summary {
  cursor: pointer;
  min-height: 36px;
}
.inbox-detail > button {
  display: block;
  margin-top: 18px;
}
.inbox-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  max-width: 560px;
  margin-top: 28px;
}
.inbox-form > label {
  display: grid;
  min-width: 0;
  gap: 10px;
}
.inbox-form select {
  width: 100%;
  min-width: 0;
}
.inbox-form input:not([type="checkbox"]),
.inbox-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 12px;
  border: 1px solid var(--control-border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  box-sizing: border-box;
}
.inbox-form textarea {
  resize: vertical;
}
.conversation-payment {
  border-bottom: 1px solid var(--line);
  padding-bottom: 28px;
  margin-bottom: 28px;
}
.conversation-message {
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}
.conversation-message .inbox-body {
  margin: 12px 0 0;
}
.conversation-message.from-team {
  border-left: 3px solid var(--aqua);
  padding-left: 20px;
}
.conversation-close {
  margin-top: 28px;
}
.inbox-form[hidden] {
  display: none;
}
.inbox-form > label[hidden] {
  display: none;
}
#team-search-results {
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.inbox-form .inbox-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
.inbox-checkbox input {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  accent-color: var(--aqua);
}
.inbox-error {
  padding: 16px;
  border-left: 3px solid var(--red);
  background: var(--surface);
}
@media (max-width: 640px) {
  .inbox-shell {
    padding: 0 16px;
    margin-top: 24px;
  }
  .inbox-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .inbox-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }
  .inbox-toolbar label {
    display: grid;
    gap: 8px;
  }
  .inbox-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .inbox-row {
    flex-direction: column;
    gap: 14px;
    padding: 20px;
  }
  .inbox-detail,
  .inbox-empty {
    padding: 20px;
  }
  .inbox-preview {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .inbox-shell select,
  .inbox-shell input,
  .inbox-shell textarea {
    font-size: 16px;
    max-width: 100%;
  }
}
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3 */
/* Shared surfaces follow the blue mountain layers of the daytime Growtopia scene. */
/* Shared Tradetopia design system. Load after the feature styles. */
@font-face {
  font-family: "Nunito Sans";
  src: url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/fonts/nunito-sans-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --page: #123b53;
  --page-deep: #0c293f;
  --bar: #12394f;
  --bar-dark: #0d2c40;
  --card: #174a65;
  --card-hover: #205b76;
  --line: #5488a166;
  --text: #f5fbff;
  --muted: #e0eef5;
  --aqua: #24d8c0;
  --blue: #249fd6;
  --green: #26d6b0;
  --green-dark: #4fdfc0;
  --red: #ff8690;
  --offer-sell: #ff6681;
  --offer-buy: #39f7ad;
  --offer-sell-bg: #44242f;
  --offer-buy-bg: #123d32;
  --ink: #f5fbff;
  --font: "Nunito Sans", "Segoe UI", sans-serif;
  --body: var(--font);
  --surface: #0e324a;
  --surface-alt: #17435c;

  --hover: #235c76;
  --selected: #176278;
  --selected-border: #4bc8d2;
  --control-face: #194b66;
  --control-hover: #246780;
  --control-border: #8ecce270;
  --control-depth: inset 0 1px 0 #e2f9ff2e, 0 2px 3px #061e364d;
  --control-pressed: inset 0 2px 4px #041b384d;
  --border-strong: #6bc7d6;
  --accent-hover: #4be1c7;
  --accent-text: #87f1e4;
  --chart-grid: #263441;
  --chart-label: #c7d9e8;
  --chart-price: #2bffc0;
  --chart-point-outline: #060b11;
  --chart-median: #ffe08a;
  --chart-crosshair: #e4f4ff;
  --chart-volume: #567b99;
  --chart-volume-up: #26d6b055;
  --chart-volume-down: #6e9fff55;
  --chart-area-top: #26d6b021;
  --chart-area-bottom: #26d6b000;
}

/* One navigation layout across public pages, tools, and account screens. */
body .site-header.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  height: auto;
  text-align: left;
}
body .site-header .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  min-height: 64px;
  height: auto;
  margin-inline: auto;
  padding: 8px max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));
  gap: 20px;
}
.site-header .logo {
  flex: 0 0 auto;
  text-decoration: none;
}
.site-header .site-nav,
.site-header .site-links {
  display: flex;
  align-items: center;
  gap: 4px;
}
.site-header .site-nav {
  margin-left: auto;
}
body .site-header .site-nav a,
body .site-header .site-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  width: auto;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 22px;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font: 500 14px/1.5 var(--body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transform: none;
}
body .site-header .site-nav a:hover,
body .site-header .site-menu-toggle:hover {
  background: var(--hover);
  color: var(--text);
}
body .site-header .site-nav a[aria-current="page"],
body .site-header .account-trigger[aria-current="page"] {
  background: var(--selected);
  border-color: var(--selected-border);
  color: var(--accent-text);
  box-shadow: none;
}
body .site-header .site-menu-toggle {
  display: none;
  gap: 8px;
  color: var(--text);
  border-color: var(--line);
}
.site-header .site-menu-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
}
body .site-header .account-trigger {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 44px;
  min-height: 44px;
  max-width: 180px;
  margin: 0;
  padding: 5px 12px 5px 6px;
  box-shadow: none;
  text-decoration: none;
  font: 500 14px/1.5 var(--body);
}
.site-header .account-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 15px;
}
.site-header [data-account-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:has(.site-header) {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
html:has(.site-header) {
  scroll-padding-top: 84px;
}
body:has(.site-header) :is(.account-nav, .management-sidebar, .undo-message) {
  top: 84px;
}
body.world-copy-page:has(.site-header) {
  display: block;
  padding: 0 0 24px;
}
.world-copy-page .world-card {
  margin: clamp(24px, 8vh, 80px) auto;
  width: min(calc(100% - 32px), 460px);
}
@media (max-width: 1100px) {
  body .site-header .topbar-inner {
    gap: 12px;
    min-height: 60px;
  }
  body .site-header.navigation-ready .site-menu-toggle {
    display: inline-flex;
  }
  .site-header.navigation-ready .site-links {
    display: none;
    position: absolute;
    inset: 100% 0 auto;
    max-height: calc(100dvh - 120px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px max(20px, env(safe-area-inset-right)) 20px max(20px, env(safe-area-inset-left));
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 12px 24px #00000066;
  }
  .site-header.navigation-ready.menu-open .site-links {
    display: grid;
    gap: 4px;
  }
  body .site-header .site-links a {
    justify-content: flex-start;
    min-height: 48px;
    border-radius: 8px;
    padding-inline: 16px;
  }
  body .site-header .site-menu-toggle[aria-expanded="true"] {
    background: var(--hover);
    border-color: var(--border-strong);
  }
  .site-header:not(.navigation-ready) .topbar-inner {
    flex-wrap: wrap;
  }
  .site-header:not(.navigation-ready) .site-nav {
    order: 3;
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .site-header:not(.navigation-ready) .site-links {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  body .site-header .topbar-inner {
    gap: 8px;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
  }
  body .site-header .logo {
    font-size: 21px;
  }
  body .site-header .site-nav a,
  body .site-header .site-menu-toggle {
    padding-inline: 10px;
  }
  body .site-header .account-trigger {
    width: 44px;
    padding: 6px;
    flex: 0 0 44px;
  }
  .site-header [data-account-label] {
    display: none;
  }
}
@media (max-width: 380px) {
  .site-header .site-menu-toggle span {
    display: none;
  }
  body .site-header .site-menu-toggle {
    width: 44px;
  }
  body .site-header .logo {
    font-size: 19px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .site-header .site-nav a,
  .site-header .site-menu-toggle {
    transition:
      background-color 140ms ease-out,
      color 140ms ease-out,
      border-color 140ms ease-out;
  }
}
@media (forced-colors: active) {
  body .site-header .site-nav a[aria-current="page"],
  body .site-header .account-trigger[aria-current="page"] {
    border-color: Highlight;
  }
}

/* Price and actions share one opening row. */
body .item-page {
  padding-top: 16px;
}
body .item-nav {
  margin: 0 0 20px;
  gap: 16px;
}
body .item-nav .back-btn {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 6px 0;
  font-size: 12px;
}
body .item-nav > a:last-child {
  margin-left: auto;
}
.item-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  align-items: center;
  gap: 32px;
}
body #item-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.6fr);
  align-items: center;
  gap: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.item-identity {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}
.item-identity .tick.lg {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-alt);
  box-shadow: none;
}
.item-identity .tick.lg img {
  width: 56px;
  height: 56px;
}
body .item-hero-main {
  min-width: 0;
}
body .item-hero-main h1 {
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  overflow-wrap: anywhere;
  margin-bottom: 10px;
}
.item-updated {
  color: var(--muted);
  font-size: 12px;
}
.item-median {
  padding: 8px 0 8px 28px;
  border-left: 1px solid var(--line);
}
.median-label,
.median-period {
  display: block;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
}
#hero-price {
  display: block;
  margin: 4px 0;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.item-actions {
  display: grid;
  gap: 10px;
}
body .item-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--control-border);
  border-radius: 8px;
  background: var(--control-face);
  box-shadow: none;
  color: var(--text);
  text-decoration: none;
  font: 500 13px/1.3 var(--font);
}
body .item-action:hover {
  background: var(--control-hover);
  border-color: #7d8799;
}
body .item-action.primary {
  background: #1be1b5;
  border-color: #1be1b5;
  color: #fff;
}
body .item-action.primary:hover {
  background: #61efce;
}
body .item-action.is-fav {
  background: #172c26;
  border-color: #388873;
  color: #7aefce;
}
.item-action svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linejoin: round;
}
.item-offer-note {
  margin: 18px 0 24px;
  color: var(--muted);
  font-size: 12px;
}
.item-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 20px;
  align-items: start;
}
.item-analysis {
  display: grid;
  gap: 20px;
  min-width: 0;
}
body .item-workspace :is(.chart-panel, .market-info, .tool-panel) {
  background: var(--panel-face);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 12px;
}
body .item-workspace .panel-title {
  padding: 18px 20px;
  font-size: 17px;
  font-weight: 550;
  border-bottom: 0;
}
body .item-workspace .panel-title h2 {
  font-size: 18px;
  font-weight: 550;
}
body .chart-title {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
body .chart-box {
  padding: 0 16px 14px;
  background: transparent;
}
body .chart-canvas {
  height: auto;
  min-height: 280px;
  background: transparent;
}
body .chart-canvas svg {
  width: 100%;
  display: block;
}
body .chart-panel .chart-box .chart-series {
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 2px 4px;
}
.chart-series button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  background: var(--control-face);
  color: #c7c7c7;
  border-radius: 6px;
  font: 12px var(--font);
  cursor: pointer;
}
.chart-series button[aria-pressed="true"] {
  color: var(--text);
  border-color: #35c8bd;
  background: var(--selected);
}
.chart-series button[aria-pressed="false"] {
  opacity: 0.65;
}
.chart-series button:disabled {
  cursor: default;
  opacity: 1;
}
.chart-series i {
  width: 14px;
  height: 2px;
  background: var(--offer-sell);
}
.chart-series [data-series="buy"] i {
  background: var(--offer-buy);
}
.chart-series [data-series="all"] i {
  background: repeating-linear-gradient(90deg, var(--chart-median) 0 4px, transparent 4px 6px);
}
.chart-volume-label {
  color: var(--muted);
  font-size: 11px;
  margin-left: auto;
}
body .chart-explorer {
  padding: 10px 2px;
  margin-top: 6px;
  font-size: 11px;
}
body .chart-readout {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-height: 50px;
  padding: 10px 12px;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
  align-items: center;
  background: var(--surface);
}
.chart-quotes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}
.chart-quotes strong {
  font-weight: 550;
}
body .chart-readout .series-sell {
  color: var(--offer-sell);
}
body .chart-readout .series-buy {
  color: var(--offer-buy);
}
body .chart-readout .series-all {
  color: var(--chart-median);
}
body .chart-empty {
  min-height: 280px;
}
.chart-sampling-note {
  margin: 8px 2px 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.chart-gap-key:not([hidden]) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.5;
}
.chart-gap-key::before {
  content: "";
  width: 22px;
  flex: 0 0 22px;
  border-top: 2px dotted var(--chart-median);
}
body .item-workspace .market-info .panel-title {
  padding-bottom: 4px;
}
#overview-range {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
}
body .item-workspace .stats-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 20px;
  border: 0;
}
body .item-workspace .stat-card {
  min-width: 0;
  padding: 16px 10px 12px 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body .item-workspace .stat-label {
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 8px;
}
body .item-workspace .stat-value {
  font-size: 20px;
  font-weight: 550;
  line-height: 1.3;
}
.range-evidence {
  margin: 8px 20px 16px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
body .item-workspace .item-tools-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 0;
}
body .calculator-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0 20px 20px;
}
body .calculator-body label {
  color: var(--muted);
  font-size: 12px;
}
body .calculator-body input {
  width: 100%;
  margin-top: 8px;
  height: 44px;
  border-radius: 8px;
}
body .calc-result {
  display: grid;
  gap: 8px;
}
body .calc-result > span {
  font-size: 12px;
  color: var(--muted);
}
body .calc-result strong {
  font-size: 28px;
  font-weight: 550;
}
body .calc-result small {
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
}
body .item-info-body {
  padding: 0 20px 20px;
  font-size: 12px;
  line-height: 1.6;
}
body .item-info-body p {
  margin-bottom: 12px;
}
body .item-info-body .info-type {
  font-size: 12px;
  background: transparent;
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}

/* Compact rows expand in place; the original message remains one click away. */
body .item-page .listings-panel {
  margin-top: 24px;
  border: 1px solid var(--line);
  background: var(--panel-face);
  box-shadow: none;
  border-radius: 12px;
}
body .item-page .listing-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 18px 20px 14px;
}
body .listing-title h2 {
  font-size: 18px;
  font-weight: 550;
  margin-right: auto;
}
body .listing-title .seg {
  margin: 0;
}
body .listing-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 20px 16px;
  align-items: end;
  border-bottom: 1px solid var(--line);
}
body .listing-toolbar label {
  font-size: 11px;
  min-width: 100px;
}
body .listing-toolbar :is(input, select) {
  height: 36px;
  border-radius: 6px;
}
#listing-meta {
  margin-left: auto;
  font-size: 12px;
  padding-bottom: 8px;
}
body .listing-feed.is-compact {
  display: block;
  padding: 0;
  background: transparent;
}
.compact-heading,
.compact-listing > summary {
  display: grid;
  grid-template-columns:
    56px minmax(95px, 1fr) minmax(80px, 1fr) minmax(100px, 1.4fr)
    92px 18px;
  gap: 14px;
  align-items: center;
}
.compact-heading {
  padding: 11px 20px;
  color: var(--muted);
  font-size: 11px;
  background: var(--surface-alt);
}
.compact-listing > summary {
  min-height: 48px;
  padding: 10px 20px;
  cursor: pointer;
  list-style: none;
  color: var(--text);
  font-size: 12px;
}
.compact-listing > summary::-webkit-details-marker {
  display: none;
}
.compact-listing + .compact-listing {
  border-top: 1px solid var(--line);
}
.compact-listing > summary:hover {
  background: var(--control-hover);
}
.compact-listing[open] > summary {
  background: var(--surface-alt);
}
.compact-listing .listing-tag {
  min-width: 0;
  padding: 4px 7px;
  font-size: 11px;
  text-align: center;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
}
.compact-listing .listing-tag.sell {
  color: var(--offer-sell);
  background: var(--offer-sell-bg);
}
.compact-listing .listing-tag.buy {
  color: var(--offer-buy);
  background: var(--offer-buy-bg);
}
.compact-price {
  font-weight: 550;
}
.compact-listing :is(.compact-world, .compact-seller) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compact-listing time {
  color: var(--muted);
  font-size: 11px;
}
.compact-listing summary svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: var(--muted);
  stroke-width: 1.6;
}
.compact-listing[open] summary svg {
  transform: rotate(180deg);
}
.compact-message {
  padding: 18px 24px;
  background: var(--surface);
  border-top: 1px solid var(--line);
}
.compact-message-heading {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 11px;
  margin-bottom: 12px;
  color: var(--muted);
}
.compact-message-heading strong {
  color: var(--text);
  font-weight: 500;
}
body .compact-message .listing-msg {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
}
body .compact-message .listing-actions {
  margin-top: 16px;
  padding: 0;
}
body .price-method {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}
.price-method > summary {
  padding: 18px 0;
  cursor: pointer;
  font-size: 13px;
}
body .price-method .item-price-summary {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 0 20px;
}
body .price-method .item-price-summary h2 {
  font-size: 17px;
}
body .price-method .item-price-summary p {
  font-size: 13px;
  max-width: 78ch;
}
body
  :is(
    .home-price-card,
    .item-action,
    .compact-listing summary,
    .chart-series button
  ):focus-visible {
  outline: 2px solid #8aafff;
  outline-offset: 3px;
}
body {
  caret-color: #8aafff;
  scrollbar-color: #484848 #343535;
}
::selection {
  color: #fff;
  background: #6e7272;
}
@media (max-width: 1199px) {
  #item-search .landing-layout {
    grid-template-columns: 180px minmax(0, 1fr) 260px;
    gap: 20px;
  }
  .trading-scene {
    width: 180px;
    height: 190px;
  }
  .community-billboard {
    width: 115px;
    min-height: 100px;
    top: 22px;
    padding: 10px 7px;
  }
  .community-billboard strong {
    font-size: 17px;
  }
  .home-price-grid,
  body .home-view #recent-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .item-workspace {
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 16px;
  }
  .item-heading {
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 190px;
  }
  body #item-hero {
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 210px;
  }
  .item-identity {
    gap: 14px;
  }
  .item-median {
    padding-left: 20px;
  }
  .item-identity .tick.lg {
    width: 64px;
    height: 64px;
    min-width: 64px;
  }
  .item-identity .tick.lg img {
    width: 48px;
    height: 48px;
  }
  .chart-volume-label {
    margin: 0;
  }
}
@media (max-width: 999px) {
  #item-search {
    padding-block: 28px;
  }
  #item-search .landing-layout {
    grid-template-columns: 220px minmax(0, 1fr);
    max-width: 720px;
    gap: 24px;
  }
  #item-search .landing-inner {
    grid-column: 1/-1;
    grid-row: 1;
    max-width: 650px;
    width: 100%;
    margin-inline: auto;
    padding-bottom: 8px;
  }
  #daily-quest {
    max-width: 460px;
  }
  #daily-quest .daily-quest-header {
    padding-top: 12px;
  }
  .trading-scene {
    width: 220px;
    height: 190px;
    justify-self: center;
  }
  .item-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .item-actions {
    display: flex;
  }
  .item-actions .item-action {
    min-width: 180px;
  }
  body #item-hero {
    grid-template-columns: minmax(0, 1fr) 260px;
  }
  .item-workspace {
    grid-template-columns: 1fr;
  }
  body .item-workspace .item-tools-grid {
    grid-template-columns: 1fr 1fr;
  }
  body .item-workspace .stats-row {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .item-workspace .stat-value {
    font-size: 17px;
  }
  .compact-heading,
  .compact-listing > summary {
    grid-template-columns:
      48px minmax(95px, 1fr) minmax(70px, 1fr) minmax(100px, 1.2fr)
      76px 16px;
    gap: 10px;
  }
  .home-personal-grid {
    gap: 20px;
  }
  .home-watchlist-row {
    grid-template-columns: minmax(0, 1fr) 85px;
    gap: 6px;
  }
  .home-watchlist-row .mini-history {
    display: none;
  }
}
@media (max-width: 700px) {
  body .page-shell {
    padding-inline: 16px;
  }
  #item-search {
    padding: 30px 16px 20px;
  }
  #item-search .landing-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  #item-search .landing-inner {
    padding: 0;
  }
  #search-title {
    font-size: 32px;
  }
  #item-search .search-summary {
    font-size: 13px;
    margin-bottom: 20px;
  }
  #item-search .search-bar {
    height: 56px;
  }
  #item-search .search-go {
    padding-inline: 14px;
    height: 38px;
  }
  .trading-scene {
    display: none;
  }
  #daily-quest {
    max-width: none;
  }
  #daily-quest .daily-quest-header {
    display: flex;
    padding: 14px 16px 4px;
    align-items: baseline;
    gap: 10px;
  }
  #daily-quest .daily-quest-header h2 {
    font-size: 17px;
  }
  #daily-quest .daily-quest-items {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  #daily-quest .daily-quest-item {
    padding: 8px;
    gap: 7px;
  }
  #daily-quest .daily-quest-item .tick {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  #daily-quest .daily-quest-item-copy strong {
    font-size: 11px;
  }
  #daily-quest .daily-quest-quantity strong {
    font-size: 13px;
  }
  #daily-quest .daily-quest-quantity small {
    font-size: 11px;
  }
  #daily-quest .daily-quest-arrow {
    display: none;
  }
  .home-price-grid,
  body .home-view #recent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body :is(.home-price-card, .home-view .item-card) {
    padding: 12px;
  }
  .home-price-value,
  body .home-view .item-price {
    font-size: 21px;
  }
  .home-personal-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  body .home-view .section-bar h2 {
    font-size: 20px;
  }
  .home-watchlist-row {
    grid-template-columns: minmax(0, 1.4fr) 80px 80px;
  }
  .home-watchlist-row .mini-history {
    display: block;
  }
  body .home-view .market-overview div {
    display: block;
    padding: 14px 8px;
  }
  body .home-view .market-overview strong {
    display: block;
    font-size: 15px;
  }
  body .home-view .market-overview span {
    font-size: 11px;
  }
  body #item-hero {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .item-median {
    padding: 0;
    border: 0;
  }
  #hero-price {
    font-size: 38px;
  }
  body .item-hero-main h1 {
    font-size: 28px;
  }
  .item-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .item-actions .item-action {
    min-width: 0;
    padding-inline: 10px;
    font-size: 12px;
  }
  .item-offer-note {
    margin-block: 16px 20px;
  }
  body .item-workspace .panel-title {
    padding: 16px 14px;
  }
  body .chart-title {
    flex-direction: row;
    align-items: center;
  }
  body .chart-title .seg {
    margin: 0;
  }
  body .chart-box {
    padding: 0 8px 12px;
  }
  body .chart-panel .chart-box .chart-series {
    gap: 6px;
    padding-inline: 4px;
  }
  .chart-series button {
    font-size: 11px;
    padding: 6px;
    gap: 5px;
  }
  .chart-volume-label {
    width: 100%;
    padding: 2px 3px;
  }
  body .item-workspace .stats-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 14px;
  }
  body .item-workspace .stat-value {
    font-size: 18px;
  }
  body .item-workspace .item-tools-grid {
    grid-template-columns: 1fr;
  }
  body .calculator-body {
    grid-template-columns: minmax(90px, 0.6fr) minmax(0, 1fr);
    gap: 18px;
    padding: 0 14px 16px;
  }
  body .calc-result strong {
    font-size: 24px;
  }
  body .item-info-body {
    padding: 0 14px 16px;
  }
  body .item-page .listing-title {
    padding: 16px 14px 12px;
    gap: 10px;
  }
  body .listing-title h2 {
    width: 100%;
  }
  body .listing-title .seg {
    min-width: 0;
  }
  body .listing-toolbar {
    padding: 0 14px 14px;
    gap: 10px;
  }
  body .listing-toolbar label {
    flex: 1 1 80px;
    min-width: 0;
  }
  body .listing-toolbar input {
    width: 100%;
  }
  #listing-meta {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .compact-heading {
    display: none;
  }
  .compact-listing > summary {
    grid-template-columns: 42px minmax(0, 1fr) auto 16px;
    gap: 8px 10px;
    padding: 12px 14px;
  }
  .compact-listing .listing-tag {
    grid-row: 1;
  }
  .compact-price {
    grid-column: 2;
    grid-row: 1;
    font-size: 14px;
  }
  .compact-listing time {
    grid-column: 3;
    grid-row: 1;
    text-align: right;
  }
  .compact-listing summary svg {
    grid-column: 4;
    grid-row: 1;
  }
  .compact-world {
    grid-column: 2;
    grid-row: 2;
    font-size: 11px;
    color: var(--muted);
  }
  .compact-seller {
    grid-column: 3/5;
    grid-row: 2;
    text-align: right;
    font-size: 11px;
    color: var(--muted);
    max-width: 125px;
  }
  .compact-message {
    padding: 16px;
  }
  .range-evidence {
    margin-inline: 14px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .chart-series button,
  .item-action {
    transition:
      background-color 140ms ease-out,
      border-color 140ms ease-out;
  }
}
@media (forced-colors: active) {
  .chart-series i {
    forced-color-adjust: none;
  }
  .compact-listing[open] > summary {
    outline: 1px solid Highlight;
  }
}

body .item-page .seg button {
  box-shadow: none;
  border-radius: 6px;
  min-height: 34px;
  padding: 7px 12px;
  font-family: var(--font);
}
body .item-page .seg {
  border-radius: 8px;
  gap: 4px;
}
.home-saved-caption {
  margin: -6px 0 14px;
  font-size: 12px;
  color: var(--muted);
}
body .home-view #recent-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
@media (max-width: 700px) {
  body .home-view #recent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Reference composition: one header, scene/search/sidebar, prices, compact market panels. */
body .site-header .topbar-inner {
  min-height: 66px;
  gap: 26px;
}
body .site-header .logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 27px;
  letter-spacing: -0.035em;
  min-width: 210px;
}
body .site-header .brand-name {
  color: #f1f8fc;
  font-weight: 800;
}
.brand-tree {
  object-fit: contain;
  image-rendering: pixelated;
  flex-shrink: 0;
}
body .site-header .site-nav {
  margin-inline: auto;
}
body .site-header .site-nav a {
  font-weight: 700;
  font-size: 13px;
  padding: 10px 13px;
}
body .site-header .account-trigger {
  border: 0;
  background: transparent;
  padding: 8px;
}
body .site-header .account-avatar {
  border-radius: 50%;
  background: var(--control-face);
}
body .alpha-banner {
  min-height: 26px;
  padding: 4px 12px;
  font-size: 11px;
}
#item-search {
  min-height: 350px;
  padding-block: 22px;
}
#item-search .landing-layout {
  grid-template-columns: 205px minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: center;
}
#item-search .landing-inner {
  padding-block: 10px;
}
#search-title {
  font-size: clamp(32px, 3.1vw, 45px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-shadow: 0 2px 12px #2b2c2c55;
}
#search-title span {
  color: #a4ffe3;
}
#item-search .search-summary {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 16px 0 22px;
  text-shadow: 0 1px 5px #2b2c2c;
}
#item-search .search-bar {
  height: 58px;
  background: var(--surface);
  border: 2px solid #4eafbc;
}
#item-search .search-go {
  width: 42px;
  min-width: 42px;
  padding: 9px;
  background: #58e7e2;
}
#item-search .search-go:disabled {
  background: #58e7e2;
  color: #333535;
}
#item-search .search-go svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.hero-popular {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
  text-align: left;
  font-size: 11px;
  color: white;
}
#hero-popular-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  padding-bottom: 3px;
}
.hero-popular a {
  display: block;
  white-space: nowrap;
  color: #d4ecf5;
  background: var(--surface-alt);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 4px 9px;
  text-decoration: none;
  font-size: 11px;
}
.hero-sidebar {
  display: grid;
  gap: 14px;
  min-width: 0;
}
#daily-quest {
  background: var(--panel-face);
}
#daily-quest .daily-quest-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 15px 15px 3px;
}
#daily-quest .daily-quest-header h2 {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
}
#daily-quest .daily-quest-reset {
  font-size: 11px;
}
#daily-quest .daily-quest-panel {
  padding: 0 7px 8px;
}
#daily-quest .daily-quest-item {
  padding: 7px;
  min-height: 50px;
}
#daily-quest .daily-quest-item-copy strong {
  font-size: 12px;
}
#daily-quest .daily-quest-item-copy {
  min-width: 0;
}
#daily-quest .daily-quest-item .tick {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}
#daily-quest .daily-quest-quantity strong {
  font-size: 16px;
}
.offer-notice {
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 16px;
}
.offer-notice h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
}
.offer-notice h2 svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #61cfff;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}
.offer-notice p {
  font-size: 12px;
  line-height: 1.6;
  color: #b6d0de;
  margin: 0;
}
.trading-scene {
  height: 280px;
  width: 220px;
  align-self: end;
  overflow: visible;
}
.community-billboard {
  width: 134px;
  left: auto;
  right: -5px;
  top: 20px;
  min-height: 122px;
  padding: 12px 7px;
}
.community-billboard strong {
  font-size: 19px;
}
.community-billboard::after {
  height: 90px;
}
.scene-ground {
  height: 38px;
  left: -28px;
  right: -8px;
  background-size: auto 285px;
}
body .home-view .section-bar h2 {
  font-size: 20px;
  font-weight: 800;
}
body .home-view .market-content {
  padding-top: 12px;
}
body .home-view .public-prices {
  margin: 12px 0 20px;
}
body .home-view .public-prices > p {
  margin: -8px 0 12px;
  font-size: 11px;
}
body .home-view .recent-section {
  padding: 12px 16px;
  margin: 0 0 18px;
}
body .home-view .recent-section .section-bar {
  margin-bottom: 8px;
}
body .home-view .recent-section .section-bar h2 {
  font-size: 16px;
}
body .home-view #recent-grid .tick {
  width: 25px;
  height: 25px;
  flex-basis: 25px;
}
.home-personal-grid {
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
}
body .home-view .category-section,
.home-watchlist {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 18px 15px;
  background: var(--panel-face);
  min-width: 0;
}
body .home-view .category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
body .home-view .category-card {
  min-height: 87px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 10px 5px;
  text-align: center;
  background: var(--surface-alt);
}
body .home-view .category-card strong {
  font-size: 11px;
}
body .home-view .category-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}
body .home-view .category-arrow {
  display: none;
}
body .home-view .section-action {
  font-size: 11px;
}
.home-watchlist-row {
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 5px 8px;
  padding: 10px 0;
}
.home-saved-item {
  gap: 8px;
}
.home-saved-item strong {
  font-size: 12px;
}
.home-saved-price {
  font-size: 16px;
}
.home-watchlist-row .mini-history {
  grid-column: 1/-1;
  min-height: 30px;
  margin-left: 36px;
  padding: 0;
}
.home-watchlist-row .mini-history svg {
  height: 25px;
}
.home-watchlist-row .mini-history-caption {
  font-size: 11px;
}
.home-saved-caption {
  font-size: 11px;
}
body .home-view .market-overview {
  margin: 16px 0;
  padding-block: 12px;
}
body .home-view .market-overview strong {
  font-size: 18px;
}
body .home-view .market-overview span {
  font-size: 11px;
}
body .site-footer {
  font-size: 11px;
  padding-block: 18px;
}
body .account-nav a[aria-current="page"],
body .account-tab[aria-selected="true"] {
  background: var(--selected);
  border-color: var(--line);
  color: #7cede0;
}
body .collection-layout {
  max-width: 1400px;
  padding-inline: 28px;
}
body .collection-heading {
  padding: 28px 0 20px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
}
body .collection-heading h1 {
  font-size: 38px;
  font-weight: 800;
}
body .saved-list {
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
}
body.account-site .saved-row {
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}
body.account-site .saved-row:nth-child(even) {
  background: var(--surface);
}
body.account-site .saved-row:last-child {
  border-bottom: 0;
}
body .saved-item-name {
  font-size: 16px;
  font-weight: 700;
}
body .saved-item-name small {
  font-size: 11px;
}
body .collection-tools {
  background: var(--surface-alt);
  border-radius: 10px;
}
@media (min-width: 701px) and (max-width: 1199px) {
  #item-search .landing-layout {
    grid-template-columns: 145px minmax(0, 1fr) 255px;
    gap: 18px;
  }
  #search-title {
    font-size: 34px;
  }
  #daily-quest .daily-quest-header {
    display: block;
  }
  .offer-notice {
    padding: 12px;
  }
  .offer-notice h2 {
    font-size: 14px;
  }
  .offer-notice p {
    font-size: 11px;
  }
  .trading-scene {
    width: 145px;
    height: 270px;
  }
  .community-billboard {
    width: 118px;
    right: -8px;
    top: 22px;
  }
  .home-personal-grid {
    grid-template-columns: 1.2fr 1fr;
  }
  .home-watchlist {
    grid-column: 1/-1;
  }
  .home-watchlist-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  #item-search .landing-layout {
    grid-template-columns: minmax(0, 1fr) 255px;
  }
  .trading-scene {
    display: none;
  }
}
@media (max-width: 1100px) {
  body .site-header .logo {
    min-width: 0;
    margin-right: auto;
  }
  body .site-header .site-nav {
    margin-inline: 0;
  }
}
@media (max-width: 700px) {
  body .site-header .topbar-inner {
    min-height: 60px;
    gap: 5px;
    padding-inline: 12px;
  }
  body .site-header .logo {
    font-size: 22px;
    gap: 5px;
  }
  .brand-tree {
    width: 29px;
    height: 37px;
  }
  body .site-header .site-home {
    display: none;
  }
  body .site-header .site-nav a {
    min-height: 44px;
  }
  #item-search {
    padding: 22px 16px 16px;
  }
  #item-search .landing-layout {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  #item-search .landing-inner {
    padding: 0;
  }
  #search-title {
    font-size: 34px;
  }
  #search-title br {
    display: none;
  }
  #search-title span {
    display: block;
  }
  #item-search .search-summary {
    font-size: 12px;
    margin: 12px 0 18px;
  }
  #item-search .search-bar {
    height: 56px;
  }
  .hero-popular {
    font-size: 11px;
    gap: 7px;
  }
  .hero-popular a {
    min-height: 30px;
    display: flex;
    align-items: center;
  }
  .hero-sidebar {
    gap: 10px;
  }
  #daily-quest .daily-quest-header {
    display: flex;
  }
  #daily-quest .daily-quest-header h2 {
    font-size: 17px;
  }
  #daily-quest .daily-quest-item {
    min-height: 54px;
    padding: 8px 5px;
    gap: 5px;
  }
  #daily-quest .daily-quest-item-copy strong {
    font-size: 11px;
    white-space: normal;
  }
  #daily-quest .daily-quest-item .tick {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
  #daily-quest .daily-quest-quantity strong {
    font-size: 14px;
  }
  .offer-notice {
    padding: 12px;
  }
  .offer-notice h2 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .offer-notice p {
    font-size: 11px;
    line-height: 1.5;
  }
  .home-personal-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body .home-view .category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .home-view .category-card {
    min-height: 76px;
    padding: 8px 2px;
  }
  body .home-view .category-card strong {
    font-size: 11px;
  }
  .home-watchlist-rows {
    display: block;
  }
  body .home-watchlist-row .mini-history {
    display: block;
  }
  body .collection-layout {
    padding-inline: 16px;
  }
  body .collection-heading h1 {
    font-size: 30px;
  }
  body.account-site .saved-row {
    padding: 12px;
  }
}
@media (max-width: 360px) {
  body .site-header .logo {
    font-size: 20px;
  }
  .brand-tree {
    width: 25px;
  }
  body .site-header .account-trigger {
    padding: 5px;
  }
  #search-title {
    font-size: 30px;
  }
}
/* Resolve legacy component selectors at the shared page scope. */
@media (max-width: 700px) {
  body .site-header .logo {
    font-size: 21px;
  }
  body .site-header .brand-tree {
    width: 27px;
    height: 36px;
  }
  body .site-header .site-home {
    display: inline-flex;
    font-size: 12px;
    padding: 8px;
  }
  body .site-header .site-menu-toggle {
    min-width: 36px;
    padding: 8px;
  }
  body .site-header .site-menu-toggle span {
    display: none;
  }
  body .site-header .account-avatar {
    width: 23px;
    height: 23px;
  }
  body .site-header .account-trigger {
    gap: 5px;
    padding: 6px;
  }
}
/* Unified foundation: feature files supply behavior-specific structure only. */
*,
*::before,
*::after {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  background: var(--page);
  scroll-padding-top: 85px;
}
body,
body.account-site,
body.ads-site {
  margin: 0;
  background: var(--page);
  color: #edf6fb;
  font: 14px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
}
body :is(h1, h2, h3, h4, button, input, select, textarea, .logo, .saved-item-name, .q-name) {
  font-family: var(--font);
  text-shadow: none;
}
body h1,
body h2,
body h3 {
  color: #edf6fb;
  letter-spacing: -0.02em;
}
body h1 {
  font-weight: 800;
}
body h2 {
  font-weight: 750;
}
body a {
  color: #71dce9;
  text-underline-offset: 3px;
}
body :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid #77eee1;
  outline-offset: 3px;
}
body :is(input, textarea, select) {
  background: var(--surface);
  color: #edf6fb;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: none;
  font-family: var(--font);
  accent-color: #35d7ba;
}
body :is(input, textarea)::placeholder {
  color: #9bb9cb;
  opacity: 1;
}
body
  :is(
    button,
    .secondary-button,
    .mini-btn,
    .back-btn,
    .load-btn,
    .account-tab,
    .account-nav a,
    .account-submit,
    .flip-primary,
    .item-action
  ) {
  font-family: var(--font);
  text-shadow: none;
  box-shadow: none;
}
body :is(.secondary-button, .mini-btn, .back-btn, .load-btn, .account-tab, .account-nav a) {
  background: var(--control-face);
  border: 1px solid var(--line);
  color: #d1e9f3;
  border-radius: 6px;
}
body :is(.account-submit, .flip-primary, .world-primary, #alert-new) {
  background: #2de8b3;
  border: 1px solid #4cecc1;
  color: #052e2a;
  border-radius: 7px;
}
body
  :is(
    .account-panel,
    .account-guest,
    .flip-panel,
    .ads-panel,
    .market-controls,
    .tool-panel,
    .seo-catalogue,
    .alert-card,
    .discord-panel,
    .world-card,
    .permission-summary
  ) {
  background: var(--panel-face);
  color: #edf6fb;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
}
body :is(.account-panel, .account-guest, .flip-panel, .ads-panel, .tool-panel, .alert-card) p {
  color: #a8c4d5;
}
body .topbar.site-header {
  background: var(--bar);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
body .site-header .topbar-inner {
  padding-block: 5px;
  height: auto;
  min-height: 68px;
  max-width: 1440px;
}
body .site-header .logo {
  font-family: var(--font);
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body .site-header .site-nav a {
  border: 0;
  border-radius: 5px;
  color: #c6d9e5;
  background: none;
  font-weight: 750;
  font-size: 13px;
}
body .site-header .site-nav a[aria-current="page"] {
  background: var(--selected);
  color: #62e8d4;
  box-shadow: inset 0 -2px #46c3ba;
}
body .site-header .account-trigger {
  color: #d6e8f4;
  box-shadow: none;
  text-decoration: none;
  border-radius: 6px;
  background: transparent;
}
body .site-header .account-menu {
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 9px;
  color: #e5f4fc;
}
body .site-header .account-menu-identity {
  background: var(--control-face);
}
body .site-header .account-menu-links a {
  color: #d6e8f4;
}
body .site-header .account-menu-links a:hover {
  background: var(--control-hover);
}
body .site-header .account-menu-discord {
  background: var(--surface);
  border-color: var(--line);
}
body .alpha-banner {
  background: var(--bar-dark);
  border: 0;
  box-shadow: none;
  color: #9ebacb;
  padding: 3px 12px;
  min-height: 24px;
  font-size: 11px;
}
body .alpha-banner .alpha-badge {
  border: 0;
  border-radius: 3px;
  color: #97dcf2;
  background: var(--control-face);
}
body .alpha-banner-link {
  padding: 0;
}
body .alpha-banner-link:hover {
  background: var(--control-hover);
  color: var(--text);
}
body .page-shell,
body .home-view .market-content {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 28px;
}
body .section-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body .section-action {
  background: none;
  border: 0;
  padding: 0;
  color: #6bd8e5;
  box-shadow: none;
  text-decoration: none;
}
body .home-view .section-bar {
  margin-bottom: 12px;
  padding: 0;
}
body .home-view .section-bar h2 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}
.section-icon {
  width: 25px;
  height: 25px;
  color: #38e2b4;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
body .tick,
body .home-price-icon .tick {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body .tick img {
  object-fit: contain;
  image-rendering: pixelated;
}
body .site-footer {
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #9cb8c9;
}
body .site-footer a {
  color: #aecada;
}
body .discord-support {
  background: var(--surface-alt);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: none;
}
body .toast {
  background: var(--surface-alt);
  color: #e4f4fb;
  border: 1px solid var(--line);
  bottom: 20px;
}
body .status-badge {
  background: #133d37;
  color: #6ae3bf;
  border-color: #266356;
}
body .status-badge.paused {
  background: #4b401e;
  color: #efdb89;
  border-color: #6a5c2b;
}
body .skeleton-card,
body .skeleton-chart {
  background: var(--surface-alt);
}
body :is(.empty-alerts, .empty-state, .collection-guest) {
  background: var(--surface-alt);
  color: #bbd6e5;
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 10px;
}
body .empty-state > strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1.4;
}
body .empty-state > p {
  margin: 8px 0 0;
  color: var(--reading-muted);
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
body .empty-state > .load-btn {
  min-width: 44px;
  margin-top: 14px;
  padding: 10px 16px;
  color: var(--text);
  font-size: 14px;
  line-height: 1.4;
}
body .accuracy-note,
body .collection-note,
body .collection-meta,
body .listing-meta {
  color: #9bb8cb;
}
body .account-loading {
  color: var(--muted);
}
body .price-primary {
  color: inherit;
}
body .price-secondary {
  color: #98b8cb;
  font-size: max(11px, 0.54em);
}
body .market-overview {
  display: flex;
  border-block: 1px solid #474a4a;
}
body .market-overview > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 12px 20px;
}
body .market-overview > div:first-child {
  padding-left: 0;
}
body .market-overview strong {
  color: #6edfc4;
  font-weight: 750;
}
body .market-overview span {
  color: #a6c0cf;
}
body .search-guide {
  margin: 20px auto;
  max-width: 800px;
}
body .quote-table {
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
}
/* A table inside a working frame shares that material instead of stacking glass. */
body :is(.market-group, .account-panel) .quote-table {
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body .quote-row {
  background: transparent;
  border-color: var(--line);
  color: #d9ebf4;
  box-shadow: none;
}
body .quote-row:hover {
  background: var(--control-hover);
}
body .q-price {
  color: #e4f5fb;
}
body .q-median {
  color: #6be5c4;
}
body .flip-layout {
  padding-bottom: 28px;
}
body .flip-gain {
  background: #0d3b31;
  color: #6aebbf;
}
body .ads-tabs :is(button, a)[aria-selected="true"] {
  background: var(--selected);
  color: #72e9dc;
  border-color: var(--line);
}
body .seg {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 7px;
}
body .seg button {
  border: 0;
  border-radius: 5px;
  padding: 7px 12px;
  color: #abc6d8;
  background: none;
  box-shadow: none;
  font: 700 12px var(--font);
  min-height: 34px;
}
body .seg button.is-active {
  background: var(--selected);
  color: #9cf1ed;
}
body .item-action.primary {
  color: #062f2a;
  background: #32e7b7;
  border-color: #47eabf;
  font-weight: 750;
}
body .item-workspace :is(.chart-panel, .market-info, .tool-panel),
body .item-page .listings-panel {
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 10px;
}
body .item-median {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--median-face);
}
body #item-hero {
  grid-template-columns: minmax(0, 1fr) 290px;
}
body .item-workspace {
  grid-template-columns: minmax(0, 1fr) 320px;
}
body .item-workspace .stats-row {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
body .stat-value {
  color: #edf8ff;
}
body .compact-heading {
  background: var(--surface-alt);
}
body .compact-message {
  background: var(--surface);
}
body .chart-readout {
  background: var(--surface);
}
body .item-identity .tick.lg {
  width: 96px;
  height: 96px;
  flex-basis: 96px;
  background: var(--surface-alt);
  border: 1px solid var(--line);
  border-radius: 8px;
}
body .item-identity .tick.lg img {
  width: 66px;
  height: 66px;
}
body .item-hero-main h1 {
  font-weight: 800;
  font-size: 34px;
}
body .item-offer-note {
  color: #9fbdd0;
}
body .calculator-body input {
  background: var(--surface);
  color: #eff9ff;
}
body .calc-result strong {
  color: #6decc5;
}
body .directory-pages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body .directory-pages a {
  display: grid;
  place-items: center;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
}
body .directory-pages a[aria-current="page"] {
  background: var(--selected);
}
body .price-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-block: 15px;
}
body.world-copy-page .world-card {
  margin: 60px auto;
  width: min(460px, calc(100% - 32px));
}
::selection {
  background: #5e6161;
  color: white;
}
body {
  scrollbar-color: #5a5e5e #1f2121;
}
/* Homepage composition is defined here, without the previous landing styles. */
#item-search {
  position: relative;
  isolation: isolate;
  background: #393c3c;
  min-height: 370px;
  padding: 24px 28px 20px;
  border-bottom: 1px solid #4c4f4f;
  overflow: visible;
}
#item-search::before,
#item-search::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -2;
}
#item-search::before {
  background: #626565 url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/game/daytime-forest.webp") center center / cover no-repeat;
}
#item-search::after {
  z-index: -1;
  background: linear-gradient(90deg, transparent, #2d2e2e44 28%, #2a2b2b44 78%, transparent);
}
#item-search .landing-layout {
  display: grid;
  grid-template-columns: 215px minmax(0, 1fr) 320px;
  grid-template-rows: 1fr 82px;
  column-gap: 22px;
  row-gap: 20px;
  width: 100%;
  max-width: 1384px;
  margin: 0 auto;
}
#item-search .landing-inner {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 4px 0 0;
  background: none;
  border: 0;
  box-shadow: none;
  text-align: center;
}
#search-title {
  white-space: nowrap;
  margin: 0 0 14px;
  font-size: clamp(29px, 3.05vw, 44px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.035em;
  color: #f3fbff;
  text-shadow: 0 2px 7px #2a2c2c66;
}
#search-title span {
  color: #46efbf;
  display: inline;
}
#item-search .search-summary {
  color: #c5ddeb;
  text-shadow: 0 1px 4px #292a2a;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 26px;
}
#item-search .search-wrap {
  width: 100%;
  max-width: none;
  position: relative;
}
#item-search .search-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 60px;
  width: 100%;
  padding: 6px;
  border: 2px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  box-shadow: 0 4px 14px #21232333;
}
#item-search .search-icon {
  width: 22px;
  height: 22px;
  margin-left: 9px;
  color: #b4ccdc;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
#hero-input {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: none;
  min-width: 0;
  flex: 1;
  color: #f3faff;
  padding: 6px 2px;
  font: 14px var(--font);
}
#hero-input:focus {
  outline: none;
}
#item-search .search-bar:focus-within {
  border-color: #6df1e0;
  outline: 2px solid #39c9bd55;
  outline-offset: 3px;
}
#item-search .kbd-hint {
  display: none;
}
#item-search .search-go {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 9px;
  border: 0;
  border-radius: 6px;
  background: #51e3e5;
  color: #2b2c2c;
}
#item-search .search-go:disabled {
  background: #51e3e5;
  color: #2b2c2c;
  opacity: 0.85;
}
#item-search .hero-popular {
  margin-top: 11px;
  min-width: 0;
  color: #bad4e4;
}
#hero-popular-links {
  max-width: 100%;
}
.hero-sidebar {
  grid-column: 3;
  grid-row: 1/3;
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  gap: 14px;
}
.hero-actions {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}
.hero-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--control-face);
  color: #ddf4fc;
  text-decoration: none;
  box-shadow: inset 0 1px #80d8df22;
}
.hero-actions a:hover {
  background: var(--control-hover);
  border-color: #66ded7;
}
.hero-actions svg {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  fill: none;
  stroke: #39e5ba;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-actions strong {
  font-size: 13px;
  font-weight: 800;
}
#item-search .trading-scene {
  grid-column: 1;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
  min-height: 295px;
  position: relative;
  align-self: stretch;
}
#item-search .community-billboard {
  position: absolute;
  right: 0;
  top: 38px;
  width: 140px;
  min-height: 135px;
  border: 5px solid #896749;
  border-radius: 2px;
  background: #543e2c;
  color: #f7ead6;
  text-align: left;
  padding: 12px;
}
#item-search .community-billboard strong {
  font: 800 20px/1.2 var(--font);
  display: block;
  margin-block: 7px;
}
#item-search .community-billboard span {
  font-size: 11px;
}
#item-search .community-billboard small {
  font-size: 11px;
}
#item-search .community-billboard::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 105px;
  background: #765236;
  border-inline: 2px solid #9a774e;
  left: 50%;
  top: 100%;
}
#item-search .scene-ground {
  display: none;
}
#daily-quest {
  width: 100%;
  align-self: start;
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0;
  box-shadow: inset 0 1px #61aec322;
}
#daily-quest .daily-quest-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 6px;
  gap: 8px;
  margin: 0;
  border: 0;
}
#daily-quest .daily-quest-header h2 {
  font-size: 21px;
  font-weight: 800;
  margin: 0;
  white-space: nowrap;
}
#daily-quest .daily-quest-reset {
  color: #a6c5d7;
  font-size: 11px;
}
#daily-quest .daily-quest-panel {
  padding: 0 8px 12px;
  background: none;
  border: 0;
  box-shadow: none;
}
#daily-quest .daily-quest-items {
  display: grid;
  gap: 0;
}
#daily-quest .daily-quest-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 6px;
  min-height: 58px;
  color: #e2f1fa;
  background: none;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  text-align: left;
}
#daily-quest .daily-quest-item:hover {
  background: var(--control-hover);
}
#daily-quest .daily-quest-item .tick {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
#daily-quest .daily-quest-item-copy {
  min-width: 0;
  flex: 1;
}
#daily-quest .daily-quest-item-copy strong {
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
  display: block;
}
#daily-quest .daily-quest-quantity {
  flex: 0 0 auto;
  text-align: right;
}
#daily-quest .daily-quest-quantity strong {
  font-size: 18px;
  color: #d7edf8;
}
#daily-quest .daily-quest-quantity small {
  display: block;
  font-size: 11px;
  color: #a9c7d9;
}
.offer-notice {
  padding: 17px;
  min-height: 120px;
  background: var(--panel-face);
  border-color: var(--line);
}
.offer-notice h2 {
  font-size: 16px;
}
.offer-notice p {
  font-size: 12px;
  line-height: 1.65;
}
body .home-view .public-prices {
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}
body .home-view .public-prices > p {
  color: #a0bdce;
  font-size: 11px;
}
.mini-history-caption {
  display: block;
  color: #93b2c6;
  font-size: 11px;
  margin-top: 3px;
}
.mini-history-empty {
  display: flex;
  align-items: center;
  min-height: 52px;
  color: #91afc1;
  font-size: 11px;
}
body .home-view .recent-section {
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel-face);
  margin-block: 18px;
}
body .home-view #recent-grid {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 0 0 3px;
}
body .home-view #recent-grid .tick {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
}
.home-personal-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 14px;
  margin-block: 18px;
}
body .home-view .category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
body .home-view .category-card {
  text-decoration: none;
  color: #d6e8f2;
  border: 1px solid var(--line);
  border-radius: 7px;
}
body .home-view .category-card:hover {
  background: var(--control-hover);
  border-color: var(--border-strong);
}
.category-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #73d9d0;
  stroke-width: 1.8;
}
.home-saved-caption {
  color: #91b0c5;
  margin: 0 0 9px;
}
.home-watchlist-row {
  display: grid;
  text-decoration: none;
  color: #def0fa;
  border-bottom: 1px solid var(--line);
}
.home-watchlist-row:last-child {
  border: 0;
}
.home-saved-item {
  display: flex;
  align-items: center;
  min-width: 0;
}
.home-saved-item .tick {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
}
.home-saved-item strong {
  font-size: 12px;
  font-weight: 750;
}
.home-saved-price {
  text-align: right;
  font-weight: 800;
}
.home-watchlist-row .mini-history {
  min-width: 0;
}
.home-watchlist-row .mini-history svg {
  width: 100%;
}
.home-empty {
  color: #acc6d6;
  padding: 22px 10px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
}
.home-empty .item-action {
  display: inline-flex;
  margin-top: 12px;
}
.empty-bookmark {
  width: 32px;
  height: 32px;
  stroke: #49d7c1;
  stroke-width: 1.5;
  fill: none;
}
body .home-view .market-content {
  padding-top: 16px;
}
@media (max-width: 1199px) and (min-width: 701px) {
  #item-search .landing-layout {
    grid-template-columns: 150px minmax(0, 1fr) 250px;
    gap: 18px;
    grid-template-rows: 1fr 74px;
  }
  #search-title {
    font-size: 29px;
    white-space: normal;
  }
  #item-search .search-summary {
    font-size: 12px;
  }
  #daily-quest .daily-quest-header {
    display: block;
  }
  .hero-actions {
    gap: 8px;
  }
  .hero-actions a {
    gap: 7px;
  }
  .hero-actions svg {
    width: 22px;
    flex-basis: 22px;
  }
  .hero-actions strong {
    font-size: 11px;
  }
  #item-search .community-billboard {
    width: 125px;
  }
  .home-personal-grid {
    grid-template-columns: 1.2fr 1fr;
  }
  .home-watchlist {
    grid-column: 1/-1;
  }
  body .item-workspace .stats-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .item-workspace {
    grid-template-columns: minmax(0, 1fr) 270px;
  }
}
@media (max-width: 1100px) {
  .site-header.navigation-ready .site-links {
    background: var(--panel-face);
  }
}
@media (max-width: 900px) and (min-width: 701px) {
  #item-search .landing-layout {
    grid-template-columns: minmax(0, 1fr) 255px;
  }
  #item-search .trading-scene {
    display: none;
  }
  #item-search .landing-inner,
  .hero-actions {
    grid-column: 1;
  }
  .hero-sidebar {
    grid-column: 2;
  }
}
@media (max-width: 700px) {
  body .page-shell,
  body .home-view .market-content {
    padding-inline: 16px;
  }
  body .site-header .topbar-inner {
    min-height: 60px;
    padding: 5px 10px;
    gap: 6px;
  }
  body .site-header .logo {
    font-size: 20px;
    gap: 4px;
    min-width: 0;
  }
  body .site-header .brand-tree {
    width: 26px;
    height: 32px;
  }
  body .site-header .site-nav {
    margin: 0;
    gap: 0;
  }
  body .site-header .site-home {
    display: inline-flex;
    font-size: 11px;
    padding: 7px;
  }
  body .site-header .site-menu-toggle {
    padding: 8px;
    min-width: 36px;
    width: 36px;
  }
  .site-header .site-menu-toggle span {
    display: none;
  }
  body .site-header .account-trigger {
    width: 44px;
    min-width: 44px;
    flex: 0 0 44px;
    padding: 4px;
    gap: 0;
    justify-content: center;
  }
  .site-header [data-account-label] {
    display: none;
  }
  body .site-header .account-avatar {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }
  body .site-header .account-chevron {
    display: none;
  }
  #item-search {
    min-height: 0;
    padding: 25px 16px 18px;
  }
  #item-search .landing-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 18px;
  }
  #item-search .landing-inner {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }
  #search-title {
    white-space: normal;
    font-size: 32px;
  }
  #search-title span {
    display: block;
  }
  #item-search .search-summary {
    font-size: 12px;
    margin: 12px 0 20px;
  }
  #item-search .trading-scene {
    display: none;
  }
  .hero-actions {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .hero-actions a {
    justify-content: flex-start;
    padding: 13px;
    min-height: 61px;
  }
  .hero-actions strong {
    font-size: 12px;
  }
  .hero-actions svg {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
  .hero-sidebar {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #daily-quest .daily-quest-header {
    display: flex;
  }
  #daily-quest .daily-quest-header h2 {
    font-size: 18px;
  }
  #daily-quest .daily-quest-items {
    grid-template-columns: 1fr 1fr;
  }
  #daily-quest .daily-quest-item {
    padding: 8px 4px;
    min-height: 70px;
    gap: 6px;
    flex-wrap: wrap;
  }
  #daily-quest .daily-quest-item-copy strong {
    font-size: 11px;
  }
  #daily-quest .daily-quest-quantity {
    margin-left: 38px;
  }
  #daily-quest .daily-quest-quantity strong {
    font-size: 14px;
  }
  .offer-notice {
    min-height: 0;
    padding: 14px;
  }
  .offer-notice h2 {
    font-size: 14px;
  }
  .offer-notice p {
    font-size: 11px;
  }
  .home-price-icon .tick,
  .home-personal-grid {
    grid-template-columns: 1fr;
  }
  .home-watchlist {
    grid-column: 1;
  }
  body .home-view .section-bar h2 {
    font-size: 18px;
  }
  body .home-view .section-action {
    font-size: 11px;
  }
  body .market-overview {
    flex-wrap: wrap;
    gap: 0 15px;
  }
  body .market-overview > div {
    padding: 8px 0;
  }
  body .item-heading {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  body #item-hero {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  body .item-hero-main h1 {
    font-size: 28px;
  }
  body .item-identity .tick.lg {
    width: 64px;
    height: 64px;
    min-width: 64px;
    flex-basis: 64px;
  }
  body .item-identity .tick.lg img {
    width: 48px;
    height: 48px;
  }
  body .item-actions {
    grid-template-columns: 1fr 1fr;
  }
  body .item-workspace {
    grid-template-columns: 1fr;
  }
  body .item-workspace .stats-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .item-workspace .stat-value {
    font-size: 19px;
  }
  body .item-workspace .item-tools-grid {
    grid-template-columns: 1fr;
  }
  body .discord-support {
    display: none;
  }
  body .listing-toolbar {
    padding-inline: 14px;
    gap: 10px;
  }
  body .listing-toolbar label {
    min-width: 0;
    flex: 1 1 120px;
  }
  body .listing-toolbar input {
    width: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-actions a,
  #popular-price-grid .home-price-card {
    transition:
      background-color 160ms ease-out,
      border-color 160ms ease-out,
      color 160ms ease-out;
  }
}
/* Signature scene placement and chart tools follow the supplied template. */
#item-search .community-billboard {
  top: 26px;
}
#item-search .community-billboard::after {
  height: 76px;
}
body .chart-title {
  padding-bottom: 10px;
}
body .chart-title h2 {
  margin-right: auto;
}
body .chart-title .chart-series {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body .chart-title .chart-series button {
  min-height: 30px;
  padding: 4px 6px;
  background: none;
  border-color: transparent;
  font-size: 11px;
}
body .chart-title .chart-series button[aria-pressed="true"] {
  border-color: var(--line);
  background: var(--selected);
}
body .chart-title .chart-volume-label {
  display: none;
}
body .chart-title .seg {
  margin-left: auto;
}
@media (min-width: 1200px) {
  body .chart-title .chart-series {
    order: 3;
    width: 100%;
  }
}
@media (max-width: 700px) {
  body .chart-title .chart-series {
    order: 3;
    width: 100%;
  }
}
/* Final layout fixes verified against the rendered reference comparison. */
body .skip-link {
  position: fixed;
  left: 16px;
  top: -100px;
  z-index: 100;
  padding: 10px 14px;
  border-radius: 5px;
  background: var(--surface-alt);
  color: white;
}
body .skip-link:focus {
  top: 12px;
}
body main:focus {
  outline: none;
}
body .alpha-banner {
  padding: 4px 12px;
  min-height: 0;
  line-height: 16px;
}
body .alpha-banner-link {
  min-height: 0;
  padding: 0;
  line-height: 16px;
}
body .home-view .section-bar,
body .home-view .market-overview,
#daily-quest .section-bar {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
body .home-view .section-bar {
  min-height: 28px;
  margin-bottom: 12px;
}
body .home-view .market-overview {
  border-block: 1px solid #454848;
}
body .home-view .market-overview span {
  text-transform: none;
  letter-spacing: 0;
}
#daily-quest .daily-quest-items {
  grid-template-columns: 1fr;
}
#daily-quest .daily-quest-item-copy {
  display: block;
}
#daily-quest .daily-quest-item-copy strong {
  overflow: visible;
  text-overflow: clip;
}
#item-search .community-billboard::after {
  height: 105px;
}
@media (max-width: 700px) {
  #daily-quest .daily-quest-items {
    grid-template-columns: 1fr 1fr;
  }
}
body .item-page .panel-title {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
body .item-page .chart-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px;
}
body .item-page .panel-title h2,
body .item-page h2.panel-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 19px;
  margin: 0;
}
body .item-page .chart-title h2 {
  margin-right: auto;
}
body .item-page .chart-title .seg {
  margin: 0 0 0 auto;
}
body .item-page .chart-title .chart-series {
  width: 100%;
  margin: 0;
  padding: 0;
}
#hero-popular-links {
  scrollbar-width: none;
}
#hero-popular-links::-webkit-scrollbar {
  display: none;
}
@media (max-width: 700px) {
  #item-search {
    padding-top: 20px;
  }
  #item-search .search-summary {
    margin: 8px 0 16px;
  }
  .hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .hero-actions a {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 3px;
    min-height: 73px;
  }
  .hero-actions strong {
    font-size: 11px;
    line-height: 1.3;
  }
  .hero-actions svg {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }
  body .item-page .chart-title h2 {
    font-size: 16px;
  }
  body .item-page .chart-title .seg button {
    font-size: 11px;
    padding: 6px 8px;
  }
  body .item-page .chart-title {
    gap: 10px;
    padding: 14px;
  }
}
body :is(h1, h2, h3, .page-heading h1, .collection-heading h1, .account-title) {
  background: transparent;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
  text-shadow: none;
  filter: none;
  color: #edf6fb;
}
body .site-header .account-avatar {
  color: #a4dfee;
  background: var(--control-face);
}
body :is(.secondary-button, .mini-btn, .back-btn, .load-btn, .account-tab, .account-nav a):hover {
  background: var(--control-hover);
  color: #e4f6ff;
  border-color: var(--border-strong);
}
#search-title,
#item-search .search-summary {
  text-shadow: 0 2px 7px #0005;
}
#item-search .search-bar {
  box-shadow: 0 4px 14px #0003;
}
body .listing-tag.sell {
  background: var(--offer-sell-bg);
  color: var(--offer-sell);
}
body .listing-tag.buy {
  background: var(--offer-buy-bg);
  color: var(--offer-buy);
}
body .item-page .listing-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: none;
}
body .item-page .listing-msg {
  color: #c1dbe9;
}
body .collection-tools input,
body .collection-tools select {
  width: 100%;
}
body .price-method .item-price-summary {
  color: #b7d0df;
}
body .listing-price > strong,
body .saved-row .price-primary {
  color: #e7f5fc;
}
body .saved-row .listing-price > :is(small, span) {
  color: #9cbbcd;
}

/* Compact watchlist rows keep saved items, history, and prices aligned. */
body .home-watchlist-row {
  grid-template-columns: minmax(0, 1fr) minmax(55px, 130px) 78px;
  align-items: center;
  gap: 4px 8px;
  min-height: 61px;
  padding: 9px 4px;
}
body .home-watchlist-row .home-saved-item {
  grid-column: 1;
  grid-row: 1;
}
body .home-watchlist-row .home-saved-item strong {
  min-width: 0;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
body .home-watchlist-row .home-saved-price {
  grid-column: 3;
  grid-row: 1;
}
body .home-watchlist-row > .market-account-evidence {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}
body .home-watchlist-row .mini-history {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  margin: 0;
  min-height: 0;
}
body .home-watchlist-row .mini-history svg {
  width: 100%;
  height: 30px;
}
body .home-watchlist-row .mini-history-caption {
  display: none;
}
body .home-watchlist-row .mini-history-empty {
  font-size: 11px;
  min-height: 30px;
}
@media (max-width: 360px) {
  body .home-watchlist-row {
    grid-template-columns: minmax(0, 1fr) 50px 70px;
    gap: 4px 6px;
  }
  body .home-watchlist-row .mini-history {
    width: 50px;
  }
}

/* Shared account and tool states, with the same controls as the market pages. */
body.account-site .password-toggle {
  border: 1px solid var(--control-border);
  border-radius: var(--glass-control-radius, 10px);
  background: var(--content-control-face);
  color: var(--text);
  font-family: var(--font);
}
body.account-site .password-toggle:hover {
  background: var(--content-control-hover);
}
body .flip-heading {
  color: #b7d0df;
}
body .account-link-button {
  color: #80dce7;
  background: transparent;
  text-shadow: none;
}
body .account-link-button:hover {
  color: #b5f4f4;
}
body .account-nav,
body .account-tabs {
  background: var(--control-face);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 8px;
}
body .account-nav a,
body .account-tabs a {
  background: transparent;
  color: #bfdce9;
  border: 0;
  box-shadow: none;
  font-family: var(--font);
  text-shadow: none;
}
body .account-nav a[aria-current="page"],
body .account-tabs a.is-active {
  background: var(--selected);
  color: #8bf0dd;
  border: 0;
  box-shadow: none;
}
body .account-avatar.large {
  border: 0;
  box-shadow: none;
  background: #41dabc;
  color: #073a37;
}
body .profile-heading {
  border-bottom: 1px solid var(--line);
}
body .profile-heading p,
body .profile-details dt {
  color: #a9c9d9;
}
body #alerts-status {
  background: var(--surface-alt);
  color: #f0d79e;
  border: 1px solid #6f644b;
}
body .account-error {
  background: #3b222a;
  color: #ffd0d2;
  border: 1px solid #85505b;
  box-shadow: none;
}
body.account-site .danger-panel :is(summary, label) {
  color: var(--text);
}
body.account-site .danger-panel > p {
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
}
body.account-site #delete-account-form .account-submit.danger {
  background: #8b3333;
  border-color: var(--red);
  color: var(--text);
}
body.account-site #delete-account-form .account-submit.danger:hover:not(:disabled) {
  background: #a62838;
}
body .success-message {
  background: #133c36;
  color: #a9edcd;
  border: 1px solid #3f7665;
  box-shadow: none;
}
body #account-title:focus {
  outline-color: #77eee1;
}
body .calc-result :is(.price-primary, .price-amount) {
  color: #79efd2;
}
body .collection-site .listing-price > .price-display {
  color: #e7f5fc;
}
#item-search::after {
  background: linear-gradient(90deg, transparent, #2d2e2e88 25%, #2a2b2b88 80%, transparent);
}
#item-search .search-summary {
  color: #ffffff;
  text-shadow: none;
}
#search-title span {
  color: #a2ffda;
}
@media (max-width: 700px) {
  #item-search::after {
    background: #2d2e2e66;
  }
  #item-search .search-summary {
    font-size: 12px;
  }
}

/* The 212px strip below the grass supplies the scene's shared scale. */
#item-search {
  container-type: inline-size;
}
#item-search::before {
  background-position: left bottom;
}
#item-search .trading-scene {
  position: absolute;
  inset: 0 auto 0 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  pointer-events: none;
}
#item-search .scene-composition {
  position: absolute;
  left: 0;
  bottom: max(29.3%, 9.76cqw);
  height: max(29.3%, 9.76cqw);
  width: auto;
  aspect-ratio: 1;
  container-type: inline-size;
}
#item-search .community-billboard {
  top: auto;
  right: auto;
  bottom: 51.9cqw;
  left: 89.6cqw;
  width: 94.3cqw;
  height: 71.3cqw;
  min-height: 0;
  padding: 12cqw 10cqw;
  border: 0;
  border-radius: 4px;
  background: url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/game/wooden-billboard.webp") -12.4cqw -7.6cqw / 119.1cqw 158.8cqw
    no-repeat;
  box-shadow: none;
  color: #fff0cf;
  text-align: left;
}
#item-search .community-billboard strong {
  font: 800 clamp(14px, 10.5cqw, 17px) / 1.2 var(--font);
  margin: 0 0 6px;
  text-shadow: 0 1px 2px #0009;
}
#item-search .community-billboard small {
  display: block;
  font: 650 11px/1.35 var(--font);
  color: #fce6bf;
}
#item-search .community-billboard::after {
  top: 100%;
  left: 43cqw;
  width: 8.8cqw;
  height: 52cqw;
  border: 0;
  background: url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/game/wooden-billboard.webp") -54.8cqw -82.2cqw / 119.1cqw 158.8cqw
    no-repeat;
}
@media (min-width: 901px) {
  #item-search::before {
    background-image: url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/game/daytime-tree-growtopian.webp");
  }
}
@media (min-width: 901px) and (max-width: 1199px) {
  #item-search .landing-layout {
    grid-template-columns: 200px minmax(0, 1fr) 250px;
  }
}

/* Compact market cards: six across on desktop, a rail on tablets, two on phones. */
body .home-view .public-prices .section-bar {
  margin-bottom: 2px;
}
body .home-view .public-prices .section-bar h2 {
  font-size: 20px;
}
.home-price-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 16px;
  margin: 0 0 12px;
  color: #aac7d8;
  font-size: 11px;
  line-height: 1.5;
}
.home-price-context details {
  position: relative;
}
.home-price-context summary {
  cursor: pointer;
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 5px;
  list-style: none;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}
.home-price-context summary::-webkit-details-marker {
  display: none;
}
.home-price-context details p {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  width: min(290px, 78vw);
  padding: 12px;
  margin: 4px 0 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
  color: #d8eaf3;
  font-size: 12px;
}
#popular-price-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
#popular-price-grid .home-price-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(69px, auto) 37px 1fr auto;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  padding: 12px 11px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--card-face);
  box-shadow: none;
  color: #edf6fb;
  text-align: left;
  text-decoration: none;
  scroll-snap-align: start;
}
#popular-price-grid .home-price-card:hover {
  background: var(--card-hover-face);
  border-color: var(--border-strong);
  transform: none;
}
#popular-price-grid .home-price-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: 28px 21px 18px;
  gap: 1px 8px;
  align-items: start;
  min-width: 0;
}
#popular-price-grid .home-price-icon {
  grid-column: 1;
  grid-row: 1/4;
  padding-top: 4px;
  align-self: start;
}
#popular-price-grid .home-price-icon :is(.tick, img) {
  width: 36px;
  height: 36px;
}
#popular-price-grid .home-price-head > strong {
  grid-column: 2;
  font-size: 12px;
  line-height: 14px;
  font-weight: 750;
  min-height: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#popular-price-grid .home-price-value {
  grid-column: 2;
  min-width: 0;
  margin: 0;
  min-height: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 21px;
}
#popular-price-grid .home-price-value .price-display {
  display: block;
}
#popular-price-grid .price-secondary {
  display: none;
}
#popular-price-grid .home-price-change {
  grid-column: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 1px 6px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 800;
  line-height: 16px;
  color: #76edbe;
  background: #0c473e;
}
#popular-price-grid .home-price-change:empty {
  visibility: hidden;
}
#popular-price-grid .home-price-change.is-down {
  color: #ff9a9f;
  background: #49282f;
}
#popular-price-grid .home-price-change svg {
  width: 11px;
  height: 11px;
}
#popular-price-grid .mini-history {
  grid-column: 1;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
}
#popular-price-grid .mini-history svg {
  display: block;
  width: 100%;
  height: 37px;
}
#popular-price-grid .mini-history-empty {
  min-height: 37px;
  font-size: 11px;
}
#popular-price-grid .mini-history-caption {
  display: none;
}
#popular-price-grid .market-account-evidence {
  margin: 0;
}
#popular-price-grid .home-price-foot {
  grid-column: 1;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  line-height: 17px;
  color: #aac7d8;
}
#popular-price-grid .home-price-foot strong {
  color: #d8e8f1;
  font-weight: 750;
}
#popular-price-grid .home-price-updated {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (min-width: 601px) and (max-width: 1099px) {
  #popular-price-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 184px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #585c5c transparent;
  }
}
@media (max-width: 600px) {
  #popular-price-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  #popular-price-grid .home-price-card {
    padding: 10px 9px 8px;
  }
  #popular-price-grid .home-price-head {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 6px;
  }
  #popular-price-grid .home-price-icon :is(.tick, img) {
    width: 30px;
    height: 30px;
  }
  #popular-price-grid .home-price-head > strong {
    font-size: 11px;
  }
  #popular-price-grid .home-price-value {
    font-size: 17px;
  }
  .home-price-context details p {
    left: auto;
    right: 0;
  }
}
/* Tree navigation is the same disclosure on every viewport and every page. */
body .site-header .brand-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-width: 0;
}
body .site-header .site-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 52px;
  padding: 3px 6px;
  gap: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
}
body .site-header .site-menu-toggle[hidden] {
  display: none;
}
body .site-header .site-menu-toggle .brand-tree {
  width: 40px;
  height: 44px;
  object-fit: contain;
  image-rendering: pixelated;
}
body .site-header .site-menu-toggle[aria-expanded="true"] {
  background: #153529;
  border-color: transparent;
}
body .site-header.navigation-ready .site-nav.site-links {
  display: grid;
  align-items: stretch;
  position: absolute;
  inset: calc(100% + 10px) auto auto 0;
  width: 540px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 130px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overscroll-behavior: contain;
  overflow-y: auto;
  margin: 0;
  padding: 16px;
  gap: 16px;
  background: var(--panel-face);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 16px 32px #14191499;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(0.98);
  transform-origin: 24px top;
  pointer-events: none;
}
body .site-header.navigation-ready.menu-open .site-nav.site-links {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}
body .site-header .site-nav.site-links a {
  display: flex;
  justify-content: flex-start;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
}
/* Group the single set of destinations by task. */
body .site-header .site-nav-group {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: 8px;
}
body .site-header .site-nav-group h2 {
  margin: 0;
  padding: 2px 4px 4px;
  color: var(--muted);
  font: 800 11px/1.4 var(--body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body .site-header .site-nav-saved {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
body .site-header .site-nav-saved h2 {
  grid-column: 1 / -1;
}
body .site-header .site-nav.site-links a {
  white-space: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  body .site-header .site-nav.site-links a,
  body .site-header .site-nav-group h2 {
    padding-inline: 10px;
  }
}
body .site-header:not(.navigation-ready) .brand-navigation {
  flex-wrap: wrap;
}
body .site-header:not(.navigation-ready) .site-nav {
  position: static;
  flex-wrap: wrap;
}
body .site-header .site-account {
  margin-left: auto;
}
body .site-header .account-menu {
  background: var(--panel-face);
  border-color: var(--line);
}
body .site-header .account-trigger[aria-expanded="true"] .account-chevron {
  transform: rotate(180deg);
}

/* Personal activity leads; categories take only the room they need. */
body .home-view .home-personal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px;
  margin: 6px 0 24px;
}
body .home-personal-grid > :is(.home-watchlist, .recent-section) {
  grid-column: auto;
  margin: 0;
  padding: 16px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel-face);
}
body .home-personal-grid .section-bar {
  margin-bottom: 12px;
}
body .home-personal-grid .section-bar h2 {
  font-size: 18px;
}
body .home-watchlist-rows {
  display: block;
}
body .home-view #recent-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: visible;
  padding: 0;
}
.home-recent-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 61px;
  padding: 9px 4px;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}
.home-recent-row:last-child {
  border: 0;
}
.home-recent-row .tick {
  width: 30px;
  height: 30px;
}
.home-recent-row > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.home-recent-row strong {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-recent-row small {
  font-size: 11px;
  color: var(--muted);
}
.home-recent-price {
  font-size: 16px;
  font-weight: 750;
  text-align: right;
}
.home-recent-price .price-secondary {
  display: none;
}
body .home-view .category-section {
  padding: 16px;
  margin: 0 0 24px;
  min-height: 0;
}
body .home-view .category-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
body .home-view .category-card {
  min-height: 78px;
  padding: 10px 6px;
  align-items: center;
}
body .home-view .category-card strong {
  font-size: 13px;
}
body .home-view .category-section .section-bar h2 {
  font-size: 18px;
}
body .home-view .hero-actions {
  grid-template-columns: 1fr 1fr;
}
body .home-view .home-empty {
  padding: 18px 8px;
  margin: 0;
}
body .home-view .home-empty p {
  margin: 6px 0;
}
body .home-view .home-saved-caption {
  margin: 0 0 6px;
}
@media (max-width: 1000px) {
  body .home-view .category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body .site-header .topbar-inner {
    min-height: 62px;
    padding-inline: 12px;
  }
  body .site-header .site-menu-toggle {
    width: 58px;
    min-width: 58px;
    height: 46px;
  }
  body .site-header .site-menu-toggle .brand-tree {
    width: 34px;
    height: 38px;
  }
  body .site-header .brand-navigation {
    gap: 8px;
  }
  body .home-view .home-personal-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  body .home-personal-grid > :is(.home-watchlist, .recent-section) {
    padding: 14px;
  }
  body .home-view .category-section {
    padding: 14px;
  }
  body .home-view .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .home-view .category-card {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    min-height: 55px;
    padding: 10px;
  }
  body .home-view .category-card strong {
    font-size: 12px;
  }
  body .home-view .category-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }
}

/* Motion confirms actions. Panels unfold from their trigger; data stays still. */
:root {
  --motion-feedback: 130ms;
  --motion-reveal: 220ms;
  --motion-exit: 150ms;
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
body :is(a, button, summary, input, select, textarea) {
  transition:
    color var(--motion-feedback) ease-out,
    background-color var(--motion-feedback) ease-out,
    border-color var(--motion-feedback) ease-out,
    box-shadow var(--motion-feedback) ease-out;
}
body :is(.home-watchlist-row, .home-recent-row):hover {
  background: var(--control-hover);
}
body :is(button, .item-action, .search-go):active:not(:disabled) {
  filter: brightness(0.92);
}
body :is(button, input, select, textarea, a, summary):focus-visible {
  outline: 2px solid var(--aqua);
  outline-offset: 3px;
}
body .site-header.navigation-ready .site-nav.site-links {
  transition:
    opacity var(--motion-exit) ease-out,
    transform var(--motion-exit) ease-out,
    visibility 0s var(--motion-exit);
}
body .site-header.navigation-ready.menu-open .site-nav.site-links {
  transition:
    opacity var(--motion-reveal) var(--motion-ease),
    transform var(--motion-reveal) var(--motion-ease),
    visibility 0s;
}
body :is(.account-chevron, .compact-listing summary svg) {
  transition: transform var(--motion-reveal) var(--motion-ease);
}
body .site-header .account-menu,
body .autocomplete {
  opacity: 1;
  transform: none;
  transform-origin: top right;
  transition:
    opacity var(--motion-reveal) var(--motion-ease),
    transform var(--motion-reveal) var(--motion-ease),
    display var(--motion-reveal) allow-discrete;
}
body .autocomplete {
  max-height: min(360px, calc(var(--visible-height, 100dvh) * 0.42));
  overflow-y: auto;
  overscroll-behavior: contain;
}
body .site-header .account-menu[hidden],
body .autocomplete[hidden] {
  opacity: 0;
  transform: translateY(-6px);
  transition-duration: var(--motion-exit);
}
@starting-style {
  body .site-header .account-menu:not([hidden]),
  body .autocomplete:not([hidden]) {
    opacity: 0;
    transform: translateY(-6px);
  }
}
@supports (interpolate-size: allow-keywords) {
  body details {
    interpolate-size: allow-keywords;
  }
  body details::details-content {
    height: 0;
    overflow: clip;
    opacity: 0;
    transition:
      height var(--motion-reveal) var(--motion-ease),
      opacity var(--motion-exit) ease-out,
      content-visibility var(--motion-reveal) allow-discrete;
  }
  body details[open]::details-content {
    height: auto;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  body :is(#home-view, #market-view, #item-view):not([hidden]) {
    animation: view-change 160ms ease-out;
  }
  @keyframes view-change {
    from {
      opacity: 0.7;
    }
    to {
      opacity: 1;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-feedback: 80ms;
    --motion-reveal: 80ms;
    --motion-exit: 80ms;
  }
  body *,
  body *::before,
  body *::after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
  body .site-header.navigation-ready .site-nav.site-links,
  body .site-header.navigation-ready.menu-open .site-nav.site-links,
  body .site-header .account-menu,
  body .autocomplete {
    transform: none;
    transition-property: opacity, visibility, display;
    transition-duration: 80ms, 0s, 80ms;
    transition-delay: 0s;
  }
  body :is(.account-chevron, .compact-listing summary svg) {
    transition: none;
  }
  body details::details-content {
    transition:
      opacity 80ms ease-out,
      content-visibility 80ms allow-discrete;
  }
}

body .item-page button:is([data-series="sell"], [data-side="sell"]) {
  color: var(--offer-sell);
}
body .item-page button:is([data-series="buy"], [data-side="buy"]) {
  color: var(--offer-buy);
}

body .home-saved-price .price-secondary {
  display: none;
}
body .listing-toolbar {
  background: var(--surface-alt);
  border-block: 1px solid #4a4d4d;
  padding: 16px 20px;
  gap: 16px;
}
body .listing-toolbar label {
  display: grid;
  gap: 8px;
  flex: 0 1 200px;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 650;
  text-transform: none;
  letter-spacing: normal;
  color: #bdceda;
}
body .listing-toolbar label:first-child {
  flex-basis: 160px;
}
body .listing-toolbar :is(input, select) {
  width: 100%;
  height: 40px;
  margin: 0;
}
body .listing-toolbar #listing-meta {
  margin-left: auto;
  padding-bottom: 11px;
}
@media (max-width: 700px) {
  body .listing-toolbar {
    padding: 14px;
    gap: 14px;
  }
  body .listing-toolbar label {
    flex: 1 1 calc(50% - 7px);
  }
  body .listing-toolbar label:first-child {
    flex-basis: 100%;
  }
  body .listing-toolbar #listing-meta {
    padding: 0;
  }
}
@media (min-width: 901px) {
  body .item-heading {
    grid-template-columns: minmax(0, 1fr) 270px;
    align-items: start;
    gap: 20px;
  }
  body #item-hero {
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: start;
    gap: 20px;
  }
  body .item-median {
    display: grid;
    gap: 6px;
    padding: 16px;
  }
  body .item-median #hero-price {
    margin: 0;
    font-size: 36px;
    line-height: 1.15;
  }
  body .item-median .price-secondary {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.4;
  }
  body .item-median .median-period {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  body .item-heading {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  body #item-hero {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}
body .seg [data-side="sell"].is-active {
  background: var(--offer-sell-bg);
  color: var(--offer-sell);
}
body .seg [data-side="buy"].is-active {
  background: var(--offer-buy-bg);
  color: var(--offer-buy);
}
@media (min-width: 601px) and (max-width: 900px) {
  body .home-watchlist-row {
    grid-template-columns: minmax(0, 1fr) 60px 68px;
  }
}
@media (max-width: 600px) {
  body .home-watchlist-row {
    grid-template-columns: minmax(0, 1fr) 68px 68px;
  }
  body .home-view .hero-actions a {
    min-height: 48px;
    flex-direction: row;
  }
  body .home-view #item-search .search-summary {
    margin: 8px 0 14px;
  }
}

/* Three leafy menu bars share the tree's trunk; opening turns the branches into a close mark. */
body .site-header .site-menu-toggle .tree-menu-icon {
  width: 44px;
  height: 48px;
  flex: 0 0 44px;
  stroke: none;
  overflow: visible;
}
body .site-header .site-menu-toggle {
  padding: 0;
}
body .site-header .site-menu-toggle:hover {
  background: #153529;
}
.tree-menu-branch {
  transform-box: view-box;
  transform-origin: 24px 24px;
  transition:
    transform var(--motion-reveal) var(--motion-ease),
    opacity var(--motion-exit) ease-out;
}
body .site-header .site-menu-toggle[aria-expanded="true"] .tree-menu-top {
  transform: rotate(45deg) translateY(14px);
}
body .site-header .site-menu-toggle[aria-expanded="true"] .tree-menu-bottom {
  transform: rotate(-45deg) translateY(-12px);
}
body .site-header .site-menu-toggle[aria-expanded="true"] .tree-menu-middle {
  opacity: 0;
  transform: scaleX(0.5);
}
@media (max-width: 600px) {
  body .site-header .site-menu-toggle {
    width: 44px;
    min-width: 44px;
    height: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tree-menu-branch {
    transition: opacity 80ms ease-out;
  }
}

/* Raised section faces share an upper light source; rows and fields stay recessed. */
body
  :is(
    .account-panel,
    .account-guest,
    .flip-panel,
    .ads-panel,
    .market-controls,
    .tool-panel,
    .seo-catalogue,
    .world-card,
    .permission-summary,
    .quote-table,
    .world-frame
  ),
body .home-personal-grid > :is(.home-watchlist, .recent-section),
body .home-view .category-section,
body .item-workspace :is(.chart-panel, .market-info, .tool-panel),
body .item-page .listings-panel {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
}
body .item-median {
  background: var(--median-face);
  border-color: var(--line) var(--line) var(--line);
  border-radius: 12px;
  box-shadow: var(--median-elevation);
}
body .item-median :is(.price-secondary, .median-label, .median-period) {
  color: #c5d9e5;
}
body .item-median #hero-price {
  color: #f5fbff;
  text-shadow: none;
}
body #daily-quest,
body .offer-notice {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
}
#popular-price-grid .home-price-card {
  background: var(--card-face);
  border-color: var(--panel-rim);
  box-shadow: var(--card-elevation);
}
#popular-price-grid .home-price-card:hover {
  background: var(--card-hover-face);
  border-color: var(--border-strong) var(--border-strong) var(--border-strong);
  box-shadow:
    0 7px 14px -6px #000c,
    inset 0 1px #c5f2ee24;
}
body .home-view .category-card {
  box-shadow:
    inset 0 1px #bfe8ff12,
    0 2px 3px #0003;
}
body .item-page :is(.chart-panel, .market-info, .listings-panel) > .panel-title {
  border-bottom: 1px solid var(--line);
}
body .chart-series button[aria-pressed="false"] {
  opacity: 1;
}
body .chart-series button[aria-pressed="false"] i {
  opacity: 0.45;
}
body .site-header .account-menu {
  box-shadow: 0 16px 32px #14191499;
}
/* Overview hierarchy: side medians, observed range, then activity metadata. */
body .chart-explorer:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 12px 0;
}
body .chart-explorer label {
  color: var(--text);
  font-size: 12px;
}
body .chart-explorer input[type="range"] {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 28px;
  margin: 0;
  padding: 0;
}
body .chart-readout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-top: 1px solid var(--line);
  border-radius: 0 0 6px 6px;
}
body .chart-readout > time {
  grid-column: 1;
  grid-row: 1;
  color: var(--text);
  font-size: 12px;
}
body .chart-readout > span:last-child:not(.chart-quotes) {
  grid-column: 2;
  grid-row: 1;
  color: var(--muted);
  text-align: right;
}
body .chart-readout .chart-quotes {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
  gap: 12px;
}
body .chart-quotes > span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
body .chart-quotes strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}
body .chart-quotes .price-secondary {
  font-size: 11px;
  font-weight: 400;
  margin-top: 3px;
}
body .item-workspace .stats-row:has([data-stat]) {
  gap: 8px 14px;
  padding: 16px;
}
body .item-workspace .stat-card[data-stat] {
  padding: 12px;
}
body .item-workspace .stat-card[data-stat] .stat-label {
  color: var(--text);
  font-size: 12px;
  font-weight: 650;
  margin-bottom: 6px;
  min-height: 18px;
  line-height: 18px;
}
body .item-workspace .stat-card[data-stat] .stat-value {
  font-size: 22px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
body .item-workspace .stat-card[data-stat] .price-secondary {
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
  margin-top: 4px;
}
body .item-workspace .stat-card:is([data-stat="sell"], [data-stat="buy"]) {
  --stat-accent: var(--offer-sell);
  border-radius: 7px;
  border-top: 2px solid var(--stat-accent);
  background: linear-gradient(160deg, #3b2029, #271b25);
}
body .item-workspace .stat-card[data-stat="buy"] {
  --stat-accent: var(--offer-buy);
  background: linear-gradient(160deg, #103c2e, #102b25);
}
body
  .item-workspace
  .stat-card:is([data-stat="buy"], [data-stat="sell"])
  :is(.stat-label, .stat-value) {
  color: var(--stat-accent);
}
body .item-workspace .stat-card:is([data-stat="high"], [data-stat="low"]) {
  border-bottom: 1px solid var(--line);
}
body .item-workspace .stat-card:is([data-stat="count"], [data-stat="updated"]) .stat-value {
  font-size: 17px;
  font-weight: 650;
  color: var(--text);
}
body .item-workspace .stats-row:has([data-stat]) + .range-evidence {
  margin-top: 0;
}
@media (min-width: 701px) {
  body .item-workspace .stats-row:has([data-stat]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  body .item-workspace .stats-row:has([data-stat]) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .item-workspace .stat-card[data-stat] .stat-value {
    font-size: 19px;
  }
}
/* Compact default density keeps the workspace useful at normal browser zoom. */
body,
body.account-site,
body.ads-site {
  font-size: 13px;
}
body .site-header .topbar-inner {
  min-height: 56px;
  padding-block: 3px;
  max-width: 1600px;
}
body .site-header .logo {
  font-size: 25px;
}
body .page-shell,
body .home-view .market-content {
  max-width: 1600px;
  padding-inline: 20px;
}
body .item-page {
  padding-top: 12px;
}
body .item-nav {
  margin-bottom: 12px;
}
body .item-hero-main h1 {
  font-size: 28px;
  line-height: 1.15;
  margin-bottom: 6px;
}
body .item-identity .tick.lg {
  width: 72px;
  height: 72px;
  min-width: 72px;
  flex-basis: 72px;
}
body .item-identity .tick.lg img {
  width: 54px;
  height: 54px;
}
body .item-median {
  display: grid;
  gap: 4px;
  padding: 12px;
}
body .item-median #hero-price {
  font-size: 30px;
  margin: 0;
}
body .item-median .price-secondary {
  font-size: 12px;
  margin-top: 0;
}
body .item-median .median-period {
  font-size: 11px;
}
body .item-offer-note {
  margin-block: 12px 16px;
  font-size: 11px;
}
body :is(.item-workspace, .item-analysis, .item-tools-grid) {
  gap: 14px;
}
body .item-page :is(.chart-title, h2.panel-title, .listing-title) {
  padding: 12px 14px;
  gap: 8px;
}
body .item-page :is(.panel-title h2, h2.panel-title),
body .home-view .section-bar h2 {
  font-size: 17px;
}
body .item-page .section-icon {
  width: 21px;
  height: 21px;
}
body .chart-canvas {
  height: 240px;
  min-height: 240px;
}
body .chart-explorer:not([hidden]) {
  padding-block: 8px;
  gap: 2px;
  margin-top: 0;
}
body .chart-readout {
  padding: 10px;
  gap: 8px;
}
body .chart-quotes strong {
  font-size: 16px;
}
body .item-workspace .stats-row:has([data-stat]) {
  padding: 12px;
  gap: 6px 10px;
}
body .item-workspace .stat-card[data-stat] {
  padding: 9px;
}
body .item-workspace .stat-card[data-stat] .stat-value {
  font-size: 19px;
}
body .item-workspace .stat-card:is([data-stat="count"], [data-stat="updated"]) .stat-value {
  font-size: 15px;
}
body .item-workspace .stat-card[data-stat] .stat-label {
  font-size: 11px;
  margin-bottom: 4px;
}
body .item-page .listings-panel {
  margin-top: 16px;
}
body .listing-toolbar {
  padding: 12px 14px;
  gap: 12px;
}
body .listing-toolbar label {
  gap: 6px;
}
body :is(.home-watchlist-row, .home-recent-row) {
  min-height: 52px;
  padding-block: 7px;
}
body .home-personal-grid > :is(.home-watchlist, .recent-section),
body .home-view .category-section {
  padding: 12px;
}
body .home-view .home-personal-grid {
  gap: 14px;
  margin-bottom: 16px;
}
body .home-view .category-section {
  margin-bottom: 16px;
}
body :is(.account-panel, .account-guest, .flip-panel, .ads-panel) {
  padding: 18px;
}
body #item-search {
  min-height: 310px;
  padding: 18px 20px;
}
#item-search .landing-layout {
  max-width: 1560px;
  row-gap: 14px;
}
body #search-title {
  font-size: clamp(28px, 2.4vw, 36px);
}
#item-search .search-bar {
  height: 50px;
}
@media (min-width: 901px) {
  #item-search .landing-layout {
    grid-template-rows: 1fr 60px;
  }
  body .chart-readout {
    grid-template-columns: 160px minmax(0, 1fr) auto;
    align-items: center;
  }
  body .chart-readout .chart-quotes {
    grid-column: 2;
    grid-row: 1;
  }
  body .chart-readout > span:last-child:not(.chart-quotes) {
    grid-column: 3;
  }
}
@media (max-width: 700px) {
  body .page-shell,
  body .home-view .market-content {
    padding-inline: 12px;
  }
  body #item-search {
    padding: 16px 12px;
    min-height: 0;
  }
  body #item-search .landing-layout {
    gap: 12px;
  }
  body #search-title {
    font-size: 28px;
  }
  body #item-search .search-summary {
    margin: 8px 0 12px;
  }
  body .item-hero-main h1 {
    font-size: 24px;
  }
  body .item-identity .tick.lg {
    width: 52px;
    height: 52px;
    min-width: 52px;
    flex-basis: 52px;
  }
  body .item-identity .tick.lg img {
    width: 40px;
    height: 40px;
  }
  body :is(.item-heading, #item-hero) {
    gap: 10px;
  }
  body .item-median #hero-price .price-display {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
  }
  body .item-page .chart-title {
    padding: 10px;
  }
  body .item-page .chart-title h2 {
    font-size: 16px;
  }
  body .chart-box {
    padding: 0 10px 10px;
  }
  body :is(.account-panel, .account-guest, .flip-panel, .ads-panel) {
    padding: 14px;
  }
  body .site-header .site-nav a,
  body .item-action {
    min-height: 44px;
  }
}
@media (forced-colors: active) {
  body .item-median,
  body .item-workspace :is(.chart-panel, .market-info, .tool-panel),
  body .item-page .listings-panel,
  #popular-price-grid .home-price-card {
    border-color: CanvasText;
  }
}

/* The landscape belongs to the page; each information surface protects its own contrast. */
:root {
  --backdrop-base: oklch(24% 0.04 237);
  --backdrop-label: oklch(93% 0.02 237);
  --backdrop-scrim-top: oklch(19% 0.04 237 / 0.55);
  --backdrop-scrim-bottom: oklch(19% 0.04 237 / 0.2);
  --backdrop-landscape: url("/_releases/3aea3df4b649949c74784efc046265d1161c0260/static/game/daytime-forest.webp");
}
body,
body.account-site,
body.ads-site {
  position: relative;
  isolation: isolate;
  background: var(--backdrop-base);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--backdrop-base);
  background-image:
    linear-gradient(var(--backdrop-scrim-top), var(--backdrop-scrim-bottom)),
    var(--backdrop-landscape);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  body::before {
    display: none;
  }
}

body :is(.item-updated, .item-offer-note, .item-nav > span) {
  color: var(--backdrop-label);
}
@media (max-width: 700px) {
  body::before {
    background-position: left center;
  }
}
/* Sitewide audit: explicit return navigation and a shared spacing rhythm. */
:root {
  --page-start: 24px;
  --section-gap: 20px;
}
body .site-header .site-home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 7px;
  min-height: 44px;
  margin-left: auto;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--control-face);
  color: var(--text);
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  transition:
    background var(--motion-feedback),
    border-color var(--motion-feedback);
}
body .site-header .site-home-link[hidden] {
  display: none;
}
body .site-header .site-home-link svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body .site-header .site-home-link:hover {
  background: var(--control-hover);
  border-color: var(--border-strong);
}
body .site-header .site-home-link:not([hidden]) + .site-account {
  margin-left: 0;
}
body :is(.collection-layout, .account-layout, .flip-layout, .ads-layout, .management-layout) {
  padding: var(--page-start) var(--page-gutter) 48px;
  margin-inline: auto;
}
body .collection-layout {
  width: 100%;
  max-width: 1180px;
}
body .account-layout {
  gap: 24px;
}
body .account-layout.is-guest {
  max-width: 540px;
}
body :is(.collection-heading, .page-heading, .flip-heading, .ads-heading) {
  padding: 0;
  margin: 0 0 var(--section-gap);
  border: 0;
}
body :is(.collection-heading, .page-heading, .flip-heading, .ads-heading) h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
/* Routed headings retain screen-reader focus without looking like selected controls. */
body :is(h1, h2)[tabindex="-1"]:focus {
  outline: none;
}
body .account-nav {
  top: 76px;
  padding: 6px;
  gap: 4px;
}
body .account-nav a {
  min-height: 44px;
  padding: 8px 12px;
  font-size: 14px;
}
body .account-panel {
  padding: 20px;
}
body .profile-heading {
  padding-bottom: 16px;
}
body .profile-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0 0 20px;
}
body .profile-details > div {
  padding: 16px 0 0;
  border: 0;
  min-width: 0;
}
body .profile-details dt {
  font-size: 12px;
  margin-bottom: 6px;
}
body .profile-details dd {
  font-size: 16px;
}
body #profile-panel > .account-submit {
  width: auto;
  display: inline-flex;
  min-height: 44px;
}
body .account-avatar.large {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  font-size: 24px;
}
body .account-panel h2 {
  font-size: 22px;
  line-height: 1.3;
}
body .collection-tools {
  gap: 12px;
  padding: 16px;
}
body .collection-tools label {
  font-size: 12px;
  gap: 6px;
}
body .collection-tools :is(input, select) {
  min-height: 44px;
  height: 44px;
  padding: 8px 10px;
  font-size: 14px;
}
body .collection-tools .secondary-button {
  min-height: 44px;
}
body .collection-meta {
  margin: 18px 0 12px;
  font-size: 13px;
}
body :is(.collection-meta, .collection-note, .alerts-guide) {
  color: var(--backdrop-label);
}
body .collection-note {
  font-size: 12px;
  margin-top: 14px;
}
body.account-site .saved-row {
  padding: 12px 16px;
  gap: 16px;
}
body #watchlist-items {
  gap: 12px;
}
body #watchlist-items .saved-price > .market-account-evidence {
  color: var(--reading-muted);
  font-size: 13px;
  line-height: 1.5;
}
@media (min-width: 1101px) {
  body #watchlist-items .saved-row {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  }
}
body .saved-item-name {
  font-size: 15px;
}
body .saved-item-link {
  gap: 12px;
  min-height: 48px;
}
body .saved-row .tick {
  width: 40px;
  height: 40px;
}
body .saved-row .listing-price > strong {
  font-size: 20px;
}
body .saved-row-actions {
  margin: 0;
}
body .flip-heading {
  align-items: start;
}
body .flip-heading p {
  font-size: 14px;
  margin: 8px 0 0;
  color: var(--backdrop-label);
}
body .flip-offer-label {
  background: var(--reading-face-alt);
  border: 1px solid var(--line);
  color: var(--muted);
  margin-top: 44px;
}
body .flip-filters {
  padding: 16px;
}
body .flip-filter-grid,
body .flip-filter-row {
  gap: 12px;
}
body .flip-filter-row {
  margin-top: 14px;
}
body .flip-mode-control {
  margin-bottom: 14px;
}
body .flip-filters :is(input:not([type="checkbox"]), select) {
  min-height: 44px;
  height: 44px;
  font-size: 14px;
}
body :is(.flip-results-bar, .flip-loading, .flip-pagination) {
  color: var(--backdrop-label);
}
body .flip-results-bar {
  gap: 8px 16px;
  margin: 24px 0 12px;
}
body #flip-count {
  scroll-margin-top: 100px;
}
body .flip-gain {
  padding: 6px 10px;
  border-radius: 6px;
}
body .flip-gain strong {
  color: var(--offer-buy);
}
body
  :is(.flip-gain small, .flip-gain > span, .flip-source-title, .flip-source-meta, .flip-quantity) {
  color: var(--muted);
}
body .flip-source-title b,
body .flip-source .price-primary {
  color: var(--text);
}
body .flip-notice,
body .flip-error {
  background: var(--surface-alt);
  color: #f0dbaf;
  border: 1px solid #675538;
  border-radius: 8px;
}
body .flip-error {
  background: var(--offer-sell-bg);
  color: #ffccd0;
  border-color: #78464d;
}
body .flip-trade-arrow {
  color: var(--aqua);
}
body .flip-world .flip-text-button,
body .flip-card-foot a {
  color: var(--accent-text);
}
body .flip-card-foot {
  background: var(--reading-face);
  border-color: var(--line);
  color: var(--muted);
}
body .flip-card-head {
  background: var(--reading-face-alt);
  border-color: var(--line);
}
body .flip-source {
  background: var(--reading-face);
  border-color: var(--line);
}
body .flip-empty-symbol {
  color: var(--aqua);
}
body .flip-empty p,
body .flip-method p {
  color: var(--muted);
}
body .seo-catalogue {
  width: calc(100% - var(--page-gutter) * 2);
  max-width: 1120px;
  padding: 24px;
  margin: var(--page-start) auto 40px;
}
body .search-guide {
  max-width: 800px;
  margin: 0 auto;
}
body .seo-catalogue h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 16px 0 12px;
}
body .seo-catalogue .directory-method {
  font-size: inherit;
}
body .seo-catalogue .directory-method > summary {
  min-height: 44px;
  padding: 10px 0;
}
body .seo-catalogue .directory-pager {
  gap: 8px 14px;
  margin: 12px 0;
}
body .seo-catalogue .directory-pager > span {
  display: inline;
  white-space: nowrap;
}
body .seo-catalogue :is(.directory-method a, .directory-pager a, .directory-pages a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
}
body .search-guide h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 24px 0 12px;
}
body .search-guide h3 {
  font-size: 17px;
}
body .search-guide p {
  line-height: 1.65;
}
body .search-guide .price-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
}
body .price-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
body .guide-cards {
  gap: 12px;
}
body .guide-cards > a {
  padding: 16px;
}
body .guide-feature {
  padding: 20px;
}
body .guide-feature h2 {
  margin-top: 0;
}
/* Task guides: quiet reading surfaces, distinct examples and clear next actions. */
body .search-guide.visual-guide {
  --guide-example: #d7baff;
  --guide-caution: #ffda91;
  max-width: 1080px;
  font-size: 16px;
  line-height: 1.65;
}
body .visual-guide :is(h2, h3, [id]) {
  scroll-margin-top: 110px;
}
body .visual-guide .guide-heading {
  margin-block: 20px 32px;
}
body .visual-guide .guide-heading h1 {
  max-width: 26ch;
  font-size: clamp(28px, 3.5vw, 42px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  margin: 0 0 14px;
}
body .visual-guide .guide-intro {
  font-size: 18px;
  max-width: 65ch;
  margin: 0;
  color: var(--muted);
}
body .visual-guide .guide-start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 18px 22px;
  margin-top: 26px;
  border-left: 3px solid var(--guide-caution);
  border-radius: 0 10px 10px 0;
  background: var(--reading-face);
}
body .visual-guide .guide-start strong {
  color: var(--guide-caution);
}
body .visual-guide .guide-start p {
  margin: 4px 0 0;
  max-width: 64ch;
  font-size: 14px;
}
body .visual-guide .guide-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 11px 18px;
  min-height: 44px;
  background: #32e7b7;
  color: #062f2a;
  border: 1px solid #32e7b7;
  border-radius: 8px;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
}
body .visual-guide .guide-action:hover {
  background: #61efce;
}
body .visual-guide .guide-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}
body .visual-guide .guide-toc {
  position: sticky;
  top: 105px;
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 4px 0;
  margin: 0;
  max-height: calc(100dvh - 125px);
  overflow-y: auto;
  font-size: 14px;
}
body .visual-guide .guide-toc > strong {
  margin: 0 12px 8px;
  color: var(--muted);
  font-size: 13px;
}
body .visual-guide .guide-toc a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 12px;
  border-left: 2px solid var(--reading-border);
  color: var(--text);
  text-decoration: none;
  line-height: 1.45;
}
body .visual-guide .guide-toc a:hover {
  color: var(--accent-text);
  border-color: var(--aqua);
  background: var(--reading-face);
}
body .visual-guide .guide-toc .guide-all {
  margin-top: 12px;
  color: var(--accent-text);
  border: 0;
}
body .visual-guide .guide-contents {
  position: sticky;
  top: 105px;
  min-width: 0;
  max-height: calc(100dvh - 125px);
  overflow-y: auto;
}
body .visual-guide .guide-contents > summary {
  min-height: 44px;
  align-content: center;
  padding: 9px 12px;
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}
body .visual-guide .guide-contents .guide-toc {
  position: static;
  max-height: none;
  overflow: visible;
}
body .visual-guide .guide-body {
  min-width: 0;
}
body .visual-guide .guide-section {
  margin: 0 0 38px;
  padding: 0 0 30px;
  border-bottom: 1px solid var(--reading-border);
}
body .visual-guide .guide-section > h2 {
  font-size: 25px;
  margin: 0 0 20px;
  line-height: 1.25;
}
body .visual-guide .guide-section > h2:target {
  color: var(--accent-text);
}
body .visual-guide .guide-steps {
  margin: 22px 0;
}
body .visual-guide .guide-steps > li {
  padding: 0 0 22px 48px;
  margin: 0;
  border: 0;
}
body .visual-guide .guide-steps > li:last-child {
  padding-bottom: 0;
}
body .visual-guide .guide-steps > li::before {
  background: var(--aqua);
  color: #062f2a;
  border-color: var(--aqua);
  font-size: 14px;
  font-weight: 800;
}
body .visual-guide .guide-steps h3 {
  font-size: 18px;
  margin: 2px 0 6px;
  line-height: 1.4;
}
body .visual-guide .guide-steps p {
  margin: 0;
}
body .visual-guide .guide-steps strong {
  color: var(--text);
  font-weight: 800;
}
body .visual-guide .guide-figure {
  margin: 24px 0;
  padding: 10px;
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  background: var(--reading-face);
}
body .visual-guide .guide-figure a {
  display: block;
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: auto;
}
/* Intrinsic guide dimensions stay in CSS because the site blocks inline styles. */
body .visual-guide .guide-figure img[width="343"][height="781"] {
  --guide-image-width: 343px;
  --guide-image-ratio: 343 / 781;
}
body .visual-guide .guide-figure img[width="250"][height="251"] {
  --guide-image-width: 250px;
  --guide-image-ratio: 250 / 251;
}
body .visual-guide .guide-figure img[width="659"][height="850"] {
  --guide-image-width: 659px;
  --guide-image-ratio: 659 / 850;
}
body .visual-guide .guide-figure img[width="952"][height="306"] {
  --guide-image-width: 952px;
  --guide-image-ratio: 952 / 306;
}
body .visual-guide .guide-figure img[width="990"][height="130"] {
  --guide-image-width: 990px;
  --guide-image-ratio: 990 / 130;
}
body .visual-guide .guide-figure img[width="620"][height="606"] {
  --guide-image-width: 620px;
  --guide-image-ratio: 620 / 606;
}
body .visual-guide .guide-figure img[width="706"][height="557"] {
  --guide-image-width: 706px;
  --guide-image-ratio: 706 / 557;
}
body .visual-guide .guide-figure img[width="270"][height="543"] {
  --guide-image-width: 270px;
  --guide-image-ratio: 270 / 543;
}
body .visual-guide .guide-figure img[width="990"][height="416"] {
  --guide-image-width: 990px;
  --guide-image-ratio: 990 / 416;
}
body .visual-guide .guide-figure img[width="990"][height="838"] {
  --guide-image-width: 990px;
  --guide-image-ratio: 990 / 838;
}
body .visual-guide .guide-figure img[width="990"][height="242"] {
  --guide-image-width: 990px;
  --guide-image-ratio: 990 / 242;
}
body .visual-guide .guide-figure img {
  /* Reserve the same geometry before lazy images acquire their natural size. */
  width: min(var(--guide-image-width), calc(640px * var(--guide-image-ratio)));
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--guide-image-ratio);
  max-height: 640px;
  margin: auto;
  border: 0;
  border-radius: 6px;
}
body .visual-guide .guide-enlarge {
  display: block;
  text-align: right;
  font-size: 12px;
  padding: 7px 3px 0;
  color: var(--accent-text);
  text-decoration: underline;
}
body .visual-guide .guide-figure figcaption {
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
  margin: 4px 4px 2px;
}
body .visual-guide .guide-callout {
  margin: 22px 0;
  padding: 16px 20px;
  background: var(--reading-face);
  border-left: 3px solid var(--border-strong);
  border-radius: 0 10px 10px 0;
}
body .visual-guide .guide-callout > strong {
  display: block;
  color: var(--accent-text);
  font-size: 15px;
}
body .visual-guide .guide-callout p {
  margin: 5px 0 0;
  font-size: 15px;
}
body .visual-guide .guide-success {
  border-color: #83e9b7;
}
body .visual-guide .guide-success > strong {
  color: #a4f4cb;
}
body .visual-guide .guide-success > strong::before {
  content: "✓ ";
}
body .visual-guide .guide-caution {
  border-color: var(--guide-caution);
}
body .visual-guide .guide-caution > strong {
  color: var(--guide-caution);
}
body .visual-guide .guide-example {
  margin: 24px 0;
  padding: 20px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-left: 3px solid var(--guide-example);
  border-radius: 0 12px 12px 0;
}
body .visual-guide .guide-example > h3 {
  margin: 0 0 12px;
  color: var(--guide-example);
  font-size: 18px;
}
body .visual-guide .guide-example p {
  margin: 12px 0 0;
}
body .visual-guide .guide-math {
  gap: 18px;
}
body .visual-guide .guide-math strong {
  font-size: 22px;
}
body .visual-guide .guide-help {
  border: 1px solid var(--reading-border);
  background: var(--reading-face);
  border-radius: 8px;
  padding: 0;
  margin: 10px 0;
}
body .visual-guide .guide-help summary {
  min-height: 48px;
  align-content: center;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
body .visual-guide .guide-help summary::marker {
  color: var(--accent-text);
}
body .visual-guide .guide-help[open] summary {
  color: var(--accent-text);
}
body .visual-guide .guide-help p {
  margin: 0;
  padding: 0 16px 16px;
  font-size: 15px;
}
body .visual-guide .guide-glossary {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) 3fr;
  gap: 0 20px;
  margin: 14px 0 22px;
}
body .visual-guide .guide-glossary :is(dt, dd) {
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid var(--reading-border);
}
body .visual-guide .guide-glossary dt {
  font-weight: 800;
}
body .visual-guide .guide-next {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 28px 0;
  padding: 20px;
  border-radius: 10px;
  background: var(--reading-face);
}
body .visual-guide .guide-next strong {
  flex-basis: 100%;
  font-size: 13px;
  color: var(--muted);
}
body .visual-guide .guide-next a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
body .visual-guide .guide-date {
  font-size: 12px;
  max-width: 80ch;
  color: var(--muted);
}
body .visual-guide .guide-feature {
  display: grid;
  grid-template-columns: 1fr 240px;
  align-items: center;
  gap: 28px;
  padding: 28px;
  margin: 26px 0;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-left: 4px solid var(--aqua);
}
body .visual-guide .guide-feature-label {
  display: inline-block;
  color: #a4f4cb;
  font-size: 14px;
  font-weight: 800;
}
body .visual-guide .guide-feature h2 {
  margin: 8px 0;
  font-size: 28px;
}
body .visual-guide .guide-feature p {
  margin: 0 0 18px;
  color: var(--muted);
}
body .visual-guide .guide-feature-link {
  color: var(--accent-text);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .visual-guide .guide-route {
  list-style: none;
  padding: 0 0 0 26px;
  margin: 0;
  border-left: 1px solid var(--reading-border);
  display: grid;
  gap: 16px;
}
body .visual-guide .guide-route li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
}
body .visual-guide .guide-route span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #062f2a;
  background: var(--aqua);
  font-size: 14px;
}
body .visual-guide .guide-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 36px;
}
body .visual-guide .guide-topics a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 15px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
}
body .visual-guide .guide-topic {
  --topic: var(--accent-text);
  margin-bottom: 36px;
}
body .visual-guide .guide-topic:has(#organize) {
  --topic: var(--guide-example);
}
body .visual-guide .guide-topic:has(#setup) {
  --topic: var(--guide-caution);
}
body .visual-guide .guide-topic > header {
  padding-left: 16px;
  border-left: 3px solid var(--topic);
  margin-bottom: 18px;
}
body .visual-guide .guide-topic h2 {
  color: var(--topic);
  margin: 0 0 4px;
  font-size: 23px;
}
body .visual-guide .guide-topic header p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
}
body .visual-guide .guide-cards {
  gap: 12px;
}
body .visual-guide .guide-cards > a {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 20px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
}
body .visual-guide .guide-cards h3 {
  margin: 0 0 7px;
  font-size: 19px;
}
body .visual-guide .guide-cards p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 15px;
}
body .visual-guide .guide-cards .guide-card-link {
  color: var(--topic);
  font-size: 13px;
  font-weight: 700;
}
body .visual-guide :is(.guide-feature, .guide-cards > a, .guide-topics a):hover {
  background: var(--reading-hover);
  border-color: var(--border-strong);
}
body .visual-guide .guide-hub-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--reading-border);
  padding-top: 20px;
}
body .visual-guide .guide-hub-help h2 {
  font-size: 18px;
  margin: 0;
}
body .visual-guide .guide-hub-help p {
  font-size: 14px;
}
body .visual-guide .guide-hub-help > a {
  font-size: 14px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
body .visual-guide :is(a, summary):focus-visible {
  outline: 3px solid var(--accent-text);
  outline-offset: 4px;
}
@media (max-width: 900px) {
  body .visual-guide .guide-contents {
    position: static;
    max-height: none;
    overflow: visible;
  }
  body .visual-guide .guide-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  body .visual-guide .guide-toc {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: none;
    padding: 14px;
    background: var(--reading-face);
    border-radius: 10px;
  }
  body .visual-guide .guide-toc > strong {
    flex-basis: 100%;
    margin: 0 6px 4px;
  }
  body .visual-guide .guide-toc a {
    border: 1px solid var(--reading-border);
    border-radius: 7px;
    padding: 8px 10px;
  }
  body .visual-guide .guide-toc .guide-all {
    margin: 0;
  }
  body .visual-guide .guide-start {
    align-items: start;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 600px) {
  body .search-guide.visual-guide {
    font-size: 15px;
  }
  body .visual-guide .guide-intro {
    font-size: 16px;
  }
  body .visual-guide .guide-start {
    padding: 16px;
  }
  body .visual-guide .guide-action {
    width: 100%;
    flex-shrink: 1;
  }
  body .visual-guide .guide-feature {
    grid-template-columns: 1fr;
    padding: 20px;
    gap: 20px;
  }
  body .visual-guide .guide-feature h2 {
    font-size: 25px;
  }
  body .visual-guide .guide-route {
    padding: 16px 0 0;
    border: 0;
    border-top: 1px solid var(--reading-border);
    gap: 12px;
  }
  body .visual-guide .guide-section > h2 {
    font-size: 23px;
  }
  body .visual-guide .guide-steps > li {
    padding-left: 42px;
  }
  body .visual-guide .guide-steps h3 {
    font-size: 17px;
  }
  body .visual-guide .guide-figure {
    padding: 6px;
  }
  body .visual-guide .guide-figure img {
    width: var(--guide-image-width);
    max-height: none;
  }
  body .visual-guide .guide-callout {
    padding: 14px 16px;
  }
  body .visual-guide .guide-example {
    padding: 16px;
  }
  body .visual-guide .guide-glossary {
    grid-template-columns: 1fr;
  }
  body .visual-guide .guide-glossary dt {
    border-bottom: 0;
    padding-bottom: 0;
  }
  body .visual-guide .guide-glossary dd {
    padding-top: 4px;
  }
  body .visual-guide .guide-hub-help {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
}
@media (forced-colors: active) {
  body .visual-guide :is(.guide-start, .guide-callout, .guide-example, .guide-feature) {
    border: 1px solid CanvasText;
  }
  body .visual-guide .guide-action {
    border-color: ButtonText;
  }
}

body .legal-page {
  max-width: 848px;
  padding: var(--page-start) var(--page-gutter) 48px;
}
body .legal-page article {
  max-width: none;
  padding: 24px 28px;
  margin-top: 16px;
  background: var(--panel-face);
  color: var(--text);
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 10px;
  box-shadow: var(--panel-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body .legal-page h1 {
  font-size: 30px;
}
body .legal-page h2 {
  font-size: 19px;
  margin: 28px 0 8px;
}
body .legal-page p {
  max-width: 76ch;
  font-size: 16px;
  line-height: 1.75;
}
body .legal-page .legal-kicker {
  color: var(--muted);
}
body .legal-page a {
  color: var(--accent-text);
  text-underline-offset: 3px;
}
body .legal-page > .back-btn {
  color: var(--text);
  text-decoration: none;
}
body :is(.account-footer, .collection-footer, .site-footer) a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 700px) {
  :root {
    --page-start: 20px;
    --section-gap: 16px;
  }
  body .site-header .topbar-inner {
    gap: 8px;
  }
  body .site-header .site-home-link {
    padding-inline: 9px;
    gap: 5px;
  }
  body .site-header .site-home-link svg {
    width: 14px;
  }
  body .site-header .logo {
    font-size: 22px;
  }
  body .site-header .brand-navigation {
    gap: 4px;
  }
  body :is(.collection-heading, .page-heading, .flip-heading, .ads-heading) h1 {
    font-size: 26px;
  }
  body .account-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  body .account-content {
    grid-column: 1;
  }
  body #account-sidebar {
    margin-bottom: 16px;
  }
  body .account-panel {
    padding: 16px;
  }
  body .profile-details {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  body .profile-details > div {
    padding-top: 12px;
  }
  body .profile-details > div + div {
    border-top: 1px solid var(--line);
  }
  body .collection-tools {
    padding: 14px;
    gap: 12px;
  }
  body .collection-tools.alert-list-tools {
    grid-template-columns: minmax(0, 1fr);
  }
  body .collection-tools :is(input, select),
  body .flip-filters :is(input:not([type="checkbox"]), select) {
    font-size: 16px;
  }
  body.account-site .saved-row {
    padding: 12px;
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 10px;
  }
  body #watchlist-items .saved-row > .saved-item-link {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }
  body #watchlist-items .saved-price {
    display: contents;
  }
  body #watchlist-items .saved-price > span {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    min-width: 0;
  }
  body #watchlist-items .saved-price > .market-account-evidence {
    grid-column: 1 / -1;
    margin: 0;
  }
  body .saved-item-link {
    gap: 8px;
  }
  body .saved-item-name {
    font-size: 14px;
  }
  body .saved-row .tick {
    width: 32px;
    height: 36px;
  }
  body .saved-row-actions {
    padding-top: 10px;
    border-color: var(--line);
  }
  body .flip-heading {
    display: block;
  }
  body .flip-offer-label {
    margin-top: 12px;
  }
  body .flip-error {
    flex-wrap: wrap;
  }
  body .seo-catalogue {
    padding: 16px;
  }
  body .seo-catalogue h1,
  body .legal-page h1 {
    font-size: 26px;
  }
  body .legal-page article {
    padding: 20px 16px;
  }
  body .search-guide h2 {
    font-size: 21px;
  }
  body .guide-feature {
    padding: 16px;
  }
}
@media (max-width: 360px) {
  body .site-header .topbar-inner {
    padding-inline: 8px;
    gap: 4px;
  }
  body .site-header .logo {
    font-size: 20px;
  }
  body .site-header .site-home-link {
    padding-inline: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .site-header .site-home-link {
    transition: none;
  }
}
/* Initial disclosure state is immediate; only user-driven opening/closing animates. */
body .site-header.navigation-ready:not(.navigation-settled) .site-nav.site-links {
  transition: none;
}
body.world-copy-page > :is(.site-header, .alpha-banner) {
  width: 100%;
  margin-inline: 0;
}
body.world-copy-page .world-card {
  margin-block: var(--page-start) 40px;
  padding: 24px;
}
body.world-copy-page h1 {
  margin: 0 0 20px;
  font-size: 30px;
}
body.world-copy-page #copy-status {
  margin: 16px 0;
  min-height: 0;
  color: var(--muted);
}
body.world-copy-page .back-link {
  color: var(--accent-text);
}
body .legal-page article {
  margin-top: 0;
}
body .item-page .chart-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title range" "series series";
  align-items: center;
  gap: 10px 12px;
}
body .item-page .chart-title h2 {
  grid-area: title;
  width: auto;
  margin: 0;
}
body .item-page .chart-title .seg {
  grid-area: range;
  margin: 0;
}
body .item-page .chart-title .chart-series {
  grid-area: series;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  min-width: 0;
  justify-content: flex-start;
  gap: 6px;
  margin: 0;
}
body .item-page .chart-title .chart-series button {
  min-height: 36px;
}
body .empty-alerts {
  padding: 24px;
}
body .empty-alerts h2 {
  font-size: 21px;
  margin: 0 0 10px;
}
body .empty-alerts p {
  margin: 8px auto 12px;
}
/* Management: one spacing rhythm, grouped navigation, and quiet reading surfaces. */
body.management-site {
  --management-gap: 20px;
  --management-inset: 20px;
  --management-panel: var(--panel-face);
}
body.management-site .management-layout {
  grid-template-columns: 208px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
body.management-site .management-sidebar {
  min-width: 0;
}
body.management-site .management-sidebar .account-nav {
  display: grid;
  gap: 16px;
  padding: 16px 8px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: none;
}
body.management-site .management-nav-group {
  display: grid;
  gap: 4px;
}
body.management-site .management-nav-group h2 {
  margin: 0 12px 4px;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
body.management-site .management-sidebar .account-nav a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: var(--text);
  text-align: left;
  white-space: nowrap;
}
body.management-site .management-sidebar .account-nav a:hover {
  background: var(--control-hover);
}
body.management-site .management-sidebar .account-nav a[aria-current="page"] {
  background: var(--selected);
  border-color: var(--selected-border);
  color: var(--text);
}
body.management-site :is(.management-mobile-nav, .management-mobile-profile) {
  display: none;
}
body.management-site
  :is(.management-back, .management-session, .management-updated, #management-loading) {
  color: var(--backdrop-label);
}
body.management-site .management-back {
  padding: 16px 12px 8px;
  font-size: 13px;
}
body.management-site #management-access {
  margin: 8px 12px 16px;
  font: 400 12px/1.5 var(--font);
  color: var(--backdrop-label);
}
body.management-site .management-session {
  border-top: 1px solid var(--line);
  padding: 16px 12px 0;
  gap: 8px;
  font-size: 12px;
}
body.management-site .management-heading {
  min-height: 56px;
  margin-bottom: var(--management-gap);
  align-items: center;
}
body.management-site .management-eyebrow {
  color: var(--backdrop-label);
  font: 600 13px/1.4 var(--font);
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 4px;
}
body.management-site .management-heading h1 {
  font-size: 28px;
  overflow-wrap: anywhere;
}
body.management-site
  :is([data-section], .management-overview-grid, #payments-results, #item-content) {
  display: grid;
  min-width: 0;
  gap: var(--management-gap);
}
body.management-site :is([data-section], #payments-results, #item-content) {
  grid-template-columns: minmax(0, 1fr);
}
body.management-site #item-content > p {
  margin: 0;
}
body.management-site #interest-stats {
  margin: 0;
}
body.management-site :is(.account-panel, .management-profile-card) {
  margin: 0;
  padding: var(--management-inset);
  min-width: 0;
}
body.management-site .account-panel {
  background: var(--management-panel);
  border: 1px solid var(--line);
  box-shadow: none;
  backdrop-filter: none;
}
body.management-site .account-panel > :first-child {
  margin-top: 0;
}
body.management-site .account-panel > :last-child {
  margin-bottom: 0;
}
body.management-site .account-panel :is(h2, h3, h4) {
  line-height: 1.3;
  overflow-wrap: anywhere;
}
body.management-site .account-panel h2 {
  font-size: 20px;
  margin: 0 0 16px;
}
body.management-site .account-panel :is(h3, h4) {
  font-size: 17px;
}
body.management-site
  :is(.management-panel-heading, .management-profile-card .management-panel-heading) {
  margin: 0 0 12px;
  gap: 12px;
}
body.management-site .management-panel-heading :is(h2, h3, h4, p) {
  margin: 0;
}
body.management-site .account-panel p {
  margin: 0 0 12px;
  line-height: 1.55;
}
body.management-site .management-note {
  font: 400 13px/1.55 var(--font);
  color: var(--muted);
  max-width: 80ch;
}
body.management-site :is(.management-note, .management-updated):empty {
  display: none;
}
body.management-site .management-stats {
  gap: 12px;
  margin: 0;
}
body.management-site .management-stat,
body.management-site .management-stat.pro {
  padding: 16px;
  gap: 6px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: none;
  color: var(--muted);
  transform: none;
}
body.management-site .management-stat:hover {
  background: var(--surface-alt);
  border-color: var(--border-strong);
}
body.management-site .management-stat strong {
  font-size: 28px;
  font-weight: 800;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
body.management-site .management-stat.pro strong {
  color: var(--chart-median);
}
body.management-site .management-stat small {
  font: 400 12px/1.45 var(--font);
  color: var(--muted);
}
body.management-site .management-overview-grid,
body.management-site .management-profile-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--management-gap);
  align-items: start;
}
body.management-site .management-profile-card {
  background: var(--surface);
  border: 1px solid var(--line);
  gap: 12px;
}
body.management-site .management-profile-card > :is(h3, h4, p) {
  margin: 0;
}
body.management-site .management-profile-card > .management-panel-heading {
  margin: 0;
}
body.management-site :is(.management-facts, .management-profile-card .management-facts) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 8px 16px;
  margin: 0;
  font-size: 13px;
}
body.management-site .management-facts dt,
body.management-site .management-table-wrap :is(th, small),
body.management-site .management-event-top time {
  color: var(--muted);
  font-family: var(--font);
}
body.management-site .management-facts dd {
  color: var(--text);
  min-width: 0;
}
body.management-site :is(.management-actions, .management-email-selection) {
  gap: 8px;
}
body.account-site #alert-side {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font-size: 16px;
  padding: 10px 12px;
}

body.management-site :is(input:not([type="checkbox"]), select, textarea) {
  font-family: var(--font);
  font-size: 16px;
  min-height: 44px;
  min-width: 0;
  max-width: 100%;
}
body.management-site :is(.account-submit, .secondary-button, .management-close) {
  min-height: 44px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  text-align: center;
}
body.management-site .management-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
body.management-site :is(#interest-filters, #ads-filters) {
  margin: 0;
}
body.management-site .management-activity-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
}
body.management-site .management-activity-filters label {
  min-width: 0;
}
body.management-site #user-filters {
  grid-template-columns: minmax(0, 1fr) auto;
}
body.management-site #user-filters .management-search {
  grid-column: auto;
}
body.management-site .management-filter-options {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  padding-top: 4px;
}
body.management-site .management-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding-top: 12px;
}
body.management-site details::details-content {
  transition: none;
}
body.management-site summary {
  cursor: pointer;
  min-height: 44px;
  padding-block: 10px;
  font-weight: 700;
  color: var(--text);
  overflow-wrap: anywhere;
}
body.management-site summary:focus-visible {
  outline: 2px solid var(--aqua);
  outline-offset: 3px;
  border-radius: 4px;
}
body.management-site summary::marker {
  color: var(--accent-text);
}
body.management-site .management-table-wrap {
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  overscroll-behavior-inline: contain;
}
body.management-site .management-table-wrap :is(th, td) {
  border-color: var(--line);
  padding: 12px;
}
body.management-site .management-table-wrap th {
  background: var(--surface-alt);
}
body.management-site .management-table-wrap tr:last-child td {
  border-bottom: 0;
}
body.management-site .management-table-wrap tbody tr:hover {
  background: var(--surface-alt);
}
body.management-site :is(.management-user-link, .management-event-change),
body.management-site .account-panel a:not(.secondary-button):not(.account-submit) {
  color: var(--accent-text);
}
body.management-site .management-badge {
  background: var(--surface-alt);
  color: var(--text);
  border: 1px solid var(--control-border);
  box-shadow: none;
  font-size: 11px;
  line-height: 1.5;
}
body.management-site .management-badge.pro {
  color: var(--chart-median);
  border-color: var(--chart-median);
}
body.management-site .management-badge.suspended {
  color: var(--red);
  border-color: var(--red);
}
body.management-site .management-badge.unverified {
  color: var(--chart-median);
}
body.management-site .management-profile-header {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 16px;
  padding: 20px 0;
}
body.management-site .management-profile-header h2 {
  font-size: 24px;
  margin: 0;
}
body.management-site .management-profile-header p {
  margin: 4px 0 8px;
  font-size: 13px;
}
body.management-site .management-profile-avatar {
  width: 48px;
  height: 48px;
  font-size: 22px;
}
body.management-site .management-profile-actions {
  grid-column: auto;
  min-width: 0;
}
body.management-site .management-profile-actions .management-actions {
  padding: 8px 0;
  max-width: 380px;
}
body.management-site .management-profile-tabs {
  gap: 4px;
  padding-bottom: 16px;
}
body.management-site .management-profile-tabs .secondary-button {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-inline: 10px;
}
body.management-site .management-profile-tabs [aria-current="page"] {
  background: var(--selected);
  border-color: var(--selected-border);
}
body.management-site .management-profile-section {
  padding-top: 20px;
}
body.management-site .management-profile-section > h3 {
  margin: 0 0 16px;
  font-size: 20px;
}
body.management-site .management-profile-stats {
  gap: 12px;
  margin: 0 0 20px;
}
body.management-site .management-profile-stats > div {
  padding: 16px;
  gap: 6px;
  background: var(--surface);
}
body.management-site .management-profile-stats strong {
  font-size: 24px;
  font-weight: 800;
}
body.management-site .management-alert-history {
  margin-top: 24px;
  padding-top: 20px;
}
body.management-site .management-alert-events {
  margin: 0;
}
body.management-site .management-alert-events li {
  gap: 12px;
  padding-block: 16px;
}
body.management-site :is(.management-attention, .management-event, .management-detail-section) {
  border-color: var(--line);
}
body.management-site .management-bulk {
  margin-bottom: 12px;
}
body.management-site .management-email-selection {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}
body.management-site .management-pagination {
  margin: 16px 0 0;
}
body.management-site #view-payments {
  padding: var(--management-inset);
  border: 1px solid var(--reading-border);
  border-radius: 16px;
  background: var(--panel-face);
  box-shadow: var(--panel-elevation);
  backdrop-filter: var(--glass-blur);
  overflow-wrap: anywhere;
}
body.management-site #view-payments > :is(h2, p) {
  margin: 0;
}
body.management-site #payments-filters::before,
body.management-site #payments-filters::after {
  display: none;
}
body.management-site #payments-filters {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}
body.management-site #payments-results > p {
  margin: 0;
}
body.management-site #payments-orders {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
body.management-site .management-payment-record {
  padding: 0 16px;
  border-bottom: 1px solid var(--line);
}
body.management-site .management-payment-record:last-child {
  border: 0;
}
body.management-site .management-payment-record summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 16px;
  padding: 16px 20px 16px 0;
  position: relative;
  font-weight: 400;
}
body.management-site .management-payment-record summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 16px;
  color: var(--accent-text);
  font-size: 20px;
}
body.management-site .management-payment-record details[open] > summary::after {
  content: "−";
}
body.management-site .management-payment-name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
body.management-site .management-payment-amount {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
body.management-site
  :is(.management-payment-date, .management-payment-id, .management-payment-amount small) {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}
body.management-site .management-payment-details {
  display: grid;
  gap: 12px;
  padding-bottom: 16px;
}
body.management-site .management-disclosure {
  border-top: 1px solid var(--line);
  padding-top: 8px;
}
body.management-site .management-disclosure > summary {
  font-size: 17px;
  margin-bottom: 8px;
}
body.management-site #payments-events p {
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.6;
}
body.management-site .signup-trial-switch {
  background: var(--surface-alt);
  color: var(--text);
  border-color: var(--control-border);
}
body.management-site .signup-trial-track {
  background: var(--control-hover);
}
body.management-site .signup-trial-switch[aria-checked="true"] .signup-trial-track {
  background: var(--green);
}
body.management-site .management-dialog {
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--control-border);
  box-shadow: var(--panel-elevation);
}
body.management-site [hidden] {
  display: none !important;
}
@media (max-width: 1100px) {
  body.management-site .management-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.management-site .management-profile-header {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  body.management-site .management-profile-actions {
    grid-column: 1 / -1;
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 950px) {
  body.management-site .management-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  body.management-site .management-sidebar {
    display: grid;
    gap: 8px;
    position: static;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
  }
  body.management-site .management-sidebar .account-nav {
    display: none;
  }
  body.management-site .management-back {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 0;
  }
  body.management-site .management-mobile-nav {
    display: grid;
    gap: 6px;
    font-size: 12px;
  }
  body.management-site #management-access {
    margin: 0;
    color: var(--muted);
  }
  body.management-site .management-session {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    color: var(--muted);
  }
  body.management-site .management-session .secondary-button {
    min-height: 36px;
    padding: 6px 10px;
    font-size: 12px;
    box-shadow: none;
  }
}
@media (max-width: 740px) {
  body.management-site {
    --management-gap: 16px;
    --management-inset: 16px;
  }
  body.management-site :is(.management-overview-grid, .management-profile-columns) {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site .management-profile-tabs {
    display: none;
  }
  body.management-site .management-mobile-profile {
    display: grid;
    gap: 6px;
    font-size: 12px;
    border-block: 1px solid var(--line);
    padding: 12px 0;
  }
  body.management-site .management-profile-stats {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  body.management-site .management-profile-stats > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px;
  }
  body.management-site .management-profile-stats small {
    grid-column: 1 / -1;
  }
  body.management-site .management-profile-stats strong {
    font-size: 20px;
  }
  body.management-site .management-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body.management-site .management-activity-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body.management-site .management-activity-filters label {
    grid-column: 1 / -1;
  }
  body.management-site :is(#payments-filters, #interest-filters, #ads-filters) {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  body.management-site .management-filters > * {
    grid-column: auto;
  }
  body.management-site .management-table-wrap .joined-column {
    display: none;
  }
  body.management-site #users-table table,
  body.management-site #users-table tbody {
    display: block;
    width: 100%;
  }
  body.management-site #users-table thead {
    display: block;
  }
  body.management-site #users-table thead tr {
    display: flex;
  }
  body.management-site #users-table thead th {
    display: none;
  }
  body.management-site #users-table thead th:has(input) {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
  }
  body.management-site #users-table thead th:has(input)::after {
    content: "Select page";
  }
  body.management-site #users-table input[type="checkbox"] {
    width: 24px;
    height: 24px;
    min-height: 24px;
  }
  body.management-site #users-table tr {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid var(--line);
  }
  body.management-site #users-table tr:last-child {
    border: 0;
  }
  body.management-site #users-table td {
    padding: 0;
    border: 0;
  }
  body.management-site #users-table .management-select-cell {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: flex-start;
    padding: 12px 8px 0 0;
  }
  body.management-site #users-table .management-account-cell {
    grid-column: 2 / -1;
  }
  body.management-site #users-table tr:not(:has(.management-select-cell)) .management-account-cell {
    grid-column: 1 / -1;
  }
  body.management-site #users-table .management-access-cell {
    grid-column: 2;
  }
  body.management-site #users-table tr:not(:has(.management-select-cell)) .management-access-cell {
    grid-column: 1 / 3;
  }
  body.management-site #users-table [data-label]::before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 4px;
  }
  body.management-site #users-table td small {
    max-width: none;
  }
  body.management-site #users-table .management-user-link {
    font-size: 15px;
  }
  body.management-site .management-email-selection {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body.management-site #email-selection-count {
    grid-column: 1 / -1;
  }
  body.management-site .management-email-selection button {
    font-size: 12px;
    padding-inline: 8px;
  }
  body.management-site #email-all {
    grid-column: 1 / -1;
    grid-row: 3;
  }
  body.management-site .management-profile-card :is(.account-submit, .secondary-button) {
    max-width: 100%;
  }
  body.management-site .management-dialog {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  body.management-site .management-heading h1 {
    font-size: 24px;
  }
  body.management-site #user-filters {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  body.management-site #user-filters .management-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.management-site .management-stats {
    gap: 8px;
  }
  body.management-site .management-stat {
    padding: 12px;
    font-size: 12px;
  }
  body.management-site .management-stat strong {
    font-size: 26px;
  }
  body.management-site .management-profile-header {
    gap: 12px;
    padding-block: 16px;
  }
  body.management-site .management-profile-header h2 {
    font-size: 21px;
  }
  body.management-site .management-payment-record summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  body.management-site .management-profile-card .management-facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
  body.management-site .management-profile-card .management-facts dd {
    text-align: left;
    margin: 0 0 8px;
  }
}
@media (max-width: 360px) {
  body.management-site .management-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site .management-pagination {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body.management-site .management-pagination > span {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: center;
  }
}

@media (max-width: 480px) {
  body .item-page .chart-title {
    gap: 10px 6px;
    padding: 12px;
  }
  body .item-page .chart-title h2 {
    font-size: 15px;
    gap: 5px;
  }
  body .item-page .chart-title .section-icon {
    width: 18px;
    height: 18px;
  }
  body .item-page .chart-title .seg button {
    padding-inline: 6px;
    font-size: 11px;
  }
  body .item-page .chart-title .chart-series {
    gap: 4px;
  }
  body .item-page .chart-title .chart-series button {
    padding-inline: 6px;
  }
}
@media (max-width: 360px) {
  body .item-page .chart-title {
    grid-template-areas: "title title" "range range" "series series";
  }
  body .item-page .chart-title .seg {
    justify-self: start;
  }
}
/* Directory data uses table density and the same section palette. */
body .quote-head {
  background: var(--surface-alt);
  color: var(--muted);
  border: 1px solid var(--line);
  min-height: 36px;
  align-items: center;
  border-radius: 7px 7px 0 0;
}
body .seo-catalogue .quote-row {
  min-height: 48px;
  margin: 0;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
body .seo-catalogue .quote-row:nth-of-type(even) {
  background: var(--surface);
}
body .seo-catalogue .quote-row:hover {
  background: var(--control-hover);
}
body .seo-catalogue .quote-row:last-of-type {
  border-radius: 0 0 7px 7px;
}
body .seo-catalogue .quote-row:focus-visible {
  outline-offset: -3px;
}
@media (max-width: 600px) {
  body .seo-catalogue .quote-head {
    display: none;
  }
  body .seo-catalogue .quote-row {
    padding: 12px;
    gap: 6px 12px;
  }
}
/* Interactive market uses the same readable table surface as the directory. */
body .market-page {
  padding-top: var(--page-start);
}
body .market-page > .item-nav {
  display: none;
}
body .market-page .section-bar {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
}
body .market-page .market-heading {
  margin: 0 0 18px;
}
body .market-page .market-heading h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
}
body .market-page .market-controls {
  padding: 16px;
  margin-bottom: 20px;
}
body .market-search {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--control-border);
  background: var(--surface);
  border-radius: 6px;
  box-shadow: none;
}
body .market-search svg {
  width: 18px;
  height: 18px;
  color: var(--muted);
  flex: 0 0 18px;
}
body .market-search input {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 8px 0;
  color: var(--text);
  min-width: 0;
  width: 100%;
}
body .market-search:focus-within {
  border-color: var(--aqua);
  outline: 2px solid var(--aqua);
  outline-offset: 2px;
}
body .market-search input:focus-visible {
  outline: none;
}
body .market-filter-disclosure summary {
  min-height: 44px;
  align-content: center;
}
body .market-filter-row label {
  display: grid;
  gap: 6px;
  font-size: 12px;
}
body .market-filter-row select {
  min-height: 44px;
}
/* Two distinct routes into the same item directory. */
body .home-view .category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.category-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
  align-items: center;
}
.category-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
/* One market frame; the source picker overlays results without moving them. */
#market-view .market-group > .market-controls {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: end;
  gap: 12px 16px;
  position: relative;
  z-index: 2;
  padding: 0 16px 8px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#market-view .market-controls::before {
  content: none;
}
body .market-page .browse-mode {
  display: flex;
  gap: 20px;
  grid-column: 1 / -1;
  border-bottom: 1px solid var(--reading-border);
}
body .market-page .browse-mode button {
  min-height: 48px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--reading-muted);
  box-shadow: none;
  font: 700 14px var(--font);
}
body .market-page .browse-mode button[aria-pressed="true"] {
  color: var(--text);
  box-shadow: inset 0 -2px var(--aqua);
}
body .market-page .browse-mode button:hover {
  color: var(--aqua);
}
body .market-page .market-heading h1 {
  overflow-wrap: anywhere;
  min-width: 0;
}
body .market-page .market-filter-disclosure {
  grid-column: 1 / -1;
  margin: 0;
}
.browse-category-row {
  display: flex;
  gap: 12px;
  margin: 0;
}
.browse-category-row label {
  display: grid;
  flex: 1;
  min-width: 0;
  gap: 6px;
  font-size: 12px;
  color: var(--reading-muted);
}
.browse-category-row select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
}
body .market-page :is(.market-search, .channel-picker) {
  background: var(--content-control-face);
  border: 1px solid var(--reading-border);
  border-radius: var(--glass-control-radius);
  box-shadow: none;
}
.channel-picker {
  position: relative;
}
.channel-picker:not([open]) .channel-menu {
  display: none;
}
.channel-picker summary {
  padding: 11px 12px;
  min-height: 44px;
  cursor: pointer;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.channel-menu {
  position: absolute;
  inset: calc(100% + 6px) auto auto -1px;
  width: max(100%, 320px);
  max-width: calc(100vw - 2 * var(--page-gutter) - 34px);
  z-index: 10;
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 10px;
  padding: 12px;
  background: var(--glass-menu-face);
  box-shadow: var(--glass-menu-shadow);
  text-shadow: none;
}
.channel-search {
  display: grid;
  gap: 6px;
  font-size: 12px;
}
.channel-search input {
  min-height: 44px;
  width: 100%;
}
#channel-status {
  margin: 8px 0 4px;
  font-size: 12px;
  color: var(--reading-muted);
}
#channel-retry {
  margin: 8px 0;
  min-height: 44px;
}
.channel-options {
  max-height: min(264px, 36dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--control-border) transparent;
}
body .channel-options button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  text-align: left;
  padding: 10px;
  background: transparent;
  border: 0;
  border-radius: 5px;
  color: var(--text);
  box-shadow: none;
  font: 400 13px var(--font);
  cursor: pointer;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body .channel-options button:hover,
body .channel-options button[aria-pressed="true"] {
  background: var(--content-control-hover);
}
body .channel-options button:focus-visible {
  outline-offset: -3px;
}
body .market-filter-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 600px) {
  #market-view .market-group > .market-controls {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  body .home-view .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-footer {
    display: block;
  }
  .category-footer span {
    display: block;
  }
  body .market-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
body .market-group {
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 10px;
  background: var(--panel-face);
  box-shadow: var(--panel-elevation);
  overflow: visible;
}
body .market-page .directory-bar {
  padding: 14px;
  margin: 0;
  gap: 8px;
  flex-wrap: wrap;
}
body .market-page .directory-bar h2 {
  margin: 0;
  font-size: 18px;
}
body .market-page .directory-bar > span {
  color: var(--muted);
  font-size: 12px;
}
body .market-page .quote-head {
  border-inline: 0;
  border-radius: 0;
}
body .market-page .quote-row {
  margin: 0;
  min-height: 56px;
  padding: 8px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
body .market-page .quote-row:nth-child(even) {
  background: var(--surface);
}
body .market-page .quote-row:hover {
  background: var(--control-hover);
}
body .market-page .quote-row:focus-visible {
  outline-offset: -3px;
}
body .market-page .activity-time {
  font-size: 11px;
}
@media (max-width: 700px) {
  body .market-page .market-heading h1 {
    font-size: 26px;
  }
  #market-view .market-group > .market-controls {
    padding-inline: 12px;
  }
  body .market-search input,
  body #channel-search,
  body .browse-category-row select,
  body .market-filter-row select {
    font-size: 16px;
  }
  body .market-page .quote-row {
    padding-inline: 10px;
  }
}
@media (max-width: 520px) {
  body .market-page :is(.quote-head, .quote-row) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 8px;
  }
  body .market-page .quote-head > :last-child {
    display: none;
  }
  body .market-page .q-item {
    grid-area: 1 / 1;
    gap: 6px;
    align-items: start;
  }
  body .market-page .q-name {
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }
  body .market-page .q-price {
    grid-area: 1 / 2;
  }
  body .market-page .q-shouts {
    display: block;
    grid-area: 2 / 1;
    text-align: left;
  }
  body .market-page .q-shouts::before {
    content: "Listings ";
  }
  body .market-page.channel-market .q-shouts::before {
    content: "Channel listings ";
  }
  body .market-page .q-trend {
    grid-area: 2 / 2;
  }
  body .market-page .q-trend::before {
    content: "Updated ";
  }
  body .market-page :is(.q-trend, .activity-time) {
    font-size: 11px;
    color: var(--muted);
  }
}
/* Shared section edges and controls; the landscape remains visible. */
:root {
}
body .topbar.site-header {
  background: var(--bar);
  border-bottom-color: var(--line);
  box-shadow: 0 2px 6px #142b3533;
}
body .alpha-banner {
  background: var(--bar-dark);
}
body::before {
  background-image:
    linear-gradient(var(--backdrop-scrim-top), var(--backdrop-scrim-bottom)),
    var(--backdrop-landscape);
}
/* Preserve the artwork instead of painting over the page around the panels. */
body .home-view .market-content {
  background: transparent;
  padding-top: 20px;
  padding-bottom: 24px;
}
#item-search::after {
  background: transparent;
}
body .home-view :is(.home-price-context, .home-saved-caption, .market-overview span, .site-footer) {
  color: #c2d2da;
}
body .home-view .market-overview {
  border-color: #7896a34d;
}
body .home-view .category-card {
  background: var(--surface-alt);
  border-color: var(--line);
}
body .home-view .category-card:hover {
  background: var(--control-hover);
  border-color: var(--border-strong);
}
body .home-view .hero-actions a {
  background: var(--card-face);
  border-color: var(--panel-rim);
}
body .item-identity .tick.lg {
  background: var(--surface-alt);
  border-color: var(--line);
}
body .item-page,
body .market-page {
  min-height: calc(100dvh - 84px);
}
body :is(.collection-layout, .account-layout, .flip-layout, .ads-layout) {
  min-height: calc(100dvh - 84px);
}
body .account-layout.is-guest {
  min-height: 0;
  background: transparent;
}
body .item-median {
  border-color: var(--panel-rim);
}
body :is(.collection-meta, .collection-note, .accuracy-note, .flip-heading p, .flip-results-bar) {
  color: #d2dfe5;
}
@media (max-width: 700px) {
  body .home-view .market-content {
    padding-top: 16px;
  }
}
/* Hero controls stay above the decorative artwork. */
#item-search .hero-actions {
  position: relative;
  z-index: 2;
}
@media (max-width: 380px) {
  #daily-quest .daily-quest-items {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Account confirmations use an opaque shared surface so destructive effects stay readable. */
#change-dialog {
  background: var(--glass-menu-face);
  border: 1px solid var(--panel-rim);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-menu-shadow);
}

/* Liquid Glass-inspired blue surfaces: optical edges outside, steady contrast inside. */
:root {
  --glass-radius: 16px;
  --glass-control-radius: 10px;

  --glass-inset: inset 0 1px 4px #021c3566, 0 1px 0 #c8f3ff1a;

  --graph-face: #060b11;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --bar: #103a52b3;
  }
}
body
  :is(
    .account-panel,
    .account-guest,
    .flip-panel,
    .ads-panel,
    .market-controls,
    .tool-panel,
    .seo-catalogue,
    .world-card,
    .permission-summary,
    .quote-table,
    .alert-card,
    .discord-panel,
    .home-watchlist,
    .recent-section,
    .category-section,
    .chart-panel,
    .market-info,
    .listings-panel,
    .market-page .market-group,
    #daily-quest,
    .offer-notice,
    .item-median,
    .world-frame
  ),
#popular-price-grid .home-price-card {
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border-radius: var(--glass-radius);
}
body :is(.alert-card, .discord-panel) {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
}
body .topbar.site-header {
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-header-shadow);
}
body .site-header :is(.account-menu, .site-nav.site-links) {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  border-radius: var(--glass-radius);
  box-shadow: var(--panel-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body .home-view .hero-actions a,
#item-search .search-bar {
  background: var(--glass-control-face);
  border-color: var(--panel-rim);
  border-radius: var(--glass-control-radius);
  box-shadow: var(--card-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body
  :is(
    .secondary-button,
    .mini-btn,
    .back-btn,
    .load-btn,
    .account-tab,
    .account-nav a,
    .site-home-link,
    .item-action:not(.primary):not(.is-fav)
  ),
body .home-view .category-card {
  background: var(--glass-control-face);
  border-color: var(--control-border);
  border-radius: var(--glass-control-radius);
  box-shadow: var(--control-depth);
  font-weight: 700;
}
body .home-view .category-card,
body .home-view .hero-actions a {
  transition:
    background var(--motion-feedback),
    border-color var(--motion-feedback),
    box-shadow var(--motion-feedback),
    transform var(--motion-feedback) var(--motion-ease);
}
@media (hover: hover) {
  body .home-view :is(.category-card, .hero-actions a):hover {
    background: var(--glass-control-hover);
    border-color: var(--border-strong);
    box-shadow: var(--median-elevation);
    transform: translateY(-1px);
  }
  #popular-price-grid .home-price-card:hover {
    box-shadow: var(--median-elevation);
  }
}
body .home-view :is(.category-card, .hero-actions a):active {
  transform: translateY(0);
  box-shadow: var(--control-pressed);
}
body
  :is(
    .section-bar h2,
    .panel-title h2,
    h2.panel-title,
    .tool-panel h2,
    .account-panel h2,
    .collection-heading h1,
    .offer-notice h2
  ) {
  font-weight: 800;
  color: var(--text);
  text-shadow: var(--glass-text-shadow);
}
body
  :is(
    .home-saved-item strong,
    .home-recent-row strong,
    .median-label,
    .chart-series button,
    .listing-toolbar label,
    .compact-heading
  ) {
  font-weight: 700;
}
body :is(.home-saved-price, .home-price-value, .stat-value, #hero-price) {
  font-weight: 800;
  text-shadow: var(--glass-text-shadow);
  font-variant-numeric: tabular-nums;
}
body
  :is(
    .offer-notice p,
    .home-saved-caption,
    .home-watchlist-meta,
    .home-recent-meta,
    .home-price-foot,
    .median-label,
    .median-period,
    .price-secondary,
    .collection-meta,
    .accuracy-note,
    .range-evidence
  ) {
  color: var(--muted);
}
body .item-workspace :is(.panel-title h2, h2.panel-title, .tool-panel h2) {
  font-weight: 800;
  text-shadow: var(--glass-text-shadow);
}
#item-search #hero-input,
#item-search #hero-input::placeholder {
  color: var(--text);
  font-weight: 650;
  text-shadow: var(--glass-text-shadow);
  opacity: 1;
}
/* Plot and readout sit on a quiet inset surface within the glass frame. */
body .chart-canvas {
  background: var(--graph-face);
  border-radius: var(--glass-control-radius);
  box-shadow: var(--glass-inset);
}
body .chart-canvas text {
  font-weight: 650;
}
body .chart-canvas [data-chart-series] {
  stroke-width: 2.8px;
}
body .mini-history path[stroke-linecap] {
  stroke-width: 1.8px;
  vector-effect: non-scaling-stroke;
}
body .chart-readout {
  background: var(--graph-face);
  border: 1px solid var(--line);
  border-radius: var(--glass-control-radius);
}
body :is(.compact-heading, .listing-toolbar, .directory-heading, .collection-tools) {
  background: var(--surface);
}
body .item-page .compact-listing > summary,
body.account-site .saved-row {
  font-weight: 600;
}
/* Respect users who need opaque surfaces or stronger separation. */
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root {
    --bar: #103a52;

    --muted: #e0f2fa;
    --line: #84bdd2;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .home-view :is(.category-card, .hero-actions a):hover {
    transform: none;
  }
}
@media (forced-colors: active) {
  :root {
    --glass-text-shadow: none;
    --glass-inset: none;
    --panel-elevation: none;
    --card-elevation: none;
    --median-elevation: none;
  }
}

/* Give tablet data panels a usable reading width. */
@media (min-width: 701px) and (max-width: 980px) {
  body .item-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  body .item-workspace .item-tools-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* A continuous reflective contour makes the translucent material visible. */
:root {
  --glass-mask: linear-gradient(#fff 0 0);
}
body
  :is(
    .home-watchlist,
    .recent-section,
    .category-section,
    #daily-quest,
    .offer-notice,
    .item-median,
    .chart-panel,
    .market-info,
    .tool-panel,
    .listings-panel,
    .account-panel,
    .account-guest,
    .flip-panel,
    .ads-panel,
    .market-controls,
    .seo-catalogue,
    .world-card,
    .permission-summary,
    .alert-card,
    .discord-panel,
    .world-frame
  ),
#popular-price-grid .home-price-card {
  position: relative;
}
body
  :is(
    .home-watchlist,
    .recent-section,
    .category-section,
    #daily-quest,
    .offer-notice,
    .item-median,
    .chart-panel,
    .market-info,
    .tool-panel,
    .listings-panel,
    .account-panel,
    .account-guest,
    .flip-panel,
    .ads-panel,
    .market-controls,
    .seo-catalogue,
    .world-card,
    .permission-summary,
    .alert-card,
    .discord-panel,
    .world-frame
  )::before,
#popular-price-grid .home-price-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--glass-edge-width);
  border-radius: inherit;
  pointer-events: none;
  background: var(--glass-reflection);
  -webkit-mask:
    var(--glass-mask) content-box,
    var(--glass-mask);
  -webkit-mask-composite: xor;
  mask:
    var(--glass-mask) content-box,
    var(--glass-mask);
  mask-composite: exclude;
}
/* Context links have their own dimensions; broad button rules must not paint tight text boxes. */
body .item-page .item-nav {
  align-items: center;
  gap: 10px;
}
body .item-page .item-nav .back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--control-border);
  border-radius: var(--glass-control-radius);
  background: var(--glass-link-face);
  box-shadow: var(--control-depth);
  color: var(--text);
  font: 700 12px/1.4 var(--font);
  text-decoration: none;
  white-space: nowrap;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  transition:
    background var(--motion-feedback),
    border-color var(--motion-feedback),
    box-shadow var(--motion-feedback);
}
body .item-page .item-nav .back-btn:hover {
  background: var(--glass-link-hover);
  border-color: var(--border-strong);
}
body .item-page .item-nav .back-btn:active {
  box-shadow: var(--control-pressed);
}
body .item-page .item-nav .back-btn:focus-visible {
  outline: 2px solid var(--aqua);
  outline-offset: 3px;
}
body .home-watchlist-row,
body .home-recent-row {
  text-shadow: var(--glass-text-shadow);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root {
  }
}
@media (forced-colors: active) {
  :root {
  }
}

/* Paint scenery on the page so glass can sample it in the backdrop compositor. */
body,
body.account-site,
body.ads-site {
  background-image:
    linear-gradient(var(--backdrop-scrim-top), var(--backdrop-scrim-bottom)),
    var(--backdrop-landscape);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
body::before {
  display: none;
}
@media (max-width: 700px) {
  body,
  body.account-site,
  body.ads-site {
    background-position: left center;
  }
}
@media (forced-colors: active) {
  body,
  body.account-site,
  body.ads-site {
    background-image: none;
  }
}

/* Only the plot is near-black; light dividers and tinted wells clarify the glass content. */
:root {
}
body .chart-canvas {
  border: 1px solid var(--reading-border);
}
body .chart-canvas [data-chart-series] {
  stroke-width: 3px;
}
body .item-page :is(.panel-title, .chart-title, .listing-title) {
  background: var(--reading-head);
  border-bottom: 1px solid var(--reading-border);
  border-radius: var(--glass-radius) var(--glass-radius) 0 0;
}
body .item-page .panel-title h2,
body .item-page h2.panel-title {
  font-weight: 800;
}
body .chart-readout {
  padding: 12px;
  background: var(--glass-copy-face);
  border-color: var(--reading-border);
}
body .chart-readout > time {
  font-weight: 750;
  color: var(--text);
}
body .chart-readout .chart-quotes {
  gap: 8px;
}
body .chart-readout .chart-quotes > span {
  padding: 9px 10px;
  background: var(--reading-face);
  border-left: 3px solid currentColor;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
}
body .chart-readout .chart-quotes strong {
  font-size: 19px;
  color: var(--text);
}
body .chart-readout .price-secondary {
  color: var(--reading-muted);
  font-weight: 500;
}
body .item-workspace .stat-card[data-stat] {
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 8px;
  padding: 11px;
}
body .item-workspace .stat-card[data-stat] .stat-label {
  color: var(--reading-muted);
  font-weight: 700;
}
body .item-workspace .stat-card[data-stat] .stat-value {
  color: var(--text);
  font-weight: 800;
}
body .item-workspace .stat-card:is([data-stat="buy"], [data-stat="sell"]) {
  border-top-color: var(--stat-accent);
  box-shadow: inset 0 2px 0 var(--stat-accent);
}
body .item-workspace .stat-card:is([data-stat="buy"], [data-stat="sell"]) .stat-label,
body .item-workspace .stat-card:is([data-stat="buy"], [data-stat="sell"]) .stat-value {
  color: var(--stat-accent);
}
body .item-workspace .stat-card[data-stat="buy"] {
  background: var(--offer-buy-bg);
}
body .item-workspace .stat-card[data-stat="sell"] {
  background: var(--offer-sell-bg);
}
body .calculator-panel .calc-result {
  padding: 12px;
  border: 1px solid var(--reading-border);
  border-radius: 8px;
  background: var(--reading-face);
}
body .calculator-panel .calc-result > span {
  font-weight: 750;
}
body .item-info-panel .item-info-body {
  margin: 12px;
  padding: 12px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 8px;
  color: var(--text);
  font-size: 16px;
  line-height: 1.7;
}
body .item-info-panel .item-info-body > p {
  color: var(--text);
}
body .item-info-panel .item-info-body > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
body .item-info-panel .info-type {
  font-weight: 800;
}
body .item-page .listing-toolbar {
  background: var(--reading-face-alt);
  border-color: var(--reading-border);
}
body .item-page .listing-toolbar label {
  color: var(--text);
  font-weight: 750;
}
body .item-page .compact-heading {
  color: var(--text);
  font-weight: 800;
  background: var(--reading-head);
  border-bottom: 1px solid var(--reading-border);
}
body .item-page .compact-listing > summary {
  background: var(--reading-face);
  border-bottom: 1px solid var(--reading-border);
}
body .item-page .compact-listing:nth-of-type(even) > summary {
  background: var(--reading-face-alt);
}
body .item-page .compact-listing > summary:hover {
  background: var(--reading-hover);
}
body .item-page .compact-listing[open] > summary {
  background: var(--reading-selected);
}
body .item-page .compact-price {
  color: var(--text);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
body .item-page .compact-world {
  color: var(--accent-text);
  font-weight: 750;
}
body .item-page .compact-message,
body .item-page .listing-card {
  background: var(--reading-face);
}
body .item-page .compact-message-heading strong {
  font-weight: 800;
}
/* Original ads are primary reading content; keep their actions usable without
   increasing the density of the closed Sources rows. */
body .item-page .listing-feed .listing-msg {
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
}
body .item-page .compact-message-heading {
  font-size: 12px;
  line-height: 1.5;
}
body .item-page .compact-message-heading strong {
  font-size: 13px;
}
body .item-page .listing-feed .listing-actions {
  gap: 8px;
}
body .item-page .listing-feed .listing-actions .mini-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.35;
}
@media (max-width: 700px), (any-pointer: coarse) {
  body .item-page .listing-feed .listing-actions .mini-btn {
    min-height: 44px;
    min-width: 44px;
    padding: 8px 12px;
    font-size: 13px;
  }
}
body :is(.home-watchlist-row, .home-recent-row) {
  background: var(--reading-face);
  border-bottom: 1px solid var(--reading-border);
  padding-inline: 8px;
}
body :is(.home-watchlist-row, .home-recent-row):nth-child(even) {
  background: var(--reading-face-alt);
}
body :is(.home-watchlist-row, .home-recent-row):hover {
  background: var(--reading-hover);
}
body :is(.home-watchlist-row, .home-recent-row):first-child {
  border-radius: 8px 8px 0 0;
}
body :is(.home-watchlist-row, .home-recent-row):last-child {
  border-radius: 0 0 8px 8px;
}
body .home-recent-row small {
  color: var(--reading-muted);
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root {
    --reading-head: #123b53;
  }
}

/* Keep the header divider separate from the rounded plotting surface. */
body .item-page .chart-box {
  padding-top: 12px;
}

/* Consistent outer breathing room while keeping mobile content usable. */
:root {
  --page-gutter: clamp(32px, 5vw, 72px);
  --site-max-width: 1560px;
}
body .page-shell,
body .home-view .market-content,
body .site-header .topbar-inner {
  max-width: var(--site-max-width);
  padding-inline: max(var(--page-gutter), env(safe-area-inset-left))
    max(var(--page-gutter), env(safe-area-inset-right));
}
body #item-search {
  padding-inline: var(--page-gutter);
}
#item-search .landing-layout {
  max-width: calc(var(--site-max-width) - var(--page-gutter) * 2);
}
@media (max-width: 700px) {
  :root {
    --page-gutter: 20px;
  }
}
@media (max-width: 360px) {
  :root {
    --page-gutter: 16px;
  }
}

/* Material hierarchy: luminous controls, calm reading surfaces, one glass frame. */
:root {
  --glass-text-shadow: 0 1px 1px #03182f59;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --glass-menu-face:
      linear-gradient(155deg, #d5f4ff26, transparent 32%),
      linear-gradient(165deg, #2b5971ed, #173d54f5);
  }
}
body .topbar.site-header {
  background: var(--glass-navigation-face);
  box-shadow:
    inset 0 1px 0 #effbff47,
    inset 0 -1px 0 #b2e8ff52,
    0 6px 18px -10px #08294299;
}
body .site-header.navigation-ready :is(.account-menu, .site-nav.site-links) {
  background: var(--glass-menu-face);
  border-color: #def6ff8c #bbe8fa47 #80bed959;
  box-shadow:
    inset 0 1px 0 #f4fcff59,
    inset 0 -1px 0 #c8edff24,
    0 16px 36px -12px #031a30b3;
}
/* Raised navigation buttons sit on the opaque dropdown face. */
body .site-header .site-nav.site-links a {
  --nav-accent: #9bdcff;
  min-height: 58px;
  gap: 11px;
  padding: 10px;
  border: 1px solid var(--control-border);
  border-radius: 11px;
  background: var(--glass-control-face);
  color: var(--text);
  box-shadow: var(--glass-control-shadow);
  text-shadow: none;
  font-weight: 800;
}
body .site-header .site-nav.site-links a:hover {
  background: var(--glass-control-hover);
  border-color: var(--border-strong);
}
body .site-header .site-nav.site-links a:active {
  box-shadow: var(--control-pressed);
}
body .site-header .site-nav.site-links a[aria-current="page"] {
  background: var(--reading-selected);
  border-color: var(--aqua);
  color: var(--text);
  box-shadow:
    inset 3px 0 var(--aqua),
    var(--glass-control-shadow);
}
.site-nav-label {
  flex: 1;
  min-width: 0;
}
.site-nav-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--surface);
  color: var(--nav-accent);
  box-shadow: inset 0 1px 0 #d1f3ff26;
}
.site-nav-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body .site-header .site-nav.site-links a::after {
  content: "";
  flex: 0 0 5px;
  height: 5px;
  margin-right: 3px;
  border: solid var(--muted);
  border-width: 1.5px 1.5px 0 0;
  transform: rotate(45deg);
}
body .site-header .site-nav.site-links a[aria-current="page"]::after {
  border: 0;
  border-radius: 50%;
  background: var(--aqua);
  height: 6px;
  flex-basis: 6px;
}
body
  .site-header
  .site-nav.site-links
  :is(
    [data-nav-destination="home"],
    [data-nav-destination="flip"],
    [data-nav-destination="profit"]
  ) {
  --nav-accent: #79efd0;
}
body
  .site-header
  .site-nav.site-links
  :is([data-nav-destination="guides"], [data-nav-destination="quests"]) {
  --nav-accent: #ffdc8c;
}
body
  .site-header
  .site-nav.site-links
  :is([data-nav-destination="ads"], [data-nav-destination="account"]) {
  --nav-accent: #d5b7ff;
}
body .site-header.navigation-ready :is(.site-nav-saved, .site-nav-management) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
}
body .site-header .account-menu a {
  background: transparent;
  box-shadow: none;
  text-shadow: none;
}
body .site-header .account-menu a:hover {
  background: var(--content-control-hover);
}
@media (max-width: 600px) {
  body .site-header.navigation-ready .site-nav.site-links {
    padding: 12px;
    gap: 12px;
  }
  body .site-header .site-nav.site-links a {
    min-height: 52px;
    gap: 8px;
    padding: 8px;
    font-size: 13px;
  }
  .site-nav-icon {
    flex-basis: 28px;
    height: 28px;
  }
  .site-nav-icon svg {
    width: 19px;
    height: 19px;
  }
}
@media (max-width: 380px) {
  body .site-header.navigation-ready .site-nav.site-links {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (forced-colors: active) {
  body .site-header .site-nav.site-links a {
    background: Canvas;
    color: LinkText;
    border-color: ButtonText;
    box-shadow: none;
  }
  body .site-header .site-nav.site-links a[aria-current="page"] {
    border-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
  .site-nav-icon {
    background: Canvas;
    color: LinkText;
    box-shadow: none;
  }
}
body .site-header .account-menu-identity strong {
  font-weight: 800;
}
body .site-header .site-menu-toggle[aria-expanded="true"] {
  background: var(--content-control-face);
}
body .home-view .hero-actions a,
#item-search .search-bar {
  box-shadow:
    inset 0 1px 0 #edfbff70,
    inset 0 -1px 0 #9edff238,
    0 6px 14px -8px #05243f99;
}
/* Nested controls belong to their panel rather than becoming additional glass panes. */
body
  :is(
    .account-panel,
    .account-guest,
    .tool-panel,
    .flip-panel,
    .ads-panel,
    .chart-panel,
    .listings-panel,
    .market-controls,
    .collection-tools
  )
  :is(.secondary-button, .mini-btn, .load-btn, .account-tab, .seg button, .chart-series button),
body .home-view .category-card {
  background: var(--content-control-face);
  border-color: var(--reading-border);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body .home-view .category-card:hover {
  background: var(--content-control-hover);
  box-shadow: none;
  transform: none;
}
body .chart-panel .seg button {
  background: transparent;
  border-color: transparent;
}
body .chart-panel .seg button.is-active {
  color: var(--text);
  background: var(--content-control-hover);
  box-shadow: inset 0 1px 0 #d1f3ff40;
}
body .chart-panel .chart-series button {
  background: transparent;
  border-color: transparent;
}
body .chart-panel .chart-series button[aria-pressed="true"] {
  background: var(--content-control-face);
  border-color: var(--reading-border);
}
body .chart-panel .chart-series button:hover {
  background: var(--content-control-hover);
}
body :is(.home-watchlist-row, .home-recent-row),
body .item-page :is(.compact-listing > summary, .listing-card, .compact-message),
body .market-page .quote-row,
body.account-site .saved-row {
  background: var(--reading-face);
  text-shadow: none;
}
body .market-page .quote-row:nth-child(even),
body.account-site .saved-row:nth-child(even) {
  background: var(--reading-face-alt);
}
body .market-page .quote-row:hover,
body.account-site .saved-row:hover {
  background: var(--reading-hover);
}
body .item-page :is(.compact-heading, .listing-toolbar),
body .market-page .quote-head {
  background: var(--reading-face-alt);
}
body .item-workspace .stat-card[data-stat] {
  border-color: transparent;
  box-shadow: none;
}
body .item-workspace .stat-card:is([data-stat="buy"], [data-stat="sell"]) {
  background: var(--reading-face);
  border-top-color: transparent;
  box-shadow: inset 3px 0 0 var(--stat-accent);
}
body .item-workspace .stat-card[data-stat] .stat-value,
body :is(.home-saved-price, .home-price-value, #hero-price) {
  text-shadow: none;
}
body .chart-readout .chart-quotes > span {
  background: transparent;
}
body .item-info-panel .item-info-body,
body .calculator-panel .calc-result {
  border-color: transparent;
}
body .chart-canvas {
  box-shadow:
    inset 0 1px 4px #0008,
    0 1px 0 #d2f2ff26;
}
body .item-page :is(.median-label, .median-period, .stat-label, .price-secondary),
body
  .home-view
  :is(.home-watchlist-meta, .home-saved-caption, .home-price-foot, .home-price-context) {
  color: var(--reading-muted);
  text-shadow: none;
}
/* Dense copy gets a stable local tint without dimming the surrounding landscape. */
body :is(.offer-notice, .permission-summary, .world-card) {
  background: var(--card-face);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root {
  }
}
@media (forced-colors: active) {
  :root {
  }
  body .topbar.site-header,
  body .site-header.navigation-ready :is(.account-menu, .site-nav.site-links),
  body .chart-canvas {
    background: Canvas;
    box-shadow: none;
  }
  body .item-workspace .stat-card[data-stat] {
    border-color: CanvasText;
    box-shadow: none;
  }
}

/* Continuous blue glass: soften scenery in the material, keep foreground type solid. */
:root {
  --glass-blur: blur(16px) saturate(1.1) brightness(0.92);
  --glass-edge-width: 1px;
  --glass-reflection: linear-gradient(
    135deg,
    #e6f9ffb3,
    #b8e6f238 18%,
    transparent 42%,
    #91ccdf1f 72%,
    #c9efff70
  );
  --panel-face: linear-gradient(165deg, #285b74, #1c465f);
  --panel-rim: #ccefff66 #99cde22e #8fc9df47;
  --panel-elevation:
    inset 0 1px 0 #f0fbff33, inset 0 -1px 0 #a8dced1a, 0 2px 4px #06253a24,
    0 14px 28px -16px #021625b3;
  --card-face: linear-gradient(160deg, #2d5c74, #19445c);
  --card-hover-face: linear-gradient(160deg, #376c84, #215369);
  --card-elevation: inset 0 1px 0 #dff6ff33, 0 7px 16px -10px #031c2d99;
  --median-face: linear-gradient(165deg, #2b5b73, #1a435b);
  --median-elevation: inset 0 1px 0 #effcff59, 0 12px 24px -14px #041d32b3;
  --glass-navigation-face: #26566f;
  --glass-menu-face: linear-gradient(165deg, #2b5971, #173d54);
  --glass-control-face: linear-gradient(165deg, #34728e, #24526c);
  --glass-control-hover: linear-gradient(165deg, #3c809b, #2c617a);
  --glass-link-face: #194b66;
  --glass-link-hover: #246780;
  --glass-header-shadow: inset 0 -1px 0 #bfefff47, 0 4px 14px -8px #021a3666;
  --glass-control-shadow: inset 0 1px 0 #e7f9ff66, 0 3px 8px -4px #05243f80;
  --glass-menu-shadow: inset 0 1px 0 #effaff59, 0 16px 32px -10px #031a30b3;
  --reading-face: #19445c;
  --reading-face-alt: #204d65;
  --reading-head: #d0f1ff08;
  --reading-border: #c4e9f030;
  --reading-muted: #e0eef5;
  --reading-hover: #2a5e76;
  --reading-selected: #28647a;
  --glass-copy-face: #19445c;
  --content-control-face: #24526c;
  --content-control-hover: #356c84;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --panel-face:
      linear-gradient(160deg, #a5daeb0d, transparent 32%),
      linear-gradient(165deg, #1f587259, #143f5880);
    --card-face: linear-gradient(160deg, #2d5c7466, #19445c99);
    --card-hover-face: linear-gradient(160deg, #376c8480, #215369ad);
    --median-face: linear-gradient(165deg, #2b5b7373, #1a435ba6);
    --glass-navigation-face: linear-gradient(180deg, #d8f4ff0d, transparent 55%), #26566f;
    --glass-control-face: linear-gradient(165deg, #34728e59, #24526c8c);
    --glass-control-hover: linear-gradient(165deg, #3c809b80, #2c617aa6);
    --glass-link-face: #194b6633;
    --glass-link-hover: #24678080;
    --reading-face: #163f571f;
    --reading-face-alt: #d7f3ff0a;
    --reading-border: #b3dceb52;
    --reading-hover: #245c7580;
    --reading-selected: #24678066;
    --content-control-face: #17475f33;
    --content-control-hover: #245c7580;
  }
}
/* Menus, native popup controls and graph readouts retain their opaque roles.
   Reading rows use light flat tints within one glass frame, without another blur. */
body .topbar.site-header {
  background: var(--glass-navigation-face);
  box-shadow: var(--glass-header-shadow);
}
body .site-header.navigation-ready :is(.account-menu, .site-nav.site-links) {
  background: var(--glass-menu-face);
  border-color: var(--panel-rim);
  box-shadow: var(--glass-menu-shadow);
}
body .home-view .hero-actions a,
#item-search .search-bar {
  box-shadow: var(--glass-control-shadow);
}
/* Daily quest rows share the same light reading tint as other evidence. */
body #daily-quest .daily-quest-item {
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: var(--glass-control-radius, 10px);
}
@media (hover: hover) {
  body #daily-quest .daily-quest-item:hover {
    background: var(--reading-hover);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root {
    --glass-blur: none;
    --glass-reflection: none;
    --panel-face: #244f66;
    --card-face: #244f66;
    --card-hover-face: #2b5c74;
    --median-face: #28566e;
    --glass-navigation-face: #26566f;
    --glass-menu-face: #244f66;
    --glass-control-face: #24526c;
    --glass-control-hover: #356c84;
    --glass-link-face: #194b66;
    --glass-link-hover: #246780;
    --reading-face: #19445c;
    --reading-face-alt: #204d65;
    --glass-copy-face: #19445c;
    --content-control-face: #24526c;
    --content-control-hover: #356c84;
    --reading-hover: #2a5e76;
    --reading-selected: #28647a;
    --reading-border: #84bdd2;
    --reading-muted: #e0f2fa;
  }
}
@media (forced-colors: active) {
  :root {
    --glass-blur: none;
    --glass-reflection: none;
  }
  body .topbar.site-header,
  body .site-header.navigation-ready :is(.account-menu, .site-nav.site-links),
  body #daily-quest .daily-quest-item {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
  }
}

/* Listing date filters share the new theme's fields and responsive grid. */
body .item-page .listings-panel > .listing-retention-disclosure {
  margin: 0 0 12px;
}
body
  .item-page
  .listings-panel
  > .listing-retention-disclosure:has(> #listing-retention-note[hidden]) {
  display: none;
}
body .item-page .listing-retention-disclosure > summary {
  min-height: 44px;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 700;
  white-space: normal;
  cursor: pointer;
}
body .item-page .listing-retention-disclosure > .listing-retention-note {
  padding-inline: 14px;
  font-size: 13px;
}
.listing-retention-note {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
body .item-page .listing-period-form {
  display: grid;
  grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
  align-items: start;
}
.listing-custom-dates:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) max-content;
  align-items: end;
  gap: 12px;
  min-width: 0;
}
body .listing-period-form .listing-custom-dates label {
  grid-column: auto;
}
.listing-custom-dates small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 12px;
}
.listing-date-error {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--red);
  font-size: 12px;
}
body .listing-period-form input[type="date"] {
  min-width: 0;
  width: 100%;
}
body .empty-state > .load-btn,
body .panel-foot .load-btn,
body .listing-period-form .load-btn {
  min-height: 44px;
}
@media (max-width: 600px) {
  body .item-page .listing-period-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .listing-custom-dates:not([hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .listing-custom-dates .load-btn {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
/* Main market prices distinguish account coverage from listing activity. */
.market-account-evidence,
.market-price-state {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
.market-price-method {
  margin: 8px 0 14px;
  padding: 10px 14px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.market-price-method summary {
  width: fit-content;
  color: var(--text);
  cursor: pointer;
  font-weight: 700;
}
.market-price-method p {
  margin: 9px 0 0;
}
.chart-quotes small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.45;
  color: var(--chart-label);
}
body .item-workspace .stat-card[data-stat="accounts"] .stat-value {
  font-size: 17px;
  font-weight: 650;
}
/* Price bands share the overview's reading surface; counts remain readable without bars. */
.price-spread {
  margin: 12px 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  container-type: inline-size;
}
.price-spread-heading {
  display: grid;
  gap: 6px;
}
.price-spread-heading h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}
.price-spread-series {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr;
  gap: 4px;
  margin: 2px 0 8px;
  border-bottom: 1px solid var(--reading-border);
}
.price-spread-series button {
  --spread-color: var(--offer-sell);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 8px 6px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 3px 3px 0 0;
  background: transparent;
  color: var(--muted);
  font: 700 13px/1.2 var(--font);
  cursor: pointer;
  touch-action: manipulation;
}
.price-spread-series button[data-spread-series="buy"] {
  --spread-color: var(--offer-buy);
}
.price-spread-series button[data-spread-series="all"] {
  --spread-color: var(--chart-median);
}
.price-spread-series button[aria-pressed="true"] {
  border-bottom-color: var(--spread-color);
  color: var(--text);
}
.price-spread-series button:hover:not(:disabled) {
  background: var(--content-control-hover);
}
.price-spread-series button:focus-visible {
  outline: 2px solid var(--text);
  outline-offset: 3px;
}
.price-spread-series i {
  flex: 0 0 18px;
  height: 8px;
  background: var(--spread-color);
  opacity: 0.35;
}
.price-spread-series [aria-pressed="true"] i {
  opacity: 1;
}
.price-spread-series button:disabled {
  cursor: default;
  opacity: 1;
}
#price-spread-status,
#price-spread-notice {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
#price-spread-notice:not([hidden]) {
  margin-bottom: 12px;
  padding-left: 10px;
  border-left: 2px solid var(--chart-median);
}
.price-spread-scale {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.price-spread-overview-label {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 650;
}
.price-spread-all-ranges {
  margin-top: 8px;
}
.price-spread-all-ranges > summary {
  min-height: 44px;
  align-content: center;
  padding: 8px 12px;
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  background: var(--reading-face);
  color: var(--text);
  font: 700 14px/1.5 var(--font);
  cursor: pointer;
  touch-action: manipulation;
}
.price-spread-all-ranges > summary:hover {
  background: var(--content-control-hover);
}
.price-spread-all-ranges > summary:focus-visible {
  outline: 2px solid var(--text);
  outline-offset: 3px;
}
.price-spread-all-ranges[open] > summary {
  margin-bottom: 8px;
}
.price-spread-table {
  --spread-count-width: 40px;
  --spread-small-count-width: 32px;
  display: block;
  width: 100%;
  border-collapse: collapse;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.price-spread-table[data-large-counts="true"] {
  --spread-count-width: 60px;
  --spread-small-count-width: 60px;
}
.price-spread-table :is(thead, tbody) {
  display: block;
}
.price-spread-table tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, var(--spread-count-width)) max(
      70px,
      var(--spread-count-width)
    );
  align-items: center;
  column-gap: 6px;
  padding: 8px 12px;
}
.price-spread-table th,
.price-spread-table td {
  min-width: 0;
  padding: 0;
  text-align: left;
  overflow-wrap: anywhere;
}
.price-spread-table tbody tr + tr {
  border-top: 1px solid color-mix(in srgb, var(--reading-border) 55%, transparent);
}
.price-spread-table tbody tr:hover {
  background: color-mix(in srgb, var(--text) 4%, transparent);
}
.price-spread-table thead {
  color: var(--muted);
  border-bottom: 1px solid var(--reading-border);
  font-size: 12px;
}
.price-spread-table thead small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
}
.price-spread-table tbody th {
  font-weight: 700;
  line-height: 1.4;
}
.price-spread-table [data-spread-column],
.price-spread-table [data-spread-count] {
  text-align: right;
}
.price-spread-table [data-spread-count] {
  font-size: 16px;
  line-height: 1.3;
  white-space: nowrap;
}
.price-spread-table .price-spread-plot {
  grid-column: 1 / -1;
  padding-top: 4px;
}
.price-spread-table thead .price-spread-plot {
  display: none;
}
.price-spread-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
}
.price-spread-muted,
.price-spread-zero {
  color: var(--muted);
  font-weight: 500;
}
.price-spread-muted {
  font-size: 14px;
}
.price-spread-track {
  display: block;
  width: 100%;
  height: 12px;
  overflow: visible;
  background: repeating-linear-gradient(
    90deg,
    transparent 0,
    transparent calc(25% - 1px),
    color-mix(in srgb, var(--reading-border) 40%, transparent) calc(25% - 1px),
    color-mix(in srgb, var(--reading-border) 40%, transparent) 25%
  );
  box-shadow: inset 1px 0 var(--reading-border);
}
.price-spread-track rect {
  fill: var(--offer-sell);
}
.price-spread-track [data-spread-bar="buy"] {
  fill: var(--offer-buy);
}
.price-spread-track [data-spread-bar="all"] {
  fill: var(--chart-median);
}
.price-spread-track rect[width="0"] {
  display: none;
}
[data-spread-count="sell"] {
  color: var(--offer-sell);
}
[data-spread-count="buy"] {
  color: var(--offer-buy);
}
[data-spread-count="all"] {
  color: var(--chart-median);
}
.price-spread-method {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.price-spread-method summary {
  min-height: 44px;
  align-content: center;
  cursor: pointer;
}
.price-spread-method p {
  margin: 8px 0;
}
@container (min-width: 560px) {
  .price-spread-scale {
    display: none;
  }
  .price-spread-table tr {
    grid-template-columns:
      minmax(120px, 1.25fr) minmax(100px, 2fr) repeat(2, max(48px, var(--spread-count-width)))
      max(76px, var(--spread-count-width));
    column-gap: 12px;
    min-height: 36px;
    padding-block: 6px;
  }
  .price-spread-table [data-spread-count="sell"],
  .price-spread-table [data-spread-column="sell"] {
    grid-column: 3;
  }
  .price-spread-table [data-spread-count="buy"],
  .price-spread-table [data-spread-column="buy"] {
    grid-column: 4;
  }
  .price-spread-table [data-spread-count="all"],
  .price-spread-table [data-spread-column="all"] {
    grid-column: 5;
  }
  .price-spread-table .price-spread-plot {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
  }
  .price-spread-table thead .price-spread-plot {
    display: block;
  }
  .price-spread-series {
    max-width: 380px;
  }
}
@container (max-width: 310px) {
  .price-spread-table tr {
    grid-template-columns: minmax(0, 1fr) repeat(2, var(--spread-small-count-width)) max(
        62px,
        var(--spread-small-count-width)
      );
    column-gap: 5px;
    padding: 7px 8px;
  }
  .price-spread-table {
    font-size: 13px;
  }
  .price-spread-series button {
    gap: 5px;
    font-size: 12px;
  }
  .price-spread-series i {
    flex-basis: 16px;
  }
}
.price-spread .sr-only,
.pack-contents .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (forced-colors: active) {
  .price-spread-track [data-spread-bar] {
    fill: CanvasText;
    forced-color-adjust: none;
  }
  .price-spread-track [data-spread-bar="all"] {
    fill: Canvas;
    stroke: CanvasText;
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
  }
  .price-spread-track [data-spread-bar="buy"] {
    fill: Highlight;
  }
  .price-spread-series i {
    background: Highlight;
    forced-color-adjust: none;
  }
  .price-spread-series button[aria-pressed="true"] {
    border: 2px solid Highlight;
  }
}
/* The calculator's basis spans its compact quantity/result layout. */
body .calculator-body {
  align-items: start;
}
body .calculator-body .calc-basis-field {
  grid-column: 1 / -1;
  min-width: 0;
}
#calc-basis {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 6px 10px;
  border: 1px solid var(--control-border);
  border-radius: 8px;
  background: var(--content-control-face);
  color: var(--text);
  font: 600 16px var(--font);
}
/* Account baskets extend the shared blue reading surfaces and teal actions. */
.watchlist-sections,
.basket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.watchlist-sections {
  margin-bottom: 20px;
}
body .watchlist-sections .secondary-button[aria-pressed="true"] {
  background: #32e7b7;
  color: #062f2a;
}
.basket-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.basket-toolbar h2,
.basket-toolbar p {
  margin: 0;
}
.basket-toolbar p,
.basket-summary > div > span,
.basket-summary small {
  color: var(--text-secondary, #d0e4ee);
}
.basket-create,
.basket-details form {
  display: grid;
  gap: 10px;
  margin-block: 12px;
}
.basket-picker-label {
  display: grid;
  gap: 6px;
  max-width: 480px;
  margin-block: 18px;
}
.basket-picker-label select {
  min-height: 44px;
  padding: 8px 12px;
}
.basket-workspace {
  margin-top: 16px;
}
.basket-workspace h2,
.basket-notes,
.basket-row .saved-item-name {
  overflow-wrap: anywhere;
}
.basket-notes {
  white-space: pre-wrap;
}
.basket-details {
  margin-block: 12px;
}
.basket-details summary {
  cursor: pointer;
  padding-block: 10px;
  width: fit-content;
}
.basket-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  margin-block: 16px;
  background: var(--reading-face);
  border: 1px solid var(--border, #5488a166);
  border-radius: 12px;
}
.basket-summary > div {
  display: grid;
  align-content: start;
  gap: 5px;
}
.basket-summary strong {
  font-size: 25px;
}
.basket-summary .price-primary {
  font-size: inherit;
}
.basket-add-form {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) 155px auto;
  gap: 12px;
  align-items: end;
}
.basket-add-form label {
  display: grid;
  gap: 6px;
}
.basket-rows {
  display: grid;
}
.basket-row {
  display: grid;
  grid-template-columns: 70px minmax(130px, 1fr) 155px minmax(150px, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding-block: 16px;
  border-top: 1px solid var(--border, #5488a166);
  font-variant-numeric: tabular-nums;
}
.basket-row > * {
  min-width: 0;
}
.basket-acquired {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  cursor: pointer;
  min-height: 44px;
}
.basket-acquired input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #32e7b7;
}
.basket-row.is-acquired .saved-item-name {
  color: var(--text-secondary, #d0e4ee);
}
.basket-quantity-form {
  display: grid;
  gap: 4px;
}
.basket-quantity-form > div {
  display: flex;
  gap: 4px;
}
.basket-quantity-form input {
  width: 85px;
  min-width: 0;
}
.basket-subtotal {
  display: grid;
  gap: 4px;
}
.basket-subtotal small,
.basket-unit > small {
  color: var(--text-secondary, #d0e4ee);
}
.basket-unit .saved-price {
  font-size: 14px;
}
.basket-unit .market-account-evidence {
  font-size: 11px;
}
.basket-line-costs,
.basket-purchases {
  grid-column: 2 / -1;
}
.basket-line-costs {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 12px 24px;
  font-size: 13px;
}
.basket-line-costs .price-primary {
  font-size: 15px;
}
.basket-purchases summary {
  padding-block: 10px;
  width: fit-content;
  cursor: pointer;
  color: var(--text-primary, #f5fbff);
  font-weight: 700;
}
.basket-purchase-content {
  padding: 14px;
  background: var(--surface, #0e324a);
  border: 1px solid var(--border, #5488a166);
  border-radius: 10px;
}
.basket-purchase-entry {
  display: flex;
  gap: 8px;
  align-items: start;
  padding-block: 12px;
  border-bottom: 1px solid var(--border, #5488a166);
}
.basket-purchase-entry > div {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.basket-purchase-entry span {
  display: block;
}
.basket-purchase-entry p {
  white-space: pre-wrap;
  margin-block: 4px 0;
}
.basket-purchase-entry p:empty {
  display: none;
}
.basket-purchase-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.basket-purchase-form h3,
.basket-purchase-form p {
  margin: 0;
}
.basket-purchase-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.basket-purchase-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.basket-purchase-form :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  margin: 0;
}
.basket-purchase-form :is(input, select) {
  min-height: 44px;
}
.basket-purchase-preview {
  font-weight: 700;
}
#basket-copy-panel {
  margin-top: 20px;
}
#basket-copy-panel textarea {
  margin-top: 8px;
  width: 100%;
}
.item-save-control {
  position: relative;
  min-width: 0;
}
.item-save-control > .item-action {
  width: 100%;
}
.item-save-options {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  right: 0;
  width: min(300px, calc(100vw - 40px));
  padding: 6px;
  background: #123b53;
  border: 1px solid #8ecce270;
  border-radius: 12px;
  box-shadow: 0 12px 28px #06203066;
}
.item-save-options > :is(button, a) {
  display: block;
  width: 100%;
  padding: 12px;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #f5fbff;
  text-align: left;
  font: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.item-save-options > :is(button, a):hover {
  background: #246780;
}
.item-save-options > button:disabled {
  opacity: 0.65;
  cursor: default;
}
.item-save-options p {
  padding: 8px;
  margin: 0;
}
@media (max-width: 1100px) {
  .basket-row {
    grid-template-columns: 65px minmax(130px, 1fr) minmax(130px, 1fr);
  }
  .basket-row .basket-quantity-form {
    grid-column: 2;
  }
  .basket-row .basket-remove {
    grid-column: 2;
    grid-row: auto;
  }
}
@media (max-width: 600px) {
  .basket-add-form {
    grid-template-columns: 1fr auto;
  }
  .item-save-options {
    left: 0;
    right: auto;
  }
  .basket-add-form > label:first-child {
    grid-column: 1 / -1;
  }
  .basket-row {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
  }
  .basket-row .basket-unit {
    grid-column: 2;
  }
  .basket-row .basket-subtotal {
    grid-column: 2;
  }
  .basket-row .basket-remove {
    grid-column: 2;
    justify-self: start;
  }
  .basket-summary {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 12px;
  }
  .basket-summary strong {
    font-size: 20px;
  }
  .basket-summary > div:last-child {
    grid-column: 1 / -1;
  }
  .basket-line-costs,
  .basket-purchases {
    grid-column: 1 / -1;
  }
  .basket-purchase-fields {
    grid-template-columns: 1fr;
  }
  .basket-purchase-entry {
    flex-wrap: wrap;
  }
  .basket-purchase-entry > div {
    flex-basis: 100%;
  }
  #baskets-panel :is(button, input, select, summary) {
    min-height: 44px;
  }
  #baskets-panel :is(input, textarea, select) {
    font-size: 16px;
  }
  #baskets-panel input[type="checkbox"] {
    min-height: 20px;
  }
}

body .basket-actions .account-submit {
  width: auto;
  margin: 0;
}
body .basket-add-form .account-submit {
  margin: 0;
}

/* World Prices uses the live site's glass frames and inset reading surfaces. */
body .world-layout :is(button:not(.world-primary), select) {
  background: var(--content-control-face);
  border-color: var(--reading-border);
  border-radius: var(--glass-control-radius);
  color: var(--text);
}
body .world-layout :is(button:not(.world-primary), select):hover {
  background-color: var(--content-control-hover);
}
body #world-filters button.world-primary {
  border-radius: var(--glass-control-radius);
}
body #world-filters button.world-primary:hover {
  background: var(--accent-hover);
}
body .world-layout .world-name {
  color: var(--text);
}
body .world-layout .world-name:hover {
  color: var(--accent-text);
}
body .world-search-box {
  background: var(--reading-face);
  border-color: var(--reading-border);
  box-shadow: var(--glass-inset);
}
body .world-search-box input {
  border: 0;
  background: transparent;
  box-shadow: none;
}
body .world-search-box input::placeholder {
  color: var(--reading-muted);
}
body .world-filter-options {
  margin-top: 14px;
  border-top: 1px solid var(--reading-border);
}
body .world-filter-options > summary {
  min-height: 44px;
  padding-top: 12px;
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
}
body .world-filter-count {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: var(--glass-control-radius);
  background: var(--reading-selected);
  color: var(--accent-text);
  font-size: 12px;
}
body .world-filter-options .world-controls {
  padding-top: 12px;
}
@media (max-width: 420px) {
  body .world-filter-options .world-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
body .world-history-filters input {
  background: var(--content-control-face);
  border-color: var(--reading-border);
  border-radius: var(--glass-control-radius);
  color: var(--text);
}
body .world-history-filters input::placeholder {
  color: var(--reading-muted);
}
body .world-layout h2 {
  font-weight: 800;
}
body .world-panel :is(.world-table, .world-state) {
  background: var(--reading-face);
  border-radius: var(--glass-control-radius);
}
body .world-table tbody tr:nth-child(even) {
  background: var(--reading-face-alt);
}
body .world-table tbody tr:hover {
  background: var(--reading-hover);
}
body .world-table tbody .world-message-row {
  background: transparent;
}
body .world-message-body {
  background: none;
}
body .discord-message :is(code, .discord-code-block) {
  background: var(--reading-face);
}
/* Offer labels and the captured transcript have distinct reading roles. */
body .world-identity {
  display: grid;
  justify-items: start;
  gap: 6px;
}
body .world-directory-table .world-name {
  font-size: 22px;
  line-height: 1.25;
}
body .world-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body .world-offer-badge {
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border: 1px solid #f4fbff80;
  border-radius: 10px;
  background: #d1e9f6;
  color: #123b53;
  box-shadow: inset 0 1px 0 #ffffff66;
}
body .world-offer-badge--priced {
  background: #9becc8;
  color: #073d31;
}
body .world-offer-badge--invited {
  background: #ffd16b;
  color: #513300;
}
body .world-offer-badge :is(.world-price, .world-price-exact, .world-no-price) {
  margin: 0;
  color: inherit;
  text-shadow: none;
}
body .world-offer-badge .world-price {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}
body .world-offer-badge .world-no-price {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
}
body .world-offer-badge .world-price-exact {
  font-size: 13px;
  line-height: 1.4;
}
body .world-layout :is(.world-scope, .world-record-scope) {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid #a3e3ff99;
  border-radius: 999px;
  background: #bceaff;
  color: #123b53;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.4;
}
body .world-facts :is(.world-ad-state, .world-ad-claims) {
  flex-basis: 100%;
  margin: 0;
  color: var(--reading-muted);
  font-size: 13px;
  line-height: 1.5;
}
body .world-attribution,
body .world-counts {
  display: grid;
  align-content: start;
  gap: 4px;
}
body .world-latest .world-attribution {
  margin-top: 12px;
}
body .world-attribution .world-advertiser,
body .world-counts .world-ad-count {
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body .world-attribution .world-posted,
body .world-counts > small {
  margin: 0;
  color: var(--reading-muted);
  font-size: 13px;
  line-height: 1.5;
}
body .world-message > summary,
body .world-source > summary {
  min-height: 44px;
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
}
body .world-message > summary::marker,
body .world-source > summary::marker {
  color: var(--accent-text);
}
body .world-transcript {
  margin: 4px 0 12px;
  padding: 16px;
  border: 1px solid #effbff;
  border-radius: 12px;
  background: #d6effc;
  color: #123553;
  box-shadow: inset 0 1px 0 #ffffffb3;
  text-shadow: none;
  overflow-wrap: anywhere;
}
body .world-transcript .world-ad-quote {
  margin: 0 0 12px;
  padding: 0 0 0 12px;
  border-inline-start-color: #1388bb;
  color: inherit;
  font: 500 16px/1.65 var(--font);
}
body .world-transcript .discord-message {
  color: inherit;
  text-shadow: none;
}
body .world-transcript a {
  color: #075d8a;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body .world-transcript .discord-message :is(code, .discord-code-block) {
  background: #123b5312;
  color: #123553;
  font-size: 14px;
}
body .world-transcript .world-message-note {
  margin: 0;
  color: #284f6c;
  font-size: 14px;
  line-height: 1.6;
}
body .world-message .world-source {
  padding-top: 4px;
  border-top: 1px solid var(--reading-border);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body .world-transcript {
    background: linear-gradient(135deg, #e7f8fff2, #bfe6faf0);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body .world-transcript {
    background: #d6effc;
  }
}
body .world-tabs {
  background: var(--glass-control-face);
}
body .world-tabs button {
  background: transparent;
  border-color: transparent;
}
body .world-tabs button[aria-pressed="true"] {
  background: var(--reading-selected);
  border-color: var(--selected-border);
  color: var(--accent-text);
}
body .world-panel,
body #world-title {
  scroll-margin-top: 90px;
}
@media (forced-colors: active) {
  body .world-layout :is(.world-offer-badge, .world-scope, .world-record-scope),
  body .world-transcript,
  body .world-transcript .discord-message :is(code, .discord-code-block) {
    background: Canvas;
    border-color: CanvasText;
    color: CanvasText;
    box-shadow: none;
  }
  body .world-transcript .world-message-note {
    color: CanvasText;
  }
  body .world-transcript .world-ad-quote {
    border-color: CanvasText;
  }
  body .world-transcript a {
    color: LinkText;
  }
  body.world-site :is(.world-frame, .world-search-box, .world-tabs) {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
  }
  body .world-tabs button[aria-pressed="true"] {
    border-color: Highlight;
  }
}

/* Pack breakdowns stay inside the item page, behind a native disclosure. */
body .pack-profit {
  container-type: inline-size;
  --pack-basis-color: var(--offer-buy);
  margin: 16px 0;
  padding: 0;
  scroll-margin-top: 80px;
}
body .pack-profit[data-basis="ask"] {
  --pack-basis-color: var(--offer-sell);
}
body .pack-profit[data-basis="median"] {
  --pack-basis-color: var(--chart-median);
}
body .pack-profit > summary {
  padding: 16px 20px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 800;
  min-height: 52px;
}
body .pack-profit > summary::marker {
  color: var(--accent-text);
}
body .pack-profit > summary h2 {
  display: inline;
  margin: 0;
  font: inherit;
}
body .pack-profit > summary small {
  margin-left: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
body .pack-profit-body {
  padding: 0 20px 18px;
}
body .pack-profit-body > p {
  max-width: 76ch;
  margin: 0 0 18px;
  line-height: 1.6;
}
body .pack-description {
  color: var(--reading-muted);
}
body .pack-settings {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr);
  gap: 24px;
  padding: 16px;
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  background: var(--reading-face);
}
body .pack-settings h3 {
  margin: 0 0 14px;
  padding-left: 9px;
  border-left: 3px solid var(--border-strong);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
body .pack-resale h3 {
  border-color: var(--pack-basis-color);
  color: var(--pack-basis-color);
}
body .pack-controls {
  display: grid;
  grid-template-columns: minmax(72px, 0.45fr) minmax(0, 1fr);
  gap: 12px;
}
body .pack-settings :is(label:not(.pack-seasonal), #pack-cost-field) {
  display: grid;
  gap: 6px;
  align-content: end;
  min-width: 0;
  font-weight: 700;
  line-height: 1.4;
}
body .pack-controls :is(#pack-cost-field, #pack-gems-field) {
  grid-column: 1 / -1;
}
body .pack-profit :is(input, select, button) {
  min-width: 0;
  min-height: 38px;
  border: 1px solid var(--reading-border);
  border-radius: var(--glass-control-radius);
  padding: 7px 9px;
  color: var(--text);
  background: var(--content-control-face);
  font: inherit;
}
body .pack-profit :is(input, select) {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
body .pack-profit :is(input, select) {
  width: 100%;
}
body .pack-profit button {
  cursor: pointer;
  white-space: nowrap;
}
body .pack-profit button:hover {
  background: var(--content-control-hover);
}
body .pack-price-input {
  display: flex;
  gap: 6px;
}
body .pack-price-input input {
  flex: 1 1 65px;
  width: 0;
}
body .pack-price-input select {
  width: 125px;
  flex-shrink: 0;
}
body #pack-cost-unit {
  width: 78px;
}
body .pack-seasonal {
  display: flex;
  gap: 9px;
  align-items: center;
  min-height: 44px;
  margin-top: 10px;
  line-height: 1.5;
}
body .pack-seasonal input {
  width: 18px;
  flex-shrink: 0;
  min-height: 18px;
  accent-color: var(--aqua);
}
body .pack-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  font-size: 12px;
}
body .pack-toolbar > span {
  flex: 1;
  color: var(--muted);
}
body .pack-results {
  overflow: hidden;
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  background: var(--reading-face);
}
body .pack-totals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  margin: 0;
}
body .pack-totals > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 16px;
  min-width: 0;
  border-right: 1px solid var(--reading-border);
}
body .pack-totals > div:last-child {
  border-right: 0;
}
body .pack-totals dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: var(--reading-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}
body .pack-totals dd {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
body .pack-proceeds-total dd {
  color: var(--pack-basis-color);
}
body .pack-totals .pack-net {
  background: var(--reading-selected);
  box-shadow: inset 0 3px currentColor;
}
body .pack-net dd {
  font-size: 28px;
}
body .pack-net.is-profit {
  color: var(--offer-buy);
}
body .pack-net.is-loss {
  color: var(--red);
}
body .pack-net.is-incomplete {
  color: var(--reading-muted);
}
body .pack-outcome {
  color: inherit;
  border: 1px solid currentColor;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  line-height: 1.5;
}
body .pack-net dt {
  color: inherit;
}
body .pack-break-even dd {
  font-size: 20px;
}
body .pack-inventory {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 18px;
  padding: 12px 16px;
  border-top: 1px solid var(--reading-border);
  color: var(--reading-muted);
  font-size: 12px;
  line-height: 1.5;
}
body .pack-inventory strong {
  color: var(--text);
}
body .pack-inventory small {
  flex-basis: 100%;
  font-size: inherit;
}
body .pack-incomplete,
body .pack-error {
  margin: 0;
  padding: 12px 16px;
  color: var(--red);
  font-size: 13px;
  line-height: 1.5;
}
body .pack-contents {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 0;
}
body .pack-breakdown {
  margin-top: 16px;
  border-block: 1px solid var(--reading-border);
}
body .pack-breakdown > summary {
  padding: 14px 10px;
  font-weight: 800;
  font-size: 15px;
  color: var(--accent-text);
  cursor: pointer;
  background: var(--reading-head);
}
body .pack-breakdown > summary small {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 8px;
  border: 1px solid var(--reading-border);
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}
body .pack-breakdown > summary .is-missing {
  color: var(--red);
  border-color: currentColor;
}
body .pack-contents thead {
  color: var(--reading-muted);
  font-size: 12px;
  background: var(--reading-face);
}
body .pack-contents :is(th, td) {
  text-align: left;
  padding: 12px 10px;
  border-bottom: 1px solid var(--reading-border);
  vertical-align: middle;
  overflow-wrap: anywhere;
}
body .pack-contents th:first-child {
  width: 30%;
}
body .pack-contents th:nth-child(2) {
  width: 14%;
}
body .pack-contents th:nth-child(3) {
  width: 34%;
}
body .pack-contents tbody tr:nth-child(odd) {
  background: var(--reading-face);
}
body .pack-contents small {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  color: var(--reading-muted);
}
body .pack-contents strong {
  color: var(--pack-basis-color);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}
body :is(.pack-sources, .pack-note) {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0 0;
}
body .pack-breakdown > .pack-note {
  margin: 12px 10px;
}
body .pack-profit-body > .pack-sources {
  margin: 14px 0 0;
  font-size: 11px;
}
@container (max-width: 760px) {
  body .pack-settings {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
  }
  body .pack-totals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .pack-totals > div:nth-child(2) {
    border-right: 0;
  }
  body .pack-totals > div:nth-child(n + 3) {
    border-top: 1px solid var(--reading-border);
  }
}
@container (max-width: 540px) {
  body .pack-settings {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 14px;
  }
  body .pack-resale {
    padding-top: 16px;
    border-top: 1px solid var(--reading-border);
  }
  body .pack-profit > summary small {
    display: block;
    margin: 5px 0 0;
  }
  body .pack-toolbar {
    flex-wrap: wrap;
  }
  body .pack-toolbar > span {
    flex-basis: 100%;
  }
  body .pack-totals > div {
    padding: 12px;
  }
  body .pack-totals dd {
    font-size: 22px;
  }
  body .pack-net dd {
    font-size: clamp(18px, 6cqw, 24px);
  }
}
@media (max-width: 700px) {
  body .pack-profit > summary {
    padding: 14px;
  }
  body .pack-profit > summary small {
    display: block;
    margin: 5px 0 0;
  }
  body .pack-profit-body {
    padding: 0 12px 12px;
  }
  body :is(.pack-controls, .pack-totals) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .pack-controls :is(#pack-cost-field, #pack-gems-field) {
    grid-column: 1 / -1;
  }
  body .pack-toolbar {
    flex-wrap: wrap;
  }
  body .pack-toolbar > span {
    flex-basis: 100%;
  }
  body .pack-profit :is(input, select, button) {
    min-height: 44px;
    font-size: 16px;
  }
  body .pack-seasonal input {
    min-height: 18px;
  }
  body .pack-contents .pack-price-input {
    flex-wrap: wrap;
  }
  body .pack-contents .pack-price-input select {
    width: 100%;
  }
  body .pack-contents thead {
    display: none;
  }
  body .pack-contents :is(tbody, tr) {
    display: block;
  }
  body .pack-contents tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    padding: 8px 0;
    border-bottom: 1px solid var(--reading-border);
  }
  body .pack-contents :is(th, td) {
    width: auto !important;
    border: 0;
    padding: 6px;
  }
  body .pack-contents th {
    grid-column: 1 / -1;
  }
  body .pack-contents td:nth-child(2)::before {
    content: "Sell up to";
  }
  body .pack-contents td:nth-child(3)::before {
    content: "Resale price";
  }
  body .pack-contents td:nth-child(4) {
    grid-column: 1 / -1;
  }
  body .pack-contents td:nth-child(4)::before {
    content: "Proceeds: ";
  }
}

/* Discord onboarding reveals one task at a time. */
body .ads-token-form {
  gap: 18px;
}
body .ads-setup-progress {
  display: flex;
  gap: 8px;
  max-width: 650px;
}
body .ads-setup-progress button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1;
  min-height: 52px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--reading-face);
  color: var(--muted);
  font: 800 14px var(--font);
  cursor: pointer;
}
body .ads-setup-progress button > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 50%;
  border: 1px solid var(--control-border);
  font-size: 13px;
}
body .ads-setup-progress button[aria-current="step"] {
  background: var(--reading-selected);
  color: var(--text);
  border-color: var(--accent-text);
}
body .ads-setup-progress button[aria-current="step"] > span {
  background: var(--accent-text);
  color: #062f2a;
  border-color: transparent;
}
body .ads-setup-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.9fr);
  gap: 28px 40px;
  align-items: start;
  padding: 28px;
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  background: var(--reading-face);
}
body .ads-setup-copy h3 {
  margin: 0;
  font-size: clamp(22px, 2.3vw, 28px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.025em;
}
body .ads-setup-copy p {
  margin: 12px 0 20px;
  max-width: 48ch;
}
body .ads-setup-copy .ads-setup-caption {
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--muted);
}
body .ads-button.ads-setup-primary {
  background: #32e7b7;
  color: #062f2a;
  border-color: #61efce;
  font-weight: 800;
  min-height: 44px;
  text-decoration: none;
}
body .ads-button.ads-setup-primary:hover {
  background: #61efce;
}
body .ads-extension-card {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: center;
  padding: 22px;
  border: 1px solid var(--control-border);
  border-radius: 12px;
  background: var(--card-face);
  box-shadow: var(--card-elevation);
}
body .ads-extension-card > svg {
  width: 48px;
  height: 48px;
  fill: var(--accent-text);
}
body .ads-extension-card strong {
  display: block;
  font-size: 17px;
  line-height: 1.3;
}
body .ads-extension-card span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: var(--muted);
}
body .ads-extension-card p {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 12px;
}
body .ads-setup-step-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
body .ads-setup-skip {
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--accent-text);
  font: 700 13px var(--font);
  cursor: pointer;
  text-align: left;
}
body .ads-setup-skip:hover {
  text-decoration: underline;
}
body .ads-copy-checklist {
  list-style: none;
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
}
body .ads-copy-checklist li {
  display: flex;
  align-items: start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.6;
}
body .ads-copy-checklist li > span {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--reading-selected);
  color: var(--accent-text);
  font-weight: 800;
}
body .ads-copy-checklist svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: var(--accent-text);
}
body .ads-setup-connect {
  grid-template-columns: 1fr;
  gap: 18px;
}
body .ads-setup-connect .ads-setup-copy p {
  margin-bottom: 0;
  max-width: none;
}
body .ads-token-entry {
  display: grid;
  gap: 10px;
}
body .ads-token-entry label {
  font-weight: 800;
}
body .ads-token-feedback {
  margin: 0;
  max-width: 76ch;
}
body .ads-token-feedback.is-error {
  color: var(--red);
}
body .ads-setup-assurance {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}
body .ads-setup-assurance span {
  margin-right: 6px;
  color: var(--accent-text);
}
body .ads-setup-footer {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
body .ads-token-troubleshooting {
  max-width: 76ch;
}
body .ads-token-troubleshooting summary {
  min-height: 44px;
  padding-block: 12px;
  font-weight: 800;
  cursor: pointer;
}
body .ads-token-troubleshooting dl {
  margin: 0 0 12px;
  line-height: 1.6;
  font-size: 13px;
}
body .ads-token-troubleshooting dt {
  font-weight: 800;
  margin-top: 14px;
}
body .ads-token-troubleshooting dd {
  margin: 4px 0 0;
  color: var(--muted);
}
body .ads-token-form > .ads-token-warning {
  max-width: none;
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 12px;
}
body #ads-token {
  scroll-margin-block: 110px;
}
@media (max-width: 820px) {
  body .ads-setup-step {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
  body .ads-setup-progress button {
    padding: 8px 4px;
    gap: 6px;
    font-size: 12px;
  }
  body .ads-setup-progress button > span {
    width: 23px;
    height: 23px;
    flex-basis: 23px;
  }
  body .ads-extension-card {
    padding: 16px;
  }
  body #ads-token {
    font-size: 16px;
  }
}
@media (max-width: 520px) {
  body .ads-setup-progress button {
    flex-direction: column;
  }
  body .ads-setup-step {
    padding: 16px;
  }
  body .ads-extension-card {
    grid-template-columns: 36px 1fr;
    gap: 10px;
  }
  body .ads-extension-card > svg {
    width: 32px;
    height: 32px;
  }
}
@media (forced-colors: active) {
  body :is(.ads-setup-step, .ads-extension-card, .ads-setup-progress button) {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
  }
  body .ads-setup-progress button[aria-current="step"] {
    border-color: Highlight;
  }
  body .ads-button.ads-setup-primary {
    background: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
  }
}

/* Gems is one item; the source control scopes its complete detail workspace. */
.gem-source-filter:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block: 12px;
  padding: 14px 18px;
}
.gem-source-filter label {
  font-weight: 800;
}
.gem-source-filter select {
  min-width: 150px;
  max-width: 100%;
  min-height: 44px;
}
.gem-source-filter p {
  flex: 1 1 300px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.gem-source-label {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

/* Quest planning uses the same glass frame and inset evidence surfaces. */
body .daily-quest-planner {
  display: block;
  padding: 10px 16px;
  font-weight: 700;
}
body .quest-panel {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}
body .quest-layout :is(input:not([type="checkbox"]), select) {
  color: var(--text);
  border-color: var(--control-border);
}
body .quest-layout input:not([type="checkbox"]) {
  background: var(--reading-face);
}
/* Native option menus need a solid face; translucent glass can fall back to white. */
body .quest-layout select,
body .quest-layout select :is(option, optgroup) {
  color: var(--text);
  background-color: var(--control-face);
}
body .quest-layout :is(button, .quest-button) {
  color: var(--text);
  background: var(--content-control-face, var(--control-face));
  border-color: var(--control-border);
}
body .quest-layout :is(button, .quest-button):hover {
  background: var(--content-control-hover, var(--control-hover));
}
body .quest-layout .quest-primary {
  background: var(--primary, #32e7b7);
  color: #062f2a;
}
body .quest-layout .quest-primary:hover {
  background: #61efce;
}
body .quest-total {
  background: var(--reading-face);
  border-color: var(--reading-border);
}
body .quest-total:last-child {
  background: var(--median-face);
  box-shadow: var(--median-elevation);
}
body .quest-layout :is(.quest-muted, small) {
  color: var(--reading-muted);
}
body .quest-layout :is(.quest-steps > li, .quest-table td, .quest-table tr, .quest-save) {
  border-color: var(--reading-border);
}
body .quest-table tbody tr {
  background: var(--reading-face);
}
body .quest-table tbody tr:nth-child(even) {
  background: var(--reading-face-alt);
}
body .quest-notice {
  background: var(--reading-face);
  border-color: var(--focus, #24d8c0);
}
body .quest-error {
  color: #ffbac2;
}
body .quest-step-done .quest-step-title {
  color: var(--muted);
}
body .quest-layout input[type="checkbox"] {
  accent-color: #32e7b7;
}
@media (forced-colors: active) {
  body :is(.quest-panel, .quest-total, .quest-table tbody tr, .quest-notice) {
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
    border-color: CanvasText;
  }
  body .quest-layout :is(button, .quest-button, input, select, option, optgroup) {
    background: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
  }
}

/* Quest discovery: reward identity, cost rail, then optional detail. */
body .quest-layout {
  margin-top: 16px;
}
body .quest-heading {
  margin-bottom: 12px;
}
body .quest-heading p {
  margin: 4px 0 0;
}
#quest-status:empty {
  display: none;
}
body .quest-section-heading p {
  display: none;
}
body .quest-discovery-card:focus-visible {
  outline: 3px solid var(--border-strong);
  outline-offset: 3px;
}
body .quest-sections {
  display: flex;
  gap: 8px;
  margin: 14px 0;
  border-bottom: 1px solid var(--reading-border);
  padding-bottom: 10px;
}
body .quest-sections button {
  padding: 13px 22px;
  gap: 12px;
  border-radius: 10px;
  font-size: 16px;
}
body .quest-sections button[aria-pressed="true"] {
  color: var(--text);
  background: var(--median-face);
  border-color: var(--border-strong);
  box-shadow:
    inset 0 -3px var(--border-strong),
    var(--card-elevation);
}
body .quest-sections span {
  font-size: 12px;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--reading-face);
}
.quest-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0 12px;
}
.quest-section-heading h2,
.quest-section-heading p {
  margin: 0;
}
.quest-filters {
  display: grid;
  grid-template-columns: minmax(200px, 1.5fr) 1fr 1fr;
  gap: 14px;
  padding: 12px;
  background: var(--panel-face);
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 12px;
  box-shadow: var(--panel-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
.quest-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
#quest-pagination-top,
#quest-pagination {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 12px;
  margin-block: 20px;
  padding-block: 12px;
  border-block: 1px solid var(--reading-border);
}
#quest-pagination-top > span,
#quest-pagination > span {
  min-width: 0;
  text-align: center;
  overflow-wrap: anywhere;
}
body .quest-discovery-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  color: var(--text);
  background: var(--card-face);
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 14px;
  box-shadow: var(--card-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-decoration: none;
}
body .quest-discovery-card:hover {
  background: var(--card-hover-face);
  border-color: var(--border-strong);
}
.quest-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}
body .quest-layout .quest-reward-icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 12px;
}
.quest-reward-icon img {
  object-fit: contain;
  image-rendering: pixelated;
  width: 48px;
  height: 48px;
}
.quest-category {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.quest-card-top .quest-category {
  text-align: right;
}
.quest-event {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: var(--combined-series, #d7c298);
}
body .quest-discovery-card h3 {
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 10px;
}
.quest-card-reward {
  line-height: 1.4;
  margin: 0 0 12px;
  font-weight: 700;
}
.quest-card-reward > span,
.quest-card-cost > span,
.quest-run-spent > span,
.quest-run-summary > div > span {
  display: block;
  font-weight: 400;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 4px;
}
.quest-card-cost {
  margin-top: auto;
  border-left: 3px solid var(--reading-border);
  padding: 10px 14px;
  background: var(--reading-face);
  border-radius: 0 8px 8px 0;
}
.quest-card-cost strong {
  display: block;
  font-size: 23px;
  font-weight: 800;
}
.quest-card-cost small {
  display: block;
  font-size: 11px;
  margin-top: 3px;
}
.quest-card-cost.quest-cost-ready {
  border-color: var(--aqua);
}
.quest-cost-ready strong {
  color: var(--aqua);
}
.quest-cost-partial strong {
  font-size: 20px;
}
.quest-card-open {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  font-weight: 700;
  font-size: 12px;
}
.quest-card-open span {
  font-size: 22px;
}
.quest-catalogue-notes {
  margin-top: 24px;
  font-size: 12px;
  color: var(--muted);
}
.quest-detail-nav {
  margin: 18px 0;
}
body .quest-detail-header {
  border-left: 4px solid var(--border-strong);
}
body .quest-detail-header h1 {
  font-size: 26px;
  margin: 4px 0 8px;
}
.quest-reward-line {
  font-weight: 800;
  color: var(--aqua);
}
.quest-run-list {
  display: grid;
  gap: 14px;
}
.quest-run-card {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) minmax(150px, 0.5fr) auto;
  gap: 20px;
  align-items: center;
  padding: 20px;
  background: var(--panel-face);
  border: 1px solid;
  border-color: var(--panel-rim);
  border-left: 4px solid var(--border-strong);
  border-radius: 12px;
  box-shadow: var(--panel-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
.quest-run-identity p {
  margin: 6px 0;
}
.quest-run-spent strong {
  display: block;
  font-size: 22px;
  color: var(--aqua);
}
.quest-run-card small {
  display: block;
  font-size: 11px;
}
body .quest-tracker {
  border-top: 3px solid var(--aqua);
}
.quest-run-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 18px 0;
}
.quest-run-summary > div + div {
  border-left: 1px solid var(--reading-border);
  padding-left: 20px;
}
.quest-run-summary strong {
  display: block;
  font-size: 26px;
}
.quest-run-summary strong,
.quest-run-spent strong {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.quest-run-summary .quest-run-state {
  font-size: 20px;
}
.quest-run-summary small {
  display: block;
  font-size: 11px;
}
.quest-layout progress {
  display: block;
  width: 100%;
  max-width: 300px;
  height: 8px;
  margin: 10px 0 6px;
  accent-color: var(--aqua);
}
.quest-tracking-fields,
.quest-purchase-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 14px 0;
}
.quest-tracking-fields > label:first-child {
  grid-column: 1 / -1;
}
body .quest-layout textarea {
  color: var(--text);
  background: var(--reading-face);
  border: 1px solid var(--control-border);
  border-radius: 10px;
  padding: 10px;
  font: inherit;
  width: 100%;
  resize: vertical;
}
.quest-steps .quest-step-title::before {
  content: none;
}
.quest-steps .quest-step-title {
  margin: 0;
  align-items: flex-start;
}
.quest-steps .quest-step-title input {
  margin-top: 2px;
}
.quest-steps .quest-step-title::after {
  content: none;
}
.quest-detail-cost {
  min-width: 0;
  max-width: 100%;
  padding: 12px 18px;
  border-left: 3px solid var(--aqua);
  background: var(--reading-face);
  border-radius: 0 8px 8px 0;
}
body .quest-detail-mode .quest-heading {
  display: none;
}
body .quest-detail-mode .quest-detail-nav {
  margin: 12px 0;
}
.quest-detail-cost :is(span, small, strong) {
  display: block;
}
.quest-detail-cost strong {
  overflow-wrap: anywhere;
  color: var(--aqua);
  font-size: 24px;
}
.quest-detail-cost :is(span, small) {
  font-size: 12px;
}
body .quest-is-tracking .quest-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr);
}
.quest-step-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
body .quest-steps > li {
  padding: 18px 0;
}
body .quest-steps .quest-step-title {
  font-size: 16px;
  line-height: 1.5;
}
.quest-step-title small {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
body .quest-layout .quest-step-spent {
  flex: 0 0 128px;
  margin: 0;
  font-size: 12px;
}
body .quest-layout :is(input:not([type="checkbox"]), select, textarea) {
  font-size: 16px;
}
body .quest-step-requirements {
  margin: 6px 0 0 30px;
}
body .quest-step-requirements .quest-muted {
  font-size: 14px;
}
body .quest-layout summary {
  min-height: 44px;
}
body .quest-layout .quest-progress {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--reading-border);
}
.quest-step-done .quest-step-title > span {
  text-decoration: line-through;
}
body .quest-save-bar {
  position: sticky;
  bottom: 8px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: var(--control-face);
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  box-shadow: var(--panel-elevation);
}
.quest-save-bar p {
  margin: 0;
  font-size: 13px;
}
.quest-save-bar button {
  flex-shrink: 0;
}
#quest-progress-title,
#quest-save-title,
#quest-discovery-title,
#quest-journal-title {
  scroll-margin-top: 100px;
}
.quest-layout :is(input, select, textarea, summary, button, a):focus-visible {
  outline: 3px solid var(--border-strong);
  outline-offset: 3px;
}
@media (max-width: 950px) {
  body .quest-is-tracking .quest-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .quest-step-heading {
    flex-wrap: wrap;
    gap: 10px;
  }
  body .quest-layout .quest-step-spent {
    margin-left: 30px;
    flex-basis: 150px;
  }
  .quest-save-bar {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .quest-save-bar.quest-has-conflict {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
}
@media (max-width: 1000px) {
  .quest-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quest-run-card {
    grid-template-columns: 60px minmax(0, 1fr) auto;
  }
  .quest-run-spent {
    grid-column: 2;
  }
  .quest-run-card > button {
    grid-column: 3;
    grid-row: 1 / 3;
  }
}
@media (max-width: 600px) {
  body .quest-heading {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  body .quest-heading h1 {
    font-size: 23px;
  }
  body .quest-heading p {
    display: none;
  }
  body .quest-heading > a {
    flex-shrink: 0;
    padding: 8px;
    font-size: 12px;
  }
  .quest-filters {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }
  .quest-filters > label:first-child {
    grid-column: 1 / -1;
  }
  .quest-cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  body .quest-sections button {
    padding: 12px 14px;
    font-size: 14px;
    flex: 1;
  }
  .quest-section-heading {
    align-items: flex-start;
  }
  .quest-section-heading > button {
    font-size: 12px;
    flex-shrink: 0;
  }
  .quest-run-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }
  .quest-run-card > button {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  body .quest-run-card .quest-reward-icon {
    width: 48px;
    height: 48px;
  }
  .quest-run-card .quest-reward-icon img {
    width: 36px;
    height: 36px;
  }
  .quest-run-summary {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .quest-run-summary > div:nth-child(3) {
    grid-column: 1 / -1;
    border: 0;
    padding: 0;
  }
  .quest-tracking-fields,
  .quest-purchase-form {
    grid-template-columns: 1fr;
  }
}
@media (forced-colors: active) {
  body
    .quest-layout
    :is(
      .quest-filters,
      .quest-discovery-card,
      .quest-card-cost,
      .quest-run-card,
      .quest-reward-icon,
      textarea
    ) {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
  }
  body
    .quest-layout
    :is(.quest-cost-ready strong, .quest-run-spent strong, .quest-reward-line, .quest-event) {
    color: CanvasText;
  }
  body .quest-sections button[aria-pressed="true"] {
    background: Highlight;
    color: HighlightText;
  }
}

/* iOS zooms into small form text on focus; cover touch devices in either orientation. */
@media (any-pointer: coarse) {
  body #hero-input,
  body #checkout-code,
  body .market-search input,
  body .world-layout input,
  body .calculator-body input,
  body .listing-toolbar :is(input, select),
  body .collection-tools :is(input, select),
  body .flip-filters :is(input:not([type="checkbox"]), select),
  body #baskets-panel :is(input:not([type="checkbox"]), textarea, select),
  body .quest-layout input,
  body select,
  body textarea {
    font-size: 16px;
  }
  body.world-copy-page input {
    font-size: clamp(16px, 3.6vw, 20px);
  }
}

/* Pack administration reuses the site's reading and control surfaces. */
body.management-site .pack-row {
  border-color: var(--reading-border);
  background: var(--reading-face);
}
body.management-site .pack-difference {
  border-color: var(--line);
}
/* Membership uses the shared blue glass, with one labelled color per tier. */
.membership-feature-locked > :not(.membership-feature-notice) {
  display: none !important;
}
.membership-feature-notice {
  grid-column: 1 / -1;
  padding: 28px;
  border: 1px solid var(--panel-rim);
  border-radius: 16px;
  background: var(--panel-face);
  color: var(--text);
}
main.membership-feature-locked > .membership-feature-notice,
#item-analysis.membership-feature-locked > .membership-feature-notice {
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
.membership-feature-notice h2 {
  margin: 0;
  font-size: 22px;
}
.membership-feature-notice p {
  max-width: 60ch;
  line-height: 1.6;
  color: var(--muted);
}
.membership-feature-notice a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--accent-text);
  font-weight: 800;
}
.membership-page .membership-intro {
  padding: 42px 0 28px;
}
.membership-page .membership-intro h1 {
  margin: 0;
  font-size: clamp(32px, 4vw, 48px);
}
.membership-intro p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 16px;
}
.membership-intro .membership-payment-note {
  font-size: 13px;
}
.membership-page .membership-plans {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.membership-page .membership-plan {
  --tier-color: #ffdb87;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 24px;
  border-top: 3px solid var(--tier-color);
  cursor: pointer;
}
.membership-page [data-tier="pro_plus"] {
  --tier-color: #ffa8d7;
}
.membership-page [data-tier="max"] {
  --tier-color: #c9afff;
}
.membership-plan:has(input:checked) {
  outline: 2px solid var(--tier-color);
  outline-offset: 3px;
}
.membership-plan:has(input:focus-visible) {
  outline: 3px solid var(--aqua);
  outline-offset: 4px;
}
.membership-plan-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--tier-color);
  font-size: 23px;
}
.membership-plan input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--tier-color);
  flex: 0 0 auto;
}
.membership-plan-price {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  margin-top: 14px;
}
.membership-plan-price small {
  font-size: 17px;
  font-weight: 600;
  color: var(--muted);
}
.membership-plan-period {
  color: var(--muted);
  font-size: 13px;
}
.membership-plan-features {
  display: grid;
  gap: 12px;
  padding: 20px 0;
  margin-top: 10px;
  border-top: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.5;
}
.membership-plan-features span {
  display: block;
}
.membership-plan-features .membership-ad-limit {
  color: var(--tier-color);
  font-weight: 800;
  font-size: 15px;
}
.membership-plan-status {
  margin-top: auto;
  font-size: 12px;
  color: var(--muted);
  min-height: 18px;
}
.membership-help,
.membership-free {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 16px 0;
}
.membership-free:empty {
  display: none;
}
.membership-page .membership-checkout {
  padding: 24px;
  margin-top: 22px;
}
.membership-checkout-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.membership-page .membership-checkout h2 {
  font-size: 20px;
}
.membership-page #pro-offer {
  margin: 7px 0 0;
  padding: 0;
  border: 0;
  color: var(--muted);
}
.membership-page .membership-checkout .pro-primary {
  background: var(--green);
  color: #062f2a;
  border-color: var(--green);
}
.membership-page .membership-checkout .pro-primary:disabled {
  background: var(--control-face);
  color: var(--muted);
  border-color: var(--line);
}
.membership-page .membership-checkout .pro-session {
  margin: 16px 0 0;
  text-align: left;
}
.membership-page .membership-checkout .pro-purchase-note {
  text-align: left;
  margin: 8px 0;
}
.membership-page .membership-checkout .pro-contact {
  display: inline-flex;
  width: auto;
  min-height: 36px;
  margin: 0;
}
.membership-page .pro-checkout {
  max-width: 680px;
}
.membership-page .membership-trial {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 24px;
  margin-bottom: 24px;
}
.membership-page .membership-trial h2 {
  font-size: 18px;
}
.membership-trial p {
  font-size: 13px;
  color: var(--muted);
  margin: 5px 0 0;
}
.membership-comparison {
  margin: 22px 0 0;
}
.membership-comparison > summary,
.membership-demos > summary {
  padding: 20px 24px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
.membership-table-scroll {
  overflow-x: auto;
  padding: 0 16px 16px;
  border-radius: 0 0 16px 16px;
}
.membership-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.membership-table th,
.membership-table td {
  border-bottom: 1px solid var(--line);
  padding: 13px 12px;
  text-align: center;
}
.membership-table th:first-child {
  text-align: left;
  min-width: 180px;
}
.membership-table thead th {
  background: var(--reading-head);
}
.membership-table thead th:nth-child(3) {
  color: #ffdb87;
}
.membership-table thead th:nth-child(4) {
  color: #ffa8d7;
}
.membership-table thead th:nth-child(5) {
  color: #c9afff;
}
.membership-table tbody th {
  font-weight: 600;
}
.membership-table td {
  color: var(--muted);
  min-width: 75px;
}
.membership-table td.membership-feature-included {
  color: var(--text);
  font-weight: 750;
}
.membership-table .membership-feature-mark {
  display: block;
  color: var(--accent-text);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}
.membership-table .membership-feature-unavailable .membership-feature-mark {
  color: var(--reading-muted);
}
.membership-table .membership-feature-label {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.4;
}
.membership-demos {
  margin-top: 8px;
}
.membership-demos > summary {
  padding-inline: 4px;
}
.membership-demos .pro-alert-guide {
  margin-top: 12px;
}
.membership-page .pro-faq {
  margin-top: 32px;
}
.membership-page .pro-faq h2 {
  font-size: 23px;
}
.membership-page .pro-button {
  white-space: normal;
  text-align: center;
}
.membership-page #checkout-code {
  font-size: 16px;
}
.membership-page :is(summary, .membership-table-scroll):focus-visible {
  outline: 3px solid var(--aqua);
  outline-offset: 4px;
}
[data-account-plan][data-tier="pro_plus"],
#member-plan[data-tier="pro_plus"] {
  color: #ffa8d7;
}
[data-account-plan][data-tier="max"],
#member-plan[data-tier="max"] {
  color: #c9afff;
}
body .site-header .site-upgrade[data-tier="pro_plus"] {
  background: #ffa8d7;
  color: #391329;
  border-color: #ffa8d7;
}
body .site-header .site-upgrade[data-tier="max"] {
  background: #c9afff;
  color: #271745;
  border-color: #c9afff;
}
.production-scroll-hint {
  margin: 12px 0 8px;
  color: var(--muted);
  font-size: 12px;
}
.production-scroll-hint > span[aria-hidden] {
  margin-right: 6px;
  color: var(--accent-text);
  font-size: 18px;
}
.production-shopping {
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  color: var(--text);
}
.production-shopping-skipped {
  color: var(--reading-muted);
}
.ads-membership-usage {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--reading-face);
  margin-bottom: 18px;
}
.ads-membership-usage .ads-usage-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 20px;
}
.ads-membership-usage h2 {
  color: var(--text);
  font-size: 14px;
  margin: 0;
}
.ads-membership-usage p {
  margin: 4px 0 0;
}
.ads-membership-usage .ads-usage-remaining {
  color: var(--text);
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  margin-top: 8px;
}
.ads-membership-usage #ads-usage-stale,
.ads-membership-usage #ads-usage-exhausted {
  color: #ffe19a;
}
@media (max-width: 720px) {
  .membership-page .membership-plans {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .membership-page .membership-plan {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 16px;
    padding: 20px;
  }
  .membership-plan-heading {
    grid-column: 1 / -1;
  }
  .membership-plan-price {
    margin-top: 8px;
    font-size: 34px;
  }
  .membership-plan-period {
    align-self: end;
    padding-bottom: 6px;
  }
  .membership-plan-features,
  .membership-plan-status {
    grid-column: 1 / -1;
  }
  .membership-plan-features {
    padding: 14px 0 8px;
    gap: 7px;
  }
  .membership-page .membership-intro {
    padding-top: 28px;
  }
  .membership-page .membership-checkout,
  .membership-page .membership-trial {
    padding: 18px;
  }
  .membership-checkout-summary,
  .membership-page .membership-trial {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .membership-checkout-summary .pro-button {
    width: 100%;
  }
  .membership-table-scroll {
    padding-inline: 8px;
  }
  .membership-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #184b69;
    box-shadow: 1px 0 0 var(--line);
  }
  .membership-comparison > summary {
    padding: 18px;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .membership-page .pro-glass {
    background: #123b53;
    backdrop-filter: none;
  }
}
@media (forced-colors: active) {
  .membership-page .membership-plan {
    border-color: CanvasText;
  }
  .membership-plan:has(input:checked) {
    outline-color: Highlight;
  }
}
body.management-site .pack-actions button {
  width: auto;
}
@media (max-width: 600px) {
  body.management-site .pack-actions button {
    width: 100%;
  }
}
/* Profit tools keep the decision visible and place scenario controls on demand. */
.flip-search-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr auto;
  align-items: end;
  gap: 14px;
}
.flip-filter-options {
  margin-top: 16px;
}
.flip-filter-options > summary,
.flip-offer-details > summary,
.flip-calculator > summary,
.production-trade-checks summary {
  cursor: pointer;
  font-weight: 800;
  padding: 12px 0;
}
.flip-calculator,
.production-trade-checks {
  padding: 16px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border, #5488a166);
  border-radius: 12px;
  margin: 12px 0;
}
.flip-calculator p,
.production-trade-checks p {
  line-height: 1.6;
  margin: 8px 0;
}
.flip-calculator-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.flip-calculator-fields label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}
.flip-calculator-fields input {
  width: 100%;
  min-width: 0;
  padding: 10px;
}
.flip-calculator-result,
.production-decision {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.flip-exit-note {
  margin: 12px 0;
  line-height: 1.6;
}
.flip-exit p {
  max-width: 48ch;
  line-height: 1.6;
}
.flip-route-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 16px 0 4px;
}
body .flip-resale-card.is-research .flip-gain strong {
  color: var(--text);
}
.flip-offer-details > summary {
  min-height: 44px;
}
.production-sale-floors {
  padding: 0;
  list-style: none;
}
.production-sale-floors > li {
  padding: 12px 0;
  border-bottom: 1px solid var(--reading-border, #5488a166);
}
.production-idea-money small {
  display: block;
}
.production-unpriced-results {
  margin-top: 18px;
}
.production-unpriced-results > summary {
  padding: 14px;
  cursor: pointer;
  font-weight: 800;
}
body .production-quantity-status {
  margin-top: 4px;
  padding-inline-start: 10px;
  border-inline-start: 3px solid var(--chart-median);
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
body .production-table-wrap {
  container: production-table / inline-size;
}
body .production-price-evidence {
  width: 100%;
  min-width: 0;
  max-width: none;
  container: production-evidence / inline-size;
  overflow-wrap: anywhere;
  white-space: normal;
}
body .production-table .production-evidence-row > td {
  padding-block: 0 12px;
}
body .production-table .production-evidence-row .production-price-evidence {
  position: sticky;
  left: 13px;
  width: calc(100cqi - 26px);
  min-width: 0;
  max-width: 100%;
}
body .production-evidence-item {
  color: var(--text);
}
body .production-price-evidence :is(p, ul, dl) {
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
}
body .production-price-evidence :is(.production-evidence-range, .production-evidence-metrics) {
  margin: 12px 0;
}
body .production-price-evidence .production-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 96px), 1fr));
  gap: 10px 14px;
}
body .production-price-evidence .production-evidence-metrics > div:not(.production-evidence-age) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
body .production-price-evidence .production-evidence-age {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  grid-column: 1 / -1;
  gap: 4px 12px;
}
body .production-price-evidence .production-evidence-age dd {
  margin-top: 0;
}
body .production-price-evidence dt {
  color: var(--reading-muted);
  font-weight: 600;
}
body .production-price-evidence dd {
  margin: 2px 0 0;
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
body .production-price-evidence ul {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
body .production-price-evidence li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 3px 10px;
}
body .production-price-evidence li + li {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid var(--reading-border);
}
body .production-price-evidence li > a {
  min-width: 0;
  font-size: 16px;
  font-weight: 800;
}
body .production-layout .production-price-evidence li > small {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
body .production-price-evidence .production-evidence-time {
  grid-column: 1 / -1;
  color: var(--reading-muted);
}
body .production-price-evidence .production-evidence-state {
  color: var(--text);
  font-weight: 700;
}
body .production-price-evidence :is(.production-evidence-warning, .is-refreshing, .is-stock) {
  color: var(--chart-median);
}
@container production-evidence (min-width: 560px) {
  body .production-price-evidence .production-evidence-overview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 24px;
    align-items: start;
  }
  body .production-price-evidence .production-evidence-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .production-price-evidence .production-evidence-metrics:only-child {
    grid-column: 1 / -1;
  }
  body .production-price-evidence .production-evidence-age {
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    grid-column: auto;
    gap: 0;
  }
  body .production-price-evidence .production-evidence-age dd {
    margin-top: 2px;
  }
  body .production-price-evidence li {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.6fr) minmax(170px, 1fr);
    column-gap: 18px;
  }
  body .production-price-evidence .production-evidence-time {
    grid-column: auto;
  }
}
@media (max-width: 760px) {
  .flip-search-row,
  .flip-calculator-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flip-calculator-fields input {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .flip-search-row,
  .flip-calculator-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Demo controls keep a small visual track inside a usable touch target. */
body .pro-player-play,
body :is(#demo-progress, #ad-demo-progress) {
  min-height: 44px;
}

body.ads-site :is(.ads-button, .ads-small-button) {
  min-width: 44px;
  min-height: 44px;
}

/* Utility copy needs a reading surface where bright scenery crosses the text. */
body :is(.account-footer, .inbox-heading, .ads-heading > div, .ads-intro-copy) {
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  padding: 12px 16px;
}
body :is(.account-footer, .ads-heading > div) {
  width: fit-content;
  max-width: 100%;
}
body .account-footer {
  padding-block: 2px;
}
body .inbox-heading p {
  margin-bottom: 0;
}
body :is(.inbox-heading > a, .ads-back) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body :is(.account-footer, .inbox-heading, .ads-heading > div, .ads-intro-copy) {
    background: var(--surface);
  }
}

/* A missing page keeps the same wayfinding and gives a useful next step. */
body .seo-catalogue:has(> .page-recovery) {
  max-width: 720px;
  margin-block: clamp(32px, 8vh, 96px);
  padding: clamp(24px, 4vw, 48px);
}
body .page-recovery .recovery-code {
  margin: 0 0 12px;
  color: var(--aqua);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
body .page-recovery h1 {
  margin-bottom: 16px;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.2;
}
body .page-recovery p {
  max-width: 55ch;
  line-height: 1.6;
}
body .recovery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block: 28px;
}
body .recovery-actions .back-btn {
  min-height: 44px;
  padding: 12px 18px;
  font-size: 14px;
}
body .page-recovery .recovery-actions .recovery-primary {
  color: #042f2b;
  background: var(--aqua);
  border-color: var(--aqua);
}
body .page-recovery .recovery-help {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 14px;
}

/* A user's own trade is separate from scanned offers and their refresh cycle. */
.flip-own-trade {
  padding: 0 20px;
  margin: 18px 0;
}
.flip-own-trade > summary {
  min-height: 44px;
  padding: 14px 0;
  cursor: pointer;
  font-weight: 800;
}
.flip-own-trade > p {
  max-width: 76ch;
}
.flip-own-trade form {
  padding-bottom: 16px;
}
.flip-own-price {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 0.8fr);
  gap: 8px;
}
.flip-own-price select {
  width: 100%;
  min-height: 44px;
  padding: 10px;
}
.flip-own-actions {
  display: flex;
  align-items: end;
}
.flip-own-actions button {
  min-height: 44px;
}
.flip-own-result {
  margin-top: 18px;
}
.flip-own-totals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 0;
  padding: 16px;
  background: var(--reading-face);
  border-radius: 10px;
  font-variant-numeric: tabular-nums;
}
.flip-own-totals dt {
  color: var(--muted);
}
.flip-own-totals dd {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 800;
}
.flip-calculator .flip-trade-totals {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
  gap: 16px 24px;
  margin-top: 12px;
  padding: 0;
  background: none;
}
.flip-calculator .flip-trade-totals > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
}
.flip-calculator .flip-trade-totals dt {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.flip-calculator .flip-trade-totals dd {
  margin: 0;
  color: var(--text);
  font-size: 22px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.flip-calculator .flip-trade-totals .is-positive dd {
  color: var(--green);
}
.flip-calculator .flip-trade-totals .is-negative dd {
  color: var(--red);
}
@media (max-width: 760px) {
  .flip-own-trade .flip-calculator-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .flip-own-price select {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .flip-own-trade {
    padding-inline: 14px;
  }
  .flip-own-price {
    grid-template-columns: minmax(0, 1fr);
  }
  .flip-own-totals {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Assistant consent: one decision with a short, scope-specific permission summary. */
.plugin-connect-page .connection-shell {
  max-width: 600px;
  margin: 48px auto;
  padding: 0 20px;
}
.plugin-connect-page .connection-shell > .logo {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
}
.plugin-connect-page .connection-card {
  padding: 28px;
}
.connection-symbols {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 0 20px;
}
.connection-symbols span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  background: var(--glass-control-face);
  border: 1px solid var(--control-border);
  border-radius: 14px;
  font-size: 28px;
  font-weight: 800;
  color: var(--green);
}
.connection-symbols b {
  font-size: 23px;
  color: var(--muted);
}
.plugin-connect-page h1 {
  text-align: center;
  font-size: 28px;
  margin: 0 0 8px;
}
#connection-intro {
  text-align: center;
  color: var(--muted);
  margin: 0 0 20px;
}
#connection-status:empty {
  display: none;
}
.connection-identity {
  padding: 12px 14px;
  border: 1px solid var(--reading-border);
  background: var(--reading-face);
  border-radius: 10px;
  margin: 0 0 20px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.plugin-connect-page h2 {
  font-size: 14px;
  margin: 0 0 12px;
}
.connection-permissions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 14px;
}
.connection-permissions li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 3px 8px;
  align-items: start;
}
.connection-permissions .permission-symbol {
  grid-row: 1/3;
  color: var(--green);
  font-size: 20px;
}
.connection-permissions strong {
  font-size: 14px;
}
.connection-permissions small {
  font-size: 12px;
  color: var(--muted);
}
.connection-details {
  margin: 20px 0 12px;
  font-size: 12px;
  color: var(--muted);
}
.connection-details summary {
  min-height: 40px;
  padding: 10px 0;
  cursor: pointer;
}
.connection-details li {
  margin: 8px 0;
  line-height: 1.5;
}
.connection-actions {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}
.plugin-connect-page .connection-actions > button {
  flex: 1;
  min-height: 44px;
  margin: 0;
}
.plugin-connect-page .connection-note {
  font-size: 12px;
  color: var(--muted);
  margin: 14px 0 0;
  line-height: 1.5;
}
.connection-shell footer {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 18px;
  font-size: 12px;
}
.connection-saved-row {
  padding: 16px 0;
  border-top: 1px solid var(--reading-border);
}
.connection-saved-row details {
  font-size: 12px;
  margin: 8px 0;
  color: var(--muted);
}
.connection-saved-row details > summary {
  min-height: 44px;
  align-content: center;
  color: var(--text);
  font-size: 16px;
  line-height: 1.5;
}
.connection-saved-row .connection-saved-permissions {
  max-width: 76ch;
  margin: 12px 0 16px;
  padding-inline-start: 22px;
  list-style: disc;
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.connection-saved-permissions li + li {
  margin-top: 8px;
}
.connection-shell :is(button, a, summary):focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
@media (max-width: 480px) {
  .plugin-connect-page .connection-shell {
    margin: 24px auto;
    padding: 0 16px;
  }
  .plugin-connect-page .connection-card {
    padding: 20px;
  }
  .plugin-connect-page h1 {
    font-size: 25px;
  }
  .connection-permissions {
    gap: 16px 10px;
  }
  .connection-permissions li {
    grid-template-columns: 20px 1fr;
    gap: 3px 6px;
  }
  .connection-permissions strong {
    font-size: 13px;
  }
}
.ads-assistant-draft {
  padding: 20px;
  margin: 16px 0;
}
.ads-assistant-draft .ads-demo-inputs {
  margin: 16px 0;
}
.ads-assistant-draft h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
}
.ads-assistant-draft .ads-muted {
  font-size: 12px;
}
/* Keep native select behavior while allowing Safari to honor field sizing. */
body select:not([multiple]):not([size]) {
  appearance: none;
  -webkit-appearance: none;
  padding-inline: 12px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23d0e4ee' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}
body.activity-site .activity-quick-search {
  grid-template-columns: minmax(0, 1fr) auto;
}
body.activity-site .activity-search-types {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
body.activity-site .activity-search-types button {
  padding: 8px 12px;
  min-height: 40px;
  border-radius: 20px;
}
body.activity-site .activity-search-types button[aria-pressed="true"] {
  color: var(--aqua);
  border-color: var(--aqua);
  box-shadow: inset 0 0 0 1px var(--aqua);
}
body.activity-site .activity-search-result {
  position: relative;
}
body.activity-site .activity-search-result a {
  padding-inline-end: 100px;
  overflow-wrap: anywhere;
}
body.activity-site .activity-search-result span {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  pointer-events: none;
  font-size: 12px;
}
body.activity-site .activity-network-search {
  margin-block: 12px;
}
@media (forced-colors: active) {
  body select:not([multiple]):not([size]) {
    appearance: auto;
    -webkit-appearance: auto;
    padding-inline-end: 12px;
    background-image: none;
  }
}

/* Real dates and daily counts keep the posting pattern readable at every width. */
body.activity-site .activity-patterns {
  padding: 0;
}
body.activity-site .activity-pattern-grid {
  align-items: start;
  padding: 0;
  gap: 20px;
}
body.activity-site .activity-pattern-grid > .activity-panel {
  padding: 24px;
}
body.activity-site .activity-calendar-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 20px 0 14px;
}
body.activity-site .activity-calendar-toolbar h3 {
  margin: 0;
  font-size: 20px;
}
body.activity-site .activity-calendar-toolbar button {
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  font-size: 28px;
  line-height: 1;
}
body.activity-site .activity-calendar-weekdays,
body.activity-site .activity-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
body.activity-site .activity-calendar-weekdays {
  margin-bottom: 8px;
  color: var(--muted);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
body.activity-site .activity-calendar-day {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  min-width: 0;
  min-height: 76px;
  padding: 9px;
  margin: 0;
  border: 1px solid var(--reading-border);
  border-radius: 8px;
  background: var(--reading-face);
  color: var(--text);
  box-shadow: none;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
body.activity-site .activity-calendar-date {
  font-size: 13px;
  font-weight: 600;
}
body.activity-site .activity-calendar-day strong {
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.1;
}
body.activity-site .activity-calendar-day small {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}
body.activity-site .activity-calendar-outside {
  color: var(--muted);
  opacity: 0.4;
  font-size: 13px;
  border-color: transparent;
  background: transparent;
}
body.activity-site .activity-calendar [data-level="1"] {
  background-image: linear-gradient(#12847630, #12847630);
}
body.activity-site .activity-calendar [data-level="2"] {
  background-image: linear-gradient(#12847660, #12847660);
}
body.activity-site .activity-calendar [data-level="3"] {
  background-image: linear-gradient(#12847690, #12847690);
}
body.activity-site .activity-calendar [data-level="4"] {
  background-image: linear-gradient(#128476c0, #128476c0);
}
body.activity-site .activity-calendar-day[aria-pressed="true"] {
  border-color: var(--aqua);
  box-shadow: inset 0 0 0 1px var(--aqua);
}
body.activity-site .activity-calendar-day:hover {
  border-color: var(--aqua);
}
body.activity-site .activity-calendar-legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin: 12px 0;
  font-size: 11px;
  color: var(--muted);
}
body.activity-site .activity-calendar-legend i {
  width: 13px;
  height: 13px;
  border: 1px solid var(--reading-border);
  border-radius: 3px;
  background-color: var(--reading-face);
}
body.activity-site .activity-calendar-legend span {
  margin-inline: 4px;
}
body.activity-site .activity-calendar-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  background: var(--reading-face);
}
body.activity-site .activity-calendar-detail strong {
  font-size: 14px;
}
body.activity-site .activity-calendar-detail p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}
body.activity-site .activity-calendar-detail a {
  flex-shrink: 0;
  padding-block: 12px;
  color: var(--aqua);
  font-size: 13px;
  font-weight: 800;
}
body.activity-site .activity-calendar-note {
  font-size: 12px;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  body.activity-site .activity-pattern-grid > .activity-panel {
    padding: 16px;
  }
  body.activity-site .activity-calendar-grid,
  body.activity-site .activity-calendar-weekdays {
    gap: 3px;
  }
  body.activity-site .activity-calendar-day {
    min-height: 75px;
    padding: 7px 4px;
    border-radius: 6px;
  }
  body.activity-site .activity-calendar-day strong {
    font-size: 14px;
  }
  body.activity-site .activity-calendar-day small {
    font-size: 9px;
  }
  body.activity-site .activity-calendar-weekdays {
    font-size: 10px;
  }
  body.activity-site .activity-calendar-detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px;
  }
}
@media (forced-colors: active) {
  body.activity-site .activity-calendar-day[aria-pressed="true"] {
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
}

/* Activity investigations keep the map and its paginated evidence side by side. */
body.activity-site .activity-map-toolbar,
body.activity-site .activity-map-actions,
body.activity-site .activity-map-result-heading,
body.activity-site .activity-map-paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
body.activity-site .activity-map-toolbar {
  margin: 18px 0 12px;
}
body.activity-site .activity-map-actions {
  justify-content: flex-start;
}
body.activity-site .activity-map-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  border: 1px solid var(--reading-border);
  border-radius: 14px;
  overflow: hidden;
  background: var(--reading-face);
}
body.activity-site .activity-map-stage {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background: radial-gradient(circle, #5488a145 1px, transparent 1px) 0 0 / 22px 22px;
}
body.activity-site .activity-map-canvas {
  position: relative;
  height: 600px;
  min-height: 440px;
  flex: 1 1 0;
}
body.activity-site .activity-map-hint {
  position: absolute;
  pointer-events: none;
  top: 12px;
  left: 12px;
  right: 12px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}
body.activity-site .activity-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 12px 16px;
  background: var(--reading-face);
  font-size: 11px;
}
body.activity-site .activity-map-legend span::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 6px;
  background: #8fcfff;
}
body.activity-site .activity-map-legend [data-kind="world"]::before {
  background: #61e2bc;
}
body.activity-site .activity-map-legend [data-kind="item"]::before {
  background: #e8c97c;
}
body.activity-site .activity-map-legend [data-kind="channel"]::before {
  background: #c5a7ef;
}
body.activity-site .activity-map-legend [data-kind="world_sale"]::before {
  background: #ff9cac;
}
body.activity-site .activity-map-evidence {
  margin: 0;
  padding: 12px 16px;
  min-height: 58px;
  font-size: 12px;
  background: var(--reading-face);
  border-top: 1px solid var(--reading-border);
}
body.activity-site .activity-map-inspector {
  padding: 20px;
  min-width: 0;
  border-left: 1px solid var(--reading-border);
}
body.activity-site .activity-map-inspector h3 {
  font-size: 20px;
  margin: 4px 0;
  overflow-wrap: anywhere;
}
body.activity-site .activity-map-inspector h4 {
  margin: 22px 0 10px;
}
body.activity-site .activity-map-inspector .activity-muted {
  font-size: 12px;
  overflow-wrap: anywhere;
}
body.activity-site .activity-map-types {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.activity-site .activity-map-types button[aria-pressed="true"] {
  border-color: var(--aqua);
  background: #15564f;
  color: #baffeb;
}
body.activity-site .activity-map button {
  font-size: 12px;
  min-height: 36px;
}
body.activity-site .activity-map-search {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
body.activity-site .activity-map-search label {
  display: grid;
  gap: 5px;
  font-size: 11px;
}
body.activity-site .activity-map-search > div {
  display: flex;
  gap: 8px;
  align-items: end;
}
body.activity-site .activity-map-search input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
}
body.activity-site [data-map-status] {
  font-size: 12px;
  color: var(--muted);
  min-height: 36px;
}
body.activity-site .activity-map-result-heading {
  font-size: 12px;
  border-bottom: 1px solid var(--reading-border);
  padding-bottom: 10px;
}
body.activity-site .activity-map-results {
  padding: 0;
  margin: 0 0 12px;
  list-style: none;
  max-height: 360px;
  overflow-y: auto;
}
body.activity-site .activity-map-results li {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 0;
  border-bottom: 1px solid var(--reading-border);
}
body.activity-site .activity-map-results li > div {
  flex: 1;
  min-width: 0;
}
body.activity-site .activity-map-results li > div > button {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  color: var(--aqua);
  text-align: left;
  overflow-wrap: anywhere;
  font-size: 13px;
}
body.activity-site .activity-map-results span {
  display: block;
  color: var(--muted);
  font-size: 10px;
}
body.activity-site .activity-map-results li > button {
  flex-shrink: 0;
}
body.activity-site .activity-map-path {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-top: 16px;
  font-size: 12px;
}
body.activity-site .activity-map-path > span:first-child {
  flex-shrink: 0;
  color: var(--muted);
}
body.activity-site [data-map-path],
body.activity-site [data-map-points] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.activity-site [data-map-path] [aria-current="true"] {
  border-color: var(--aqua);
}
body.activity-site .activity-map-point-list {
  margin-top: 18px;
}
body.activity-site [data-map-points] {
  padding-block: 12px;
}
@media (max-width: 1000px) {
  body.activity-site .activity-map-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  body.activity-site .activity-map-canvas {
    height: 400px;
    min-height: 0;
    flex: none;
  }
  body.activity-site .activity-map-inspector {
    border-left: 0;
    border-top: 1px solid var(--reading-border);
  }
  body.activity-site .activity-map-results {
    max-height: 310px;
  }
}
@media (max-width: 600px) {
  body.activity-site #activity-direct-connections {
    padding: 14px;
  }
  body.activity-site .activity-map-canvas {
    height: 330px;
  }
  body.activity-site .activity-map-inspector {
    padding: 14px;
  }
  body.activity-site .activity-map button {
    min-height: 42px;
  }
  body.activity-site .activity-map-path {
    display: block;
  }
  body.activity-site .activity-map-path > span:first-child {
    display: block;
    margin-bottom: 8px;
  }
}

/* Unified Me workspace: stable local navigation around account workflows. */
.me-site .me-workspace {
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  gap: 30px;
  max-width: 1456px;
  margin: 0 auto;
  padding: 32px clamp(20px, 4vw, 56px) 64px;
  align-items: start;
}
.me-site .me-sidebar {
  position: sticky;
  top: 88px;
  min-width: 0;
}
.me-identity {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 10px 26px;
  text-decoration: none;
  color: var(--text);
}
.me-identity strong {
  display: block;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.me-identity small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 2px;
}
.me-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 13px;
  background: var(--glass-control-face);
  border: 1px solid var(--line);
  color: #32e7b7;
  font-size: 20px;
  font-weight: 800;
}
.me-mobile-menu > summary {
  display: none;
}
.me-nav-group {
  display: grid;
  gap: 4px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}
.me-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 13px;
  color: var(--muted);
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid transparent;
}
.me-nav svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
.me-nav a:hover {
  background: var(--content-control-hover);
  color: var(--text);
}
.me-nav a[aria-current="page"] {
  background: #32e7b71a;
  color: #7ff5d7;
  border-color: #65e6c638;
  box-shadow: inset 3px 0 #32e7b7;
}
.me-back-market {
  display: block;
  padding: 18px 13px;
  color: var(--muted);
  font-size: 12px;
  text-decoration: none;
}
.me-site .me-content {
  margin: 0;
  padding: 0;
  max-width: none;
  min-width: 0;
  width: 100%;
  display: block;
  grid-column: auto;
}
.me-site #account-sidebar {
  display: none !important;
}
.me-site .account-content {
  grid-column: auto;
}
.me-site .me-content > .collection-nav,
.me-site .me-content > .account-footer,
.me-site .connection-shell > .logo {
  display: none;
}
.me-site .inbox-shell {
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}
.me-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 26px;
}
.me-heading h1 {
  font-size: 32px;
  margin: 2px 0 6px;
  letter-spacing: -0.025em;
}
.me-heading p:not(.me-eyebrow) {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
}
.me-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.13em;
  font-weight: 800;
  color: var(--muted);
  margin: 0 0 5px;
}
.me-panel,
.me-stat {
  background: var(--panel-face);
  border: 1px solid;
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
  border-radius: 16px;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  min-width: 0;
}
.me-panel {
  padding: 22px;
}
.me-membership {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 20px;
}
.me-plan-icon {
  color: #f1d08b;
  font-size: 52px;
  line-height: 1;
  flex: 0 0 54px;
  text-align: center;
}
.me-plan-copy {
  flex: 1;
}
.me-membership h2 {
  font-size: 23px;
  color: #f1d08b;
  margin: 0 0 3px;
}
.me-membership p:not(.me-eyebrow) {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
}
.me-secondary,
.me-text-button {
  font: inherit;
  cursor: pointer;
}
.me-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 14px;
  min-height: 42px;
  text-decoration: none;
  color: var(--text);
  background: var(--content-control-face);
  border: 1px solid var(--control-border);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}
.me-secondary:hover {
  background: var(--content-control-hover);
}
.me-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.me-stat {
  display: grid;
  gap: 8px;
  padding: 20px;
  text-decoration: none;
  color: var(--text);
}
.me-stat > span {
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.me-stat > strong {
  font-size: 30px;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.me-stat > small {
  font-size: 11px;
  color: var(--muted);
  display: flex;
  justify-content: space-between;
}
.me-stat:hover {
  border-color: #32e7b7;
}
.me-overview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.me-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.me-section-heading h2 {
  font-size: 18px;
  margin: 0;
}
.me-section-heading a {
  font-size: 13px;
  white-space: nowrap;
  color: #7ff5d7;
  text-decoration: none;
}
.me-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  min-height: 65px;
  text-decoration: none;
  color: var(--text);
  border-top: 1px solid var(--line);
}
.me-row-copy {
  min-width: 0;
  flex: 1;
}
.me-row strong {
  display: block;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.me-row small {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-top: 4px;
  overflow-wrap: anywhere;
}
.me-row-badge {
  font-size: 12px;
  color: #b6ecdd;
  max-width: 35%;
  text-align: right;
  flex-shrink: 0;
}
.me-row-icon {
  color: #8fb9ca;
  font-size: 20px;
  width: 22px;
  flex-shrink: 0;
  text-align: center;
}
.me-row:hover strong {
  text-decoration: underline;
  color: #7ff5d7;
}
.me-empty {
  font-size: 14px;
  color: var(--muted);
  padding: 14px 0;
}
.me-empty a,
.me-text-button {
  color: #7ff5d7;
}
.me-text-button {
  background: transparent;
  border: 0;
  padding: 10px 0;
}
.me-empty p {
  margin: 0 0 12px;
}
.me-overview-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 24px 0;
  color: var(--muted);
  font-size: 11px;
}
.me-overview-footer a {
  color: var(--muted);
}
.me-settings-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 5px;
  margin-bottom: 24px;
  background: var(--panel-face);
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: 12px;
}
.me-settings-nav a {
  padding: 11px 14px;
  text-decoration: none;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  border-radius: 8px;
}
.me-settings-nav a[aria-current="page"] {
  color: #7ff5d7;
  background: #32e7b719;
}
.me-site[data-me-section="preferences"] .inbox-heading > a,
.me-site[data-me-section="preferences"] #inbox-count,
.me-site[data-me-section="preferences"] [data-inbox-back] {
  display: none;
}
.me-site[data-me-section="membership"] .membership-intro {
  text-align: left;
  margin: 0 0 24px;
}
.me-site[data-me-section="membership"] .membership-intro > p,
.me-site[data-me-section="membership"] .membership-demos,
.me-site[data-me-section="membership"] .pro-faq,
.me-site[data-me-section="membership"] .pro-footer {
  display: none;
}
.me-site .account-chevron {
  display: none;
}
.me-site .discord-support {
  display: none;
}
.me-site .inbox-heading h1,
.me-site .page-heading h1,
.me-site .collection-heading h1,
.me-site .membership-intro h1 {
  font-size: 30px;
}
@media (max-width: 1100px) {
  .me-site .me-workspace {
    grid-template-columns: 185px minmax(0, 1fr);
    gap: 22px;
    padding-inline: 24px;
  }
  .me-overview-grid {
    grid-template-columns: 1fr;
  }
  .me-stat {
    padding: 16px;
  }
  .me-membership {
    flex-wrap: wrap;
  }
  .me-site .membership-plans {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .me-site .me-workspace {
    display: block;
    padding: 16px 16px 40px;
  }
  .me-site .me-sidebar {
    position: static;
    margin-bottom: 22px;
    background: var(--panel-face);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: 1px solid;
    border-color: var(--panel-rim);
    border-radius: 14px;
    padding: 10px 14px;
  }
  .me-identity {
    padding: 4px 0 12px;
  }
  .me-mobile-menu:not([open]) .me-nav {
    display: none;
  }
  .me-mobile-menu > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
  }
  .me-mobile-menu > summary::after {
    content: "＋";
    font-size: 20px;
    color: #7ff5d7;
  }
  .me-mobile-menu[open] > summary::after {
    content: "−";
  }
  .me-back-market {
    display: none;
  }
  .me-nav-group {
    padding: 8px 0;
  }
  .me-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 8px;
  }
  .me-nav-group:first-child {
    grid-column: 1/-1;
  }
  .me-heading {
    align-items: start;
    margin-bottom: 20px;
  }
  .me-heading h1 {
    font-size: 27px;
  }
  .me-heading p:not(.me-eyebrow) {
    font-size: 12px;
  }
  .me-heading .me-secondary {
    padding: 9px 12px;
  }
  .me-panel {
    padding: 18px;
  }
  .me-membership {
    gap: 12px;
  }
  .me-membership > .me-secondary {
    width: 100%;
  }
  .me-plan-icon {
    font-size: 40px;
    flex-basis: 40px;
  }
  .me-stats {
    gap: 8px;
  }
  .me-stat {
    padding: 14px 10px;
    gap: 9px;
  }
  .me-stat > span {
    font-size: 11px;
  }
  .me-stat > strong {
    font-size: 26px;
  }
  .me-stat > small {
    font-size: 10px;
  }
  .me-stat > small span {
    display: none;
  }
  .me-overview-footer {
    flex-wrap: wrap;
  }
  .me-settings-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 9px 10px;
  }
  .me-site .me-content input,
  .me-site .me-content select,
  .me-site .me-content textarea {
    font-size: 16px;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .me-panel,
  .me-stat,
  .me-site .me-sidebar,
  .me-settings-nav {
    background: #123b53;
    backdrop-filter: none;
  }
}
@media (forced-colors: active) {
  .me-panel,
  .me-stat,
  .me-nav a[aria-current="page"] {
    border: 1px solid CanvasText;
  }
  .me-nav a[aria-current="page"] {
    color: LinkText;
    outline: 2px solid Highlight;
  }
}

/* Portfolio uses the same account surfaces; only plots use a dark inset. */
.pf-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.pf-actions .account-submit {
  margin: 0;
  width: auto;
  min-height: 42px;
  font-size: 12px;
  padding: 10px 16px;
}
.pf-muted {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.pf-wealth {
  margin-bottom: 20px;
}
.pf-wealth-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.pf-wealth h2 {
  font-size: clamp(26px, 4vw, 42px);
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 5px 0;
  font-variant-numeric: tabular-nums;
}
.pf-wealth-top p {
  margin: 6px 0;
}
.pf-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 24px 0 16px;
  padding: 20px 0 8px;
  border-top: 1px solid var(--line);
}
.pf-breakdown span,
.pf-breakdown small {
  display: block;
  font-size: 11px;
  color: var(--muted);
}
.pf-breakdown strong {
  display: block;
  font-size: 20px;
  margin: 5px 0;
  font-variant-numeric: tabular-nums;
}
.pf-breakdown button {
  font-size: 11px;
  padding: 0;
  min-height: 25px;
}
.pf-history {
  margin-bottom: 20px;
}
.pf-range {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
.pf-range select,
.pf-filter input,
.pf-filter select,
.pf-form input,
.pf-form select,
.pf-form textarea {
  font: inherit;
  color: var(--text);
  background: var(--input-surface);
  border: 1px solid var(--control-border);
  border-radius: 8px;
  min-height: 42px;
  padding: 9px 12px;
  max-width: 100%;
}
.pf-range select {
  min-height: 36px;
  padding: 6px 10px;
}
.pf-history svg,
.pf-item-chart svg {
  width: 100%;
  height: auto;
  display: block;
  background: var(--graph-face);
  border-radius: 10px;
}
.pf-axis {
  font-size: 11px;
  fill: var(--muted);
}
.pf-gridline {
  stroke: #7bb3cb33;
  stroke-width: 1;
}
.pf-chart-line {
  stroke: #63e4c3;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pf-chart-point {
  fill: #8affdc;
}
.pf-first-point {
  font-size: 22px;
  color: #7ff5d7;
  padding: 20px 0;
  margin: 0;
}
.pf-history details {
  font-size: 12px;
  margin-top: 12px;
}
.pf-history summary {
  cursor: pointer;
  min-height: 32px;
  padding-block: 6px;
}
.pf-tabs {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
  margin-bottom: 18px;
}
.pf-tabs button {
  font: inherit;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  padding: 10px 15px;
  font-weight: 700;
  border-radius: 9px;
  cursor: pointer;
}
.pf-tabs button[aria-pressed="true"] {
  background: #32e7b719;
  color: #7ff5d7;
  border-color: #32e7b739;
}
.pf-filter {
  display: flex;
  gap: 15px;
  margin-bottom: 16px;
}
.pf-filter label {
  display: grid;
  gap: 6px;
  font-size: 12px;
}
.pf-filter label:first-child {
  flex: 1;
}
.pf-table-wrap {
  overflow-x: auto;
}
.pf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pf-table th {
  text-align: left;
  font-size: 10px;
  color: var(--muted);
  font-weight: 700;
  padding: 11px 10px;
  border-bottom: 1px solid var(--line);
}
.pf-table td {
  padding: 16px 10px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.pf-table td:first-child,
.pf-table th:first-child {
  padding-left: 0;
}
.pf-table td:last-child,
.pf-table th:last-child {
  padding-right: 0;
}
.pf-table small {
  font-size: 10px;
  margin-top: 5px;
}
.pf-asset-name {
  font: inherit;
  font-weight: 800;
  color: var(--text);
  border: 0;
  background: none;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
.pf-asset-name:hover {
  color: #7ff5d7;
  text-decoration: underline;
}
.pf-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
}
.pf-row-actions button {
  font-size: 11px;
  padding: 3px 0;
}
.pf-dialog {
  color: var(--text);
  background: #163e55;
  border: 1px solid #91d2e574;
  border-radius: 18px;
  box-shadow: 0 24px 90px #041523aa;
  padding: 26px;
  max-width: 560px;
  width: calc(100% - 32px);
  max-height: 90dvh;
  overflow-y: auto;
}
.pf-dialog::backdrop {
  background: #051b2db8;
  backdrop-filter: blur(3px);
}
.pf-dialog h2 {
  font-size: 22px;
}
.pf-form label {
  display: grid;
  gap: 7px;
  font-size: 14px;
  font-weight: 700;
  margin: 14px 0;
}
.pf-pair {
  display: flex;
  gap: 14px;
}
.pf-pair > label {
  flex: 1;
  min-width: 0;
}
.pf-form input,
.pf-form textarea,
.pf-form select {
  width: 100%;
}
.pf-money-input {
  display: flex;
  gap: 8px;
}
.pf-money-input input {
  flex: 1;
  min-width: 0;
}
.pf-money-input select {
  width: 84px;
  flex-shrink: 0;
}
.pf-form .pf-muted {
  font-weight: 400;
  font-size: 11px;
}
.pf-form .pf-checkbox {
  display: flex;
  align-items: center;
}
.pf-checkbox input {
  width: 20px;
  min-height: 20px;
}
.pf-search-results {
  display: grid;
  gap: 3px;
}
#pf-conflict {
  margin-block: 16px;
}
#pf-conflict .pf-actions {
  margin-top: 12px;
}
.pf-search-option {
  display: block;
  background: #24526c;
  color: var(--text);
  border: 1px solid var(--line);
  font: inherit;
  font-size: 13px;
  text-align: left;
  padding: 11px;
  cursor: pointer;
  border-radius: 6px;
}
.pf-search-option:hover {
  background: #326b85;
}
.pf-project-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 20px;
}
.pf-project-total {
  font-size: 28px;
}
.pf-project-asset {
  display: block;
  text-align: left;
  text-decoration: none;
  width: 100%;
  background: transparent;
  color: var(--text);
  border: 0;
  border-top: 1px solid var(--line);
  font: inherit;
  font-size: 12px;
  padding: 14px 0;
  cursor: pointer;
}
.pf-project-asset:hover {
  color: #7ff5d7;
}
.pf-planning .me-secondary {
  margin: 10px 10px 0 0;
}
.pf-detail {
  max-width: 740px;
}
.pf-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 13px;
  gap: 12px;
}
.pf-facts dt {
  color: var(--muted);
}
.pf-facts dd {
  margin: 0;
  text-align: right;
  font-weight: 700;
}
.pf-detail h3 {
  font-size: 15px;
  margin-top: 25px;
}
.pf-item-chart {
  margin: 15px 0;
}
.pf-form [hidden],
.portfolio-page [hidden] {
  display: none !important;
}
@media (max-width: 1100px) {
  .pf-project-grid {
    grid-template-columns: 1fr;
  }
  .pf-table th,
  .pf-table td {
    padding-inline: 6px;
  }
}
@media (max-width: 760px) {
  .portfolio-page .me-heading {
    flex-wrap: wrap;
  }
  .pf-wealth-top {
    align-items: start;
    flex-wrap: wrap;
  }
  .pf-breakdown {
    gap: 10px;
  }
  .pf-breakdown strong {
    font-size: 16px;
  }
  .pf-breakdown small {
    font-size: 10px;
  }
  .pf-filter {
    flex-wrap: wrap;
  }
  .pf-filter label:first-child {
    min-width: 180px;
  }
  .pf-dialog {
    padding: 20px;
    max-height: 92dvh;
  }
  .pf-pair {
    gap: 10px;
  }
  .pf-table {
    display: block;
  }
  .pf-table thead {
    display: none;
  }
  .pf-table tbody {
    display: grid;
    gap: 12px;
  }
  .pf-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid var(--line);
  }
  .pf-table td {
    display: block;
    padding: 0 !important;
    border: 0;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .pf-table td::before {
    content: attr(data-label);
    display: block;
    font-size: 10px;
    color: var(--muted);
    margin-bottom: 5px;
  }
  .pf-table td:first-child,
  .pf-table td:last-child {
    grid-column: 1/-1;
  }
  .pf-row-actions button {
    min-height: 38px;
  }
  .pf-axis {
    font-size: 14px;
  }
  .pf-history .me-section-heading {
    flex-wrap: wrap;
  }
  .pf-range select {
    font-size: 16px !important;
  }
  .pf-project-grid {
    grid-template-columns: 1fr;
  }
}
@media (forced-colors: active) {
  .pf-chart-line {
    stroke: CanvasText;
  }
  .pf-chart-point {
    fill: CanvasText;
  }
  .pf-axis {
    fill: CanvasText;
  }
  .pf-gridline {
    stroke: GrayText;
  }
}

.me-overview-wealth {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}
.me-overview-wealth h2 {
  font-size: 36px;
  letter-spacing: -0.02em;
  margin: 5px 0;
  color: #7ff5d7;
}
.me-overview-wealth p {
  margin: 4px 0;
}
@media (max-width: 760px) {
  .me-overview-wealth {
    flex-wrap: wrap;
  }
  .me-overview-wealth h2 {
    font-size: 30px;
  }
}
.me-preview-banner {
  font-size: 11px;
  text-align: center;
  padding: 7px 16px;
  background: #143e50;
  color: #c9e3eb;
  border-bottom: 1px solid #5688a155;
}
.me-preview-banner a {
  color: #7ff5d7;
}

/* Compact account summaries; colour encodes asset type and signed changes. */
.me-site {
  --me-liquid: #6ce5c1;
  --me-item: #8cbeff;
  --me-world: #f3cd81;
  --me-other: #c5a4f4;
  --me-debt: #ffaba8;
}
.me-kind-cash,
.pf-kind-cash {
  --asset-color: var(--me-liquid);
}
.pf-kind-item {
  --asset-color: var(--me-item);
}
.pf-kind-world {
  --asset-color: var(--me-world);
}
.pf-kind-other {
  --asset-color: var(--me-other);
}
.pf-kind-receivable {
  --asset-color: #a6daca;
}
.pf-kind-debt {
  --asset-color: var(--me-debt);
}
.pf-gain {
  color: var(--me-liquid);
  font-weight: 700;
}
.pf-loss {
  color: var(--me-debt);
  font-weight: 700;
}
.pf-asset-identity {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pf-asset-copy {
  min-width: 0;
}
.pf-kind-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  height: 38px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--asset-color) 12%, transparent);
  color: var(--asset-color);
}
.pf-kind-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pf-allocation {
  margin: 16px 0 8px;
}
.pf-mix-bar {
  display: flex;
  gap: 3px;
  height: 8px;
  overflow: hidden;
  border-radius: 6px;
}
.pf-mix-bar span {
  background: var(--asset-color);
  min-width: 2px;
}
.pf-mix-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 12px;
}
.pf-mix-key {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
}
.pf-mix-key i {
  width: 6px;
  height: 6px;
  background: var(--asset-color);
  border-radius: 50%;
}
.pf-mix-key strong {
  color: var(--text);
  font-size: 11px;
  font-weight: 600;
}
.pf-explainer {
  margin-top: 12px;
  font-size: 12px;
}
.pf-explainer summary {
  cursor: pointer;
  color: var(--muted);
  padding-block: 8px;
}
.pf-coverage {
  color: var(--me-world);
  font-size: 12px;
  margin: 12px 0 0;
}
.pf-breakdown > div:first-child strong {
  color: var(--me-liquid);
}
.pf-breakdown > div:nth-child(2) strong {
  color: var(--me-item);
}
.pf-breakdown > div:nth-child(3) strong {
  color: var(--me-debt);
}
.me-spark {
  width: 180px;
  margin-left: auto;
}
.me-spark:empty {
  display: none;
}
.me-spark svg {
  display: block;
  width: 100%;
}
.account-overview .me-membership {
  padding: 14px 20px;
  margin-bottom: 16px;
}
.account-overview .me-plan-icon {
  font-size: 32px;
  flex-basis: 32px;
}
.account-overview .me-membership h2 {
  font-size: 17px;
}
.me-stat:nth-child(1) {
  border-top: 2px solid var(--me-item);
}
.me-stat:nth-child(2) {
  border-top: 2px solid var(--me-liquid);
}
.me-stat:nth-child(3) {
  border-top: 2px solid var(--me-world);
}
.me-stat:nth-child(1) > strong {
  color: var(--me-item);
}
.me-stat:nth-child(2) > strong {
  color: var(--me-liquid);
}
.me-stat:nth-child(3) > strong {
  color: var(--me-world);
}
.me-stat > small {
  display: none;
}
.me-row-badge {
  background: #69dab414;
  border-radius: 5px;
  padding: 4px 6px;
}

@media (max-width: 760px) {
  .me-site .me-workspace {
    padding: 12px 14px 32px;
  }
  .me-site .me-sidebar {
    position: relative;
    top: auto;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 12px;
  }
  .me-identity {
    position: absolute;
    top: 0;
    left: 12px;
    max-width: calc(100% - 102px);
    height: 56px;
    padding: 0;
    gap: 9px;
  }
  .me-identity strong {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .me-identity > span:last-child {
    min-width: 0;
  }
  .me-identity small {
    display: none;
  }
  .me-avatar {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    border-radius: 9px;
  }
  .me-mobile-menu > summary {
    width: 100%;
    padding: 0 12px 0 0;
    justify-content: flex-end;
    gap: 8px;
    height: 56px;
    min-height: 56px;
  }
  .me-mobile-menu > summary::after {
    content: "⌄";
    font-size: 17px;
  }
  .me-mobile-menu[open] > summary::after {
    content: "⌃";
  }
  .me-mobile-menu .me-nav {
    padding: 0 10px 8px;
  }
  .me-heading,
  .portfolio-page .me-heading {
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
  }
  .me-heading .me-eyebrow,
  .me-heading p:not(.me-eyebrow) {
    display: none;
  }
  .me-heading h1 {
    margin: 0;
    font-size: 25px;
  }
  .portfolio-page .me-heading .pf-actions {
    flex-wrap: nowrap;
    gap: 6px;
  }
  #pf-refresh {
    font-size: 22px;
    width: 42px;
    padding: 6px;
  }
  .pf-actions .account-submit {
    padding: 10px 12px;
    white-space: nowrap;
  }
  .me-panel {
    padding: 16px;
    border-radius: 13px;
  }
  .account-overview .me-membership {
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px 14px;
  }
  .account-overview .me-membership > .me-secondary {
    width: auto;
    border: 0;
    background: none;
    padding: 10px 0;
    font-size: 11px;
  }
  .account-overview .me-membership h2 {
    font-size: 15px;
  }
  .account-overview #overview-expiry {
    font-size: 12px;
  }
  .account-overview .me-plan-icon {
    flex-basis: 25px;
    font-size: 28px;
  }
  .me-overview-wealth {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 76px;
    gap: 4px 8px;
    margin-bottom: 12px;
  }
  .me-overview-wealth h2 {
    font-size: 28px;
  }
  .me-overview-wealth .me-eyebrow {
    font-size: 11px !important;
  }
  .me-overview-wealth .pf-muted {
    font-size: 12px;
  }
  .me-spark {
    width: 76px;
    margin: 0;
  }
  .me-overview-wealth > a {
    grid-column: 1/-1;
    justify-self: start;
    border: 0;
    background: none;
    padding: 8px 0 0;
    min-height: 34px;
    color: var(--me-liquid);
  }
  .me-stats {
    margin-bottom: 16px;
    gap: 8px;
  }
  .me-stat {
    padding: 12px;
    gap: 6px;
    border-radius: 12px;
  }
  .me-stat > span {
    font-size: 12px;
  }
  .me-stat > strong {
    font-size: 26px;
  }
  .me-overview-grid {
    gap: 12px;
  }
  .me-section-heading {
    margin-bottom: 10px;
  }
  .me-section-heading h2 {
    font-size: 18px;
  }
  .me-row {
    padding: 11px 0;
    min-height: 55px;
    gap: 9px;
  }
  .me-row-icon {
    display: none;
  }
  .me-row strong {
    font-size: 14px;
  }
  .me-row small {
    font-size: 12px;
  }
  .me-rows .me-row:nth-child(n + 3) {
    display: none;
  }
  .pf-wealth {
    margin-bottom: 12px;
  }
  .pf-wealth h2 {
    font-size: 29px;
  }
  .pf-wealth-top {
    position: relative;
    gap: 8px;
  }
  #pf-total-conversion {
    font-size: 10px;
  }
  #pf-snapshot {
    font-size: 10px;
    min-height: 32px;
    padding: 8px;
  }
  .pf-breakdown {
    gap: 10px;
    margin: 12px 0 0;
    padding: 13px 0 0;
  }
  .pf-breakdown span {
    font-size: 10px;
  }
  .pf-breakdown strong {
    font-size: 14px;
    overflow-wrap: anywhere;
  }
  .pf-breakdown button {
    min-height: 32px;
    font-size: 10px;
  }
  .pf-mix-legend {
    gap: 8px 12px;
    margin-top: 10px;
  }
  .pf-mix-key,
  .pf-mix-key strong {
    font-size: 10px;
  }
  .pf-explainer summary,
  .pf-history summary {
    font-size: 11px;
    min-height: 36px;
  }
  .pf-history {
    margin-bottom: 12px;
  }
  .pf-history .me-section-heading {
    flex-wrap: nowrap;
  }
  .pf-history h2 {
    font-size: 15px;
  }
  .pf-range select {
    padding: 5px 8px;
    font-size: 16px !important;
    min-height: 36px;
  }
  .pf-axis {
    font-size: 11px;
  }
  .pf-filter {
    flex-wrap: nowrap;
    gap: 8px;
    margin-bottom: 8px;
  }
  .pf-filter label {
    font-size: 11px;
  }
  .pf-filter label:first-child {
    min-width: 0;
  }
  .pf-filter input {
    width: 100%;
  }
  .pf-filter select {
    max-width: 120px;
  }
  .pf-tabs {
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
  .pf-tabs button {
    font-size: 12px;
    padding: 9px 12px;
  }
  #pf-holdings .pf-table tbody {
    gap: 0;
  }
  #pf-holdings .pf-table tr {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 14px 0;
  }
  #pf-holdings .pf-table td:first-child {
    grid-column: 1;
    grid-row: 1;
  }
  #pf-holdings .pf-table td:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    text-align: right;
  }
  #pf-holdings .pf-table td:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  #pf-holdings .pf-table td:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    text-align: right;
  }
  #pf-holdings .pf-table td:last-child {
    display: none;
  }
  #pf-holdings .pf-table td:first-child::before,
  #pf-holdings .pf-table td:nth-child(3)::before {
    display: none;
  }
  #pf-holdings .pf-table td::before {
    display: inline;
    margin-right: 5px;
    font-size: 10px;
  }
  #pf-holdings .pf-table td {
    font-size: 11px;
  }
  .pf-asset-identity {
    gap: 8px;
  }
  .pf-kind-icon {
    flex-basis: 30px;
    height: 34px;
    border-radius: 9px;
  }
  .pf-kind-icon svg {
    width: 18px;
    height: 18px;
  }
  .pf-asset-name {
    font-size: 12px;
    min-height: 44px;
    line-height: 1.35;
  }
  .pf-table .pf-asset-copy small {
    font-size: 9px;
    margin-top: 0;
  }
  .pf-asset-value .pf-muted {
    font-size: 9px;
    margin-top: 3px;
  }
  .pf-asset-value strong {
    font-size: 12px;
  }
  .me-preview-banner {
    padding: 5px 12px;
    font-size: 9px;
  }
}

.me-session-actions {
  border-top: 1px solid var(--line);
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding-inline: 13px;
}
.me-session-actions :is(a, button) {
  font: inherit;
  font-size: 12px;
  color: var(--muted);
  background: none;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  padding: 12px 0;
  min-height: 44px;
}
.me-session-actions p {
  color: var(--me-debt);
  font-size: 12px;
}
.me-session-actions [hidden] {
  display: none;
}
@media (max-width: 760px) {
  .me-session-actions {
    margin: 0 12px;
    padding-inline: 0;
  }
  .me-mobile-menu:not([open]) .me-session-actions {
    display: none;
  }
}

/* Search, examples and the two tool shortcuts read as one centred group. */
#item-search .landing-layout {
  grid-template-rows: auto;
}
#item-search :is(.trading-scene, .hero-sidebar) {
  grid-row: 1;
}
#item-search .landing-inner {
  align-self: center;
}
#item-search .landing-inner .hero-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 22px;
}
#item-search .hero-popular {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 6px;
}
#item-search #hero-popular-links {
  display: contents;
}
@media (max-width: 700px) {
  #item-search .hero-sidebar {
    grid-row: 2;
  }
  #item-search .landing-inner .hero-actions {
    margin-top: 16px;
  }
  /* One quest item per row keeps names on one line beside their quantity. */
  #daily-quest .daily-quest-items {
    grid-template-columns: minmax(0, 1fr);
  }
  #daily-quest .daily-quest-item {
    flex-wrap: nowrap;
    min-height: 54px;
    padding: 8px 6px;
  }
  #daily-quest .daily-quest-quantity {
    margin-left: auto;
  }
}

/* Personal panels share one height so the row reads as a pair. */
body .home-view .home-personal-grid {
  align-items: stretch;
}

/* Coverage counts stay available to assistive technology and the basis note;
   the cards show price, trend and activity. */
#popular-price-grid .home-price-card {
  grid-template-rows: minmax(69px, auto) 37px auto;
}
#popular-price-grid .home-price-card .market-account-evidence {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Overview figures stay on one row; narrow screens stack label under value. */
@media (max-width: 700px) {
  body .home-view .market-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 12px;
  }
  body .home-view .market-overview > div {
    display: grid;
    gap: 2px;
    padding: 10px 0;
    border: 0;
  }
}

/* Footer links wrap as a list rather than a sentence of separators. */
body .home-footer {
  display: grid;
  gap: 6px;
  justify-content: stretch;
}
body .home-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 18px;
}
body .home-footer .footer-note {
  margin: 0;
}
body .home-footer .footer-note a {
  min-height: 0;
  display: inline;
}
@media (max-width: 700px) {
  body .home-footer .footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Item page refinement: one aligned summary row, consistent series chips,
   a single filter bar and a calculator that stays in reach. */
body .item-page .item-nav {
  align-items: center;
}
body .item-page .item-guide-link {
  margin-left: auto;
  color: #9fe9dc;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #9fe9dc66;
  text-underline-offset: 3px;
}
body .item-page .item-guide-link:hover {
  color: #d6fff7;
  text-decoration-color: currentColor;
}
body .item-page :is(.item-heading, .item-hero) {
  align-items: center;
}
body .item-page .item-identity {
  align-self: center;
}
body .item-page .item-actions {
  align-content: center;
}
body .item-page .item-actions .item-offer-note {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

/* Every series control reads as the same kind of toggle; state comes from fill,
   while inactive swatches dim as before. */
body .chart-panel .chart-series button {
  border-color: var(--reading-border);
  background: transparent;
}
body .chart-panel .chart-series button[aria-pressed="true"] {
  background: var(--content-control-face);
  border-color: #9ad8e699;
}
body .chart-panel .chart-series .chart-volume-label {
  margin-left: auto;
  color: var(--muted);
  font-size: 11px;
}
body .chart-panel .chart-explorer:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
}
body .chart-panel .chart-explorer label {
  flex: none;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
body .chart-panel .chart-explorer input {
  flex: 1;
  min-width: 0;
}

/* Calculator copy shares the panel's inset; labels match the rest of the page. */
body .item-page .calculator-panel > .collection-note {
  margin: 0;
  padding: 2px 20px 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
body .item-page .calculator-body label,
body .item-page .calc-result > span {
  text-transform: none;
  letter-spacing: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
body .item-page #calc-quantity {
  min-height: 44px;
  padding: 6px 12px;
  font: 600 16px var(--font);
}
@media (min-width: 981px) and (min-height: 820px) {
  body .item-page .item-tools-grid {
    position: sticky;
    top: 76px;
    align-self: start;
  }
}

/* Period, sort and text filters share one wrapping bar above the listings. */
body .item-page .listing-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 14px;
  padding: 14px 20px;
  background: var(--reading-face-alt);
  border-bottom: 1px solid var(--reading-border);
}
body .item-page .listing-filters > .listing-toolbar {
  display: contents;
}
body .item-page .listing-filters label:not([hidden]) {
  display: grid;
  flex: 0 1 190px;
  gap: 6px;
  min-width: 0;
}
body .item-page .listing-filters :is(select, input) {
  width: 100%;
}
body .item-page .listing-filters .listing-custom-dates:not([hidden]) {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 14px;
}
body .item-page .listing-filters .listing-date-error {
  flex-basis: 100%;
  margin: 0;
}
body .item-page .listing-filters .listing-meta {
  margin-left: auto;
  align-self: center;
}
body .item-page .listing-loading {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 18px;
  min-height: 160px;
  padding: 24px 20px;
  color: var(--text);
}
body .item-page .listing-loading-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.5;
}
body .item-page .listing-loading-status::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 3px solid var(--reading-border);
  border-top-color: var(--accent-text);
  border-radius: 50%;
}
body .item-page .listing-loading-preview {
  display: grid;
  gap: 10px;
  width: min(100%, 560px);
}
body .item-page .listing-loading-preview > span {
  display: block;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #d4f0ff30, #d4f0ff12);
}
body .item-page .listing-loading-preview > span:nth-child(2) {
  width: 85%;
}
body .item-page .listing-loading-preview > span:nth-child(3) {
  width: 70%;
}
@media (prefers-reduced-motion: no-preference) {
  body .item-page .listing-loading-status::before {
    animation: listing-loading-turn 1s linear infinite;
  }
}
@keyframes listing-loading-turn {
  to {
    transform: rotate(1turn);
  }
}
@media (forced-colors: active) {
  body .item-page .listing-loading-status::before {
    border-color: GrayText;
    border-top-color: CanvasText;
  }
  body .item-page .listing-loading-preview > span {
    background: GrayText;
  }
}
@media (max-width: 700px) {
  body .item-page .listing-filters {
    padding: 12px 14px;
  }
  body .item-page .listing-filters label:not([hidden]) {
    flex: 1 1 180px;
  }
  body .item-page .listing-filters .listing-meta {
    flex-basis: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1100px) {
  body .item-page :is(.compact-heading, .compact-listing > summary) {
    grid-template-columns: 56px minmax(140px, 0.8fr) minmax(120px, 1fr) minmax(120px, 1fr) 88px 18px;
  }
  body .item-page :is(.compact-heading > :nth-child(5), .compact-listing time) {
    text-align: right;
  }
}
body .item-page .item-heading {
  margin-bottom: 18px;
}
body .item-page .item-actions .item-offer-note {
  grid-column: 1 / -1;
}
body .item-page .calculator-panel > .collection-note {
  padding-bottom: 12px;
}
body .item-page .listing-title {
  justify-content: flex-start;
  gap: 10px;
}
body .item-page .listing-title h2 {
  margin-right: auto;
}
body .item-page .listing-filters :is(select, input) {
  min-height: 44px;
  font-size: 13px;
}
@media (any-pointer: coarse) {
  body .item-page .listing-filters :is(select, input) {
    font-size: 16px;
  }
  body
    .item-page
    :is(.chart-title .seg button, .chart-title .chart-series button, .listing-title .seg button) {
    min-height: 44px;
    min-width: 44px;
    font-size: 13px;
  }
}
/* Item summary: identity, price and actions share one panel instead of three
   loose blocks, so the top of every item page reads as a single unit. */
body .item-page .item-nav .back-btn {
  min-height: 34px;
  padding: 4px 10px 4px 8px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #d3e6f0;
  font-size: 13px;
}
body .item-page .item-nav .back-btn:hover {
  background: var(--content-control-hover);
}
body:has(#item-view:not([hidden])) .site-header .site-home-link,
body:has(#market-view:not([hidden])) .site-header .site-home-link {
  display: none;
}
body .item-page .item-heading {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: center;
  gap: 16px 28px;
  margin-bottom: 18px;
  padding: 20px 22px;
  border: 1px solid;
  border-color: var(--panel-rim);
  border-radius: var(--glass-radius, 16px);
  background: var(--panel-face);
  box-shadow: var(--panel-elevation);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body .item-page .item-heading .item-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px 28px;
  min-width: 0;
}
body #item-hero .item-hero-price {
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  flex-wrap: wrap;
}
body .item-page .item-heading .item-median {
  min-width: 250px;
  margin: 0;
  padding: 2px 0 2px 28px;
  border: 0;
  border-left: 1px solid var(--reading-border);
  border-radius: 0;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body .item-page .item-heading .item-median::before,
body .item-page .item-heading .item-median::after {
  display: none;
}
body .item-page .item-median .median-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
body .item-page .item-median .median-note {
  display: block;
  margin-top: 2px;
  color: #b9d3e0;
  font-size: 11px;
}
body .item-page .item-heading .item-actions {
  gap: 10px;
}
@media (max-width: 980px) {
  body .item-page .item-heading {
    grid-template-columns: minmax(0, 1fr);
  }
  body .item-page .item-heading .item-actions {
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .item-page .item-heading .item-save-control {
    position: static;
  }
  body .item-page .item-heading .item-save-options {
    left: 0;
    right: auto;
    width: min(300px, 100%);
  }
}
@media (max-width: 640px) {
  body .item-page .item-heading {
    padding: 16px;
  }
  body .item-page .item-heading .item-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  body .item-page .item-heading .item-median {
    min-width: 0;
    padding: 14px 0 0;
    border-left: 0;
    border-top: 1px solid var(--reading-border);
  }
}

/* Recent listings controls sit on one line under the title on small screens. */
@media (max-width: 700px) {
  body .item-page .listing-title {
    flex-wrap: wrap;
  }
  body .item-page .listing-title h2 {
    flex-basis: 100%;
  }
  body .item-page .listing-title .seg {
    flex: 1 1 auto;
  }
  body .item-page .listing-title .seg button {
    flex: 1;
  }
}

/* Disclosures under the overview share one quiet style. */
body .item-page .market-info .market-price-method > summary {
  min-height: 40px;
  align-content: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
body .item-page .market-info .market-price-method {
  margin-top: 0;
  border-top: 0;
}

/* Me: a reachable account shell and a sprite-led inventory. */
.me-mobile-bar {
  display: none;
}
.me-navigation-sheet {
  color: var(--text);
  background: var(--glass-menu-face);
  border: 1px solid var(--control-border);
  border-radius: 20px;
  padding: 20px;
  width: min(480px, calc(100% - 24px));
  max-height: 85vh;
  max-height: 85dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--panel-elevation);
}
.me-navigation-sheet::backdrop {
  background: #041725b8;
}
.me-navigation-sheet > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.me-navigation-sheet header strong {
  display: block;
  font-size: 21px;
}
.me-navigation-sheet header small {
  display: block;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.me-navigation-sheet header button {
  width: 44px;
  height: 44px;
  border: 1px solid var(--control-border);
  border-radius: 12px;
  background: var(--content-control-face);
  color: var(--text);
  font: inherit;
  cursor: pointer;
}
.me-navigation-sheet .me-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 10px;
}
.me-navigation-sheet .me-nav-group {
  display: contents;
}
.me-navigation-sheet .me-nav a {
  min-height: 54px;
  margin: 0;
  padding: 10px;
  background: var(--reading-face-alt);
  border: 1px solid var(--reading-border);
  border-radius: 10px;
}
.me-navigation-sheet .me-nav a[aria-current="page"] {
  border-color: var(--primary);
}
.me-navigation-sheet .me-session-actions {
  margin-top: 16px;
  padding-inline: 0;
}
/* Staff entry points share account navigation and its mobile sheet. */
.me-management-nav h2 {
  margin: 0;
  padding: 0 13px 4px;
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.me-management-nav a {
  color: var(--text);
  background: var(--content-control-face);
  border-color: var(--control-border);
}
.me-management-card > p {
  margin: 8px 0 16px;
  color: var(--me-world);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}
.me-management-card > p svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
.me-management-card {
  margin-bottom: 20px;
}
.me-management-card .me-section-heading h2 {
  font-size: 20px;
}
.me-management-card .me-section-heading {
  flex-wrap: wrap;
}
.me-management-card .me-secondary {
  min-height: 44px;
}
.me-management-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.me-management-shortcuts a {
  display: grid;
  gap: 4px;
  padding: 12px;
  min-height: 64px;
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  background: var(--reading-face-alt);
  color: var(--text);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.me-management-shortcuts a:hover {
  background: var(--content-control-hover);
}
.me-management-shortcuts span {
  color: var(--muted);
  font-size: 13px;
}
.me-navigation-sheet .me-management-nav h2 {
  grid-column: 1 / -1;
  padding: 12px 0 4px;
}
.me-navigation-sheet .me-management-nav a {
  grid-column: 1 / -1;
}
body .site-header .site-nav-management[hidden],
.me-site [data-me-management][hidden],
.me-site [data-me-capability][hidden] {
  display: none;
}
@media (max-width: 1000px) {
  .me-management-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 360px) {
  .me-management-shortcuts {
    grid-template-columns: 1fr;
  }
}
.me-site .me-panel {
  border-color: var(--panel-rim);
}
.me-site :is(.pf-wealth, .me-overview-wealth) {
  background: var(--reading-face);
  border-top: 2px solid var(--primary);
}
.me-site :is(.pf-wealth h2, .me-overview-wealth h2) {
  color: var(--primary);
  overflow-wrap: anywhere;
}
.me-site .pf-breakdown {
  padding: 0;
  border: 0;
  gap: 8px;
}
.me-site .pf-breakdown > div {
  padding: 12px;
  background: var(--reading-face-alt);
  border: 1px solid var(--reading-border);
  border-radius: 10px;
  min-width: 0;
}
.me-site .pf-breakdown strong {
  font-size: 17px;
  overflow-wrap: anywhere;
}
.me-site .pf-breakdown span {
  font-size: 11px;
}
.me-site .pf-breakdown button {
  min-height: 44px;
  font-size: 14px;
  text-align: left;
}
.me-site .pf-explainer summary {
  min-height: 44px;
  align-content: center;
  padding-block: 6px;
}
.me-site .me-profile-hero {
  padding: 20px;
  border-left: 3px solid var(--me-world);
}
.me-profile-hero .me-avatar {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 18px;
  font-size: 28px;
  background: var(--reading-face);
  color: var(--primary);
  border: 1px solid var(--control-border);
}
.me-profile-hero .me-plan-copy {
  min-width: 0;
}
.account-overview .me-profile-hero h2 {
  color: var(--text);
  font-size: 22px;
  overflow-wrap: anywhere;
}
.me-profile-plan {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--me-world);
  font-weight: 800;
  text-decoration: none;
  min-height: 32px;
}
.me-profile-hero #overview-expiry {
  font-size: 13px;
}
.me-row-sprite {
  flex: 0 0 40px;
}
.me-site .me-row-sprite .tick {
  width: 40px;
  height: 40px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 10px;
}
.me-site .me-row-sprite .tick img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  image-rendering: pixelated;
}
.me-site[data-me-section="settings"] #profile-panel .profile-heading {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--reading-border);
}
.me-site[data-me-section="settings"] .profile-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.me-site[data-me-section="settings"] .profile-details > div {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  background: var(--reading-face);
  padding: 16px;
}
.me-site[data-me-section="settings"] .profile-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.me-site[data-me-section="settings"] #member-avatar {
  background: var(--reading-face);
  border: 1px solid var(--control-border);
  color: var(--primary);
}
.pf-tabs {
  background: var(--reading-face);
  padding: 5px;
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  gap: 4px;
}
.pf-tabs button {
  flex: 1;
  min-height: 44px;
  padding: 10px;
}
.pf-tabs button[aria-pressed="true"] {
  background: var(--content-control-face);
  color: var(--primary);
  border-color: var(--control-border);
}
.pf-filter {
  gap: 10px;
}
.pf-filter label {
  min-width: 0;
}
.pf-filter :is(input, select) {
  min-height: 44px;
  width: 100%;
}
.pf-inventory-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
#pf-result-count {
  font-size: 12px;
  color: var(--muted);
}
.pf-layout-switch {
  display: flex;
  border: 1px solid var(--reading-border);
  border-radius: 9px;
  background: var(--reading-face);
  padding: 3px;
}
.pf-layout-switch button {
  font: 700 12px var(--font);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--muted);
  min-height: 38px;
  min-width: 48px;
  cursor: pointer;
}
.pf-layout-switch button[aria-pressed="true"] {
  color: var(--primary);
  background: var(--content-control-face);
  border-color: var(--control-border);
}
.me-site[data-me-section="portfolio"]
  :is(.pf-filter label, .pf-tabs button, .pf-layout-switch button) {
  font-size: 14px;
}
.me-site[data-me-section="portfolio"] #pf-journal .pf-table {
  font-size: 14px;
  line-height: 1.55;
}
.me-site[data-me-section="portfolio"] #pf-journal .pf-table :is(th, small) {
  font-size: 12px;
}
.me-site[data-me-section="portfolio"] #pf-journal > .pf-muted {
  font-size: 14px;
}
.pf-inventory {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 12px;
}
.pf-inventory > .me-empty {
  grid-column: 1 / -1;
}
.pf-inventory-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-items: start;
  gap: 12px;
  min-width: 0;
  position: relative;
  font: inherit;
  color: var(--text);
  text-align: left;
  border: 1px solid var(--reading-border);
  border-top: 2px solid var(--asset-color);
  border-radius: 14px;
  padding: 16px;
  background: var(--reading-face);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.pf-inventory-card:active {
  background: var(--reading-face-alt);
}
@media (hover: hover) {
  .pf-inventory-card:hover {
    border-color: var(--asset-color);
    background: var(--reading-face-alt);
  }
}
.pf-item-visual {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 14px;
  color: var(--asset-color);
  background: var(--reading-face-alt);
  border: 1px solid var(--reading-border);
}
.pf-item-visual > svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.me-site .pf-item-visual .tick {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  box-shadow: none;
}
.me-site .pf-item-visual .tick img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  image-rendering: pixelated;
}
.pf-card-identity,
.pf-card-amount {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.pf-card-name {
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.pf-card-kind,
.pf-card-basis {
  font-size: 11px;
  color: var(--muted);
}
.pf-card-value {
  font-size: 19px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.pf-card-change {
  font-size: 11px;
  color: var(--muted);
  border-top: 1px solid var(--reading-border);
  padding-top: 9px;
  width: 100%;
  overflow-wrap: anywhere;
}
.pf-card-change.pf-gain {
  color: var(--me-liquid);
}
.pf-card-change.pf-loss {
  color: var(--me-debt);
}
.pf-inventory[data-layout="list"] {
  grid-template-columns: 1fr;
}
.pf-inventory[data-layout="list"] .pf-inventory-card {
  grid-template-columns: auto minmax(0, 1fr) minmax(100px, 0.7fr);
  align-items: center;
  gap: 6px 14px;
  padding: 12px;
}
.pf-inventory[data-layout="list"] .pf-item-visual {
  grid-row: 1 / 3;
}
.pf-inventory[data-layout="list"] .pf-card-amount {
  text-align: right;
}
.pf-inventory[data-layout="list"] .pf-card-change {
  grid-column: 2 / -1;
  padding-top: 6px;
}
.pf-detail-identity {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: var(--reading-face);
  border-radius: 12px;
  margin-bottom: 18px;
}
.pf-detail-value {
  font-size: 28px;
  overflow-wrap: anywhere;
}
.pf-search-option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
}
.pf-search-option .pf-item-visual {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-radius: 8px;
}
.me-site .pf-search-option .tick img {
  width: 30px;
  height: 30px;
}
.me-site :is(button, a, input, select, summary):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
.me-site {
  scroll-padding-bottom: 100px;
}
@media (max-width: 760px) {
  .me-site .me-sidebar {
    display: none;
  }
  .me-site .me-workspace {
    padding: 16px 14px calc(90px + env(safe-area-inset-bottom, 0px));
  }
  .me-mobile-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    padding: 6px max(10px, env(safe-area-inset-right, 0px))
      calc(6px + env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));
    background: var(--glass-menu-face);
    border-top: 1px solid var(--control-border);
    box-shadow: 0 -8px 24px #04172533;
  }
  .me-mobile-bar :is(a, button) {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font: 700 11px var(--font);
    text-decoration: none;
    min-height: 54px;
    cursor: pointer;
  }
  .me-mobile-bar :is([aria-current="page"], [data-current="true"]) {
    color: var(--primary);
    background: var(--content-control-face);
    border-color: var(--control-border);
  }
  .me-mobile-bar svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .me-navigation-sheet {
    margin: auto auto 0;
    width: 100%;
    max-width: 560px;
    border-radius: 20px 20px 0 0;
    padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px));
  }
  .me-site .me-profile-hero {
    padding: 16px;
  }
  .account-overview .me-profile-hero .me-secondary {
    width: auto;
    font-size: 12px;
    min-height: 44px;
    padding: 8px 10px;
  }
  .me-profile-hero .me-avatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: 24px;
    border-radius: 14px;
  }
  .account-overview .me-profile-hero h2 {
    font-size: 17px;
  }
  .me-site .pf-breakdown {
    grid-template-columns: 1.2fr 1fr;
  }
  .me-site .pf-breakdown > div:last-child {
    grid-column: 2;
  }
  .me-site .pf-breakdown > div:first-child {
    grid-row: 1 / 3;
  }
  .me-site .pf-breakdown > div {
    padding: 10px;
  }
  .me-site .pf-breakdown strong {
    font-size: 15px;
    margin: 4px 0;
  }
  .me-site .pf-breakdown > div:first-child strong {
    font-size: 18px;
  }
  .me-site .pf-breakdown > div:last-child,
  .me-site .pf-breakdown > div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
  }
  .me-site .pf-wealth-top {
    align-items: start;
  }
  .me-site #pf-snapshot {
    min-height: 44px;
    font-size: 11px;
  }
  .me-site :is(#pf-total-conversion, .pf-mix-key, .pf-mix-key strong) {
    font-size: 11px;
  }
  .me-site .pf-tabs {
    margin-bottom: 16px;
    padding: 4px;
  }
  .me-site .pf-tabs button {
    font-size: 13px;
    padding: 8px;
  }
  .pf-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .pf-filter label:first-child {
    grid-column: 1 / -1;
  }
  .pf-filter select {
    max-width: none;
  }
  .pf-layout-switch button {
    min-height: 44px;
  }
  .pf-inventory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .pf-inventory-card {
    padding: 12px;
    gap: 10px;
  }
  .pf-item-visual {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }
  .me-site .pf-item-visual .tick img {
    width: 40px;
    height: 40px;
  }
  .pf-card-name {
    font-size: 13px;
  }
  .pf-card-value {
    font-size: 16px;
  }
  .pf-inventory[data-layout="list"] .pf-inventory-card {
    grid-template-columns: auto minmax(0, 1fr) minmax(85px, 0.8fr);
    gap: 6px 10px;
  }
  .pf-inventory[data-layout="list"] .pf-item-visual {
    width: 40px;
    height: 44px;
  }
  .pf-inventory[data-layout="list"] .tick img {
    width: 32px;
    height: 32px;
  }
  .me-site[data-me-section="settings"] .profile-details {
    grid-template-columns: 1fr;
  }
  .pf-dialog {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overscroll-behavior: contain;
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px));
  }
  .pf-dialog :is(input, select, textarea) {
    font-size: 16px;
  }
  .pf-dialog .pf-actions > :is(a, button) {
    min-height: 44px;
  }
  .pf-dialog #pf-detail-close,
  .pf-dialog #pf-close {
    min-width: 44px;
    min-height: 44px;
  }
}
@media (max-width: 480px) {
  .pf-dialog .pf-pair {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 359px) {
  .me-site .me-workspace {
    padding-inline: 10px;
  }
  .me-site .me-panel {
    padding: 12px;
  }
  .pf-inventory-card {
    padding: 10px;
  }
  .account-overview .me-profile-hero {
    flex-wrap: wrap;
  }
  .me-profile-hero > .me-secondary {
    margin-left: auto;
  }
}
@media (forced-colors: active) {
  .pf-inventory-card,
  .me-mobile-bar,
  .me-navigation-sheet,
  .pf-item-visual {
    border: 1px solid CanvasText;
  }
  .pf-tabs button[aria-pressed="true"],
  .me-mobile-bar [aria-current="page"],
  .pf-layout-switch button[aria-pressed="true"] {
    outline: 2px solid Highlight;
  }
}

/* Management workspace: task navigation, actionable queues and readable evidence. */
body.management-site .management-layout {
  grid-template-columns: 224px minmax(0, 1fr);
  gap: 28px;
}
body.management-site .management-sidebar {
  top: 92px;
}
body.management-site .management-sidebar .account-nav {
  padding: 16px 10px;
  border-radius: 16px;
  background: var(--panel-face);
  border-color: var(--panel-rim);
  gap: 18px;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body.management-site .management-nav-group h2 {
  font-size: 11px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
body.management-site .management-sidebar .account-nav a[aria-current="page"] {
  border-color: var(--selected-border);
  box-shadow: inset 3px 0 var(--accent-text);
  font-weight: 800;
}
body.management-site .management-heading {
  align-items: start;
}
body.management-site #management-description {
  max-width: 64ch;
  margin: 8px 0 0;
  color: var(--backdrop-label);
}
body.management-site .account-panel {
  background: var(--panel-face);
  border-color: var(--panel-rim);
  box-shadow: var(--panel-elevation);
  backdrop-filter: var(--glass-blur);
}
body.management-site .management-quick-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
body.management-site .management-quick-search > div {
  grid-column: 1 / -1;
}
body.management-site .management-quick-search h2 {
  margin-bottom: 6px;
}
body.management-site .management-quick-search .account-submit {
  width: auto;
}
body.management-site :is(.management-work-strip, #usage-content) {
  display: grid;
  gap: 16px;
  min-width: 0;
}
body.management-site .management-work-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.management-site .management-work-card {
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  color: var(--text);
  background: var(--card-face);
  border: 1px solid var(--reading-border);
  border-radius: 12px;
  text-decoration: none;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}
body.management-site .management-work-card:hover {
  background: var(--card-hover-face);
}
body.management-site .management-work-card > strong {
  font-size: 30px;
  font-variant-numeric: tabular-nums;
}
body.management-site .management-work-card > small {
  color: var(--accent-text);
  font-weight: 700;
}
body.management-site .management-work-card > span {
  color: var(--muted);
  font-size: 13px;
}
body.management-site .management-user-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.management-site .management-user-presets a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  background: var(--content-control-face);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 10px;
  text-decoration: none;
}
body.management-site .management-user-presets a[aria-current="page"] {
  border-color: var(--selected-border);
  background: var(--reading-selected);
}
body.management-site .management-support-intro {
  display: flex;
  align-items: center;
  gap: 24px;
}
body.management-site .management-support-intro .account-submit {
  flex: 0 0 auto;
  width: auto;
  text-decoration: none;
  padding: 12px 18px;
}
body.management-site .management-request-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  min-height: 76px;
  padding: 14px 0;
  border-bottom: 1px solid var(--reading-border);
  text-decoration: none;
}
body.management-site .management-request-row:last-child {
  border: 0;
}
body.management-site .management-request-row :is(strong, small) {
  display: block;
  overflow-wrap: anywhere;
}
body.management-site .management-request-row :is(small, time) {
  color: var(--muted);
  font-size: 12px;
  margin-top: 5px;
}
body.management-site .management-request-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--reading-selected);
  font-weight: 800;
}
body.management-site .management-empty-state {
  padding: 28px 12px;
  text-align: center;
  max-width: 64ch;
  margin: auto;
}
body.management-site .management-empty-state strong {
  display: block;
  font-size: 17px;
  margin-bottom: 8px;
}
body.management-site .management-table-wrap > p {
  margin: 0;
  padding: 20px;
}
body.management-site .management-boundary {
  padding: 4px 4px 12px;
  color: var(--backdrop-label);
}
body.management-site .management-boundary p {
  margin: 6px 0 0;
}
body.management-site .management-setting-list {
  display: grid;
}
body.management-site :is(.management-setting, .management-cause) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 0;
  border-bottom: 1px solid var(--reading-border);
  padding: 16px 0;
  margin: 0;
  text-align: left;
  color: var(--text);
  background: transparent;
  font: inherit;
}
body.management-site .management-setting select {
  flex: 0 0 150px;
  width: 150px;
}
body.management-site :is(.management-setting, .management-cause) small {
  display: block;
  font-weight: 400;
  color: var(--muted);
  margin-top: 6px;
  max-width: 60ch;
}
body.management-site .management-cause {
  cursor: pointer;
}
body.management-site .management-cause:hover {
  background: var(--reading-hover);
}
body.management-site .management-inline-error {
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
body.management-site .management-usage-chart {
  height: 190px;
  display: flex;
  gap: 4px;
  padding: 16px 12px 0;
  background: var(--graph-face);
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--line);
}
body.management-site .management-day {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: end;
}
body.management-site .management-day-stack {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
body.management-site .management-day-stack span {
  display: block;
  min-height: 0;
}
body.management-site :is(.outcome-sent, .outcome-paid) {
  background: var(--chart-price);
}
body.management-site .outcome-failed {
  background: var(--sell-color, #ff8690);
}
body.management-site :is(.outcome-uncertain, .outcome-pending) {
  background: var(--chart-median);
}
body.management-site :is(.outcome-waiting, .outcome-sending, .outcome-cancelled) {
  background: var(--chart-volume);
}
body.management-site :is(.management-chart-dates, .management-chart-key) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--muted);
  font-size: 12px;
  padding: 8px 0;
}
body.management-site .management-chart-dates {
  justify-content: space-between;
}
body.management-site .management-chart-key span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.management-site .management-chart-key i {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}
body.management-site .management-outcome-list {
  display: grid;
  gap: 12px;
}
body.management-site .management-outcome {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  background: var(--reading-face);
  border: 1px solid var(--reading-border);
  border-radius: 12px;
}
body.management-site .management-outcome > div {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: center;
}
body.management-site .management-outcome :is(time, p) {
  color: var(--muted);
  font-size: 12px;
}
body.management-site .management-outcome p {
  grid-column: 1 / -1;
  margin: 0;
}
body.management-site .management-allowance-editor {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
@media (max-width: 1000px) {
  body.management-site .management-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  body.management-site .management-sidebar {
    position: static;
  }
  body.management-site .management-sidebar .account-nav {
    display: none;
  }
  body.management-site .management-mobile-nav {
    display: grid;
    gap: 6px;
  }
  body.management-site .management-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 16px;
  }
  body.management-site .management-back {
    align-self: center;
    padding: 16px 0 0;
  }
  body.management-site #management-access {
    margin: 0;
    grid-column: 1 / -1;
  }
  body.management-site .management-session {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0 0;
  }
}
@media (max-width: 600px) {
  body.management-site .management-work-strip {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  body.management-site .management-work-card {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
    gap: 4px 12px;
  }
  body.management-site .management-work-card > strong {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    font-size: 26px;
  }
  body.management-site .management-support-intro {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body.management-site .management-request-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
  }
  body.management-site .management-request-row time {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
  }
  body.management-site .management-request-row > span:last-child {
    grid-column: 3;
    grid-row: 1;
  }
  body.management-site .management-request-mark {
    grid-row: 1 / 3;
  }
  body.management-site #usage-filters {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site :is(.management-setting, .management-cause) {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  body.management-site .management-setting select {
    flex: auto;
    width: 100%;
  }
  body.management-site .management-quick-search {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site .management-quick-search .account-submit {
    width: 100%;
  }
  body.management-site .management-outcome {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site .management-outcome > div {
    flex-wrap: wrap;
  }
  body.management-site .management-usage-chart {
    height: 150px;
    gap: 2px;
    padding-inline: 6px;
  }
}

body.management-site .management-chart-frame {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
}
body.management-site .management-chart-scale {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 12px;
  color: var(--muted);
  font-size: 12px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.management-site .management-day.is-partial {
  background: repeating-linear-gradient(
    135deg,
    transparent,
    transparent 5px,
    var(--line) 6px,
    var(--line) 7px
  );
}
body.management-site .management-back-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-bottom: 12px;
}
body.management-site .management-activity-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 1001px) {
  body.management-site .management-sidebar {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 110px);
  }
  body.management-site .management-sidebar .account-nav {
    min-height: 0;
    overflow-y: auto;
    flex: 1 1 auto;
  }
  body.management-site .management-sidebar > :not(.account-nav) {
    flex-shrink: 0;
  }
}
@media (max-width: 600px) {
  body.management-site .management-activity-filters {
    grid-template-columns: minmax(0, 1fr);
  }
  body.management-site .management-outcome {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.management-site .management-day {
  height: 100%;
}
body.management-site .management-current-state {
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}
body.management-site .management-current-state strong {
  display: block;
  color: var(--text);
}

body.management-site .management-cause[aria-pressed="true"] {
  border-color: var(--selected-border);
  background: var(--selected);
}