@font-face {
  font-family: "Geist";
  src: url("./assets/fonts/geist-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --paper: #ffffff;
  --surface: #ffffff;
  --silver: #f3f5f6;
  --ink: #121d23;
  --muted: #53616c;
  --line: #e0e5e8;
  --orange: #af3c1b;
  --mandarin: #ce562d;
  --orange-soft: #f8e5dc;
  --danger: #a94734;
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: "Manrope", var(--font);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--paper); scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font: 14px/1.5 var(--font); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; appearance: none; -webkit-appearance: none; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
button, input, select, textarea { border-radius: 0; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { line-height: 1.15; }
h1 { font: 700 38px/1.08 var(--display); letter-spacing: -1px; }
h2 { font: 700 22px/1.15 var(--display); letter-spacing: -.25px; }
h3 { font-size: 15px; font-weight: 650; }
svg { display: block; flex-shrink: 0; }
button svg, .icon, .primary-nav svg, .utility-link svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
:focus-visible { outline: 2px solid var(--mandarin); outline-offset: 4px; }
#contenu:focus { outline: none; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -80px; left: 12px; z-index: 100; padding: 12px 18px; background: var(--ink); color: var(--paper); border-radius: 8px; }
.skip-link:focus { top: 12px; }
.app-shell, .workspace, #contenu, #app { min-width: 0; }
.sidebar .brand, .sidebar-foot { display: none; }
.primary-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; display: grid; grid-template-columns: repeat(5, 1fr); padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: var(--nav-surface, rgba(252,252,250,.95)); backdrop-filter: blur(18px); border-top: 1px solid var(--line); }
.primary-nav a { display: flex; min-height: 48px; align-items: center; flex-direction: column; justify-content: center; gap: 3px; color: var(--muted); font-size: 11px; font-weight: 550; border-radius: 10px; transition: color 140ms, background 140ms; }
.primary-nav a[aria-current="page"] { color: var(--orange); }
.primary-nav a[aria-current="page"] svg { stroke-width: 2; }
.primary-nav a:hover { background: var(--silver); }
body.detail-view .primary-nav { display: none; }
.workspace { padding: 0 22px 98px; }
.mobile-masthead { display: flex; align-items: center; justify-content: space-between; min-height: 57px; gap: 12px; }
.mobile-masthead > a:first-child { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 650; letter-spacing: -.25px; }
.mobile-masthead svg { width: 23px; height: 26px; color: var(--mandarin); }
.demo-badge, .neutral-badge { display: inline-flex; align-items: center; padding: 3px 9px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); font-size: 11px; font-weight: 550; line-height: 1.5; white-space: nowrap; }
.demo-badge:hover { color: var(--ink); border-color: var(--ink); }
.page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin: 9px 0 23px; }
.page-header .subtitle { margin-top: 7px; color: var(--muted); font-size: 13px; }
.header-actions { display: flex; gap: 8px; padding-top: 2px; }
.icon-button { display: inline-flex; flex-shrink: 0; justify-content: center; align-items: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; transition: background 140ms, border-color 140ms; }
.icon-button:hover { background: var(--surface); border-color: var(--border-strong, #adb2af); }
.visit-summary { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 16px; border: 0; border-radius: 13px; background: var(--silver); text-align: left; transition: background 160ms; }
.visit-summary:hover { background: var(--surface-soft, #e1e4e3); }
.visit-summary > div > span { display: block; color: var(--text-secondary, #535b5f); font-size: 12px; }
.visit-summary strong { display: block; margin-top: 2px; font-size: 15px; font-weight: 650; }
.visit-summary > svg { width: 18px; }
.project-filters { display: flex; gap: 10px; margin: 19px -22px 15px; padding: 9px 22px 9px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.project-filter { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 0 0 52px; min-width: 0; padding: 2px; background: transparent; border: 0; border-radius: 10px; color: var(--muted); }
.project-filter .project-logo, .all-projects { width: 43px; height: 43px; border-radius: 12px; transition: transform 160ms, box-shadow 160ms; }
.all-projects { display: grid; place-items: center; background: var(--surface-soft, #e3e5e2); color: var(--ink); }
.all-projects svg { width: 23px; height: 23px; }
.project-filter > span:last-child { width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 10px; line-height: 1.5; text-align: center; white-space: nowrap; }
.project-filter[aria-pressed="true"] { color: var(--ink); font-weight: 700; }
.project-filter[aria-pressed="true"] .project-logo, .project-filter[aria-pressed="true"] .all-projects { box-shadow: 0 0 0 2px var(--paper), 0 0 0 3.5px var(--mandarin); }
.project-filter:hover .project-logo, .project-filter:hover .all-projects { transform: translateY(-2px); }
.project-logo { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; overflow: hidden; }
.project-logo svg { width: 100%; height: 100%; fill: none; stroke: none; stroke-width: 0; }
.project-logo.large { width: 78px; height: 78px; border-radius: 21px; }
.project-logo.medium { width: 60px; height: 60px; border-radius: 16px; }
.activity-controls { display: flex; gap: 8px; margin: 0 0 22px; }
.content-columns { display: grid; min-width: 0; gap: 34px; }
.content-columns > * { min-width: 0; }
.section-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 13px; }
.section-heading h2 { font-size: 18px; }
.section-heading > span, .section-heading > a { color: var(--muted); font-size: 12px; }
.feed-section + .feed-section { margin-top: 26px; }
.feature-sale { position: relative; display: block; padding: 21px 19px 17px; background: var(--surface); border: 1px solid var(--border-default, #e2e4e0); border-radius: 16px; box-shadow: 0 5px 18px rgba(25,30,26,.025); transition: border-color 150ms, box-shadow 150ms; }
.feature-sale:hover { border-color: var(--border-default, #c6c9c4); box-shadow: 0 7px 22px rgba(25,30,26,.05); }
.feature-top { display: flex; align-items: center; gap: 13px; }
.feature-top .project-logo { width: 52px; height: 52px; border-radius: 14px; }
.feature-title { min-width: 0; padding-right: 21px; }
.feature-title strong { display: block; font-size: 16px; font-weight: 700; }
.feature-title .product-description { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); }
.event-tag { display: inline-block; margin-top: 6px; color: var(--orange-text, #674b3d); font-size: 10px; line-height: 1.4; font-weight: 550; }
.event-tag.first { padding: 3px 8px; border-radius: 5px; background: var(--orange-soft); color: var(--orange-text, #a33b1b); }
.event-tag.returning, .event-tag.renewal { color: var(--muted); }
.event-tag.refund { color: var(--danger); }
.sale-glint { position: absolute; width: 32px; height: 32px; top: 12px; right: 11px; fill: none; stroke: var(--mandarin); stroke-width: 3; stroke-linecap: round; }
.feature-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; padding-left: 65px; }
.amount { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; letter-spacing: -1.3px; }
.feature-amount { display: block; font: 700 35px/1.1 var(--display); }
.currency-code { color: var(--muted); font: 550 11px/1.5 var(--font); letter-spacing: .04em; white-space: nowrap; }
.amount-caption { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.feature-bottom .icon { width: 18px; height: 18px; }
.event-list { padding: 0; margin: 0; list-style: none; }
.event-row { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 80px; padding: 13px 0; border-bottom: 1px solid var(--line); transition: background 140ms; }
.event-list li:last-child .event-row { border-bottom: 0; }
.event-row:hover { background: var(--row-hover, rgba(255,255,255,.45)); }
.event-copy { flex: 1; min-width: 0; }
.event-copy strong { display: block; font-size: 13px; font-weight: 650; }
.event-copy > small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.event-copy .event-tag { display: block; margin-top: 3px; font-size: 10px; }
.event-copy .event-tag.first { display: inline-block; }
.event-right { flex: 0 0 auto; text-align: right; }
.row-amount { display: block; font: 700 18px/1.2 var(--display); letter-spacing: -.3px; }
.row-amount.refund { color: var(--danger); }
.event-right small { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }
.quiet-list .event-row { min-height: 72px; }
.quiet-list .project-logo { width: 40px; height: 40px; border-radius: 10px; }
.quiet-list .event-right { display: flex; align-items: center; gap: 12px; }
.quiet-list .event-right .icon { width: 16px; height: 16px; }
.quiet-list .event-right small { margin-top: 0; }
.demo-footnote { margin-top: 25px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.context-panel { display: none; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--orange); font-weight: 600; font-size: 12px; min-height: 44px; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 47px; padding: 12px 19px; border: 1px solid var(--ink); border-radius: 11px; background: var(--ink); color: var(--surface); font-size: 13px; font-weight: 600; transition: background 140ms, transform 140ms; }
.button:hover { background: var(--button-hover, #3e4447); }
.button:active { transform: scale(.985); }
.button.secondary { background: transparent; color: var(--ink); border-color: var(--border-default, #c5c9c5); }
.button.secondary:hover { background: var(--silver); }
.button.wide { width: 100%; }
.button svg { width: 18px; height: 18px; }
.back-link { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; font-size: 12px; font-weight: 550; color: var(--text-secondary, #535c60); }
.back-link .icon { width: 18px; height: 18px; }
.detail-topbar { display: flex; align-items: center; justify-content: space-between; margin: 2px -5px 25px; gap: 12px; }
.detail-hero { display: flex; flex-direction: column; align-items: center; text-align: center; }
.detail-hero h1 { font-size: 31px; margin-top: 18px; letter-spacing: -.65px; }
.detail-hero > p { color: var(--muted); font-size: 12px; margin-top: 5px; }
.detail-hero .event-tag { font-size: 11px; margin-top: 12px; }
.detail-amount { display: block; font: 700 61px/1.05 var(--display); margin-top: 14px; letter-spacing: -2px; }
.detail-hero .amount-caption { margin-top: 5px; font-size: 12px; }
.confirmed { display: inline-flex; align-items: center; gap: 6px; margin-top: 15px; font-size: 11px; color: var(--orange); }
.confirmed .icon { width: 16px; height: 16px; }
.detail-layout { display: grid; gap: 30px; }
.detail-info { min-width: 0; }
.milestone { display: flex; align-items: center; gap: 13px; padding: 15px 16px; margin-top: 25px; background: var(--silver); border-radius: 11px; text-align: left; width: 100%; }
.milestone svg { width: 28px; height: 28px; color: var(--gold-text, #e5a734); fill: currentColor; stroke: none; }
.milestone strong { display: block; font: 700 16px/1.3 var(--display); }
.milestone small { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.facts { margin: 0; }
.fact-row { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; padding: 10px 0; font-size: 12px; }
.fact-row dt { color: var(--muted); }
.fact-row dd { margin: 0; font-weight: 550; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fact-row.total { margin-top: 4px; padding: 15px 0; border-top: 1px solid var(--border-default, #b9bfbd); border-bottom: 1px solid var(--line); font-size: 15px; }
.fact-row.total dt, .fact-row.total dd { color: var(--ink); font-weight: 700; }
.fact-row.total + .fact-row { margin-top: 14px; }
.detail-info .button { margin-top: 27px; }
.detail-info .demo-footnote { text-align: center; margin-top: 11px; }
.client-context { display: flex; gap: 11px; align-items: center; margin: 20px 0 0; padding: 15px 0; border-top: 1px solid var(--line); }
.client-context .icon { width: 20px; color: var(--muted); }
.client-context strong { display: block; font-size: 12px; font-weight: 600; }
.client-context small { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.briefing-controls { display: grid; gap: 13px; margin-bottom: 27px; }
.period-tabs { display: flex; gap: 3px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft, #e9ebe7); }
.period-tabs button { flex: 1; min-width: 0; min-height: 44px; padding: 7px 8px; border: 0; border-radius: 8px; background: transparent; color: var(--text-secondary, #656d6f); font-size: 12px; font-weight: 550; white-space: nowrap; }
.period-tabs button[aria-pressed="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 4px #2531220c; }
.briefing-controls > .custom-select { width: 100%; }
.brief-intro { margin: 0 0 28px; }
.brief-intro p:last-child { max-width: 600px; font-size: 17px; line-height: 1.6; letter-spacing: -.15px; }
.currency-grid { display: grid; gap: 16px; }
.currency-block { min-width: 0; padding: 23px 21px; border: 1px solid var(--line); background: var(--surface); border-radius: 15px; }
.currency-block .section-heading { margin: 0 0 21px; }
.currency-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 650; }
.currency-label .currency-mark { display: grid; place-items: center; width: 29px; height: 29px; background: var(--silver); border-radius: 50%; font-size: 15px; font-weight: 550; }
.currency-block .money-large { display: block; font: 700 39px/1.1 var(--display); letter-spacing: -1px; }
.currency-block .amount-caption { margin-bottom: 17px; }
.mini-facts { border-top: 1px solid var(--line); padding-top: 9px; margin: 0; }
.mini-facts .fact-row { padding: 7px 0; font-size: 11px; }
.expand-button { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 44px; padding: 10px 0 0; margin-top: 9px; border: 0; border-top: 1px solid var(--line); background: transparent; font-size: 11px; color: var(--muted); }
.expand-button svg { width: 17px; height: 17px; }
.expanded-body { padding-top: 10px; }
.brief-signups { margin: 40px 0; padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.project-breakdown { margin-top: 33px; }
.project-stat-row { display: flex; gap: 12px; align-items: center; min-height: 78px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.project-stat-row:hover { background: var(--row-hover, #ffffff55); }
.project-stat-row .event-right { display: flex; flex-direction: column; gap: 3px; font-weight: 650; font-size: 13px; font-variant-numeric: tabular-nums; }
.briefing-footer { display: flex; gap: 15px; align-items: center; justify-content: space-between; margin-top: 27px; }
.briefing-footer .demo-footnote { margin: 0; }
.search-field { position: relative; display: block; margin-bottom: 20px; }
.search-field .icon { position: absolute; top: 13px; left: 13px; width: 19px; height: 19px; color: var(--muted); }
.search-field input { width: 100%; min-height: 47px; padding: 11px 16px 11px 41px; border: 1px solid var(--line); background: transparent; color: var(--ink); border-radius: 11px; font-size: 13px; }
input::placeholder { color: var(--muted); }
.projects-list { display: grid; }
.project-card { display: flex; align-items: center; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.project-card:hover { background: var(--row-hover, #ffffff55); }
.project-card .event-copy strong { font: 700 23px/1.2 var(--display); letter-spacing: -.3px; }
.project-card .event-copy small { font-size: 11px; }
.project-card .project-meta { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--muted); font-size: 10px; }
.project-card .project-meta svg { width: 12px; height: 12px; }
.project-card > .icon { width: 18px; height: 18px; color: var(--muted); }
.project-hero { display: flex; align-items: center; gap: 17px; margin: 0 0 27px; }
.project-hero > div { min-width: 0; overflow-wrap: anywhere; }
.project-hero h1 { font-size: 35px; }
.project-hero p { color: var(--muted); font-size: 12px; margin-top: 5px; }
.project-overview { padding: 23px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.project-totals { display: flex; flex-wrap: wrap; gap: 20px 45px; }
.project-totals .amount { display: block; font: 700 33px/1.1 var(--display); letter-spacing: -.75px; }
.project-totals small { display: block; color: var(--muted); margin-top: 5px; font-size: 11px; }
.project-source { display: flex; align-items: center; gap: 11px; border-top: 1px solid var(--line); padding: 15px 0; }
.project-source .source-symbol { width: 35px; height: 35px; }
.project-source > div { flex: 1; }
.project-source strong { font-size: 12px; font-weight: 600; }
.project-source small { display: block; color: var(--muted); font-size: 10px; margin-top: 2px; }
.settings-section { margin: 28px 0 0; }
.settings-section h2 { margin-bottom: 7px; }
.settings-note { color: var(--muted); font-size: 12px; line-height: 1.7; }
.notice { display: flex; align-items: flex-start; gap: 11px; padding: 16px; border-radius: 11px; background: var(--silver); font-size: 12px; line-height: 1.7; color: var(--text-secondary, #596266); }
.notice > .icon { width: 19px; height: 19px; margin-top: 1px; }
.notice strong { color: var(--ink); font-weight: 650; }
.setting-row { display: flex; align-items: center; gap: 17px; justify-content: space-between; min-height: 79px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.setting-text { flex: 1; min-width: 0; }
.setting-text strong, .setting-text label { display: block; font-size: 13px; font-weight: 600; }
.setting-text p { margin-top: 4px; font-size: 11px; color: var(--muted); line-height: 1.6; }
.switch { position: relative; flex: 0 0 auto; width: 44px; height: 26px; min-height: 44px; padding: 0; border: 0; border-radius: 20px; background: transparent; }
.switch::before { content: ""; position: absolute; top: 9px; left: 0; width: 44px; height: 26px; border-radius: 20px; background: var(--surface-soft, #cbd0cc); transition: background 150ms; }
.switch::after { content: ""; position: absolute; top: 12px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--surface, white); box-shadow: 0 1px 3px #0000001a; transition: transform 150ms; }
.switch[aria-checked="true"]::before { background: var(--mandarin); }
.switch[aria-checked="true"]::after { transform: translateX(18px); }
.switch:disabled { opacity: .45; cursor: default; }
.setting-row:has(.switch:disabled) .setting-text { opacity: .65; }
.schedule-fields { display: flex; gap: 15px; flex-wrap: wrap; padding: 17px 0; border-bottom: 1px solid var(--line); }
.schedule-fields label { display: flex; flex-direction: column; gap: 7px; color: var(--muted); font-size: 11px; flex: 1; min-width: 110px; }
input[type="time"] { min-height: 44px; width: 100%; border: 1px solid var(--line); border-radius: 9px; background: transparent; padding: 9px 11px; color: var(--ink); }
.schedule-fields.disabled { opacity: .5; }
.settings-links { margin-top: 31px; }
.settings-link { display: flex; align-items: center; gap: 12px; min-height: 68px; border-bottom: 1px solid var(--line); font-weight: 600; font-size: 13px; }
.settings-link > span { flex: 1; }
.settings-link small { display: block; color: var(--muted); font-weight: 400; font-size: 11px; margin-top: 3px; }
.settings-link > .icon:last-child { width: 17px; }
.settings-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 30px; }
.settings-bottom .settings-note { font-size: 11px; }
.source-list { margin-top: 29px; }
.source-row { display: flex; align-items: center; gap: 13px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.source-row:hover { background: var(--row-hover, #ffffff55); }
.source-symbol { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; background: var(--surface-soft, #e3e5e1); border-radius: 12px; }
.source-symbol svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.source-symbol.lemon { background: var(--gold-soft, #f5eecb); color: var(--gold-text, #8b762c); }
.source-symbol.revenuecat { background: var(--accent-surface, #f2e0da); color: var(--orange-text, #ab5136); }
.source-symbol.apple { background: var(--blue-soft, #e4ebf6); color: var(--blue-text, #426ba4); }
.source-symbol.google { background: var(--green-soft, #e3eee8); color: var(--green-text, #345744); }
.source-symbol.signup { background: var(--violet-soft, #e9e2f0); color: var(--text-secondary, #756584); }
.source-symbol.kdp { background: var(--gold-soft, #fff0d8); color: var(--gold-text, #775423); }
.kdp-page { max-width: 960px; }
.kdp-book-filter { margin: 28px 0; max-width: 520px; }
.kdp-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 24px; padding: 24px 0 36px; }
.kdp-stats strong { display: block; font-size: 30px; letter-spacing: -1px; }
.kdp-stats small, .kdp-book-money small { color: var(--muted); font-size: 12px; }
.kdp-chart-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0; }
.kdp-chart-controls .segmented { display: flex; padding: 4px; gap: 4px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft, #f4f6f7); }
.kdp-chart-controls .segmented button { border: 0; background: transparent; padding: 12px 16px; border-radius: 8px; font: inherit; font-size: 13px; cursor: pointer; }
.kdp-chart-controls .segmented button[aria-pressed="true"] { background: var(--surface, white); color: var(--ink); box-shadow: 0 1px 4px #15252d16; }
.kdp-chart-controls .custom-select { width: 110px; }
.kdp-chart .chart-line { stroke: var(--gold-text, #a17631); }
.kdp-chart .chart-dot { fill: var(--gold-text, #a17631); }
.kdp-chart .settings-note { margin-top: 20px; }
.kdp-books { margin: 40px 0; }
.kdp-book-row { display: grid; grid-template-columns: 48px minmax(0,1fr) auto 20px; align-items: center; gap: 18px; width: 100%; padding: 24px 0; border: 0; border-top: 1px solid var(--line); background: transparent; text-align: left; font: inherit; cursor: pointer; }
.kdp-book-row[aria-pressed="true"] .event-copy strong { color: var(--gold-text, #9a6120); }
.kdp-book-mark { display: grid; place-items: center; width: 48px; height: 60px; background: var(--gold-soft, #f4eee3); color: var(--gold-text, #775423); border-radius: 4px 10px 10px 4px; box-shadow: inset 4px 0 #d8c7a9; }
.kdp-book-row .event-copy strong { font-size: 17px; overflow-wrap: anywhere; }
.kdp-book-money { display: grid; gap: 8px; text-align: right; font-weight: 600; }
.kdp-import { padding: 28px; border: 1px solid var(--line); background: var(--blue-soft, #f8fafb); border-radius: 20px; margin: 40px 0 24px; }
.kdp-import p { color: var(--muted); line-height: 1.7; }
.kdp-file { display: block; margin: 24px 0 20px; }
.kdp-file > span { display: flex; align-items: center; gap: 10px; font-weight: 600; margin-bottom: 14px; }
.kdp-file input { font: inherit; font-size: 13px; width: 100%; color: var(--muted); }
.kdp-file input::file-selector-button { padding: 12px 16px; border: 1px solid var(--border-default, #b5c2ca); border-radius: 10px; background: var(--surface, white); font: inherit; color: var(--ink); margin-right: 12px; cursor: pointer; }
.kdp-preview { padding-top: 24px; border-top: 1px solid var(--line); }
.kdp-preview .button { margin: 6px 10px 0 0; }
.kdp-brief { margin: 44px 0; border-top: 1px solid var(--line); padding-top: 32px; }
.kdp-brief-card { display: grid; grid-template-columns: 48px minmax(0,1fr) 20px; align-items: center; gap: 18px; padding: 24px; background: var(--gold-soft, #f8f5ef); border-radius: 16px; color: var(--ink); text-decoration: none; margin-top: 20px; }
.kdp-brief-card small { display: block; color: var(--muted); margin-top: 5px; }
.kdp-amounts { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 18px; font-weight: 600; }
.kdp-amounts small { display: inline; font-size: 11px; }
@media (max-width: 600px) {
  .kdp-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 12px; }
  .kdp-book-row { grid-template-columns: 40px minmax(0,1fr) 18px; gap: 14px; }
  .kdp-book-mark { width: 40px; height: 52px; }
  .kdp-book-money { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; gap: 8px 16px; text-align: left; font-size: 14px; }
  .kdp-book-row > .icon { grid-column: 3; grid-row: 1; }
  .kdp-import { padding: 22px 18px; }
  .kdp-brief .section-heading { flex-wrap: wrap; gap: 16px; }
  .kdp-brief-card { padding: 20px 16px; gap: 14px; }
  .kdp-chart-controls .segmented button { padding: 12px; }
}
.source-row .event-copy strong { font-size: 14px; }
.source-row .event-copy small { font-size: 11px; }
.source-row > .icon { width: 18px; }
.setup-page { max-width: 700px; }
.setup-hero { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.setup-hero .source-symbol { width: 64px; height: 64px; border-radius: 17px; }
.setup-hero h1 { font-size: 36px; }
.setup-hero p { color: var(--muted); font-size: 12px; margin-top: 5px; }
.setup-steps { counter-reset: setup; list-style: none; padding: 0; margin: 22px 0; }
.setup-steps li { position: relative; padding: 19px 0 19px 41px; border-bottom: 1px solid var(--line); counter-increment: setup; }
.setup-steps li::before { content: counter(setup, decimal-leading-zero); position: absolute; left: 0; top: 21px; font: 550 12px/1.4 var(--font); color: var(--orange); }
.setup-steps strong { display: block; font-size: 13px; font-weight: 600; }
.setup-steps p { font-size: 12px; color: var(--muted); line-height: 1.7; margin-top: 5px; }
.code-example { margin-top: 20px; padding: 17px; border: 1px solid var(--line); background: var(--surface); border-radius: 11px; font: 11px/1.8 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.transaction-ticket { padding: 24px 21px; background: var(--surface); border: 1px solid var(--line); border-radius: 17px; max-width: 560px; }
.ticket-header { display: flex; gap: 12px; align-items: center; padding-bottom: 21px; margin-bottom: 15px; border-bottom: 1px dashed var(--border-default, #c9ceca); }
.ticket-header strong { display: block; font-size: 14px; }
.ticket-header small { color: var(--muted); font-size: 11px; }
.transaction-ticket code { font: 11px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.transaction-ticket .button { margin-top: 22px; }
.empty-state { padding: 40px 20px; text-align: center; border: 1px dashed var(--border-default, #c8ceca); border-radius: 14px; margin: 8px 0; }
.empty-state .icon { width: 30px; height: 30px; color: var(--text-secondary, #929a95); margin: 0 auto 15px; }
.empty-state h2 { font-size: 24px; }
.empty-state p { max-width: 360px; margin: 10px auto 20px; font-size: 12px; color: var(--muted); line-height: 1.7; }
.empty-state .button { font-size: 12px; }
.toast { position: fixed; z-index: 50; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom)); transform: translate(-50%, 15px); max-width: calc(100vw - 36px); width: max-content; padding: 12px 17px; border-radius: 10px; background: var(--ink); color: var(--paper); font-size: 12px; opacity: 0; pointer-events: none; transition: opacity 140ms, transform 140ms; box-shadow: 0 6px 30px #23282b20; }
.toast.visible { opacity: 1; transform: translate(-50%, 0); }
.copy-dialog { width: min(520px, calc(100% - 30px)); padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); color: var(--ink); }
.copy-dialog::backdrop { background: #23282b55; backdrop-filter: blur(3px); }
.copy-dialog p { font-size: 12px; color: var(--muted); }
.copy-dialog textarea { width: 100%; min-height: 220px; padding: 13px; margin: 15px 0; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: 12px; color: var(--ink); }
.noscript-note { padding: 20px; }
/* Audience uses the same silver surfaces, charcoal type and mandarin emphasis. */
.audience-page, .audience-connections-page { max-width: 1120px; }
.audience-page .page-header { align-items: flex-start; gap: 12px; }
.audience-connect-link { min-height: 44px; padding: 9px 12px; white-space: nowrap; font-size: 12px; }
.audience-demo-note { display: inline-flex; margin: 0 0 18px; padding: 7px 10px; border-radius: 6px; background: var(--orange-soft); color: var(--orange); font-size: 11px; font-weight: 600; }
.audience-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 3px; margin: -3px -3px 16px; }
.audience-filters .custom-select, .audience-manual-choices .custom-select { min-width: 0; }
.audience-filters .select-trigger { width: 100%; }
.audience-reading { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 13px 0 21px; }
.audience-reading > span { font-size: 12px; color: var(--muted); }
.audience-reading .text-link { margin-left: auto; font-size: 11px; }
.audience-reading .select-trigger { border-color: transparent; background: var(--silver); }
.audience-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; container-type: inline-size; }
.audience-metric { display: flex; flex-direction: column; min-width: 0; padding: 16px 14px; min-height: 129px; text-align: left; background: var(--silver); border: 1px solid transparent; border-radius: 12px; transition: border-color 140ms,background 140ms; }
.audience-metric:first-child { grid-column: 1 / -1; }
.audience-metric.selected { background: var(--accent-surface, #fbf3ee); border-color: var(--border-default, #e9b7a2); }
.audience-metric:hover { border-color: var(--border-default, #afbabf); }
.audience-metric > span { font-size: 12px; font-weight: 550; color: var(--muted); overflow-wrap: anywhere; }
.audience-metric > strong { font: 700 clamp(26px,5vw,37px)/1.25 var(--display); letter-spacing: -1px; margin: 8px 0 6px; font-variant-numeric: tabular-nums; }
.audience-metric > strong.unavailable { font-size: 18px; letter-spacing: -.3px; }
.audience-metric.selected > strong { color: var(--orange); }
.audience-metric small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.audience-basis-note { margin: 13px 0 23px; color: var(--muted); font-size: 11px; max-width: 780px; line-height: 1.7; }
.audience-chart { position: relative; padding-bottom: 20px; }
.audience-chart .chart-plot { margin-top: 15px; height: 210px; }
.audience-chart .chart-svg { height: 210px; }
.audience-chart .chart-dot { fill: var(--mandarin); }
.audience-chart .settings-note { max-width: 820px; line-height: 1.7; margin-top: 14px; }
.audience-chart-scale { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; padding: 0 3.5%; margin-top: 20px; }
.audience-accounts, .audience-publications { margin-top: 35px; }
.audience-account-list, .audience-post-list { margin-top: 14px; }
.audience-account-row { display: flex; width: 100%; align-items: center; gap: 11px; min-height: 90px; padding: 15px 2px; text-align: left; border: 0; border-bottom: 1px solid var(--line); background: transparent; border-radius: 3px; }
.audience-account-row:hover, .audience-post-row:hover { background: var(--silver); }
.network-mark { display: inline-flex; justify-content: center; align-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); flex: 0 0 auto; background: var(--surface, white); }
.network-mark svg { width: 21px; height: 21px; }
.network-mark.youtube { color: var(--orange-text, #b93326); }
.network-mark.facebook { color: var(--blue-text, #225dc2); }
.network-mark.instagram { color: var(--violet-text, #9d2f72); }
.audience-account-copy { min-width: 0; flex: 1; }
.audience-account-copy strong { font-size: 13px; display: block; overflow-wrap: anywhere; }
.audience-account-copy > span { display: block; font-size: 10px; color: var(--muted); margin-top: 3px; }
.audience-account-value { width: 112px; text-align: right; flex-shrink: 0; }
.audience-account-value strong { font: 700 19px/1.4 var(--display); font-variant-numeric: tabular-nums; }
.audience-account-value > span { display: block; color: var(--muted); font-size: 9px; }
.audience-account-track { height: 3px; background: var(--silver); margin-top: 7px; border-radius: 2px; overflow: hidden; }
.audience-account-track span { display: block; height: 100%; background: var(--mandarin); }
.audience-account-row > .icon { width: 17px; height: 17px; flex-shrink: 0; color: var(--muted); }
.audience-post-list { list-style: none; padding: 0; }
.audience-post-list > li { border-bottom: 1px solid var(--line); }
.audience-post-row { display: grid; grid-template-columns: 20px minmax(0,1fr) auto 18px; gap: 10px; width: 100%; padding: 17px 2px; align-items: center; border: 0; border-radius: 3px; background: transparent; text-align: left; }
.audience-post-rank { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.audience-post-art { display: none; }
.audience-post-copy { min-width: 0; }
.audience-post-copy > strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audience-post-copy > small { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; line-height: 1.5; }
.audience-post-value { text-align: right; }
.audience-post-value > strong { display: block; font: 700 16px/1.4 var(--display); }
.audience-post-value > small { display: block; color: var(--muted); font-size: 9px; }
.audience-post-row > .icon { width: 18px; height: 18px; color: var(--muted); }
.audience-post-detail { padding: 3px 0 19px 32px; }
.audience-post-detail dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 15px; border-radius: 10px; background: var(--silver); }
.audience-post-detail dt { color: var(--muted); font-size: 10px; }
.audience-post-detail dd { margin: 3px 0 0; font: 650 16px/1.4 var(--display); overflow-wrap: anywhere; }
.audience-post-detail > p { color: var(--muted); font-size: 11px; margin-top: 12px; }
.audience-publications > .button { margin-top: 18px; }
.audience-method, .audience-manual { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 10px; }
.audience-method p, .audience-setup li { color: var(--muted); font-size: 12px; line-height: 1.8; }
.audience-definition { margin-top: 20px; }
.audience-definition > strong { font-size: 13px; }
.audience-definition p { margin-top: 6px; }
.audience-connection-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; margin: 20px 0 24px; color: var(--muted); font-size: 12px; }
.audience-connection-summary > :first-child { color: var(--ink); font-weight: 600; }
.audience-summary-warning { color: var(--danger); }
.audience-connections-workspace { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.audience-network-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 4px; padding: 4px 0 10px; }
.audience-network-nav > button { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; min-height: 64px; padding: 10px 4px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ink); text-align: center; }
.audience-network-nav > button:hover { background: var(--silver); }
.audience-network-nav > button[aria-current="page"] { background: var(--silver); border-color: var(--line); }
.audience-network-nav .network-mark { width: 32px; height: 32px; border: 0; background: transparent; }
.audience-network-nav button > span:nth-child(2) { min-width: 0; }
.audience-network-nav strong { display: block; font-size: 13px; font-weight: 600; }
.audience-network-nav small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.audience-network-nav small.warning { color: var(--danger); }
.audience-network-count { display: none; margin-left: auto; font-size: 12px; color: var(--muted); }
.audience-connection-grid { min-width: 0; display: block; }
.audience-connection { min-width: 0; border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: var(--surface); }
.audience-connection[hidden], .audience-account-detail[hidden] { display: none; }
.audience-connection .connection-heading { align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }
.audience-connection .connection-heading > div { flex: 1; min-width: 140px; }
.audience-connection .connection-heading .network-mark { width: 42px; height: 42px; }
.audience-connection .connection-heading h2 { font-size: 22px; letter-spacing: -.5px; }
.audience-connection .connection-heading p { font-size: 12px; line-height: 1.6; margin-top: 4px; }
.audience-connection-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--muted); white-space: nowrap; }
.audience-connection-status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.audience-connection-status.good { color: #26735b; }
.audience-connection-status.warning { color: var(--danger); }
.audience-connection-status.pending { color: var(--muted); }
.audience-network-notice { padding: 14px 16px; border-radius: 10px; background: var(--orange-soft); color: var(--ink); margin-bottom: 8px; font-size: 12px; }
.audience-network-notice strong, .audience-network-notice span { display: block; }
.audience-network-notice span { margin-top: 4px; line-height: 1.65; }
.audience-connection-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 20px 0; }
.audience-connection-actions .button { font-size: 12px; padding: 10px 14px; min-height: 44px; }
.audience-connection-actions p { flex-basis: 100%; font-size: 11px; color: var(--muted); margin: 3px 0 0; }
.audience-connection-settings { border-top: 1px solid var(--line); }
.audience-app-toggle { margin: 0; font-size: 12px; padding: 16px 0; }
.audience-app-toggle small, .audience-manual .expand-button small { display: block; font-size: 11px; color: var(--muted); font-weight: 400; margin-top: 3px; }
.audience-connection-empty { padding: 28px 16px 20px; border-top: 1px solid var(--line); text-align: center; }
.audience-connection-empty .network-mark { width: 52px; height: 52px; margin: 0 auto 16px; }
.audience-connection-empty h3 { font-size: 17px; letter-spacing: -.3px; }
.audience-connection-empty p { max-width: 340px; margin: 8px auto 0; color: var(--muted); line-height: 1.7; font-size: 12px; }
.audience-x-explanation { border: 1px solid var(--line); background: var(--silver); border-radius: 10px; padding: 16px; margin-bottom: 8px; font-size: 13px; }
.audience-x-explanation p { color: var(--muted); margin: 5px 0 0; font-size: 12px; line-height: 1.7; }
.audience-setup ol { padding-left: 19px; margin: 12px 0; }
.audience-setup li { margin-bottom: 13px; }
.audience-setup li .text-link { display: inline; min-height: auto; }
.audience-page button.text-link, .audience-connections-page button.text-link { border: 0; background: transparent; padding: 6px 0; text-align: left; }
.audience-setup li button.text-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.audience-callback { display: block; padding: 10px; background: var(--silver); border-radius: 7px; margin-top: 8px; font-size: 10px; word-break: break-all; }
.audience-app-form label, .audience-manual-fields label, .audience-manual-counts label { display: flex; flex-direction: column; font-size: 12px; font-weight: 550; gap: 6px; min-width: 0; }
.audience-app-form input, .audience-manual-fields input, .audience-manual-counts input { display: block; width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--border-default, #b7c1c6); border-radius: 8px; padding: 10px; background: var(--surface, white); color: var(--ink); font-size: 14px; }
.audience-app-form { display: grid; gap: 15px; margin-top: 18px; }
.audience-connected-account { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.audience-account-identity { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.audience-account-identity > div { min-width: 0; }
.audience-account-identity strong { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.audience-account-identity .audience-connection-status { display: flex; margin-top: 4px; }
.audience-account-identity small { display: block; font-size: 11px; color: var(--muted); margin-top: 5px; }
.audience-account-avatar { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: var(--silver); color: var(--muted); font-size: 14px; font-weight: 550; }
.audience-account-project { min-width: 0; }
.audience-account-project > span { display: block; font-size: 11px; color: var(--muted); margin-bottom: 5px; }
.audience-connected-account .custom-select { width: 100%; }
.audience-connected-account .select-trigger { width: 100%; min-height: 44px; font-size: 12px; background: var(--surface); }
.audience-account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.audience-account-actions .button { min-height: 44px; padding: 10px 12px; font-size: 12px; }
.audience-account-details { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line); background: transparent; color: var(--muted); border-radius: 8px; margin-left: auto; }
.audience-account-details:hover { color: var(--ink); background: var(--silver); }
.audience-account-detail { grid-column: 1/-1; border-radius: 10px; background: var(--silver); padding: 16px; font-size: 12px; }
.audience-account-detail .settings-note { font-size: 12px; line-height: 1.7; }
.audience-disconnect-area { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 12px; }
.audience-disconnect-area p { font-size: 11px; color: var(--muted); margin-bottom: 6px; }
.audience-connections-page .audience-manual { margin-top: 28px; }
[data-theme="dark"] .audience-connection-status.good { color: #85c9ac; }
@media (min-width: 900px) {
  .audience-connections-workspace { grid-template-columns: 190px minmax(0,1fr); gap: 28px; align-items: start; }
  .audience-network-nav { display: flex; flex-direction: column; padding: 0; position: sticky; top: 24px; }
  .audience-network-nav > button { width: 100%; flex-direction: row; gap: 12px; padding: 10px 14px; text-align: left; }
  .audience-network-count { display: block; }
}
@media (min-width: 1100px) {
  .audience-connected-account { grid-template-columns: minmax(0,1fr) 210px; gap: 16px 24px; }
  .audience-account-actions { grid-column: 1/-1; padding-left: 48px; }
}
@media (max-width: 499px) {
  .audience-connection { padding: 18px; border-radius: 12px; }
  .audience-connection .connection-heading > .audience-connection-status { margin-left: 56px; }
  .audience-connection-summary { gap: 8px 14px; }
  .audience-connection-summary > :last-child { flex-basis: 100%; }
  .audience-network-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); overflow: visible; padding: 0; }
  .audience-network-nav > button { min-width: 0; flex-direction: column; padding: 10px 2px; gap: 8px; text-align: center; }
  .audience-network-nav strong { font-size: 10px; }
  .audience-network-nav small { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .audience-network-nav .network-mark { width: 24px; height: 24px; }
  .audience-network-nav button:has(small.warning) .network-mark { position: relative; }
  .audience-network-nav button:has(small.warning) .network-mark::after { content: ""; position: absolute; right: -4px; top: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--danger); }
  .audience-network-count { display: none; }
  .audience-account-actions .button { flex: 1 1 auto; }
}
.audience-manual-choices, .audience-manual-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 15px; margin-top: 18px; }
.audience-manual-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin: 20px 0; }
.audience-manual-fields small { color: var(--muted); font-size: 10px; font-weight: 400; }
#audience-manual-form > .button { margin-top: 15px; }
.audience-file-import { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 22px; }
.audience-file-import .kdp-preview { width: 100%; }
.audience-source-entry { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 12px; background: var(--silver); margin: 20px 0; }
.audience-source-entry > span { color: var(--orange); }
.audience-source-entry > div { flex: 1; min-width: 0; }
.audience-source-entry strong { font: 700 17px/1.4 var(--display); }
.audience-source-entry p { font-size: 11px; color: var(--muted); margin-top: 4px; }
.audience-source-entry:hover { background: var(--orange-soft); }
.audience-error { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.audience-skeleton-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 20px 0; }
.audience-skeleton-stats span { height: 110px; border-radius: 12px; background: var(--silver); }
.audience-skeleton-chart { height: 240px; border-radius: 12px; background: var(--silver); }
.audience-loading > p { color: var(--muted); font-size: 12px; }
@media (min-width:700px) {
  .audience-filters { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .audience-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
  .audience-metric:first-child { grid-column: auto; }
  .audience-metric { padding: 18px 13px; min-height: 146px; }
  .audience-metric > strong { font-size: 29px; letter-spacing: -.8px; }
  .audience-metric small { font-size: 10px; }
  .audience-chart .chart-plot, .audience-chart .chart-svg { height: 240px; }
  .audience-account-copy strong { font-size: 14px; }
  .audience-account-copy > span { font-size: 11px; }
  .audience-account-value { width: 215px; }
  .audience-account-value strong { font-size: 23px; }
  .audience-account-value > span { font-size: 10px; }
  .audience-account-row { gap: 16px; }
  .audience-post-row { grid-template-columns: 25px 43px minmax(0,1fr) 130px 22px; gap: 14px; padding: 19px 5px; }
  .audience-post-art { display: inline-flex; }
  .audience-post-art .project-logo { width: 39px; height: 39px; border-radius: 10px; }
  .audience-post-copy > strong { font-size: 14px; }
  .audience-post-copy > small { font-size: 11px; }
  .audience-post-value > strong { font-size: 21px; }
  .audience-post-detail { padding-left: 96px; }
  .audience-post-detail dl { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .audience-manual-choices, .audience-manual-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .audience-manual-counts { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .audience-skeleton-stats { grid-template-columns: repeat(5,1fr); }
}
@media (min-width:1200px) {
  .audience-metric { padding: 20px 17px; }
  .audience-metric > strong { font-size: 35px; }
  .audience-connection { padding: 25px; }
}
@media (min-width:700px) {
  @container (max-width:750px) {
    .audience-metric > strong:not(.unavailable) { font-size: 23px; }
  }
}
@media (max-width:359px) {
  .audience-connect-link { padding: 9px; }
  .audience-connect-link .icon { display: none; }
  .audience-account-value { width: 88px; }
  .audience-account-row { gap: 7px; }
  .audience-connection { padding: 16px; }
  .audience-post-row { gap: 7px; grid-template-columns: 18px minmax(0,1fr) auto 16px; }
}
.view-enter { animation: view-in 170ms ease-out both; }
@keyframes view-in { from { opacity: .35; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 700px) {
  .workspace { padding-left: 36px; padding-right: 36px; }
  .mobile-masthead { min-height: 70px; }
  .page-header { margin-bottom: 28px; }
  h1 { font-size: 46px; }
  .project-filters { margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px; gap: 15px; }
  .feature-sale { padding: 25px; }
  .feature-bottom { padding-left: 65px; }
  .feature-amount { font-size: 43px; }
  .currency-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .briefing-controls { display: flex; justify-content: space-between; gap: 20px; }
  .period-tabs { flex: 1; max-width: 440px; }
  .briefing-controls > .custom-select { width: 210px; }
  .projects-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
  .detail-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 45px; align-items: start; padding: 25px 0; }
  .detail-hero { padding: 0 10px; }
  .detail-amount { font-size: 68px; }
  .detail-info { padding-top: 5px; }
  .detail-topbar { margin-bottom: 30px; }
  .settings-page { max-width: 730px; }
  .source-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 35px; }
  .project-view-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 44px; }
  .project-view-layout .settings-section { margin-top: 0; }
}
@media (min-width: 1050px) {
  .app-shell { display: grid; grid-template-columns: 233px minmax(0, 1fr); }
  .sidebar { position: sticky; top: 0; height: 100dvh; display: flex; flex-direction: column; padding: 30px 22px 22px; border-right: 1px solid var(--line); background: var(--surface-soft, #edeeea); }
  .sidebar .brand { display: flex; gap: 9px; align-items: center; font-size: 17px; font-weight: 750; letter-spacing: -.6px; }
  .brand svg { width: 30px; height: 33px; color: var(--mandarin); }
  .primary-nav, body.detail-view .primary-nav { display: flex; position: static; flex-direction: column; gap: 6px; padding: 0; margin-top: 56px; border: 0; background: transparent; backdrop-filter: none; }
  .primary-nav a { flex-direction: row; justify-content: flex-start; gap: 13px; padding: 12px 15px; min-height: 48px; font-size: 13px; border-radius: 9px; }
  .primary-nav a[aria-current="page"] { background: var(--surface); color: var(--ink); box-shadow: 0 2px 5px #242d2405; }
  .primary-nav a[aria-current="page"] svg { color: var(--mandarin); }
  .sidebar-foot { display: block; margin-top: auto; }
  .utility-link { display: flex; gap: 12px; align-items: center; min-height: 46px; padding: 10px 13px; color: var(--text-secondary, #666e70); font-size: 12px; border-radius: 9px; }
  .utility-link:hover, .utility-link[aria-current="page"] { background: var(--silver); color: var(--ink); }
  .utility-link .small-count { margin-left: auto; padding: 1px 6px; border: 1px solid var(--border-default, #ced3cc); border-radius: 4px; color: var(--text-secondary, #7b817d); font-size: 10px; }
  .utility-link svg { width: 19px; height: 19px; }
  .demo-note { border-top: 1px solid var(--line); padding: 19px 12px 0; margin-top: 22px; }
  .demo-note strong { font-size: 11px; font-weight: 600; }
  .demo-dot { display: inline-block; width: 5px; height: 5px; margin: 0 6px 2px 0; background: var(--mandarin); border-radius: 50%; }
  .demo-note p { color: var(--muted); font-size: 10px; margin-top: 6px; line-height: 1.8; }
  .workspace { padding: 51px 48px 60px; max-width: 1390px; width: 100%; margin: 0 auto; }
  .mobile-masthead { display: none; }
  .page-header { margin-top: 0; margin-bottom: 29px; }
  h1 { font-size: 50px; letter-spacing: -1.35px; }
  .page-header .subtitle { font-size: 13px; margin-top: 10px; }
  .content-columns { grid-template-columns: minmax(0, 1fr) 260px; gap: 38px; }
  .visit-summary { padding: 16px 19px; }
  .visit-summary strong { font-size: 16px; }
  .project-filters { gap: 10px; margin-top: 24px; margin-bottom: 17px; }
  .project-filter { flex-basis: 50px; }
  .activity-controls { margin-bottom: 27px; }
  .feature-sale { padding: 25px 26px 23px; }
  .feature-top .project-logo { width: 62px; height: 62px; border-radius: 16px; }
  .feature-title strong { font-size: 19px; }
  .feature-top { gap: 16px; }
  .feature-bottom { padding-left: 78px; margin-top: 11px; }
  .feature-amount { font-size: 47px; }
  .feature-bottom .amount-caption { font-size: 12px; }
  .event-row { min-height: 86px; }
  .event-copy strong { font-size: 14px; }
  .event-copy > small { font-size: 12px; }
  .row-amount { font-size: 21px; }
  .context-panel { display: block; padding-left: 24px; border-left: 1px solid var(--line); align-self: start; margin-top: 5px; }
  .context-money { margin-bottom: 22px; }
  .context-money .amount { display: block; font: 700 31px/1.15 var(--display); letter-spacing: -.8px; }
  .context-money small { color: var(--muted); font-size: 11px; }
  .context-caption { color: var(--muted); font-size: 11px; margin: 0 0 26px; line-height: 1.7; }
  .context-signups { display: flex; gap: 25px; margin: 23px 0; padding: 21px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .context-signups strong { display: block; font: 650 27px/1.2 var(--display); }
  .context-signups > div > span { font-size: 10px; color: var(--muted); }
  .context-projects { display: flex; margin: 16px 0 20px; padding-left: 2px; }
  .context-projects .project-logo { width: 33px; height: 33px; border-radius: 9px; margin-left: -2px; box-shadow: 0 0 0 3px var(--paper); }
  .context-panel .context-note { margin-top: 29px; padding-top: 23px; border-top: 1px solid var(--line); }
  .context-note h3 { font: 700 20px/1.2 var(--display); }
  .context-note p { color: var(--muted); font-size: 11px; line-height: 1.7; margin-top: 8px; }
  .detail-topbar { max-width: 920px; margin-top: -7px; }
  .detail-layout { gap: 65px; max-width: 920px; padding-top: 37px; }
  .detail-hero .project-logo.large { width: 108px; height: 108px; border-radius: 27px; }
  .detail-hero h1 { font-size: 40px; }
  .detail-amount { font-size: 80px; }
  .detail-info { padding-top: 26px; }
  .fact-row { padding: 13px 0; font-size: 13px; }
  .fact-row.total { font-size: 17px; }
  .milestone { max-width: 370px; margin-top: 29px; }
  .currency-grid { gap: 22px; }
  .currency-block { padding: 27px; }
  .currency-block .money-large { font-size: 48px; }
  .projects-list { column-gap: 52px; }
  .project-card { padding: 25px 0; }
  .search-field { max-width: 450px; margin-bottom: 14px; }
  .project-card .project-logo.medium { width: 65px; height: 65px; }
  .project-hero .project-logo.large { width: 88px; height: 88px; }
  .project-hero h1 { font-size: 46px; }
  .transaction-ticket { margin: 30px auto 0; padding: 30px; }
  .toast { bottom: 28px; }
}
@media (min-width: 1450px) {
  .workspace { padding-left: 68px; padding-right: 68px; }
  .content-columns { grid-template-columns: minmax(0,1fr) 295px; gap: 55px; }
  .project-filters { gap: 16px; }
  .context-panel { padding-left: 31px; }
}
@media (max-width: 359px) {
  .workspace { padding-left: 16px; padding-right: 16px; }
  .project-filters { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  h1 { font-size: 34px; }
  .event-row { gap: 9px; }
  .event-copy > small { font-size: 10px; }
  .row-amount { font-size: 17px; }
  .feature-sale { padding-left: 15px; padding-right: 15px; }
  .briefing-footer { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Contrast and typography: self-hosted Fontsource variable fonts. */
h1 { font-size: clamp(32px, 4vw, 44px); font-weight: 750; letter-spacing: -1.3px; }
h2 { font-size: 21px; font-weight: 750; }
.feature-sale { background: var(--surface); border-color: var(--border-strong, #9daa9f); box-shadow: 0 3px 0 #b8c2b640; }
.feature-amount { font-size: clamp(32px, 5vw, 44px); font-weight: 700; letter-spacing: -1.5px; }
.detail-amount { font-size: clamp(36px, 6vw, 68px); max-width: 100%; overflow-wrap: anywhere; }
.money-large { overflow-wrap: anywhere; }
.event-copy, .feature-title, .setting-text, .setup-hero > div { min-width: 0; }
.detail-layout > section { min-width: 0; }
.detail-hero h1 { max-width: 100%; overflow-wrap: anywhere; }
.event-copy strong, .feature-title strong, .setup-hero h1, .fact-row dd { overflow-wrap: anywhere; }
.event-list { border-top: 1px solid var(--line); }
.event-copy > small, .event-right > small, .amount-caption, .context-signups > div > span, .demo-note p { font-size: 12px; }
.event-tag, .project-filter > span:last-child, .demo-footnote { font-size: 11px; }
.event-right .row-amount { font-weight: 650; }
.setting-row { border-color: var(--line); }
.switch, .switch[aria-checked="false"] { background: transparent; border-radius: 8px; }
.mode-picker { display: inline-flex; background: var(--surface-soft, #cdd5cd); border: 1px solid var(--border-strong, #a9b6aa); border-radius: 9px; padding: 3px; flex-shrink: 0; }
.mode-picker button { border: 0; padding: 8px 14px; min-height: 38px; background: transparent; color: var(--text-primary, #37463b); font-size: 12px; font-weight: 600; border-radius: 6px; }
.mode-picker button[aria-pressed="true"] { background: var(--ink); color: var(--paper); box-shadow: 0 1px 4px #13221d20; }
.mode-status { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--text-primary, #37473e); }
.mode-status .icon { width: 14px; height: 14px; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #277a45; flex-shrink: 0; }
.status-dot.error { background: var(--danger); }
.connection-form { display: grid; gap: 17px; margin-top: 18px; }
.connection-form label { display: grid; gap: 7px; font-size: 13px; font-weight: 550; }
.connection-form input { min-width: 0; width: 100%; background: var(--surface, white); border: 1px solid var(--border-strong, #8a9b90); border-radius: 8px; padding: 12px; min-height: 46px; }
.connection-form input::placeholder { color: var(--text-secondary, #607166); font-weight: 400; }
.connection-form .button { justify-self: start; }
.field-optional { color: var(--muted); font-size: 11px; font-weight: 400; }
.form-error { padding: 12px 16px; color: var(--orange-text, #8d2d1d); background: var(--accent-surface, #ffede6); border: 1px solid var(--orange-text, #c87c66); border-radius: 8px; font-size: 13px; }
.source-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
.source-actions .text-link { border: 0; background: transparent; padding: 10px 0; }
.mapping-list { margin-top: 18px; }
.mapping-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(170px, .75fr); align-items: center; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.mapping-row strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.mapping-row small { display: block; font-size: 11px; color: var(--muted); margin-top: 4px; overflow-wrap: anywhere; }
.agent-link { margin-top: 30px; }
.agent-setup-entry { display:flex; align-items:center; gap:16px; padding:20px; margin:0 0 23px; border:1px solid var(--line); border-radius:12px; background:var(--surface); transition:border-color 140ms; }
.agent-setup-entry > span:nth-child(2) { flex:1; min-width:0; }
.agent-setup-entry strong { display:block; font-size:14px; font-weight:650; }
.agent-setup-entry small { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.agent-setup-entry > svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.65; }
.agent-setup-entry:hover { border-color:var(--mandarin); }
.settings-note code, .notice code { font-size: 11px; overflow-wrap: anywhere; }
button:disabled { cursor: default; opacity: .55; }
@media (min-width: 1050px) {
  .sidebar { background: #16242c; border-right-color: #16242c; color: #f4f7f4; }
  .sidebar .brand { font-family: var(--display); font-size: 15px; font-weight: 700; letter-spacing: -.5px; }
  .sidebar .primary-nav a { color: #c8d4db; }
  .sidebar .primary-nav a:hover { background: #263942; }
  .sidebar .primary-nav a[aria-current="page"] { background: var(--surface); color: var(--ink); }
  .utility-link { color: #d2dce1; font-size: 13px; }
  .utility-link:hover, .utility-link[aria-current="page"] { background: #263942; color: white; }
  .utility-link .small-count { color: #eff4f6; border-color: #607782; }
  .demo-note p { color: #bacbd2; }
  .context-panel { border-left-color: var(--border-strong, #9aaba0); }
}
@media (max-width: 699px) {
  .mode-picker button { padding: 7px 9px; font-size: 11px; }
  .mode-status { font-size: 10px; max-width: 125px; }
  .mapping-row { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .currency-block .money-large { font-size: 38px; }
  .fact-row { gap: 14px; }
  .fact-row dd { max-width: 58%; }
}

/* Custom controls and motion share one neutral surface system. */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
.slot-value { display: inline-block; vertical-align: baseline; max-width: 100%; }
.slot-visual { display: inline-flex; max-width: 100%; }
.slot-value .char-slot { letter-spacing: inherit; }
.slot-value .char-sizer { margin: 0; color: inherit; font: inherit; }
.slot-value .char-face { margin: 0; color: inherit; font: inherit; }
.custom-select { position: relative; min-width: 0; }
.select-trigger { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid var(--border-default, #c7d0d6); border-radius: 10px; background: var(--surface, white); color: var(--ink); text-align: left; font-size: 12px; transition: border-color 140ms, background 140ms; }
.select-trigger:hover, .select-trigger[aria-expanded="true"] { border-color: var(--border-strong, #82919c); background: var(--blue-soft, #fafbfc); }
.select-trigger > .slot-value { min-width: 0; overflow: hidden; }
.select-trigger > .icon { width: 16px; height: 16px; color: var(--muted); transition: transform 140ms; }
.select-trigger[aria-expanded="true"] > .icon { transform: rotate(180deg); }
.select-menu { position: fixed; z-index: 100; padding: 5px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid var(--border-default, #d4dce1); border-radius: 12px; background: var(--surface, white); box-shadow: 0 12px 36px #15252f18, 0 2px 6px #15252f0a; animation: menu-in 130ms ease-out; }
.select-option { display: flex; justify-content: space-between; align-items: center; gap: 15px; width: 100%; min-height: 44px; padding: 10px 11px; border: 0; border-radius: 7px; background: transparent; text-align: left; font-size: 13px; }
.select-option > span { overflow-wrap: anywhere; }
.select-option:hover, .select-option:focus { outline: none; background: var(--blue-soft, #f0f3f5); }
.select-option[aria-selected="true"] { color: var(--orange); font-weight: 600; }
.selection-check { width: 17px; height: 17px; opacity: 0; }
.select-option[aria-selected="true"] .selection-check { opacity: 1; }
.activity-controls > .custom-select:first-child { flex: 1; }
.activity-controls > .custom-select:last-child { flex: 1.15; }
.period-tabs, .mode-picker { background: var(--surface-soft, #f3f5f6); border-color: var(--border-default, #dce2e6); }
.mode-picker button { color: var(--muted); }
.switch::before { background: var(--surface-soft, #c1cbd2); box-shadow: inset 0 0 0 1px #a7b4be; }
.switch[aria-checked="true"]::before { box-shadow: none; }
.switch:hover::before { filter: brightness(.97); }
.switch:focus-visible { outline-offset: 2px; }
.settings-page { max-width: 930px; }
.settings-layout { display: grid; gap: 30px; }
.settings-tabs { display: flex; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.settings-tabs button { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; min-height: 46px; gap: 8px; padding: 10px 12px; border: 0; background: transparent; border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 550; }
.settings-tabs button > .icon { width: 17px; height: 17px; }
.settings-tabs button:hover { background: var(--surface-soft, #f6f7f8); }
.settings-tabs button[aria-selected="true"] { color: var(--ink); background: var(--blue-soft, #f0f3f5); font-weight: 650; }
#settings-panel { min-width: 0; }
#settings-panel .settings-section { margin: 0 0 38px; }
#settings-panel .settings-section > h2 { font-size: 18px; margin-bottom: 14px; }
#settings-panel .setting-row { min-height: 94px; padding: 22px 0; border-color: var(--border-default, #e8edf0); }
#settings-panel .setting-text strong { font-size: 14px; }
#settings-panel .setting-text p { font-size: 12px; margin-top: 5px; }
.delivery-note { display: flex; align-items: flex-start; gap: 7px; margin-top: 15px; font-size: 11px; }
.delivery-note > .icon { width: 15px; height: 15px; margin-top: 2px; }
.event-choices { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 7px; }
.choice-chip { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--border-default, #d9e0e5); border-radius: 9px; background: var(--surface, white); font-size: 12px; color: var(--muted); }
.choice-chip:hover { border-color: var(--border-default, #a9b7c1); }
.choice-chip[aria-checked="true"] { color: var(--ink); background: var(--surface-soft, #f7f8f9); border-color: var(--border-default, #aab6bf); }
.choice-check { display: grid; place-items: center; width: 16px; height: 16px; border: 1px solid var(--border-default, #a7b4be); border-radius: 4px; background: var(--surface, white); }
.choice-check .icon { width: 12px; height: 12px; opacity: 0; stroke-width: 2.4; }
.choice-chip[aria-checked="true"] .choice-check { border-color: var(--ink); background: var(--ink); color: var(--paper); }
.choice-chip[aria-checked="true"] .choice-check .icon { opacity: 1; }
.schedule-fields { gap: 22px; padding: 22px 0 16px; border: 0; }
.time-field, .schedule-frequency { flex: 1; min-width: 135px; }
.time-field > span, .schedule-frequency > span { display: block; margin-bottom: 9px; color: var(--muted); font-size: 12px; }
.time-picker { display: flex; align-items: center; justify-content: space-between; max-width: 160px; gap: 3px; padding: 0 4px; border: 1px solid var(--border-default, #c7d0d6); border-radius: 10px; }
.time-picker .custom-select { flex: 1; }
.time-picker .select-trigger { min-height: 46px; padding: 10px 8px; border: 0; font-variant-numeric: tabular-nums; gap: 4px; }
.time-picker .select-trigger .icon { width: 12px; }
.settings-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--line); }
#storage-status { display: flex; align-items: center; gap: 7px; font-size: 12px; }
#storage-status .icon { width: 15px; height: 15px; }
.reset-link { padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.sources-page { max-width: 950px; }
.sources-intro { max-width: 500px; color: var(--muted); font-size: 14px; margin: 0 0 32px; }
.connection-grid { display: grid; gap: 16px; }
.connection-card { display: flex; flex-direction: column; justify-content: space-between; gap: 34px; padding: 26px; border: 1px solid var(--border-default, #dce3e7); border-radius: 16px; transition: background 150ms, border-color 150ms, transform 150ms; }
.connection-card:hover { border-color: var(--border-strong, #a4b2bd); background: var(--surface, #fcfcfd); transform: translateY(-2px); }
.connection-heading { display: flex; align-items: center; gap: 15px; }
.connection-heading > div { min-width: 0; }
.connection-heading h2 { font-size: 19px; letter-spacing: -.4px; }
.connection-heading p { color: var(--muted); font-size: 12px; margin-top: 6px; }
.connection-heading .source-symbol { width: 52px; height: 52px; border-radius: 14px; }
.connection-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.connection-status { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--muted); }
.connection-status .status-dot { background: #7d8993; }
.connection-status.configured .status-dot { background: #277a45; }
.connection-cta { display: inline-flex; align-items: center; gap: 6px; color: var(--orange); font-size: 12px; font-weight: 600; white-space: nowrap; }
.connection-cta .icon { width: 16px; height: 16px; }
.registration-connection { display: flex; align-items: center; gap: 15px; margin-top: 18px; padding: 23px 4px; border-bottom: 1px solid var(--line); }
.registration-connection > div { flex: 1; min-width: 0; }
.registration-connection h2 { font-size: 17px; }
.registration-connection p { margin-top: 5px; color: var(--muted); font-size: 12px; }
.registration-connection:hover .connection-cta { text-decoration: underline; }
.source-privacy { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; margin-top: 19px; }
.source-privacy > .icon { width: 15px; height: 15px; }
.agent-shortcut { display: flex; align-items: center; gap: 16px; margin-top: 38px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.agent-shortcut > span { flex: 1; }
.agent-shortcut strong { display: block; font-size: 14px; font-weight: 600; }
.agent-shortcut small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; }
.agent-shortcut:hover > .icon:last-child { transform: translateX(3px); }
.data-settings { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 34px; }
.data-settings h2 { font-size: 14px; font-family: var(--font); letter-spacing: 0; font-weight: 600; }
.data-settings p { margin-top: 5px; font-size: 12px; color: var(--muted); }
.agents-page { max-width: 740px; }
.agent-connection { display: flex; align-items: center; gap: 15px; padding: 18px 0 26px; border-bottom: 1px solid var(--line); }
.agent-connection > div { flex: 1; min-width: 0; }
.agent-connection strong { font-size: 15px; }
.agent-connection p { margin-top: 5px; font-size: 12px; color: var(--muted); }
.agent-mark { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 13px; background: var(--surface-soft, #f1f3f5); }
.agent-requests { margin-top: 34px; }
.agent-requests h2 { font-size: 18px; }
.agent-requests > p { margin-top: 7px; margin-bottom: 16px; color: var(--muted); font-size: 12px; }
.agent-request { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 90px; padding: 20px 2px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; text-align: left; font-size: 15px; line-height: 1.6; }
.agent-request > span:first-child { max-width: 410px; }
.agent-request:hover { background: var(--blue-soft, #fafbfc); }
.agent-copy { display: flex; align-items: center; gap: 7px; flex-shrink: 0; color: var(--orange); font-size: 11px; }
.agent-copy > .icon { width: 16px; height: 16px; }
.agent-scope-note { display: flex; gap: 8px; align-items: center; margin-top: 24px; color: var(--muted); font-size: 12px; }
.agent-scope-note > .icon { width: 17px; height: 17px; }
.agent-advanced { margin-top: 36px; }
.agent-advanced .expand-button { padding: 16px 0; min-height: 56px; font-size: 13px; }
#agent-details { padding: 16px 0; }
#agent-details .text-link { margin: 18px 0; }
.revenue-chart { margin: 34px 0 38px; padding: 26px 0 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.chart-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.chart-total { display: block; margin-top: 9px; font: 700 clamp(30px, 4vw, 42px)/1.2 var(--display); letter-spacing: -1.3px; }
.chart-total .currency-code { margin-left: 5px; }
.chart-caption { color: var(--muted); font-size: 12px; margin-top: 5px; }
.chart-currencies { display: flex; gap: 3px; padding: 3px; border: 1px solid var(--border-default, #dde3e7); border-radius: 9px; }
.chart-currencies button { min-height: 38px; padding: 5px 11px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 600; }
.chart-currencies button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.chart-plot { position: relative; width: 100%; height: 245px; margin-top: 20px; border-radius: 8px; cursor: crosshair; touch-action: pan-y; }
.chart-svg { width: 100%; height: 100%; overflow: visible; }
.chart-gridline { stroke: var(--border-default, #e8edf0); stroke-width: 1; stroke-dasharray: 4 6; vector-effect: non-scaling-stroke; }
.chart-axis { fill: var(--text-secondary, #64727c); font: 11px var(--font); }
.chart-line { fill: none; stroke: var(--mandarin); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.chart-dot { fill: var(--surface, white); stroke: var(--mandarin); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-guide { stroke: var(--text-secondary, #a3afb7); stroke-width: 1; stroke-dasharray: 3 5; }
.chart-highlight { fill: var(--mandarin); stroke: var(--surface, white); stroke-width: 3; }
.chart-bottom { display: flex; justify-content: space-between; padding: 0 3.3%; color: var(--muted); font-size: 11px; }
.chart-inspect { min-height: 30px; margin: 18px 0 0; text-align: center; color: var(--muted); font-size: 11px; }
.chart-inspect .slot-visual { flex-wrap: wrap; justify-content: center; white-space: normal; }
.chart-unavailable { padding: 45px 0 30px; color: var(--muted); font-size: 13px; }
.brief-signups .section-heading { margin-bottom: 25px; }
.brief-signups h2 { font-size: 21px; }
.brief-signups .settings-note { margin-top: 7px; }
.signup-total { font: 700 32px/1.2 var(--display); }
.signup-breakdown { display: grid; gap: 25px; }
.signup-heading { display: flex; align-items: center; gap: 9px; font-size: 13px; }
.signup-heading > .icon { width: 17px; height: 17px; color: var(--muted); }
.signup-heading > span { flex: 1; }
.signup-heading > strong { font: 650 22px/1.2 var(--display); }
.signup-track { height: 5px; width: 100%; margin: 13px 0 10px; background: var(--blue-soft, #edf1f3); border-radius: 6px; overflow: hidden; }
.signup-track > span { display: block; height: 100%; border-radius: inherit; background: var(--ink); transition: width 180ms; }
.signup-track > .waitlist { background: var(--mandarin); }
.signup-metric > p { font-size: 11px; color: var(--muted); }
.signup-chart-controls { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.signup-chart-controls .chart-currencies { width: 100%; max-width: 380px; }
.signup-chart-controls button { flex: 1; min-height: 44px; padding-inline: 6px; white-space: nowrap; }
.signup-chart .chart-line, .signup-chart .chart-dot { stroke: var(--blue-text, #347f83); }
.signup-chart .chart-highlight { fill: var(--blue-text, #347f83); }
.signup-chart .signup-breakdown { margin-top: 22px; }
.project-money > small { display: block; margin-top: 3px; font-size: 10px; font-weight: 400; color: var(--muted); }
.modal-open { overflow: hidden; }
.modal-layer { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 24px; background: #14222d55; backdrop-filter: blur(3px); }
.project-dialog { width: min(480px, 100%); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 28px; border-radius: 18px; background: var(--surface, white); box-shadow: 0 22px 80px #101e2a24; animation: menu-in 160ms ease-out; }
.project-dialog .section-heading h2 { font-size: 24px; }
.project-dialog .icon-button { width: 38px; height: 38px; border: 0; }
.project-dialog > p { color: var(--muted); font-size: 13px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; }
.project-dialog .form-error { font-size: 12px; }
.add-project-button { min-height: 44px; font-size: 12px; white-space: nowrap; }
.add-project-button .icon { width: 18px; height: 18px; }
@keyframes menu-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 700px) {
  .activity-controls > .custom-select { flex: 0 1 auto; min-width: 175px; }
  .briefing-controls > .custom-select { width: 220px; }
  .connection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .signup-breakdown { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
}
@media (min-width: 1050px) {
  .settings-layout { grid-template-columns: 170px minmax(0, 1fr); gap: 50px; }
  .settings-tabs { flex-direction: column; align-self: start; border: 0; padding: 0; }
  .settings-tabs button { justify-content: flex-start; flex: none; }
}
@media (max-width: 519px) {
  .add-project-button { position: relative; width: 44px; height: 44px; padding: 0; border-radius: 12px; }
  .add-project-button > span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
  .settings-tabs { gap: 3px; }
  .settings-tabs button { padding: 10px 7px; gap: 5px; font-size: 11px; }
  .settings-tabs button > .icon { width: 15px; height: 15px; }
  .choice-chip { padding: 9px 11px; font-size: 11px; }
  .connection-card { padding: 23px 21px; gap: 28px; }
  .registration-connection { gap: 11px; }
  .registration-connection .connection-cta { font-size: 0; gap: 0; }
  .registration-connection .connection-cta > .icon { width: 20px; height: 20px; }
  .agent-request { font-size: 14px; gap: 15px; }
  .agent-copy > .icon { display: none; }
  .chart-plot { height: 195px; }
  .chart-axis { font-size: 15px; }
  .chart-inspect { font-size: 10px; }
  .project-dialog { padding: 22px; }
}

.chart-axis-labels { position: absolute; inset: 0; pointer-events: none; }
.chart-axis-labels > span { position: absolute; left: 3.3%; padding: 0 8px 0 0; background: var(--nav-surface, #ffffffde); color: var(--muted); font-size: 11px; }
.page-header > div:first-child { min-width: 0; }
.page-header .subtitle .slot-visual { flex-wrap: wrap; white-space: normal; }

/* Private cloud entry, designed alongside the dashboard. */
.auth-view .sidebar, .auth-view .mobile-masthead, .auth-view .mobile-nav { display:none; }
.auth-view .app-shell { display:block; }
.auth-view .workspace { margin:0; width:100%; }
.auth-view main { max-width:none; padding:0; margin:0; }
.auth-page { min-height:100svh; max-width:1200px; margin:auto; padding:44px 64px 24px; display:flex; flex-direction:column; }
.auth-brand { display:inline-flex; width:max-content; align-items:center; gap:10px; font-size:16px; font-weight:650; letter-spacing:-.5px; }
.auth-brand svg { color:var(--mandarin); width:30px; height:30px; }
.auth-layout { flex:1; display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:center; padding:68px 0; }
.auth-intro h1 { font-size:64px; line-height:1.04; letter-spacing:-2.8px; margin:20px 0; }
.auth-intro > p { max-width:350px; color:var(--muted); font-size:17px; line-height:1.65; }
.auth-art { width:330px; height:170px; position:relative; margin-top:36px; }
.auth-art-line { position:absolute; left:40px; right:42px; top:67px; height:1px; background:var(--line); transform:rotate(-9deg); }
.auth-project { position:absolute; display:flex; align-items:center; gap:9px; padding:9px 15px 9px 9px; border:1px solid var(--line); border-radius:14px; background:var(--surface, #fff); font-weight:550; box-shadow:0 8px 25px #12202a08; font-size:12px; }
.auth-project .project-logo { width:32px; height:32px; border-radius:9px; }
.auth-project-one { top:17px;left:0;transform:rotate(-7deg); }
.auth-project-two { right:0;top:4px;transform:rotate(5deg); }
.auth-project-three { bottom:0;left:87px;transform:rotate(-3deg); }
.auth-art-center { width:45px; height:45px; background:var(--orange-soft); border:6px solid var(--surface, #fff); box-sizing:content-box; border-radius:50%; color:var(--orange); position:absolute; top:49px;left:137px; display:grid;place-items:center; }
.auth-art-center .icon { width:23px;height:23px; }
.auth-intro > .auth-private-note { font-size:12px;display:flex;gap:7px;align-items:center;margin-top:24px; }
.auth-private-note .icon { width:16px;height:16px; }
.auth-card { border:1px solid var(--line); border-radius:22px; padding:36px; background:var(--surface, #fff); box-shadow:0 20px 80px #12202a05; }
.auth-lock { width:42px;height:42px;display:grid;place-items:center;background:var(--silver);border-radius:13px;margin-bottom:24px;color:var(--muted); }
.auth-card h2 { font-size:27px;letter-spacing:-.8px; }
.auth-card > p { margin:12px 0 28px;color:var(--muted);line-height:1.6; }
.auth-card label { font-size:13px;font-weight:600;display:block;margin-bottom:9px; }
.auth-input { display:block;width:100%;min-width:0;height:52px;padding:12px 15px;margin-bottom:20px;border:1px solid var(--border-default, #ccd4d9);border-radius:11px;background:var(--surface, #fff);color:var(--ink);font-size:16px; }
.auth-input:focus { border-color:var(--mandarin); }
.auth-field-note { color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px; }
.auth-recovery-card .auth-field-note { margin-bottom:18px; }
.auth-recovery-card label[for="login-confirmation"] { display:block;margin-top:22px; }
.auth-email-address { display:block;margin:6px 0;overflow-wrap:anywhere;color:var(--ink); }
.auth-recovery-tip { display:flex;gap:12px;padding:16px;border:1px solid var(--line);background:var(--silver);border-radius:12px; }
.auth-recovery-tip svg { flex:0 0 18px;margin-top:3px; }
.auth-recovery-tip p { margin:0;font-size:13px;line-height:1.65;color:var(--muted); }
.auth-recovery-card .auth-submit:disabled { opacity:.6;cursor:wait; }
.history-pagination { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 8px;padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:100px; }
.history-pagination p { margin:0;font-size:13px;line-height:1.6;color:var(--muted); }
.history-page-buttons { display:flex;align-items:center;gap:8px; }
.history-page-buttons .button { min-height:44px;padding:10px 14px;font-size:13px; }
.history-page-buttons .button:disabled { opacity:.48;cursor:default; }
.history-page-status { font-variant-numeric:tabular-nums; }
.history-pagination button.text-link { border:0;background:transparent;padding:0;cursor:pointer; }
.history-recent-link { flex-basis:100%;text-align:left;font-size:12px; }
.history-error { padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--silver); }
.history-error p { flex-basis:100%;color:var(--ink); }
.loading-content { display:inline-flex;align-items:center;gap:10px;max-width:100%;vertical-align:middle; }
.loading-content > span:last-child:not(.dot-pattern) { min-width:0; }
.dot-pattern { display:inline-grid;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:3px;width:15px;height:15px;flex:0 0 15px;color:currentColor;vertical-align:middle; }
.dot-pattern > span { width:3px;height:3px;border-radius:50%;background:currentColor;animation:dot-pattern-wave 1.2s cubic-bezier(.4,0,.2,1) infinite; }
.dot-pattern > span:nth-child(2),.dot-pattern > span:nth-child(4) { animation-delay:-1.05s; }
.dot-pattern > span:nth-child(3),.dot-pattern > span:nth-child(5),.dot-pattern > span:nth-child(7) { animation-delay:-.9s; }
.dot-pattern > span:nth-child(6),.dot-pattern > span:nth-child(8) { animation-delay:-.75s; }
.dot-pattern > span:nth-child(9) { animation-delay:-.6s; }
@keyframes dot-pattern-wave { 0%,70%,100% { opacity:.3;transform:scale(.75); } 35% { opacity:1;transform:scale(1); } }
.request-status { position:fixed;z-index:120;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 4px 20px rgb(0 0 0 / .08);font-size:13px;pointer-events:none; }
.request-status[hidden] { display:none; }
.button .dot-pattern,.text-link .dot-pattern,.agent-primary .dot-pattern { margin-right:6px; }
@media (max-width:767px) { .request-status { bottom:calc(88px + env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion:reduce) { .dot-pattern > span { animation:none;opacity:.7;transform:none; } }
@media(max-width:650px) { .history-pagination{justify-content:flex-start;} .history-page-status{flex-basis:100%;} .history-page-buttons{width:100%;} .history-page-buttons .button{flex:1;justify-content:center;} }
.auth-mode-link { display:flex;width:100%;text-align:left;margin-top:8px;min-height:44px;border:0;background:transparent;padding:0;cursor:pointer; }
.auth-recovery-code { display:block;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--silver);font-size:14px;line-height:1.7;overflow-wrap:anywhere; }
.auth-code-actions { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0; }
.auth-card > .settings-note { margin:16px 0;color:var(--muted);font-size:12px; }
.auth-password { position:relative; }
.auth-password input { width:100%; height:52px; padding:12px 52px 12px 15px; border:1px solid var(--border-default, #ccd4d9); border-radius:11px; background:var(--surface, #fff); font-size:16px; }
.auth-password:focus-within input { border-color:var(--mandarin); }
.auth-password button { position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted);border-radius:8px; }
.auth-password button:hover { background:var(--silver);color:var(--ink); }
.auth-error { min-height:23px;margin:8px 0 11px;font-size:12px;color:var(--danger); }
.auth-submit { width:100%;display:flex;justify-content:space-between;min-height:51px;border-radius:11px; }
.oauth-buttons, .account-reauth-methods { display:grid;gap:10px; }
@font-face { font-family:"Google Sans Login";font-style:normal;font-weight:500;font-display:swap;src:url("./assets/fonts/google-sans-login-500.ttf") format("truetype"); }
.oauth-button.oauth-google { font-family:"Google Sans Login",Arial,sans-serif;font-weight:500; }
.oauth-button { width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid #747775;border-radius:11px;background:#fff;color:#1f1f1f;font-family:inherit;font-size:14px;font-weight:550;line-height:20px;transition:background-color .15s,border-color .15s; }
.oauth-button span { flex:1;text-align:center; }
.oauth-logo, .oauth-button .oauth-logo { width:20px;height:20px;flex:none;stroke:none;fill:currentColor;object-fit:contain; }
.oauth-button:hover { background:#f2f2f2; }
.oauth-button:disabled { opacity:.55;cursor:wait; }
.oauth-github { border-color:var(--border-default,#8c989f);background:var(--surface);color:var(--ink); }
.oauth-github:hover { background:var(--surface-soft,#f3f5f6); }
:root[data-theme="dark"] .oauth-google { border-color:#8e918f;background:#131314;color:#e3e3e3; }
:root[data-theme="dark"] .oauth-google:hover { background:#242426; }
.auth-divider { display:flex;align-items:center;gap:13px;margin:23px 0;color:var(--muted);font-size:11px; }
.auth-divider::before, .auth-divider::after { content:"";height:1px;flex:1;background:var(--line); }
.auth-divider span { flex:none; }
.account-settings > h2 { margin-bottom:10px; }
.account-email { display:flex;align-items:center;gap:9px;margin:24px 0;color:var(--ink);font-size:13px; }
.account-email span { min-width:0;overflow-wrap:anywhere; }
.account-email > .icon { width:17px;height:17px;color:var(--muted);flex:none; }
.account-methods { margin-top:25px;border-top:1px solid var(--line); }
.account-method { display:flex;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--line); }
.account-method-logo { width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink); }
.account-logo-google { background:#fff; }
.password-method { background:var(--surface-soft,#f3f5f6);color:var(--muted); }
.account-method-copy { flex:1;min-width:0; }
.account-method-copy strong { display:block;font-size:14px;font-weight:600; }
.account-method-copy small { display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.account-method-status { display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--muted);font-size:11px;white-space:nowrap; }
.account-method-status .icon { width:13px;height:13px;color:var(--green-text,#355640); }
.account-method > .account-method-status { margin:0; }
.account-link { min-height:42px;padding:9px 15px;flex:none;font-size:12px; }
.account-remove { min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;padding:9px 12px;flex:none; }
.account-remove:hover { background:var(--surface-soft,#f3f5f6);color:var(--ink); }
.account-remove:disabled, .account-link:disabled { opacity:.5;cursor:default; }
.account-privacy-note { display:flex;align-items:flex-start;gap:8px;margin-top:22px;color:var(--muted);font-size:12px;line-height:1.6; }
.account-privacy-note .icon { width:16px;height:16px;flex:none;margin-top:2px; }
.account-access-note { margin-top:18px;font-size:12px;color:var(--muted);line-height:1.6; }
.account-feedback { min-height:23px;margin-top:18px;font-size:13px;line-height:1.6;color:var(--ink); }
.account-feedback.is-error { color:var(--danger, #b04339); }
.account-dialog { width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0003; }
.account-dialog::backdrop { background:#10202c80;backdrop-filter:blur(3px); }
.account-dialog-top { display:flex;align-items:flex-start;justify-content:space-between; }
.account-dialog-top .auth-lock { margin-bottom:20px; }
.account-dialog-top .icon-button { border:0; }
.account-dialog h2 { font-size:24px;letter-spacing:-.6px; }
.account-dialog > p { margin:12px 0 24px;color:var(--muted);font-size:13px;line-height:1.65; }
.account-dialog label { display:block;margin:24px 0 9px;font-size:13px;font-weight:600; }
.account-dialog input { width:100%;height:50px;padding:12px 15px;border:1px solid #7c8b93;border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px; }
.account-dialog input:focus-visible { border-color:var(--mandarin);outline:2px solid var(--mandarin);outline-offset:3px; }
.account-confirm-submit { width:100%;justify-content:space-between;min-height:48px; }
.account-dialog-cancel { display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:12px 0 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px; }
.account-dialog-cancel:hover { background:var(--surface-soft,#f3f5f6);color:var(--ink); }
@media(max-width:650px) {
  .settings-tabs button > .icon { display:none; }
  .account-method { gap:11px;padding:20px 0; }
  .account-method-logo { width:38px;height:38px;border-radius:10px; }
  .account-method-copy small { font-size:11px; }
  .account-link { padding:8px 10px;gap:5px; }
  .account-remove { padding:8px; }
  .account-dialog { padding:24px; }
}
@media(max-width:360px) { .auth-card:has(.oauth-buttons) { padding-inline:20px; } .auth-card .oauth-button { gap:8px;padding-inline:10px; } }
@media(prefers-reduced-motion:reduce) { .oauth-button { transition:none; } }
/* Explicit workspace opening, limited to the initial authenticated read. */
.auth-spinner { display:block;width:32px;height:32px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5; }
.auth-spinner-track { opacity:.18; }
.auth-spinner-arc { stroke-dasharray:25 76;stroke-linecap:round;transform-origin:16px 16px;animation:auth-opening-spin 1.1s linear infinite; }
.auth-opening { min-height:440px; }
.auth-opening-symbol { display:grid;place-items:center;width:64px;height:64px;margin-bottom:28px;border:1px solid var(--line);border-radius:19px;background:var(--orange-soft);color:var(--orange); }
.auth-opening-symbol .auth-spinner { width:38px;height:38px; }
.auth-opening h2 { max-width:310px;line-height:1.12;text-wrap:balance; }
.auth-opening > .auth-opening-status { margin:18px 0 8px;color:var(--ink);font-size:15px;font-weight:600;line-height:1.5; }
.auth-opening > .auth-opening-description { margin:0;max-width:320px;color:var(--muted);font-size:13px;line-height:1.7;text-wrap:pretty; }
.auth-opening-steps { list-style:none;margin:28px 0 24px;padding:0; }
.auth-opening-steps li { display:flex;align-items:center;gap:11px;padding:14px 0;font-size:13px; }
.auth-opening-steps li + li { border-top:1px solid var(--line); }
.auth-step-symbol { display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:var(--silver);color:var(--muted); }
.auth-step-symbol .icon { width:16px;height:16px; }
.auth-step-state { margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap; }
.auth-opening-steps .is-current .auth-step-symbol { background:var(--orange-soft);color:var(--orange); }
.auth-opening-steps .is-current .auth-step-state { color:var(--orange);font-weight:600; }
.auth-opening-steps .is-complete .auth-step-symbol { color:var(--green-text,#355640); }
.auth-opening-steps .is-pending { color:var(--muted); }
.auth-opening-track { height:4px;overflow:hidden;border-radius:4px;background:var(--line); }
.auth-opening-track > span { display:block;width:40%;height:100%;border-radius:inherit;background:var(--orange);animation:auth-opening-progress 1.5s cubic-bezier(.45,0,.55,1) infinite alternate; }
.auth-opening > .auth-opening-note { display:flex;align-items:center;gap:7px;margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.6; }
.auth-opening-note .icon { width:15px;height:15px;flex:none; }
.auth-submit.is-loading:disabled { justify-content:center;gap:12px;background:var(--orange-soft);color:var(--orange);opacity:1;cursor:wait;border-color:transparent; }
.auth-submit.is-loading .auth-spinner { width:21px;height:21px; }
@keyframes auth-opening-spin { to { transform:rotate(360deg); } }
@keyframes auth-opening-progress { from { transform:translateX(0); } to { transform:translateX(150%); } }
@media(max-width:650px) { .auth-opening { min-height:0; } .auth-opening-symbol { width:56px;height:56px;border-radius:17px;margin-bottom:23px; } }
@media(max-width:360px) { .auth-opening-steps li { gap:8px;font-size:12px; } .auth-step-state { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .auth-spinner-arc,.auth-opening-track > span { animation:none; } .auth-opening-track > span { transform:translateX(75%); } }
.auth-help { margin-top:28px;padding-top:22px;border-top:1px solid var(--line); }
.auth-help span { font-size:12px;font-weight:550; }
.auth-help p { margin-top:6px; font-size:12px;line-height:1.7;color:var(--muted); }
.auth-footer { padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted); }
.cloud-logout { border:0;background:transparent;color:var(--text-secondary, #bbc6cc);padding:12px 0 0;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:11px; }
.cloud-logout:hover { color:#fff; }
.cloud-logout .icon { width:15px;height:15px; }
.agent-access { margin:34px 0; }
.agent-token-list { margin:18px 0; }
.agent-token { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line); }
.agent-token strong { display:block;font-weight:600; }
.agent-token small { color:var(--muted);display:block;margin-top:3px; }
.agent-token-form { display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:15px;align-items:end; }
.agent-token-form label { font-size:12px;color:var(--muted); }
.agent-token-form input { display:block;width:100%;border:1px solid var(--line);border-radius:9px;height:44px;padding:10px;margin-top:8px;background:var(--surface, #fff); }
.agent-token-form .button { grid-column:1/-1;justify-self:start; }
.new-agent-token { background:var(--silver);border-radius:12px;padding:20px;margin-top:20px; }
.new-agent-token p { font-size:12px;color:var(--muted);margin:7px 0; }
.new-agent-token code { display:block;overflow-wrap:anywhere;padding:12px;background:var(--surface, #fff);border:1px solid var(--line);border-radius:8px;margin:12px 0;font-size:12px; }
@media(max-width:950px) { .auth-page{padding:32px;} .auth-layout{gap:42px;} .auth-intro h1{font-size:52px;} .auth-art{width:280px;} .auth-card{padding:28px;} }
@media(max-width:650px) { .auth-page{padding:26px 22px 22px;} .auth-layout{display:block;padding:38px 0 34px;} .auth-intro h1{font-size:40px;letter-spacing:-1.5px;margin:14px 0;} .auth-intro h1 br{display:none;} .auth-intro>p{font-size:14px;max-width:100%;} .auth-art,.auth-private-note{display:none!important;} .auth-card{margin-top:32px;padding:26px 24px;border-radius:17px;box-shadow:none;} .auth-lock{margin-bottom:18px;} .auth-card h2{font-size:25px;} .auth-card>p{font-size:13px;margin:10px 0 23px;} .auth-footer{align-items:flex-start;} .auth-footer span:last-child{max-width:185px;text-align:right;} .agent-token-form{grid-template-columns:1fr;} }

/* Private identities and browser notifications. */
.contact-avatar { flex: 0 0 44px; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:hsl(var(--avatar-hue) 35% 92%); color:hsl(var(--avatar-hue) 35% 24%); font:650 15px var(--font); letter-spacing:.02em; }
.contact-avatar.large { flex-basis:auto; width:96px; height:96px; font-size:30px; }
.quiet-list .event-copy strong { font-size:13px; overflow-wrap:anywhere; }
.quiet-list .event-copy small { line-height:1.5; }
.detail-info .fact-row dd { min-width:0; overflow-wrap:anywhere; }
.private-email { display:block; }
.fact-row dd:has(.private-email) { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.fact-row dd .icon-button { flex-shrink:0; width:34px; height:34px; }
.push-card { display:flex; align-items:flex-start; gap:16px; padding:24px; margin:10px 0 28px; background:var(--blue-soft, #f7f8fa); border:1px solid var(--border-default, #e4e8eb); border-radius:16px; }
.push-card-icon { width:40px; height:40px; display:grid; place-items:center; flex-shrink:0; background:var(--surface, #fff); border:1px solid var(--border-default, #e4e8eb); border-radius:12px; }
.push-card-copy { min-width:0; }
.push-card-copy>strong { font-size:14px; line-height:1.5; }
.push-card-copy p { margin-top:6px; font-size:13px; line-height:1.65; color:var(--muted); max-width:52ch; }
.push-card-copy>small { display:block; font-size:11px; color:var(--muted); line-height:1.6; margin-top:16px; }
.push-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:18px; }
.push-card-actions .text-link { background:transparent; border:0; padding:0; font-size:12px; cursor:pointer; }
.push-card-copy .push-error { color:var(--orange-text, #9d351b); }
@media(max-width:480px) { .push-card { padding:18px 16px; gap:12px; } .push-card-actions { gap:12px; } .push-card-actions .button { font-size:12px; padding:11px 14px; } .contact-avatar { flex-basis:38px; width:38px; height:38px; font-size:13px; } }

.push-card-copy .push-received { display:flex; gap:7px; align-items:center; color:var(--green-text, #246744); font-size:12px; margin-top:16px; }
.push-received .icon { width:16px; height:16px; flex-shrink:0; }

/* Private account classification */
.test-accounts-link { display:flex; width:fit-content; min-height:44px; align-items:center; margin:-8px 0 16px; }
.test-accounts-intro { max-width:640px; color:var(--muted); line-height:1.7; margin:0 0 28px; }
.event-tag.test-account { background:var(--blue-soft, #efedf7); color:var(--blue-text, #574c79); margin-left:6px; padding:3px 8px; border-radius:6px; }
.event-copy .test-account { display:inline-block; margin-left:0; }
.account-classification { border:1px solid var(--border-default, #d9dde0); border-radius:16px; padding:22px; margin-top:28px; background:var(--blue-soft, #fafbfc); }
.account-classification.is-test { background:var(--violet-soft, #f7f5fb); border-color:var(--border-default, #dcd6ec); }
.account-classification strong { font-size:16px; }
.account-classification p { color:var(--muted); font-size:14px; line-height:1.6; margin:7px 0 0; }
.detail-info .account-classification .button { margin:18px 0 12px; width:100%; min-height:44px; white-space:normal; }
.account-classification small { display:block; color:var(--muted); line-height:1.6; }

/* Activity tools and private customer cards. */
.activity-main > .visit-summary { margin: 0 0 28px; }
.visit-summary:disabled { opacity: 1; cursor: default; }
.alert-status { position: relative; }
.alert-status.is-active { background: var(--accent-surface, #fff1eb); border-color: var(--border-default, #dca48d); color: var(--orange-text, #a6320a); }
.alert-status-dot { position: absolute; width: 9px; height: 9px; border: 2px solid var(--surface, white); border-radius: 50%; background: #c84316; top: 8px; right: 8px; }
.coverage-note { display: flex; gap: 12px; margin: 28px 0; padding: 18px 20px; background: var(--surface-soft, #f6f7f8); border-radius: 14px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.coverage-note > svg { flex: 0 0 18px; margin-top: 3px; }
.coverage-note strong { color: var(--ink); }
.coverage-note p { margin: 5px 0 10px; }
.signup-heading-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.signup-heading-actions .text-link, .account-selection-bar .text-link { background: none; border: 0; min-height: 44px; padding: 0; }
.selectable-account { display: flex; align-items: center; gap: 6px; }
.selectable-account .event-row { flex: 1; min-width: 0; }
.account-checkbox { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; background: transparent; border: 0; padding: 0; }
.account-checkbox > span { display: grid; place-items: center; width: 22px; height: 22px; border: 1.5px solid var(--border-strong, #87949b); border-radius: 6px; background: var(--surface, white); }
.account-checkbox svg { opacity: 0; width: 14px; height: 14px; }
.account-checkbox[aria-checked="true"] > span { background: #b6350c; border-color: var(--orange-text, #b6350c); color: var(--on-solid, white); }
.account-checkbox[aria-checked="true"] svg { opacity: 1; }
.account-selection-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; position: sticky; top: 12px; z-index: 20; padding: 16px; margin-bottom: 12px; background: var(--surface, white); border: 1px solid var(--border-default, #e0d8d3); border-radius: 14px; box-shadow: 0 5px 20px #1729330d; }
.account-selection-bar > div { min-width: 0; }
.account-selection-bar strong { display: block; font-size: 14px; }
.account-selection-bar .text-link { font-size: 12px; }
.account-selection-bar .button { white-space: normal; text-align: center; flex: 0 1 180px; min-height: 44px; }
.client-page { max-width: 920px; }
.client-hero { display: flex; align-items: center; gap: 24px; margin: 44px 0 32px; }
.client-hero > div { min-width: 0; }
.client-hero h1 { font-size: clamp(25px, 4vw, 42px); overflow-wrap: anywhere; }
.client-hero p { color: var(--muted); margin: 8px 0 0; }
.client-facts { max-width: 650px; }
.client-totals { display: flex; gap: 18px; flex-wrap: wrap; margin: 28px 0 40px; }
.client-totals > div { min-width: 180px; padding: 20px 24px; background: var(--surface-soft, #f6f7f8); border-radius: 16px; }
.client-totals strong { display: block; font-size: 30px; margin: 10px 0; }
.client-totals small { color: var(--muted); }
.client-history { margin-top: 36px; }
.client-link { overflow-wrap: anywhere; text-align: right; }
@media (max-width: 480px) {
  .signup-section .section-heading { align-items: start; }
  .signup-section h2 { max-width: 160px; }
  .signup-heading-actions { gap: 8px; }
  .account-selection-bar { gap: 8px; padding: 12px; }
  .account-selection-bar .button { flex-basis: 135px; padding: 10px; font-size: 12px; }
  .selectable-account .contact-avatar { width: 32px; height: 32px; font-size: 11px; }
  .selectable-account .event-row { display: grid; grid-template-columns: 32px minmax(0,1fr) 16px; gap: 4px 8px; }
  .selectable-account .contact-avatar { grid-column: 1; grid-row: 1 / 3; }
  .selectable-account .event-copy { grid-column: 2; grid-row: 1; }
  .selectable-account .event-right { display: contents; }
  .selectable-account .event-right small { grid-column: 2; grid-row: 2; text-align: left; }
  .selectable-account .event-right .icon { grid-column: 3; grid-row: 1 / 3; }
  .client-hero { align-items: start; gap: 16px; }
  .client-hero .contact-avatar.large { width: 62px; height: 62px; flex: 0 0 62px; font-size: 22px; }
}

/* Historical date range, fully custom controls. */
.briefing-controls > .custom-select { flex:1; min-width:0; }
.date-range-dialog { width:min(420px,100%); max-height:calc(100dvh - 32px); overflow-y:auto; padding:24px; border-radius:18px; background:var(--surface, white); box-shadow:0 22px 80px #101e2a24; }
.date-range-dialog h2 { font-size:22px; }
.date-range-dialog .section-heading { margin-bottom:20px; }
.range-endpoints { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:22px; }
.range-endpoints button { text-align:left; padding:12px; border:1px solid var(--line); background:var(--surface, white); border-radius:10px; min-width:0; }
.range-endpoints button[aria-pressed="true"] { border-color:var(--orange); background:var(--accent-surface, #fff8f4); }
.range-endpoints small,.range-endpoints strong { display:block; }
.range-endpoints small { color:var(--muted); margin-bottom:4px; }
.range-endpoints strong { font-size:12px; }
.calendar-navigation { display:flex; gap:6px; align-items:center; margin-bottom:12px; }
.calendar-navigation .custom-select { flex:1; min-width:0; }
.calendar-navigation .select-trigger { width:100%; padding:9px 8px; gap:4px; font-size:12px; }
.calendar-navigation .icon-button { flex-shrink:0; width:36px; height:44px; }
.calendar-weekdays,.calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); text-align:center; }
.calendar-weekdays { color:var(--muted); font-size:11px; margin-bottom:8px; }
.calendar-days button { min-width:0; height:44px; border:0; background:var(--surface, white); border-radius:7px; font-weight:550; }
.calendar-days .other-month { color:var(--text-secondary, #697681); }
.calendar-days .in-range { background:var(--accent-surface, #fff0e8); border-radius:0; }
.calendar-days .range-edge { background:var(--orange); color:var(--on-solid, white); border-radius:7px; }
.calendar-days button:disabled { color:var(--text-secondary, #b5bcc1); background:var(--surface, white); cursor:default; }
.calendar-days button:not(:disabled):hover { box-shadow:inset 0 0 0 1px var(--orange); }
.calendar-hint { color:var(--muted); font-size:12px; margin:15px 0 22px; }
.date-range-dialog .dialog-actions { flex-wrap:wrap; }
.date-range-dialog .dialog-actions .button { flex:1; min-height:44px; }
@media(max-width:380px) { .date-range-dialog { padding:16px; }  .calendar-days button { height:44px; } .calendar-navigation { gap:2px; } .calendar-navigation .icon-button { width:30px; } }


.currency-summary { margin-top: 24px; }
.currency-summary > .chart-currencies { width: fit-content; max-width: 100%; margin: 0 0 14px auto; flex-wrap: wrap; }
.currency-summary .currency-grid { grid-template-columns: minmax(0, 1fr); }
.signup-row .event-right { display: flex; align-items: center; gap: 12px; }
.signup-row .event-right small { margin-top: 0; white-space: nowrap; }
.signup-row .event-right .icon { flex: 0 0 16px; width: 16px; height: 16px; }
@media (max-width: 480px) {
  .signup-row { display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; gap: 4px 10px; }
  .signup-row > .contact-avatar, .signup-row > .project-logo { grid-column: 1; grid-row: 1 / 3; }
  .signup-row > .project-logo { width: 38px; height: 38px; border-radius: 10px; }
  .signup-row .event-copy { grid-column: 2; grid-row: 1; }
  .signup-row .event-right { display: contents; }
  .signup-row .event-right small { grid-column: 2; grid-row: 2; text-align: left; white-space: normal; }
  .signup-row .event-right .icon { grid-column: 3; grid-row: 1 / 3; }
  .selectable-account .signup-row { grid-template-columns: 32px minmax(0,1fr) 16px; }
  .selectable-account .signup-row > .project-logo { width: 32px; height: 32px; }
}

/* Client directory and secondary account actions. */
.clients-page { max-width: 1040px; }
.clients-page .search-field { margin-bottom: 16px; }
.clients-filters { display: flex; gap: 12px; margin-bottom: 28px; }
.clients-filters .custom-select { flex: 1; min-width: 0; }
.clients-count { margin-bottom: 12px; color: var(--muted); font-size: 13px; }
.clients-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.client-row { display: grid; grid-template-columns: 44px minmax(0,1fr) auto 20px; align-items: center; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); border-radius: 8px; transition: background 150ms cubic-bezier(.22,1,.36,1); }
.client-row:hover { background: var(--silver); }
.client-row:active { background: var(--blue-soft, #e9eef1); }
.client-row > .project-logo { width: 44px; height: 44px; }
.client-row-copy { min-width: 0; }
.client-row-copy strong { display: block; font-size: 15px; font-weight: 650; overflow-wrap: anywhere; }
.client-row-copy small, .client-row-email { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.client-row-copy .event-tag { margin-top: 7px; }
.client-row-meta { text-align: right; font-size: 13px; color: var(--muted); }
.client-row-meta small { display: block; font-size: 12px; margin-top: 4px; }
.client-row > .icon { width: 18px; color: var(--muted); }
.store-source .source-connect-action { margin-top: 24px; }
.session-card { width: 100%; margin-top: 10px; padding: 22px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--silver); }
.session-mark { width: 44px; height: 44px; display: grid; place-items: center; background: var(--surface, white); border: 1px solid var(--line); border-radius: 12px; color: var(--muted); }
.session-card strong { font-weight: 650; }
.session-card p { margin-top: 4px; color: var(--muted); font-size: 12px; }
.logout-button, .agent-access-button { background: var(--surface, white) !important; border-color: var(--border-default, #bac5cc); color: var(--ink); gap: 10px; white-space: nowrap; }
.logout-button:hover, .agent-access-button:hover { background: var(--blue-soft, #e9eef1) !important; border-color: var(--border-strong, #87949b); }
.logout-button:active, .agent-access-button:active { transform: scale(.98); }
.logout-button .icon, .agent-access-button .icon { width: 18px; height: 18px; color: var(--muted); }
.agent-access-heading { flex-wrap: wrap; gap: 16px; align-items: center; }
@media (max-width: 600px) {
  .client-row { grid-template-columns: 40px minmax(0,1fr) 18px; gap: 6px 12px; padding: 20px 0; }
  .client-row > .contact-avatar, .client-row > .project-logo { grid-column: 1; grid-row: 1 / 3; align-self: start; width: 40px; height: 40px; }
  .client-row-copy { grid-column: 2; grid-row: 1; }
  .client-row-meta { grid-column: 2; grid-row: 2; text-align: left; font-size: 11px; }
  .client-row-meta small { display: inline; font-size: 11px; margin: 0; }
  .client-row-meta small::before { content: " · "; }
  .client-row > .icon { grid-column: 3; grid-row: 1 / 3; }
  .client-row-copy strong { font-size: 14px; }
  .client-row-copy small, .client-row-email { font-size: 11px; }
  .clients-filters { flex-direction: column; gap: 10px; }
  .session-card { grid-template-columns: 44px minmax(0,1fr); padding: 18px; }
  .session-card .logout-button { grid-column: 1 / -1; width: 100%; margin-top: 4px; }
  .agent-access-button { width: 100%; }
}

.purchase-channel { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; line-height: 1.4; margin-top: 8px; }
.purchase-channel > svg { width: 16px; height: 16px; flex-shrink: 0; }
.purchase-channel > svg.icon { stroke-width: 1.6; }
.client-channels { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 8px; }
.client-channels .purchase-channel { font-size: 13px; margin: 0; }
.client-identifier { font: 12px var(--font); overflow-wrap: anywhere; }
.client-facts .fact-row dd:has(.client-identifier) { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
.activity-controls, .briefing-controls { flex-wrap: wrap; }
.activity-controls > .custom-select, .activity-controls > .custom-select:first-child, .activity-controls > .custom-select:last-child, .briefing-controls > .custom-select { flex: 1 1 240px; min-width: 0; }
.channel-breakdown { margin: 36px 0; padding: 24px; border: 1px solid var(--line); border-radius: 16px; }
.channel-breakdown h2 { font-size: 20px; }
.channel-stat { margin-top: 20px; }
.channel-stat > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.channel-stat .purchase-channel { margin: 0; font-size: 13px; }
.channel-stat strong { font-size: 12px; white-space: nowrap; }
.channel-track { height: 6px; background: var(--silver); border-radius: 6px; margin-top: 10px; overflow: hidden; }
.channel-track > span { display: block; height: 100%; background: var(--mandarin); border-radius: inherit; }
@media(max-width:600px) { .channel-breakdown { padding: 20px; } .activity-controls > .custom-select, .activity-controls > .custom-select:first-child, .activity-controls > .custom-select:last-child, .briefing-controls > .custom-select { flex-basis: 100%; } }

/* A project's identity is its creation, including a private book cover. */
.project-logo.book-cover { overflow: visible; border-radius: 0; background: transparent; }
.book-cover img { width: 72%; height: 100%; object-fit: contain; border-radius: 2px 5px 5px 2px; box-shadow: -2px 2px 5px #17242b20; }
.book-cover-fallback { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 72%; height: 100%; background: var(--gold-soft, #f1e7d5); color: var(--gold-text, #755b36); border-radius: 2px 5px 5px 2px; border-left: 3px solid var(--gold-text, #c7ad85); }
.book-cover-fallback .icon { width: 24px; height: 24px; }
.book-cover-fallback > span { font: 700 10px var(--font); }
.project-types { display: inline-flex; flex-wrap: wrap; max-width: 100%; margin: 0 0 20px; padding: 4px; gap: 4px; background: var(--surface-soft, #f1f4f5); border: 1px solid var(--line); border-radius: 12px; }
.project-types button { min-height: 44px; min-width: 75px; padding: 9px 16px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font: 600 13px var(--font); }
.project-types button[aria-pressed="true"] { background: var(--surface, white); color: var(--ink); box-shadow: 0 1px 4px #17242b15; }
.book-project { max-width: 1050px; }
.book-hero { align-items: flex-start; }
.book-hero .book-cover.large { width: 110px; height: 140px; }
.book-hero h1 { overflow-wrap: anywhere; }
.book-hero p { line-height: 1.6; }
.book-project-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.book-identity { margin-top: 24px; padding: 22px; background: var(--blue-soft, #f7f9fa); border: 1px solid var(--line); border-radius: 16px; }
.book-identity > div { display: flex; flex-wrap: wrap; gap: 12px; }
.book-cover-upload small { color: var(--muted); font-size: 12px; }
.book-totals { display: flex; flex-wrap: wrap; gap: 24px 40px; margin: 24px 0; }
.book-totals > div { min-width: 130px; }
.book-totals strong { display: block; font: 700 27px/1.3 var(--display); letter-spacing: -.8px; }
.book-totals small { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; }
.book-distributions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; margin: 40px 0; }
.book-distribution-row { display: flex; justify-content: space-between; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.book-distribution-row span { text-align: right; color: var(--muted); }
.book-edition { padding: 20px 0; border-top: 1px solid var(--line); }
.book-edition strong, .book-edition small { display: block; }
.book-edition strong { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.book-edition small { margin-top: 5px; font-size: 12px; color: var(--muted); }
.book-freshness { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; margin: 32px 0; padding: 24px; background: var(--surface-soft, #f5f7f8); border-radius: 16px; }
.book-freshness > p { flex: 1; min-width: 180px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.book-freshness > .icon { margin-top: 4px; flex-shrink: 0; }
.book-period-note { margin: 26px 0; padding: 22px; background: var(--gold-soft, #f6f4ef); border: 1px solid var(--border-default, #e5dccd); border-radius: 16px; }
.book-period-note > div { display: flex; align-items: flex-start; gap: 14px; }
.book-period-note .icon { color: var(--gold-text, #775423); flex-shrink: 0; }
.book-period-note strong, .book-period-note span { display: block; }
.book-period-note span { color: var(--muted); font-size: 12px; line-height: 1.8; margin-top: 5px; }
.book-period-note > .button { margin-top: 16px; background: var(--surface, white); }
.book-coverage { margin: 20px 0; }
.book-metrics { margin: 32px 0; }
.book-metrics > .section-heading { flex-wrap: wrap; gap: 12px; }
.book-metrics .kdp-chart { margin-top: 24px; }
.book-month { margin-top: 30px; }
.book-month .section-heading { flex-wrap: wrap; gap: 8px; }
.book-month h2 { text-transform: capitalize; }
.book-activity-row { display: grid; grid-template-columns: 46px minmax(0,1fr) auto 18px; align-items: center; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.book-activity-amounts { display: grid; gap: 5px; text-align: right; font-weight: 650; font-size: 16px; }
.book-activity-amounts small { color: var(--muted); font-size: 11px; font-weight: 400; }
.book-associations { margin: 36px 0; }
.book-associations > .section-heading { flex-wrap: wrap; gap: 12px; }
.book-association { display: grid; grid-template-columns: 46px minmax(0,1fr) 220px; align-items: center; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.book-association strong { display: block; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.book-association small { display: block; font-size: 11px; color: var(--muted); margin-top: 8px; line-height: 1.8; }
.book-association small a { color: var(--orange); }
.book-stat-row .project-money { margin-bottom: 8px; }
@media(max-width:600px) {
  .book-hero .book-cover.large { width: 76px; height: 104px; }
  .book-hero { gap: 18px; }
  .book-hero h1 { font-size: 28px; }
  .book-project-actions .button { flex: 1 1 140px; }
  .book-distributions { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .book-totals { gap: 22px 14px; }
  .book-totals > div { flex: 1 1 125px; }
  .book-totals strong { font-size: 24px; }
  .book-period-note { padding: 18px; }
  .book-period-note > .button { width: 100%; }
  .book-association { grid-template-columns: 40px minmax(0,1fr); gap: 14px; }
  .book-association > .custom-select { grid-column: 2; width: 100%; }
  .book-activity-row { grid-template-columns: 40px minmax(0,1fr) 18px; gap: 12px; }
  .book-activity-row .book-cover { grid-column: 1; grid-row: 1 / 3; width: 40px; height: 54px; }
  .book-activity-amounts { grid-column: 2; text-align: left; display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 15px; }
  .book-activity-amounts > small { flex-basis: 100%; }
  .book-activity-row > .icon { grid-column: 3; grid-row: 1 / 3; }
  .book-freshness { padding: 18px; }
  .book-freshness > .button { width: 100%; }
}

/* Shared briefing indicators and contextual monthly sale details. */
.overview-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 6px}
.overview-controls>.custom-select{width:240px;min-width:0}
.brief-overview .revenue-chart{margin-top:20px}
.brief-overview .kdp-chart-controls:has(.segmented:empty){margin-top:0}
.brief-overview .segmented:empty{display:none}
.statement-card>.currency-label{display:flex;justify-content:space-between;width:100%;margin-bottom:22px;font-size:14px}
.statement-card .money-large{margin-bottom:8px}
.statement-card>.settings-note{font-size:12px;line-height:1.6;margin:18px 0}
.statement-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:12px;font-size:12px;color:var(--muted)}
.statement-split strong{display:block;color:var(--ink);font-size:16px;margin-top:6px}
.book-summary-card .money-large{font-size:28px}
.book-summary-card .facts{margin:20px 0 0}
.book-stat-row>.icon{margin-left:auto;flex:none}
.book-sale-row .event-right{font-size:15px;min-width:0}
.book-sale-row .event-right strong{overflow-wrap:anywhere}
.book-sale-row .event-tag{color:var(--muted);font-size:11px;white-space:normal}
.book-sale-row .test-account-badge{margin-top:7px}
.book-sale-classification{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:24px 0;display:grid;gap:16px}
.book-sale-classification p{font-size:13px;color:var(--muted);line-height:1.6;margin:8px 0 0}
.book-sale-classification>.button,.book-sale-classification>.text-link{justify-self:start}
.detail-info .book-sale-classification .button{margin-top:0}
.book-sale-classification>.text-link{border:0;background:transparent;padding:4px 0}
.book-sale-classification .connection-form{padding-top:4px}
.book-sale-classification .connection-form{width:100%;margin-top:0}
.book-sale-classification input{max-width:180px}
.book-sale-classification ~ .text-link{display:flex;margin-top:16px}
.book-sale-classification .form-error{color:var(--orange-text, #9e3e21)}
.book-test-note{display:flex;align-items:flex-start;gap:10px;color:var(--muted);line-height:1.5;font-size:14px;margin:16px 0}
.book-test-note>.icon{flex:none;margin-top:2px}
.overview-unavailable{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;gap:18px;margin-top:20px;line-height:1.6}
.overview-unavailable>.button{justify-self:start}
@media(max-width:600px){.overview-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.overview-controls>.custom-select{width:100%}.book-sale-row{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:4px 10px}.book-sale-row .event-copy{grid-column:2;grid-row:1}.book-sale-row .event-right{grid-column:2;grid-row:2;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.book-sale-row .event-right small{margin-top:0}.book-sale-row>.project-logo,.book-sale-row>.book-cover{grid-row:1/3}.book-sale-row>.icon{grid-column:3;grid-row:1/3}.book-summary-card .money-large{font-size:25px}.statement-card .money-large{font-size:34px}.book-sale-classification>.button{width:100%;justify-self:stretch}}

/* Observed audience changes share the activity feed's open rows. */
.audience-activity-row { width: 100%; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); text-align: left; font: inherit; cursor: pointer; }
.audience-activity-row .event-copy { flex: 1; min-width: 0; }
.audience-activity-row .event-copy strong { font-weight: 650; }
.audience-activity-row .event-right { display: flex; align-items: center; gap: 12px; }
.audience-activity-row .event-right small { margin: 0; }
.audience-activity-row .event-right .icon { width: 16px; height: 16px; flex: 0 0 16px; }
.audience-event-units { margin-top: 28px; }
.audience-event-units h2 { margin-bottom: 10px; font-size: 20px; }
.audience-event-detail .fact-row dt { flex: 0 0 38%; }
.audience-event-detail .audience-unit-pagination .button { margin-top: 0; }
.audience-event-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 28px; }
.audience-event-actions .button { margin-top: 0; }
.audience-original-primary { margin-top: 24px; max-width: 100%; }
.audience-original-hint { margin-top: 8px; color: var(--muted); font-size: 11px; }
.audience-originals { margin-top: 28px; }
.audience-originals h2 { margin-bottom: 10px; font-size: 20px; }
.audience-originals ul { margin: 0; padding: 0; list-style: none; }
.audience-original-entry { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.audience-original-entry strong { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.audience-original-entry .text-link { margin-top: 3px; }
.audience-original-count, .audience-original-unavailable { color: var(--muted); font-size: 12px; line-height: 1.6; }
.audience-individuals { margin: 16px 0 0; padding: 0; list-style: none; }
.audience-individuals > li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.audience-unit-number { display: flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; border-radius: 8px; background: var(--surface, #f4f4f2); color: var(--muted); font-size: 12px; }
.audience-individuals > li > div { min-width: 0; }
.audience-individuals strong, .audience-individuals span:not(.audience-unit-number) { display: block; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.audience-individuals span:not(.audience-unit-number) { color: var(--muted); }
.audience-individuals .text-link { margin-top: 6px; font-size: 13px; }
.detail-info .audience-individuals .audience-interaction-link { margin-top: 12px; min-height: 40px; font-size: 13px; max-width: 100%; }
.audience-individuals .audience-interaction-note { margin-top: 6px; font-size: 11px; }
.audience-unit-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.audience-unit-pagination > span { flex: 1 0 100%; color: var(--muted); font-size: 12px; }
.audience-activity-section .text-link { background: transparent; border: 0; padding: 0; }
.audience-activity-more { margin-top: 16px; min-height: 44px; }
@media (max-width: 600px) {
  .audience-activity-row { display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; gap: 4px 10px; }
  .audience-activity-row > .project-logo { grid-row: 1 / 3; width: 38px; height: 38px; }
  .audience-activity-row .event-copy { grid-column: 2; grid-row: 1; }
  .audience-activity-row .event-right { display: contents; }
  .audience-activity-row .event-right small { grid-column: 2; grid-row: 2; text-align: left; font-size: 11px; }
  .audience-activity-row .event-right .icon { grid-column: 3; grid-row: 1 / 3; }
}
.context-audience-counts { display: grid; gap: 14px; margin-bottom: 24px; }
.context-audience-counts > div { display: flex; align-items: baseline; gap: 10px; }
.context-audience-counts strong { font: 650 27px/1.2 var(--display); }
.context-audience-counts span { color: var(--muted); font-size: 12px; }

/* One timeline, with emphasis kept at the activity's chronological position. */
.activity-event-row .event-copy > small { overflow-wrap: anywhere; }
.activity-sale-highlight { background: var(--orange-soft); border-radius: 10px; padding: 13px 12px; }
.activity-highlight-label { display: inline-block; margin-top: 5px; font-size: 11px; font-weight: 600; color: var(--orange); }
.activity-account-tools { display: flex; justify-content: flex-end; margin: 0 0 14px; }
.activity-account-tools .text-link, .audience-activity-more { background: transparent; border: 0; }
.activity-day .section-heading { align-items: center; flex-wrap: wrap; gap: 8px; }
.activity-day .section-heading h2 { font-size: 19px; }
@media (max-width: 480px) {
  .activity-event-row { min-height: 90px; }
  .activity-event-row .row-amount { font-size: 17px; }
  .activity-sale-highlight { padding-inline: 8px; }
}

/* Shared analysis and activity summaries. */
.statistics-page { max-width: 1120px; }
.statistics-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 2px 0 15px; }
.statistics-filters .custom-select { min-width: 0; }
.statistics-filters .select-trigger { width: 100%; }
.statistics-period { color: var(--muted); font-size: 12px; margin-bottom: 12px; }
.statistics-compare-toggle { margin-bottom: 20px; text-align: left; }
.statistics-compare-toggle:disabled { opacity: .5; cursor: default; }
.statistics-page .overview-controls { margin-top: 10px; }
.statistics-page .audience-reading .custom-select { min-width: 0; max-width: 100%; }
.statistics-page .audience-reading .select-trigger { max-width: 100%; }
.statistics-reading { padding: 20px 0 4px; }
.statistics-reading > strong { display: block; font: 700 clamp(32px,4vw,46px)/1.2 var(--display); letter-spacing: -.8px; }
.statistics-reading > span { display: block; margin: 10px 0 6px; color: var(--muted); font-size: 13px; }
.statistics-comparison { margin-top: 30px; padding: 24px 0; border-block: 1px solid var(--line); }
.statistics-comparison h2 { font-size: 22px; margin-bottom: 18px; }
.statistics-comparison > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.statistics-comparison article { min-width: 0; padding: 17px; border-radius: 10px; background: var(--silver); }
.statistics-comparison small { display: block; color: var(--muted); font-size: 11px; line-height: 1.7; }
.statistics-comparison strong { display: block; margin-top: 8px; font: 650 20px/1.5 var(--display); overflow-wrap: anywhere; }
.statistics-comparison > p { margin-top: 15px; }
.statistics-source-breakdown { margin: 30px 0; }
.statistics-source-breakdown .source-symbol { width: 38px; height: 38px; flex-shrink: 0; }
.statistics-deep-link { margin: 18px 0 0; }
.statistics-project-entry { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 12px; background: var(--silver); margin: 0 0 20px; }
.statistics-project-entry > span { color: var(--orange); }
.statistics-project-entry > div { flex: 1; min-width: 0; }
.statistics-project-entry strong { font: 700 17px/1.4 var(--display); }
.statistics-project-entry p { font-size: 11px; color: var(--muted); margin-top: 4px; }
.statistics-project-entry:hover { background: var(--orange-soft); }
.brief-recent { margin: 0 0 35px; }
.brief-recent > .section-heading { flex-wrap: wrap; gap: 8px; }
.brief-recent > .section-heading h2 { font-size: 24px; }
.brief-recent .feed-section { margin-top: 17px; }
.brief-recent .feed-section h2 { font-size: 13px; color: var(--muted); font-weight: 600; }
.project-totals > div { min-width: 0; max-width: 100%; }
.project-totals small { max-width: 190px; line-height: 1.6; }
.book-project .project-totals:empty { display: none; }
@media(max-width:700px) {
  .statistics-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .statistics-page .page-header { align-items: flex-start; gap: 10px; }
  .statistics-page .page-header .button { min-width: 0; padding-inline: 12px; }
  .statistics-page .audience-reading { display: grid; grid-template-columns: minmax(0,1fr); }
  .statistics-page .audience-reading .select-trigger { width: 100%; }
  .statistics-comparison > div { grid-template-columns: minmax(0,1fr); gap: 10px; }
}
/* Daily store reports use the same open rows and restrained accent as the feed. */
.download-mark,.chart-measure-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent-surface, #f6e9e1);color:var(--orange-text, #a63f20)}
.download-row .event-right{gap:5px}
.download-row .event-right>.icon{display:none}
.download-dating-note{font-size:14px!important;line-height:1.65!important;color:var(--muted);margin-top:24px!important}
.download-detail-hero .purchase-channel{margin-top:16px}
.download-countries{margin:30px 0}
.download-countries ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.download-countries li{display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-size:14px}
.download-countries strong{font-variant-numeric:tabular-nums}
.download-country-track{grid-column:1/-1;height:5px;background:var(--surface-soft, #eef0ed);border-radius:3px;overflow:hidden}
.download-country-track span{display:block;height:100%;background:#cf7956;border-radius:3px}
.download-source-summary{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 8px}
.download-source-summary>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.download-source-summary strong{font-family:"Geist",sans-serif;font-size:26px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;line-height:1.25}
.download-source-summary span{font-size:13px;color:var(--muted);line-height:1.5}
.download-coverage-list{list-style:none;padding:0;margin:0}
.download-coverage-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.download-coverage-list li:last-child{border-bottom:0}
.download-coverage-list strong{font-weight:600;overflow-wrap:anywhere}
.download-coverage-list span{color:var(--muted)}
.download-coverage-list .download-export-pending{grid-column:1/-1;color:var(--orange);font-size:13px}
.download-coverage-list.compact{margin-top:-14px}
.download-coverage-list.compact li{grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 0;font-size:12px}
.download-coverage-list.compact .download-export-pending{font-size:12px}
.download-coverage-section .settings-note{margin-top:14px}
@media(max-width:540px){.download-coverage-list li{grid-template-columns:minmax(0,1fr);gap:5px}}
.download-file-control{position:relative;display:flex;align-items:center;gap:16px;min-height:90px;padding:20px;border:1px dashed var(--border-default, #b8bcb5);border-radius:12px;background:var(--green-soft, #fafbf9);cursor:pointer;transition:background .16s,border-color .16s}
.download-file-control:hover{background:var(--surface-soft, #f4f5f2);border-color:var(--border-strong, #8c9788)}
.download-file-control:focus-within{outline:3px solid var(--orange-text, #ce562d);outline-offset:3px}
.download-file-control:has(input:disabled){opacity:.62;cursor:default}
.download-file-control>span{display:grid;gap:6px}
.download-file-control small{color:var(--muted);font-size:13px}
.download-file-control input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:inherit}
.download-import-preview{padding:20px 0 0;overflow-wrap:anywhere}
.download-source-definition{padding:24px 0;margin-top:12px;border-top:1px solid var(--line)}
.download-source-definition h2{font-size:18px;margin:0 0 12px}
.download-source-definition p{font-size:14px;line-height:1.7;color:var(--muted);max-width:65ch}
.context-downloads{display:grid;gap:5px;margin:22px 0}
.context-downloads strong{font-family:"Geist",sans-serif;font-size:28px;font-variant-numeric:tabular-nums}
.context-downloads>span{font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:540px){.download-source-summary{grid-template-columns:1fr;gap:22px}.download-source-summary strong{font-size:24px}.download-mark{width:30px;height:30px}.download-row .event-right{max-width:106px}.download-row .event-right small{font-size:11px}}

.context-title,.chart-label{font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;margin:0 0 16px}.overview-label{font-size:14px;font-weight:550;color:var(--muted)}
/* Aggregated website measurements. */
.web-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0 0 24px; }
.web-metrics div { display:flex; flex-direction:column; gap:6px; }
.web-metrics strong { font-size:clamp(24px,3vw,36px); }
.web-metrics span { color:var(--muted); }
.web-measurement { display:flex; justify-content:space-between; gap:24px; padding:16px 0; border-bottom:1px solid var(--border-default, #e7e7e7); }
.web-measurement strong { overflow-wrap:anywhere; font-weight:500; }
.web-measurement span { font-variant-numeric:tabular-nums; flex-shrink:0; }
.web-intro, .web-empty p { font-size:14px; line-height:1.7; color:var(--muted); }
.web-empty { margin-top:28px; }
.web-editor { padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.web-editor .custom-select, .web-editor .select-trigger { width:100%; }
.web-form-fields { display:grid; gap:17px; min-width:0; margin:0; padding:0; border:0; }
.web-form-fields > div > label { margin-bottom:7px; }
.web-page-heading { margin-top:12px; }
.web-page-heading h3, .web-installation h3 { font-size:15px; font-weight:600; }
.web-route-list { display:grid; gap:18px; }
.web-route { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; min-width:0; margin:0; padding:16px; border:1px solid var(--line); border-radius:10px; }
.web-route legend { padding:0 6px; font-size:13px; font-weight:600; }
.web-route > label:first-of-type { grid-column:1 / -1; }
.web-route > div > label { display:block; margin-bottom:7px; }
.web-route > .text-link { justify-self:start; min-height:40px; }
.web-consent { display:flex; align-items:center; gap:20px; margin:10px 0; }
.web-consent > div { flex:1; }
.web-consent strong { font-size:13px; }
.web-site-card { margin:30px 0; padding:24px 0 8px; border-top:1px solid var(--line); }
.web-site-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.web-site-heading > div { min-width:0; }
.web-site-heading h2 { font-size:18px; overflow-wrap:anywhere; }
.web-site-heading .neutral-badge { flex-shrink:0; }
.web-setup .source-actions { gap:8px 20px; }
.web-setup .text-link { min-height:44px; }
.web-setup button.text-link { border:0; background:transparent; padding:8px 0; }
.web-installation { display:grid; gap:14px; margin-top:24px; padding:20px; background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; }
.web-installation ol { margin:0; padding-left:20px; font-size:13px; line-height:1.8; }
.web-installation label { font-size:13px; font-weight:600; }
.web-installation textarea { width:100%; min-height:120px; padding:12px; border:1px solid var(--border-strong); border-radius:8px; background:var(--surface); color:var(--ink); font-size:12px; line-height:1.6; resize:vertical; }
.web-installation .button, .web-installation > .text-link { justify-self:start; }
.web-privacy { margin:28px 0; }
.web-site-filter { margin:24px 0; }
@media (max-width:600px) {
  .web-route { grid-template-columns:minmax(0,1fr); padding:12px; }
  .web-installation { padding:14px; }
  .web-site-heading { flex-wrap:wrap; gap:10px; }
}
@media(max-width:600px) { .web-metrics { grid-template-columns:1fr; gap:20px; } }

.policy { display: block; min-height: 100dvh; padding: 32px 20px; background: var(--silver); color: var(--ink); }
:root[data-theme="dark"] .policy { background: var(--paper); }
.policy main { max-width: 720px; margin: auto; padding: 32px; background: var(--surface, white); border-radius: 20px; }
.policy h1 { margin: 28px 0 20px; }
.policy h2 { margin: 28px 0 12px; font-size: 22px; }
.policy p { margin: 16px 0; line-height: 1.7; }
.policy a { color: var(--orange); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { .policy main { padding: 22px; } }

/* Activity signals share the feed rhythm and retain their source precision. */
.signal-art { position: relative; display: inline-flex; flex: 0 0 auto; }
.signal-art-mark { position: absolute; right: -4px; bottom: -3px; display: grid; place-items: center; width: 21px; height: 21px; border: 2px solid var(--surface, #fff); border-radius: 7px; background: var(--surface-soft, #e8efe9); color: var(--green-text, #355640); }
.signal-art-mark .icon { width: 12px; height: 12px; }
.signal-attention .signal-art-mark { color: var(--gold-text, #855320); background: var(--gold-soft, #f7ecd9); }
.signal-feedback .signal-art-mark { color: var(--gold-text, #765c2b); background: var(--gold-soft, #f6edda); }
.signal-acquisition .signal-art-mark { color: var(--blue-text, #405c77); background: var(--blue-soft, #e8eef5); }
.signal-neutral .signal-art-mark { color: var(--text-secondary, #59646b); background: var(--surface-soft, #edf0f2); }
.signal-row .event-copy > strong { line-height: 1.45; overflow-wrap: anywhere; }
.signal-row .event-copy > small { line-height: 1.5; margin-top: 3px; }
.signal-meta { display: flex; align-items: center; gap: 7px; min-height: 17px; margin-top: 4px; font-size: 10px; color: var(--muted); }
.signal-row .event-right { display: flex; align-items: center; gap: 11px; max-width: 145px; }
.signal-row .event-right small { margin: 0; line-height: 1.5; }
.signal-row .event-right > .icon { width: 15px; height: 15px; flex-shrink: 0; color: var(--text-secondary, #7b858b); }
.review-stars { display: inline-flex; gap: 2px; color: var(--text-secondary, #b4aaa0); vertical-align: middle; }
.review-stars .icon { width: 11px; height: 11px; stroke-width: 1.5; }
.review-stars .filled { fill: var(--gold-text, #ad823d); stroke: var(--gold-text, #ad823d); }
.signal-conversion-label { display: inline-block; color: var(--green-text, #426649); font-size: 10px; margin-top: 4px; }
.activity-signals-summary { margin: -4px 0 20px; font-size: 12px; line-height: 1.7; color: var(--text-secondary, #54616a); }
.signal-selection-coverage { display: flex; align-items: flex-start; gap: 10px; padding: 13px 15px; margin: 0 0 22px; background: var(--surface-soft, #f5f7f6); border: 1px solid var(--border-default, #e3e8e5); border-radius: 10px; font-size: 12px; }
.signal-selection-coverage > .icon { width: 17px; height: 17px; margin-top: 2px; flex-shrink: 0; color: var(--text-secondary, #748279); }
.signal-selection-coverage p { flex: 1; margin: 0; line-height: 1.6; }
.signal-selection-coverage > a { flex-shrink: 0; font-size: 11px; }
.context-signals { padding: 18px 0; border-top: 1px solid var(--line); margin-top: 20px; }
.context-signals h3 { margin: 0 0 8px; font-size: 12px; font-weight: 650; }
.context-signals p { margin: 0; font-size: 12px; line-height: 1.9; color: var(--muted); }
.signal-detail .detail-hero h1 { max-width: 380px; margin-inline: auto; line-height: 1.25; }
.signal-dating-note { margin-top: 25px; font-size: 12px; line-height: 1.7; max-width: 300px; margin-inline: auto; color: var(--muted); }
.signal-value { display: block; font: 600 58px/1.15 var(--display); margin-top: 26px; letter-spacing: -2px; }
.signal-hero-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 25px auto; border-radius: 20px; color: var(--green-text, #41654b); background: var(--green-soft, #edf3ee); }
.signal-hero-icon .icon { width: 27px; height: 27px; }
.signal-attention .signal-hero-icon { color: var(--gold-text, #8a5c28); background: var(--gold-soft, #fbf1e4); }
.signal-neutral .signal-hero-icon { color: var(--text-secondary, #63717c); background: var(--blue-soft, #eef1f4); }
.review-score { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 28px 0 24px; }
.review-score .review-stars { gap: 5px; }
.review-score .icon { width: 26px; height: 26px; }
.review-score strong { font: 600 48px/1 var(--display); letter-spacing: -1.5px; }
.review-score strong span { font: 500 22px/1 var(--display); letter-spacing: -.5px; color: var(--muted); }
.review-content { padding: 24px; border: 1px solid var(--border-default, #e8e6e0); border-radius: 12px; background: var(--gold-soft, #faf9f5); margin-bottom: 28px; }
.review-content h2 { margin: 0 0 13px; font-size: 19px; line-height: 1.45; letter-spacing: -.3px; }
.review-body { margin: 0; font-size: 15px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-author { margin: 18px 0 0; font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.signal-explanation { display: flex; align-items: flex-start; gap: 10px; padding: 15px 0; margin: 12px 0 20px; border-top: 1px solid var(--line); }
.signal-explanation > .icon { width: 17px; height: 17px; margin-top: 3px; flex-shrink: 0; color: var(--text-secondary, #7b858b); }
.signal-explanation p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.signal-breakdown { margin: 24px 0; }
.signal-breakdown h2 { font-size: 16px; }
.signal-breakdown ol { list-style: none; margin: 16px 0 0; padding: 0; }
.signal-breakdown li { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.signal-coverage-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.signal-coverage-row strong { font-size: 13px; }
.signal-coverage-row p { font-size: 12px; line-height: 1.7; color: var(--muted); margin: 7px 0 0; }
.signal-coverage-row .neutral-badge { flex-shrink: 0; }
.signal-source-coverage > .text-link { margin-top: 15px; }
.tiktok-business-setup { margin: 8px 0 2px; width: 100%; }
.tiktok-business-setup .expand-button { font-size: 12px; min-height: 44px; }
.tiktok-business-setup form { display: grid; gap: 15px; margin: 17px 0; }
.tiktok-business-setup label { display: grid; gap: 7px; font-size: 12px; }
.tiktok-business-setup input { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid var(--border-default, #dbe1de); border-radius: 8px; background: var(--surface, #fff); }
.tiktok-business-setup .choice-chip { justify-self: start; }
.tiktok-business-setup .text-link { margin: 10px 0; }
@media (min-width: 900px) { .audience-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 520px) {
  .signal-row .event-right { max-width: 78px; gap: 6px; }
  .signal-row .event-right small { font-size: 10px; }
  .signal-row .event-right > .icon { width: 13px; height: 13px; }
  .signal-selection-coverage { flex-wrap: wrap; }
  .signal-selection-coverage > a { margin-left: 27px; }
  .signal-coverage-row { flex-wrap: wrap; }
  .review-content { padding: 20px; }
  .review-content h2 { font-size: 17px; }
  .review-body { font-size: 14px; }
}

/* Chrome distribution: quiet project cards with explicitly dated public readings. */
.source-symbol.chrome { background: var(--surface-soft, #f0f3ee); color: var(--green-text, #345744); }
.chrome-source-toolbar,.chrome-refresh { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:28px 0; }
.chrome-source-toolbar p,.chrome-refresh p { margin:0; color:var(--muted,#5d6561); font-size:14px; line-height:1.6; }
.chrome-source-toolbar .button,.chrome-refresh .button { flex-shrink:0; }
.chrome-extension-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; }
.chrome-extension-card { border:1px solid var(--border-default, #dfe3dc); border-radius:18px; padding:24px; background:var(--surface, #fff); min-width:0; }
.chrome-extension-heading { display:flex; gap:14px; align-items:center; margin-bottom:24px; }
.chrome-extension-heading>div { min-width:0; }
.chrome-extension-heading .project-logo,.chrome-extension-heading .source-symbol { width:44px; height:44px; flex-shrink:0; }
.chrome-extension-heading h2 { font-size:17px; line-height:1.45; margin:0 0 5px; overflow-wrap:anywhere; }
.chrome-extension-heading .text-link { font-size:12px; min-height:28px; }
.chrome-public-metrics { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:16px; }
.chrome-public-metrics>div { min-width:0; }
.chrome-public-metrics strong { display:block; font-size:24px; line-height:1.35; font-weight:650; letter-spacing:-.6px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.chrome-public-metrics strong small { font-size:14px; color:var(--text-secondary, #69746c); font-weight:500; letter-spacing:0; }
.chrome-public-metrics span { display:block; font-size:12px; color:var(--text-secondary, #626c65); line-height:1.5; margin-top:5px; }
.chrome-observation { color:var(--text-secondary, #626c65); font-size:12px; line-height:1.65; margin:19px 0 0; }
.chrome-extension-project { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--border-default, #edf0ea); margin-top:22px; padding-top:16px; }
.chrome-extension-project>span { font-size:12px; color:var(--text-secondary, #626c65); }
.chrome-extension-project .custom-select { max-width:66%; }
.chrome-empty { grid-column:1/-1; text-align:center; border:1px solid var(--border-default, #e1e5dd); border-radius:18px; background:var(--green-soft, #f8faf6); padding:40px 24px; }
.chrome-empty h2 { margin:20px 0 10px; font-size:21px; }
.chrome-empty p { max-width:480px; margin:auto; color:var(--text-secondary, #626c65); line-height:1.7; }
.chrome-empty-art .source-symbol { width:56px; height:56px; }
.chrome-report-controls { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0 16px; }
.chrome-report-controls .custom-select { width:100%; max-width:100%; }
.chrome-add-form { background:var(--green-soft, #f8faf6); border:1px solid var(--border-default, #e1e5dd); border-radius:16px; padding:24px; margin:20px 0; }
.chrome-project-section .chrome-snapshot+.chrome-snapshot { margin-top:22px; padding-top:20px; border-top:1px solid var(--border-default, #e1e5dd); }
@media(max-width:1000px){ .chrome-extension-grid { grid-template-columns:1fr; } }
@media(max-width:600px){
 .chrome-source-toolbar,.chrome-refresh { align-items:flex-start; flex-direction:column; gap:14px; }
 .chrome-extension-card { padding:20px; border-radius:14px; }
 .chrome-public-metrics { gap:12px; }
 .chrome-public-metrics strong { font-size:21px; }
 .chrome-public-metrics span { font-size:11px; }
 .chrome-report-controls { grid-template-columns:1fr; }
 .chrome-extension-project { align-items:flex-start; flex-direction:column; gap:8px; }
 .chrome-extension-project .custom-select { max-width:100%; width:100%; }
 .chrome-add-form { padding:20px; }
}

.chrome-source-page { max-width:1000px; }
.chrome-source-page button.text-link { border:0; background:transparent; padding:0; cursor:pointer; font-family:inherit; font-size:14px; min-height:44px; }

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #11191e;
  --surface: #19242b;
  --silver: #202d35;
  --ink: #e5ebef;
  --muted: #a6b4be;
  --line: #34434c;
  --orange: #f0a07d;
  --mandarin: #dc8b69;
  --orange-soft: #362b27;
  --danger: #f0a596;
  --surface-soft: #202d35;
  --surface-raised: #26343d;
  --border-strong: #627783;
  --border-default: var(--line);
  --text-secondary: var(--muted);
  --text-primary: var(--ink);
  --accent-surface: var(--orange-soft);
  --row-hover: #1c2830;
  --nav-surface: #19242bf2;
  --on-solid: #11191e;
  --button-hover: #c5d1d8;
  --orange-text: #f0a07d;
  --gold-text: #e3bb77;
  --gold-soft: #332e23;
  --green-text: #95cbae;
  --green-soft: #23342e;
  --blue-text: #9cbce8;
  --blue-soft: #253244;
  --violet-text: #c6abe1;
  --violet-soft: #302b3f;
}
:root[data-theme="dark"] .select-menu,
:root[data-theme="dark"] .copy-dialog,
:root[data-theme="dark"] .date-range-dialog,
:root[data-theme="dark"] .project-dialog { background: var(--surface-raised); }
:root[data-theme="dark"] .toast { background: var(--surface-raised); color: var(--ink); border: 1px solid var(--line); }
:root[data-theme="dark"] .feature-sale { box-shadow: none; }
:root[data-theme="dark"] .switch::before { background: var(--border-strong); }
:root[data-theme="dark"] .switch[aria-checked="true"]::before { background: var(--mandarin); }
:root[data-theme="dark"] .switch::after { background: #f4f7f8; }
.theme-note { margin-bottom: 16px; }
.theme-toggle { flex-shrink: 0; }
@media (max-width: 699px) {
  .page-header { flex-wrap: wrap; }
  .page-header > div:first-child { flex: 1 1 180px; }
}

input, textarea { color: var(--ink); }
:root[data-theme="dark"] .account-checkbox[aria-checked="true"] > span { background: var(--mandarin); }
:root[data-theme="dark"] .sidebar .primary-nav a[aria-current="page"] { background: var(--silver); }
html { transition: background-color 160ms; }
body { transition: color 160ms; }

.youtube-subscribers { margin-top: 28px; }
.youtube-subscribers-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.youtube-subscribers-heading h2 { margin: 0; font-size: 20px; }
.youtube-subscribers-heading .neutral-badge { font-size: 11px; }
.youtube-subscribers-intro { margin: 12px 0 18px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.youtube-subscriber-list { margin: 0; padding: 0; list-style: none; }
.youtube-subscriber-list > li { border-bottom: 1px solid var(--line); }
.youtube-subscriber { display: flex; align-items: center; gap: 14px; min-height: 78px; padding: 16px 8px; margin: 0 -8px; color: var(--ink); text-decoration: none; border-radius: 10px; }
.youtube-subscriber:hover { background: var(--silver); }
.youtube-subscriber:focus-visible { outline: 2px solid var(--orange-text, var(--orange)); outline-offset: 3px; }
.youtube-subscriber-avatar { position: relative; display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; overflow: hidden; border-radius: 50%; background: var(--silver); color: var(--ink); font-size: 13px; font-weight: 650; }
.youtube-subscriber:hover .youtube-subscriber-avatar { background: var(--paper); }
.youtube-subscriber-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.youtube-subscriber-avatar img[hidden] { display: none; }
.youtube-subscriber-copy { flex: 1; min-width: 0; }
.youtube-subscriber-copy strong { display: block; font-size: 14px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.youtube-subscriber-copy small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.youtube-subscriber-open { display: grid; place-items: center; flex: 0 0 24px; color: var(--muted); }
.youtube-subscriber-open .icon { width: 16px; height: 16px; }
.youtube-subscriber-group { padding: 22px 0 8px; }
.youtube-subscriber-group h3 { margin: 0 0 6px; font-size: 14px; }
.youtube-subscriber-group p { margin: 0 0 8px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.youtube-subscribers-empty { display: flex; align-items: flex-start; gap: 12px; padding: 18px; border-radius: 12px; background: var(--silver); }
.youtube-subscribers-empty > .icon { flex: 0 0 20px; width: 20px; height: 20px; color: var(--muted); margin-top: 2px; }
.youtube-subscribers-empty p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.youtube-subscribers-note { margin: 14px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
@media(max-width:600px) { .youtube-subscriber { gap: 12px; } .youtube-subscribers-empty { padding: 16px; } }
.source-symbol.soundcloud, .source-symbol.youtube { background: var(--accent-surface, #f2e0da); color: var(--orange-text, #ab5136); }
.source-symbol.soundcloud svg { width: 28px; height: 28px; }
.source-symbol.adsense { background: var(--gold-soft, #f5eecb); color: var(--gold-text, #8b762c); }
.source-symbol.gumroad, .source-symbol.instagram { background: var(--violet-soft, #e9e2f0); color: var(--violet-text, #756584); }
.source-symbol.facebook { background: var(--blue-soft, #e4ebf6); color: var(--blue-text, #426ba4); }
.source-symbol.tiktok, .source-symbol.x { background: var(--surface-soft, #e1e4e6); color: var(--text-primary, #3c4348); }
.source-symbol.web { background: var(--green-soft, #e3eee8); color: var(--green-text, #345744); }

/* Custom events: a source workspace, reception journal and explicit rules. */
.custom-page { max-width: 1120px; margin: 0 auto; }
.custom-page h1 { font-size: clamp(29px,3vw,38px); }
.custom-page .page-header { margin-bottom: 32px; }
.custom-page .header-actions { flex-wrap: wrap; }
.custom-page code, .custom-event-detail code { font: 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap: anywhere; }
.custom-source-entry > span { color: var(--orange); background: var(--orange-soft); }
.custom-empty { padding: 62px 24px 68px; text-align: center; border-top: 1px solid var(--line); }
.custom-empty-art { width: 260px; max-width: 100%; margin: 0 auto 24px; }
.custom-wire { fill: none; stroke: var(--line); stroke-width: 2; }
.custom-node { fill: var(--surface); stroke: var(--line); stroke-width: 2; }
.custom-hub { fill: var(--orange-soft); stroke: var(--orange); stroke-width: 1.5; }
.custom-mark { fill: none; stroke: var(--orange); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.custom-empty h2 { font-size: 25px; }
.custom-empty > p { max-width: 420px; margin: 14px auto 24px; color: var(--muted); }
.custom-example-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; margin-top: 30px; color: var(--muted); }
.custom-demo-note, .custom-error { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 10px; background: var(--silver); margin-bottom: 20px; }
.custom-error { background: var(--orange-soft); color: var(--danger); }
.custom-error p { flex: 1; }
.custom-source-bar { display: flex; align-items: center; gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); }
.custom-source-picker { flex: 0 1 290px; min-width: 0; }
.custom-source-picker > label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; }
.custom-source-context { flex: 1; display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.custom-source-status { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 13px; }
.custom-source-status > span { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.custom-source-status.received > span { background: var(--status-positive, #27765b); }
.custom-source-notice:empty { display: none; }
.custom-source-notice p { padding: 12px 0; color: var(--muted); }
.custom-tabbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); margin-bottom: 32px; }
.custom-tabbar [role=tablist] { display: flex; align-items: stretch; gap: 26px; min-width: 0; }
.custom-tabbar [role=tab] { position: relative; padding: 14px 0; min-height: 46px; border: 0; background: none; color: var(--muted); font-weight: 550; }
.custom-tabbar [role=tab][aria-selected=true] { color: var(--ink); }
.custom-tabbar [role=tab][aria-selected=true]::after { content: ''; position: absolute; bottom: -1px; height: 2px; left: 0; right: 0; background: var(--orange); }
.custom-tabbar > .text-link { min-height: 44px; }
.custom-source-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 36px; padding: 22px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.custom-editor { padding: 24px; background: var(--silver); border-radius: 14px; margin-bottom: 28px; }
.custom-editor .section-heading { margin-bottom: 20px; }
.custom-page fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.custom-page fieldset:disabled { opacity: .7; }
.custom-page input, .custom-page textarea { display: block; width: 100%; min-width: 0; margin-top: 7px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); }
.custom-page label { display: block; font-size: 13px; font-weight: 550; }
.custom-form-grid, .custom-test-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.custom-form-grid .custom-select { margin-top: 7px; }
.custom-transport-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 24px 0; }
.custom-transport-grid > button { display: flex; align-items: center; gap: 12px; text-align: left; border: 1px solid var(--line); padding: 15px 12px; border-radius: 10px; background: var(--surface); min-height: 78px; transition: border-color 140ms, background 140ms; }
.custom-transport-grid > button[aria-pressed=true] { border-color: var(--orange); background: var(--orange-soft); }
.custom-transport-grid strong { display: block; font-size: 13px; }
.custom-transport-grid small { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; color: var(--muted); }
.custom-transport-grid > button > svg:last-child:not(:first-child) { width: 16px; margin-left: auto; color: var(--orange); }
.custom-form-actions { display: flex; gap: 18px; align-items: center; margin-top: 24px; }
.custom-setting { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0; }
.custom-setting p { margin-top: 4px; color: var(--muted); font-size: 12px; }
.custom-setting .switch { flex-shrink: 0; }
.custom-connection { display: grid; grid-template-columns: minmax(230px,.85fr) minmax(0,1.4fr); gap: 48px; }
.custom-connection-copy h2 { font-size: 23px; line-height: 1.2; }
.custom-connection-copy > p { color: var(--muted); margin-top: 14px; }
.custom-connection-copy > .button { margin-top: 24px; }
.custom-steps { display: grid; gap: 20px; margin: 28px 0; }
.custom-steps > div { display: flex; align-items: center; gap: 12px; }
.custom-steps span { display: grid; place-items: center; flex-shrink: 0; width: 27px; height: 27px; border-radius: 50%; border: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.custom-steps p { font-size: 13px; }
.custom-steps { list-style: none; padding: 0; }
.custom-steps li { display: flex; align-items: flex-start; gap: 12px; }
.custom-steps strong { font-size: 13px; font-weight: 600; }
.custom-steps li p { margin-top: 4px; color: var(--muted); font-size: 12px; }
.custom-steps .is-complete > span { color: var(--orange-text); background: var(--orange-soft); border-color: transparent; }
.custom-steps span svg { width: 15px; height: 15px; }
.custom-guide { display: flex; align-items: center; gap: 8px; width: fit-content; margin-top: 18px; font-size: 12px; }
.custom-send-environment { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-bottom: 18px; }
.custom-send-environment button { border: 1px solid var(--line); background: transparent; border-radius: 7px; min-height: 38px; padding: 8px 13px; color: var(--muted); font-size: 12px; }
.custom-send-environment button[aria-pressed=true] { color: var(--ink); background: var(--silver); border-color: var(--ink); }
.custom-send-environment span { margin-left: 6px; color: var(--muted); font-size: 11px; }
.custom-secret { border: 1px solid var(--line); border-radius: 10px; padding: 12px 15px; }
.custom-secret > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.custom-secret strong { font-size: 12px; }
.custom-secret p { font-size: 12px; line-height: 1.75; color: var(--muted); margin-block: 7px; overflow-wrap: anywhere; }
.custom-secret textarea { height: 95px; font: 11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap: anywhere; }
.custom-diagnostics { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--line); }
.custom-diagnostics ul { padding-left: 18px; font-size: 12px; color: var(--muted); line-height: 1.8; }
.custom-diagnostics li { margin-top: 12px; }
.custom-diagnostics strong { color: var(--ink); }
.custom-code-panel:has([data-action=custom-copy-install]) textarea { height: 96px; white-space: pre-wrap; overflow-wrap: anywhere; }
.custom-connection-code { min-width: 0; }
.custom-code-tabs { display: flex; gap: 6px; padding-bottom: 12px; }
.custom-code-tabs button { border: 0; background: transparent; border-radius: 6px; min-height: 38px; padding: 7px 12px; color: var(--muted); font-size: 12px; }
.custom-code-tabs button[aria-pressed=true] { background: var(--silver); color: var(--ink); }
.custom-code-panel { background: var(--silver); border: 1px solid var(--line); border-radius: 10px; margin-bottom: 16px; overflow: hidden; }
.custom-code-panel > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 15px; border-bottom: 1px solid var(--line); }
.custom-code-panel strong { font-size: 12px; }
.custom-code-panel .text-link { font-size: 12px; min-height: 36px; }
.custom-code-panel textarea { height: 275px; margin: 0; resize: vertical; background: transparent; border: 0; border-radius: 0; font: 11.5px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; padding: 15px; overflow-wrap: normal; white-space: pre; }
.custom-code-panel:has([data-action=custom-copy-token]) textarea, .custom-code-panel:has([data-action=custom-copy-url]) textarea { height: 83px; white-space: pre-wrap; overflow-wrap: anywhere; }
.custom-access-action { margin-top: 18px; }
.custom-warning { margin-top: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
.custom-warning p { margin-bottom: 12px; }
.custom-awaiting { padding: 40px 0 50px; max-width: 520px; }
.custom-awaiting-mark, .custom-detail-mark { display: grid; place-items: center; width: 52px; height: 52px; background: var(--silver); border-radius: 13px; margin-bottom: 24px; }
.custom-awaiting > p { color: var(--muted); margin: 12px 0 24px; }
.custom-catalog .section-heading { align-items: start; margin-bottom: 24px; }
.custom-catalog .section-heading p { margin-top: 7px; }
.custom-definition { padding: 20px 0; border-top: 1px solid var(--line); }
.custom-definition-main { display: flex; align-items: center; gap: 14px; }
.custom-event-mark { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 10px; color: var(--orange); }
.custom-definition-main > div:nth-child(2) { flex: 1; min-width: 0; }
.custom-definition-main h3 { font-size: 15px; overflow-wrap: anywhere; }
.custom-definition-main code { color: var(--muted); }
.custom-definition-count { text-align: right; flex-shrink: 0; }
.custom-definition-count strong { display: block; font: 600 24px/1.2 var(--font); letter-spacing: -.7px; }
.custom-definition-count span { color: var(--muted); font-size: 11px; }
.custom-definition-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 10px 0 0 54px; color: var(--muted); font-size: 12px; }
.custom-rule-editor { margin: 16px 0 0 54px; padding: 22px; background: var(--silver); border-radius: 10px; }
.custom-rule-editor h3 { margin-bottom: 18px; }
.custom-rule-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 16px; }
.custom-rule-grid .custom-select { margin-top: 7px; }
.custom-reception-heading { display: flex; justify-content: space-between; align-items: start; gap: 24px; margin-bottom: 24px; }
.custom-reception-heading p { margin-top: 8px; }
.custom-reception-heading .custom-select { min-width: 185px; }
.custom-receipt { border-top: 1px solid var(--line); }
.custom-receipt-button { display: flex; width: 100%; gap: 12px; align-items: center; padding: 18px 0; text-align: left; border: 0; background: transparent; transition: background 140ms; }
.custom-receipt-button:hover { background: var(--silver); }
.custom-receipt-button > span:nth-child(2) { flex: 1; min-width: 0; }
.custom-receipt-button strong { display: block; font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
.custom-receipt-button small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.custom-received-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--status-positive, #27765b); background: var(--silver); }
.custom-received-mark .icon { width: 16px; }
.custom-environment { padding: 3px 7px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 11px; }
.custom-environment.is-test { color: var(--orange); background: var(--orange-soft); border-color: transparent; }
.custom-receipt-button > .icon { width: 16px; }
.custom-receipt-detail { margin: 0 0 16px 42px; padding: 14px 20px; background: var(--silver); border-radius: 8px; }
.custom-receipt-detail > p { margin: 7px 0 15px; }
.custom-properties { margin: 0; }
.custom-properties > div { display: grid; grid-template-columns: minmax(80px,.55fr) minmax(0,1fr); gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.custom-properties dt { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.custom-properties dd { display: flex; justify-content: space-between; align-items: start; gap: 12px; min-width: 0; margin: 0; }
.custom-property-type { color: var(--muted); font-size: 10px; }
.custom-properties code { text-align: right; }
.custom-pagination { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 0; color: var(--muted); font-size: 12px; }
.custom-pagination > div { display: flex; gap: 14px; }
.custom-reception-empty { display: flex; align-items: center; gap: 12px; padding: 28px 0; color: var(--muted); }
.custom-test-form { margin-top: 26px; padding: 24px; border-radius: 12px; background: var(--silver); }
.custom-test-form h3 { font-size: 16px; margin-bottom: 7px; }
.custom-test-grid { margin: 22px 0; align-items: start; }
.custom-test-grid textarea { font: 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; resize: vertical; }
.custom-statistics-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.custom-statistics-total strong { font: 650 48px/1.1 var(--display); letter-spacing: -1px; }
.custom-statistics-total > span { display: block; color: var(--muted); margin-top: 5px; }
.custom-statistics-total p { margin: 16px 0 22px; }
.custom-statistics-breakdown { margin: 28px 0 22px; }
.custom-statistics-breakdown h2 { margin-bottom: 16px; }
.custom-statistics-breakdown > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.custom-statistics-breakdown small { display: block; color: var(--muted); font-size: 12px; }
.custom-event-detail .page-header { margin-top: 30px; }
.custom-detail-layout { display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; margin-top: 35px; }
.custom-detail-layout > section { min-width: 0; }
.custom-detail-layout > section > p { margin-top: 14px; color: var(--muted); }
.custom-detail-layout h2 { margin-bottom: 22px; }
.custom-detail-mark { background: var(--orange-soft); color: var(--orange); }
.custom-detail-layout .facts { margin: 26px 0; }
.signal-custom .signal-art-mark { color: var(--orange); }
@media (max-width: 1080px) {
  .custom-transport-grid { grid-template-columns: 1fr 1fr; }
  .custom-connection { gap: 28px; }
}
@media (max-width: 650px) {
  .custom-page .page-header { flex-wrap: wrap; gap: 18px; }
  .custom-page .header-actions { width: 100%; }
  .custom-empty { padding: 34px 0 42px; }
  .custom-empty h2 { font-size: 23px; }
  .custom-editor { padding: 20px 16px; }
  .custom-form-grid, .custom-test-grid, .custom-rule-grid, .custom-detail-layout, .custom-connection { grid-template-columns: 1fr; }
  .custom-transport-grid > button { padding: 12px 9px; gap: 8px; }
  .custom-transport-grid > button > svg:last-child:not(:first-child) { display: none; }
  .custom-transport-grid small { font-size: 10px; }
  .custom-source-bar { flex-wrap: wrap; gap: 15px 10px; }
  .custom-source-picker { flex: 1 1 calc(100% - 56px); }
  .custom-source-context { order: 3; flex: 1 1 100%; }
  .custom-tabbar { flex-wrap: wrap; gap: 0; margin-bottom: 24px; }
  .custom-tabbar [role=tablist] { gap: 24px; }
  .custom-tabbar > .text-link { margin-left: auto; font-size: 12px; }
  .custom-connection-copy { max-width: 100%; }
  .custom-steps { gap: 12px; margin: 22px 0; }
  .custom-code-panel textarea { font-size: 11px; }
  .custom-source-footer { flex-wrap: wrap; gap: 10px; }
  .custom-reception-heading, .custom-catalog .section-heading { flex-wrap: wrap; gap: 16px; }
  .custom-receipt-button { gap: 9px; }
  .custom-receipt-button small { font-size: 10px; }
  .custom-definition-bottom { margin-left: 0; font-size: 11px; }
  .custom-rule-editor { margin-left: 0; padding: 18px 15px; }
  .custom-definition-count strong { font-size: 21px; }
  .custom-definition-count span { font-size: 10px; }
  .custom-receipt-detail { margin-left: 0; padding: 15px; }
  .custom-properties > div { gap: 10px; }
  .custom-test-form { padding: 20px 16px; }
  .custom-demo-note, .custom-error { flex-wrap: wrap; }
  .custom-form-actions { gap: 12px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .custom-transport-grid > button, .custom-receipt-button { transition: none; }
}
.custom-chart-bar { fill: var(--orange); opacity: .8; }
.custom-code-panel:has([data-action="custom-copy-action"]) textarea { min-height: 84px; height: 84px; white-space: pre-wrap; overflow-wrap: anywhere; }
.custom-code-install textarea { height: 170px; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 650px) { .custom-code-install textarea { height: 255px; } }
.custom-page button.text-link, .custom-event-detail button.text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.custom-page button.text-link:hover, .custom-event-detail button.text-link:hover { color: var(--ink); }
.custom-page button.text-link:focus-visible, .custom-event-detail button.text-link:focus-visible { outline: 2px solid var(--orange-text); outline-offset: 4px; border-radius: 3px; }
.custom-page button.text-link .icon { width: 15px; height: 15px; }
.custom-detail-layout .facts > div { display: grid; grid-template-columns: 115px 1fr; gap: 12px; padding: 9px 0; }
.custom-detail-layout .facts dt { color: var(--muted); }
.custom-detail-layout .facts dd { margin: 0; }
.custom-page h3, .custom-receipt-button strong, .custom-event-detail h1 { overflow-wrap: anywhere; }

/* Reserve the indicator and both labels before a synchronization starts. */
.sync-content { display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;vertical-align:middle; }
.sync-indicator { display:inline-flex;flex:0 0 15px;visibility:hidden; }
.sync-content[data-syncing="true"] .sync-indicator { visibility:visible; }
.sync-content[data-syncing="false"] .dot-pattern > span { animation:none; }
.sync-labels { display:grid;min-width:0; }
.sync-labels > span { grid-area:1 / 1; }
.sync-labels > span[aria-hidden="true"] { visibility:hidden; }
.sync-content .dot-pattern { margin:0; }

.sync-result { min-height:3.6em; }

/* Statistics: publication counters and observation history are separate readings. */
.statistics-social-page .page-header { margin-bottom: 22px; }
.statistics-social-page .statistics-period { font-size: 11px; margin: 0 0 14px; }
.statistics-social-page .statistics-filters { margin-bottom: 10px; }
.statistics-social { margin-top: 0; }
.statistics-social-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.statistics-mode-tabs { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 10px; gap: 3px; }
.statistics-mode-tabs button { padding: 10px 17px; min-height: 42px; border: 1px solid transparent; border-radius: 7px; background: transparent; font-size: 12px; font-weight: 550; color: var(--muted); }
.statistics-mode-tabs button[aria-pressed="true"] { color: var(--ink); border-color: var(--orange); background: var(--orange-soft); }
.statistics-publication-summary { background: var(--silver); border: 1px solid var(--line); border-radius: 12px; padding: 23px 24px 15px; }
.statistics-summary-grid { display: grid; grid-template-columns: 1.35fr .85fr .8fr; }
.statistics-summary-grid > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 0 24px; border-left: 1px solid var(--line); }
.statistics-summary-grid > div:first-child { padding-left: 0; border: 0; }
.statistics-summary-grid strong { font: 700 34px/1.1 var(--display); font-variant-numeric: tabular-nums; }
.statistics-summary-grid > div:first-child strong { font-size: 40px; }
.statistics-summary-grid span { font-size: 12px; color: var(--muted); line-height: 1.5; }
.statistics-summary-grid small { color: var(--muted); font-size: 10px; }
.statistics-publication-summary > p { margin-top: 18px; font-size: 10px; text-align: center; color: var(--muted); }
.statistics-evolution-note { display: flex; align-items: center; gap: 10px; background: var(--silver); border: 1px solid var(--line); border-radius: 9px; padding: 12px 16px; margin: 12px 0 20px; font-size: 12px; color: var(--muted); }
.statistics-evolution-note .icon { width: 18px; height: 18px; }
.statistics-social .statistics-publications { margin: 0; padding: 0; border-top: 0; }
.statistics-publications > .section-heading { align-items: center; gap: 12px; margin: 0 0 12px; }
.statistics-publications h2 { display: flex; align-items: center; gap: 10px; font-size: 23px; }
.statistics-publications h2 > span { font: 450 12px var(--font); color: var(--muted); }
.statistics-publication-sort .custom-select { min-width: 150px; }
.statistics-publication-sort .select-trigger { padding: 9px 12px; min-height: 42px; font-size: 11px; }
.statistics-publications .audience-post-list { margin-top: 0; }
.statistics-publications .audience-post-list > li { position: relative; border-radius: 0; }
.statistics-publications .audience-post-list > li.is-expanded { background: var(--silver); border: 1px solid var(--line); border-left: 3px solid var(--orange); border-radius: 11px; margin-bottom: 3px; }
.statistics-publications .audience-post-row { grid-template-columns: 24px minmax(0,1fr) auto 18px; gap: 12px; padding: 17px 12px; min-height: 70px; }
.statistics-publications .audience-post-copy > strong { font-size: 13px; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }
.statistics-publications .audience-post-copy > small { font-size: 10px; margin-top: 4px; }
.statistics-publications .audience-post-value > strong { font-size: 17px; }
.statistics-publications .audience-post-value > small { font-size: 10px; }
.statistics-publications .audience-post-detail { padding: 0 16px 14px 48px; }
.statistics-publications .audience-post-detail dl { margin: 0; padding: 15px 0; background: transparent; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px 0; border-top: 1px solid var(--line); }
.statistics-publications .audience-post-detail dl > div { padding: 0 16px; border-left: 1px solid var(--line); min-width: 0; }
.statistics-publications .audience-post-detail dl > div:nth-child(3n+1) { padding-left: 0; border-left: 0; }
.statistics-publications .audience-post-detail dt { font-size: 10px; line-height: 1.5; }
.statistics-publications .audience-post-detail dd { font-size: 16px; margin-top: 4px; }
.statistics-publications .audience-post-detail dd.unavailable { font: 450 12px/1.5 var(--font); color: var(--muted); }
.statistics-publications .publication-metric-source { font: 400 9px/1.6 var(--font); }
.statistics-publications .statistics-post-reading { margin: 0; font-size: 10px; color: var(--muted); }
.statistics-publications .publication-post-actions { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 12px; }
.statistics-publications .publication-post-actions .text-link { font-size: 11px; }
.statistics-publications .publication-post-actions .publication-update-button { padding: 9px 12px; min-height: 40px; font-size: 11px; }
.statistics-publications .publication-post-actions .icon { width: 16px; height: 16px; }
.statistics-post-assignment { margin-top: 12px; }
.statistics-post-assignment > .text-link { font-size: 10px; color: var(--muted); }
.statistics-post-assignment .icon { width: 14px; height: 14px; }
.statistics-post-assignment .custom-select { margin-top: 10px; }
.statistics-social-accounts { margin: 16px 0 10px; display: grid; gap: 8px; }
.statistics-social-accounts > div { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--silver); }
.statistics-social-accounts > div > div { flex: 1; min-width: 0; }
.statistics-social-accounts strong { display: block; font-size: 12px; font-weight: 550; overflow-wrap: anywhere; }
.statistics-social-accounts span:not(.network-mark) { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; }
.statistics-social-accounts .text-link { font-size: 11px; }
.statistics-social-accounts .network-mark { width: 32px; height: 32px; }
.statistics-social .audience-method { margin-top: 12px; padding-top: 0; }
.statistics-social .audience-method .expand-button { padding-block: 14px; }
.statistics-social-loading { min-height: 160px; padding: 24px 0; color: var(--muted); }
.statistics-social-metric { margin: 12px 0; max-width: 260px; }
.statistics-social-page .demo-footnote { font-size: 10px; margin-top: 16px; }
@media (max-width: 600px) {
  .statistics-social-page .page-header { display: block; }
  .statistics-social-page .header-actions { justify-content: flex-start; margin-top: 16px; }
  .statistics-social-page .page-header h1 { font-size: 30px; }
  .statistics-social-page .header-actions .button { padding-inline: 10px; font-size: 11px; }
  .statistics-social-page .header-actions { gap: 8px; }
  .statistics-publication-summary { padding: 18px 16px 14px; }
  .statistics-summary-grid { grid-template-columns: 1.2fr .85fr .8fr; }
  .statistics-summary-grid > div { padding-inline: 12px; }
  .statistics-summary-grid strong { font-size: 28px; }
  .statistics-summary-grid > div:first-child strong { font-size: 34px; }
  .statistics-summary-grid span { font-size: 10px; }
  .statistics-publication-summary > p { text-align: left; font-size: 10px; line-height: 1.7; }
  .statistics-publications h2 { font-size: 20px; }
  .statistics-publication-sort .custom-select { min-width: 120px; }
  .statistics-publication-sort .select-trigger { max-width: 145px; }
  .statistics-publications .audience-post-row { grid-template-columns: 19px minmax(0,1fr) auto 16px; gap: 8px; padding: 15px 6px; }
  .statistics-publications .audience-post-copy > strong { font-size: 12px; }
  .statistics-publications .audience-post-copy > small { font-size: 9px; }
  .statistics-publications .audience-post-value > small { font-size: 9px; }
  .statistics-publications .audience-post-detail { padding: 0 12px 14px 32px; }
  .statistics-publications .audience-post-detail dl { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 0; }
  .statistics-publications .audience-post-detail dl > div { border-left: 1px solid var(--line); padding: 0 12px; }
  .statistics-publications .audience-post-detail dl > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  .statistics-publications .audience-post-detail .publication-post-actions { gap: 14px; }
  .statistics-publications .publication-post-actions .publication-update-button { width: 100%; }
  .statistics-evolution-note { font-size: 11px; padding: 12px; align-items: flex-start; }
  .statistics-mode-tabs button { padding-inline: 13px; font-size: 11px; }
}
.statistics-publications .statistics-post-basis { margin: 0 0 6px; font-size: 10px; color: var(--muted); }
.app-shell:has(.statistics-social-page) .mobile-masthead .demo-badge { display: none; }
.statistics-social-page .publication-add-button { background: var(--orange-soft); border-color: var(--orange); color: var(--ink); }
.statistics-social button.text-link { appearance: none; background: transparent; border: 0; padding: 0; border-radius: 4px; }
.statistics-social .publication-history-button { padding-inline: 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-weight: 500; }
.statistics-social-page .statistics-summary-grid { grid-template-columns: 1.2fr .8fr .8fr; }
:root[data-theme="dark"] .statistics-social-page { --silver: #1a262e; --ink: #eef3f6; --line: #31414b; }
.statistics-publications .statistics-post-basis > span { display: block; margin-top: 5px; }
@media (min-width: 900px) {
  .statistics-social-page { max-width: 815px; margin-inline: auto; }
  .statistics-social-page .page-header h1 { font-size: 42px; }
  .statistics-social-page .subtitle { font-size: 16px; }
  .statistics-summary-grid > div:first-child strong { font-size: 44px; }
  .statistics-summary-grid strong { font-size: 38px; }
  .statistics-summary-grid span { font-size: 14px; }
  .statistics-publications .audience-post-copy > strong { font-size: 16px; }
  .statistics-publications .audience-post-copy > small { font-size: 11px; }
  .statistics-publications .audience-post-row { padding-block: 14px; }
  .statistics-publications .audience-post-value > strong { font-size: 19px; }
  .statistics-publications .audience-post-detail dt { font-size: 11px; }
  .statistics-publications .audience-post-detail dd { font-size: 18px; }
}
.statistics-social button.publication-history-button { padding-inline: 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-weight: 500; }
@media (min-width: 900px) {
  .statistics-social-page .statistics-publications h2 { font-size: 28px; }
  .statistics-social-page .statistics-summary-grid span { font-size: 16px; }
  .statistics-social-page .statistics-publication-summary > p { font-size: 12px; }
  .statistics-publications .audience-post-copy > strong { font-size: 17px; }
  .statistics-publications .audience-post-detail dd.unavailable { font-size: 14px; }
  .statistics-publications .audience-post-detail dt { font-size: 12px; }
  .statistics-publications .publication-post-actions .text-link { font-size: 12px; }
  .statistics-evolution-note { font-size: 13px; }
  .statistics-social-accounts strong { font-size: 14px; }
  .statistics-social .audience-method .expand-button { font-size: 13px; }
}
@media (max-width: 1049px) {
  .statistics-social-page .page-header { position: relative; }
  .statistics-social-page .page-header .theme-toggle { position: absolute; top: -58px; right: 0; }
  .app-shell:has(.statistics-social-page) .mobile-masthead { max-width: 815px; margin-inline: auto; }
}