/* Creator analytics. Drawer entry, private dialog and standalone fallback only. */
body.voicepa-product-ui #navArea #ham .vp-analytics-card {
  display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:12px;
  min-width:0; margin:0 0 16px; padding:16px; border:1px solid #cb93aa; border-radius:14px;
  background:#fff5f8; color:#382a32; text-decoration:none; box-shadow:0 3px 12px #94385f0a;
}
body.voicepa-product-ui #navArea #ham .vp-analytics-card__art { display:block; min-width:0; align-self:center; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__art img { display:block; width:82px; height:82px; max-width:100%; margin:0; border:0; background:transparent; object-fit:contain; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__copy { display:block; min-width:0; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__eyebrow { display:block; margin:0 0 5px; color:#7b3150; font-size:12px; font-weight:700; line-height:1.5; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__headline { display:block; margin:0; color:#522d3f; font-size:17px; font-weight:750; line-height:1.5; overflow-wrap:anywhere; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__metrics { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:4px 12px; min-width:0; padding-top:12px; border-top:1px solid #ead0dc; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__views { grid-row:1/3; display:block; min-width:0; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__views strong { display:block; margin:0; color:#7e294f; font-size:40px; font-weight:750; line-height:1.1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__views small { display:block; margin-top:6px; color:#75616b; font-size:12px; line-height:1.5; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__points { min-width:0; max-width:15ch; color:#75616b; font-size:12px; line-height:1.5; text-align:right; overflow-wrap:anywhere; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__period { color:#75616b; font-size:12px; line-height:1.5; text-align:right; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__cta { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; min-width:0; margin-top:2px; padding:9px 12px; border:1px solid #94385f; border-radius:8px; background:#94385f; color:#fff; font-size:13px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card__cta .vp-ui-icon { flex:none; width:16px; height:16px; color:inherit; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card:is(:hover,:focus-visible) { border-color:#94385f; background:#ffedf4; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card:is(:hover,:focus-visible) .vp-analytics-card__cta { background:#7b294b; border-color:#7b294b; text-decoration:underline; text-underline-offset:3px; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card:focus-visible { outline:3px solid #94385f!important; outline-offset:3px; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card:active { background:#f9dfea; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card[data-vp-analytics-state="growth"] { border-color:#94385f; background:#ffedf4; }
body.voicepa-product-ui #navArea #ham .vp-analytics-card[data-vp-analytics-state="growth"] .vp-analytics-card__art { border-radius:50%; background:radial-gradient(circle,#f6cfde,transparent 72%); }

/* Native top-layer dialog. The fixed backdrop is used only by the JS fallback. */
#vp-creator-analytics.vp-analytics-dialog {
  --vp-analytics-ink:#382a32; --vp-analytics-muted:#75616b; --vp-analytics-line:#e7d8df; --vp-analytics-accent:#94385f;
  position:fixed; inset:0; top:calc(var(--vp-analytics-top,0px) + 16px); bottom:auto;
  z-index:2147483500; display:grid; grid-template-rows:auto auto minmax(0,1fr);
  width:min(1100px,calc(100% - 32px)); min-width:0; max-width:none;
  height:min(860px,calc(var(--vp-analytics-height,100dvh) - 32px)); min-height:0; max-height:none;
  margin:0 auto; padding:0; border:1px solid #e7d8df; border-radius:16px;
  background:#fffaf7; color:#382a32; font-family:inherit; font-size:14px; line-height:1.6; text-align:left;
  box-shadow:0 24px 72px #28172138; overflow:hidden; overscroll-behavior:contain; isolation:isolate;
}
#vp-creator-analytics.vp-analytics-dialog[hidden] { display:none!important; }
#vp-creator-analytics.vp-analytics-dialog::backdrop { background:rgb(40 23 33 / 35%); }
#vp-analytics-backdrop { position:fixed; inset:0; z-index:2147483499; background:rgb(40 23 33 / 35%); }
#vp-analytics-backdrop[hidden] { display:none!important; }
#vp-creator-analytics.vp-analytics-dialog:focus { outline:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar > [data-vp-analytics-refresh] { flex:none; min-height:44px; margin-left:auto; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar {
  display:flex; align-items:center; gap:16px; min-width:0; min-height:65px; margin:0; padding:10px 24px;
  border:0; border-bottom:1px solid #e7d8df; background:#fffaf7; color:#382a32;
}
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar > :is(strong,h1) { min-width:0; margin:0; padding:0; border:0; background:transparent; color:#522d3f; font-family:inherit; font-size:16px; font-weight:750; line-height:1.5; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar :is([data-vp-analytics-back],a) {
  flex:none; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  width:auto; min-width:44px; min-height:44px; margin:0; padding:8px 12px;
  border:1px solid #d8b8c7; border-radius:8px; background:#fff; color:#7b3150;
  font:inherit; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none; cursor:pointer;
}
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar :is([data-vp-analytics-back],a) .vp-ui-icon { flex:none; width:18px; height:18px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar :is([data-vp-analytics-back],a):hover { border-color:#94385f; background:#f9e8ef; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-status { grid-row:2; min-width:0; margin:0; padding:12px 24px; border:0; border-bottom:1px solid #d8c6ce; background:#fbf0e9; color:#654535; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-status.is-error { background:#fff0ef; color:#7d3940; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-status :is(button,a) { display:inline-flex; align-items:center; min-height:44px; margin:4px 8px 0 0; padding:7px 12px; border:1px solid currentColor; border-radius:7px; background:transparent; color:inherit; font:inherit; font-weight:700; text-decoration:none; cursor:pointer; }
#vp-creator-analytics .vp-analytics-body { grid-row:3; min-width:0; min-height:0; margin:0; padding:24px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#c7a8b6 transparent; -webkit-overflow-scrolling:touch; scroll-padding-block:24px; }
#vp-creator-analytics .vp-analytics-body:empty { min-height:120px; }

/* The standalone fallback uses the same report, with no private modal required. */
.vp-analytics-page { --vp-analytics-ink:#382a32; --vp-analytics-muted:#75616b; --vp-analytics-line:#e7d8df; --vp-analytics-accent:#94385f; width:min(1100px,100%); min-width:0; margin:0 auto; padding:28px 24px; background:#fffaf7; color:#382a32; font-family:inherit; font-size:14px; line-height:1.6; }
/* The theme's #page is a flex article/sidebar container on desktop. This
   report is a single document; retain a block flow at that ID specificity. */
body.voicepa-product-ui #page.vp-analytics-page { display:block; width:min(1100px,100%); max-width:1100px; float:none; }
body.voicepa-product-ui #page.vp-analytics-page > .vp-analytics-toolbar { margin:0 0 24px; padding:0 0 16px; }
body.voicepa-product-ui #page.vp-analytics-page > .vp-analytics-status { margin:0 0 20px; border:1px solid #d8c6ce; border-radius:8px; }
:is(#vp-creator-analytics,.vp-analytics-page) *,
:is(#vp-creator-analytics,.vp-analytics-page) *::before,
:is(#vp-creator-analytics,.vp-analytics-page) *::after { box-sizing:border-box; }
:is(#vp-creator-analytics,.vp-analytics-page) [hidden] { display:none!important; }
:is(#vp-creator-analytics,.vp-analytics-page) :is(p,h1,h2,h3,span,strong,small,dt,dd,a,button,summary) { letter-spacing:0; word-spacing:0; }
:is(#vp-creator-analytics,.vp-analytics-page) :is(a,button,summary) { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
:is(#vp-creator-analytics,.vp-analytics-page) :is(a,button,summary,[tabindex]):focus-visible { outline:3px solid #94385f!important; outline-offset:3px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-ui-icon { display:block; flex:none; width:18px; height:18px; margin:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:20px; min-width:0; margin:0; padding:0; color:#382a32; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report > * { min-width:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report :is(h2,h3) { display:block; margin:0; padding:0; border:0; background:none; color:#522d3f; font-family:inherit; font-size:18px; font-weight:750; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report :is(h2,h3)::before,
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report :is(h2,h3)::after { content:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report p { margin:8px 0 0; padding:0; color:#75616b; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-eyebrow { display:block; margin:0 0 6px; padding:0; color:#7b3150; font-size:12px; font-weight:700; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight { grid-column:1/-1; display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:20px; min-width:0; padding:0 0 18px; border-bottom:1px solid #e7d8df; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight > div { min-width:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight__art { display:block; width:100px; height:100px; max-width:100%; margin:0; padding:0; border:0; background:transparent; object-fit:contain; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-insight__headline { font-size:clamp(21px,2.6vw,29px); line-height:1.45; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-insight p { margin-top:7px; font-size:13px; }

/* The large record is primary; wallet credits remain a separately named fact. */
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-overview { padding:20px; border:1px solid #e1cbd5; border-radius:12px; background:#fff; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metrics { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; min-width:0; margin:0; padding:0; border:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric { min-width:0; margin:0; padding:0; border:0; background:transparent; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric--points { padding-left:18px; border-left:1px solid #e7d8df; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric dt { margin:0 0 8px; padding:0; color:#75616b; font-size:12px; font-weight:500; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric dd { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; margin:0; padding:0; border:0; color:#63354c; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric dd strong { display:block; min-width:0; max-width:100%; color:#7e294f; font-size:clamp(30px,3.5vw,44px); font-weight:750; line-height:1.15; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric--points dd strong { color:#63354c; font-size:clamp(25px,3vw,34px); }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric dd span { color:#75616b; font-size:13px; font-weight:500; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric__note { margin:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric__note small { display:block; margin-top:8px; color:#75616b; font-size:12px; line-height:1.6; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-comparison { display:flex; align-items:center; flex-wrap:wrap; gap:6px 20px; margin:18px 0 0; padding-top:13px; border-top:1px solid #e7d8df; color:#75616b; font-size:12px; line-height:1.6; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-comparison > span { min-width:0; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-comparison strong { color:#49333f; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }

:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-advice { padding:20px; border:1px solid #e5c1d1; border-radius:12px; background:#fff1f6; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-advice__work strong { color:#63354c; font-weight:650; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-action { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; width:auto; max-width:100%; min-height:44px; margin:14px 0 0; padding:10px 14px; border:1px solid #94385f; border-radius:8px; background:#94385f; color:#fff; font:inherit; font-size:13px; font-weight:700; line-height:1.5; text-align:left; text-decoration:none; cursor:pointer; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-action:hover { border-color:#7b294b; background:#7b294b; color:#fff; text-decoration:underline; text-underline-offset:3px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-text-action { display:inline-flex; align-items:center; min-height:44px; max-width:100%; margin:8px 0 0; padding:8px 0; border:0; border-radius:4px; background:transparent; color:#7b3150; font:inherit; font-size:13px; font-weight:700; line-height:1.5; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
:is(#vp-creator-analytics,.vp-analytics-page) :is(.vp-analytics-action,.vp-analytics-text-action):disabled { opacity:.6; cursor:wait; }

:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:16px 24px; min-width:0; padding:20px; border:1px solid #e1cbd5; border-radius:12px; background:#fff; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend > h3 { grid-column:1/-1; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__chart { display:flex; align-items:flex-end; min-width:0; color:#a55276; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__chart svg { display:block; width:100%; max-height:150px; height:auto; margin:0; overflow:visible; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-table-scroll { min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__table { width:100%; max-width:none; margin:0; border:0; border-collapse:collapse; table-layout:fixed; background:transparent; color:#49333f; font-size:12px; line-height:1.6; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__table caption { margin:0 0 8px; padding:0; color:#75616b; font-size:12px; line-height:1.5; text-align:left; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__table :is(th,td) { padding:9px 8px; border:0; border-bottom:1px solid #ecdee5; background:transparent; color:inherit; font-weight:400; text-align:left; vertical-align:middle; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__table :is(th,td):last-child { width:28%; text-align:right; font-variant-numeric:tabular-nums; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__table thead th { color:#75616b; font-weight:600; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-works { grid-column:1/-1; min-width:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-section-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; margin-bottom:12px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-section-heading small { color:#75616b; font-size:12px; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; margin:0; padding:0; list-style:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work { display:flex; flex-direction:column; justify-content:space-between; gap:14px; min-width:0; margin:0; padding:16px; border:1px solid #e1cbd5; border-radius:10px; background:#fff; color:#382a32; list-style:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work::before { content:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__identity { min-width:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__type { display:block; margin:0 0 4px; color:#75616b; font-size:12px; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__identity :is(a,strong) { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:44px; margin:0; padding:3px 0; color:#63354c; font-size:15px; font-weight:700; line-height:1.5; text-decoration:none; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__identity a:hover { color:#7b294b; text-decoration:underline; text-underline-offset:3px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:10px 0 0; border-top:1px solid #eee1e7; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__metrics > div { min-width:0; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__metrics dt { margin:0 0 3px; padding:0; color:#75616b; font-size:12px; font-weight:400; line-height:1.5; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__metrics dd { margin:0; padding:0; border:0; color:#49333f; font-size:22px; font-weight:750; line-height:1.4; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work__metrics dd small { margin-left:4px; color:#75616b; font-size:12px; font-weight:400; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-note { margin-top:10px; font-size:12px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-works__more { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; margin:16px 0 0; padding:10px 16px; border:1px solid #d8b8c7; border-radius:8px; background:#fff; color:#7b3150; font:inherit; font-size:13px; font-weight:700; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-works__more:hover { border-color:#94385f; background:#f9e8ef; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-works__status { margin:10px 0 0; color:#75616b; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
:is(#vp-creator-analytics,.vp-analytics-page) [data-vp-analytics-more]:disabled { opacity:.6; cursor:wait; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-empty { margin:0; padding:14px; border:1px solid #e7d8df; border-radius:8px; background:#fff; color:#75616b; font-size:13px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend > .vp-analytics-empty { grid-column:1/-1; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions { grid-column:1/-1; margin:0; padding:0; border:1px solid #e1cbd5; border-radius:10px; background:#fff; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin:0; padding:12px 16px; color:#63354c; font-size:13px; font-weight:700; line-height:1.6; list-style:none; cursor:pointer; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions > summary::-webkit-details-marker { display:none; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions > summary::marker { content:''; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions[open] > summary > .vp-ui-icon { transform:rotate(90deg); }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions > div { padding:0 16px 16px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-definitions p { margin-top:10px; font-size:13px; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-range { font-variant-numeric:tabular-nums; }
:is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-freshness { grid-column:1/-1; margin:0; color:#75616b; font-size:12px; line-height:1.5; text-align:right; font-variant-numeric:tabular-nums; }

@media (max-width:760px) {
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report { grid-template-columns:minmax(0,1fr); }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend { grid-template-columns:minmax(0,1fr); }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__chart { max-width:560px; width:100%; margin:0 auto; }
}
@media (max-width:640px) {
  #vp-creator-analytics.vp-analytics-dialog { top:var(--vp-analytics-top,0px); width:100%; height:var(--vp-analytics-height,100dvh); margin:0; border:0; border-radius:0; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar { min-height:64px; gap:12px; padding:max(10px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px)); }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar > :is(strong,h1) { font-size:15px; }
  #vp-creator-analytics .vp-analytics-body { padding:20px max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); scroll-padding-block:20px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-status { padding:12px 16px; }
  .vp-analytics-page { padding:20px 16px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report { gap:16px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight { grid-template-columns:76px minmax(0,1fr); gap:12px; padding-bottom:16px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight__art { width:76px; height:76px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-insight__headline { font-size:21px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-insight p { font-size:12px; }
  :is(#vp-creator-analytics,.vp-analytics-page) :is(.vp-analytics-overview,.vp-analytics-advice,.vp-analytics-trend) { padding:16px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metrics { gap:12px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric--points { padding-left:12px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric dd strong { font-size:32px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-metric--points dd strong { font-size:27px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-work-list { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:380px) {
  body.voicepa-product-ui #navArea #ham .vp-analytics-card { grid-template-columns:68px minmax(0,1fr); gap:10px; padding:13px; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__art img { width:68px; height:68px; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__headline { font-size:16px; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__views strong { font-size:36px; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__metrics { gap:4px 8px; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__points { max-width:12ch; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight { grid-template-columns:62px minmax(0,1fr); }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-insight__art { width:62px; height:62px; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report .vp-analytics-insight__headline { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
  body.voicepa-product-ui #navArea #ham .vp-analytics-card,
  :is(#vp-creator-analytics,.vp-analytics-page) :is(a,button,summary) { transition:none; animation:none; scroll-behavior:auto; }
}
@media (forced-colors:active) {
  body.voicepa-product-ui #navArea #ham .vp-analytics-card,
  body.voicepa-product-ui #navArea #ham .vp-analytics-card[data-vp-analytics-state="growth"],
  body.voicepa-product-ui #navArea #ham .vp-analytics-card:is(:hover,:focus-visible),
  #vp-creator-analytics.vp-analytics-dialog,
  .vp-analytics-page { border-color:CanvasText; background:Canvas; color:CanvasText; box-shadow:none; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card :is(strong,small,span),
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-report :is(strong,small,span,p,dt,dd,h2,h3,a),
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar > :is(strong,h1) { color:CanvasText; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card__cta,
  body.voicepa-product-ui #navArea #ham .vp-analytics-card:is(:hover,:focus-visible) .vp-analytics-card__cta,
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-toolbar :is([data-vp-analytics-back],a),
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-works__more,
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-action,
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-action:hover { border-color:ButtonText; background:ButtonFace; color:ButtonText; }
  :is(#vp-creator-analytics,.vp-analytics-page) .vp-analytics-trend__chart { color:Highlight; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card[data-vp-analytics-state="growth"] .vp-analytics-card__art { background:none; }
  body.voicepa-product-ui #navArea #ham .vp-analytics-card:focus-visible,
  :is(#vp-creator-analytics,.vp-analytics-page) :is(a,button,summary,[tabindex]):focus-visible { outline-color:Highlight!important; }
}