/* Creator image retains the approved identity circle dimensions. */
#creator-avatar{overflow:hidden;flex-shrink:0}#creator-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.preview-notice{position:fixed;inset:0 0 auto;z-index:10;min-height:32px;padding:7px 16px;text-align:center;background:var(--bg);color:var(--muted);border-bottom:1px solid var(--border);font-size:11px;line-height:18px}body{padding-top:34px}.demo-tools{margin:-8px 0 24px;color:var(--muted);font-size:12px}.demo-tools summary{cursor:pointer;padding:8px 0}.demo-tools label{display:block;margin-top:8px}.demo-tools select{margin-left:12px}#stats-status{font-size:12px;color:var(--muted);margin-bottom:18px}#retry-stats{background:var(--accent);border:0;padding:12px;border-radius:7px;cursor:pointer}button{cursor:pointer}button:disabled{cursor:not-allowed}input:focus-visible,summary:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#06100ccc;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font-size:23px;margin:0}.close{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--ink);width:44px;height:44px;font-size:26px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 8px}.method-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#172a20;color:var(--ink);border:1px solid #395141;border-radius:10px;min-width:0;padding:16px;font-size:15px}.method-card:hover{border-color:var(--accent);background:#203628}.method-card{text-align:center}.method-copy{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:40px}.method-mark svg{display:block;width:32px;height:32px}.method-card small{color:var(--muted);font-size:12px}.method-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--bg);font-size:26px;font-weight:bold;border-radius:9px}#modal-note,.payment-note{color:var(--muted);font-size:13px;line-height:1.6}#destination-form{margin-top:24px}#destination-form select{display:block;width:100%;padding:14px;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:8px;font:inherit}#destination-form input{font:inherit}#destination-form small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:8px}.secondary{background:transparent;color:var(--muted);border:0;padding:14px 0;min-height:44px;font:inherit;font-size:13px}#confirmation h3{font-size:17px;margin-top:24px}#confirmation p{color:var(--muted);font-size:13px;line-height:1.5}#quote-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;border-block:1px solid var(--border);padding:20px 0}#quote-details dt{color:var(--muted)}#quote-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.error{color:#ffaaa4;font-size:13px;line-height:1.5}.error:empty{display:none}.history-record{padding:24px;margin-top:14px}.history-record h3{font-size:17px;margin:0 0 12px}.history-record p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.history-record summary{font-size:12px;color:var(--accent);cursor:pointer;min-height:44px;display:flex;align-items:center}.email-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}#history .history-empty{padding:24px;font-size:13px;color:var(--muted)}#payment-feedback{color:var(--accent);font-size:13px;line-height:1.5;margin-top:14px}.payments-table td{padding:20px 24px}#exit-mobile{display:none}.privacy-note{font-size:12px;line-height:1.5;color:var(--muted);margin:20px 0}.reset-demo{background:none;color:var(--muted);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:8px 14px;font:inherit;font-size:12px}
.bars{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));gap:2px}.hour-bar{display:flex;align-items:flex-end;height:100%;min-width:0;padding:0;border:0;background:transparent}.bars .hour-bar span{display:block;width:100%;flex:none}.hour-bar:hover span,.hour-bar:focus span{background:var(--accent)}.hour-bar:focus-visible{outline-offset:1px}@media(min-width:651px){aside{top:34px}}.metric-select{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0;appearance:none;background:transparent;color:var(--ink);font:inherit;text-align:left;border:0;border-radius:0;position:relative}.metric-select[aria-pressed=true]::after{content:"";position:absolute;inset:auto 20px 0;height:2px;background:var(--accent)}.metric-select:hover{background:#b7ef7208}.chart-point:focus,.chart-point:hover{fill:var(--accent);stroke:var(--bg);stroke-width:2;outline:none}.chart-tooltip{position:fixed;z-index:20;pointer-events:none;width:max-content;max-width:calc(100vw - 16px);padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink);font-size:12px;line-height:1.5;box-shadow:0 8px 24px #0005;white-space:normal}#withdraw:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--bg)}#withdraw:not(:disabled):hover{filter:brightness(1.06)}
@media(max-width:700px){dialog{padding:22px}.method-grid{gap:12px}.method-card{font-size:14px;padding:12px}.modal-head h2{font-size:21px}#exit-mobile{display:block}.heading{flex-wrap:wrap}.history-record{padding:18px}.payments-table td{padding:18px 12px}#quote-details{font-size:12px;grid-template-columns:.9fr 1.1fr}.demo-tools{margin-top:0}}
.login-help a{color:var(--accent);display:inline-block;min-height:44px;padding:10px 0;text-underline-offset:3px}.mobile-logout{display:none}@media(max-width:650px){.mobile-logout{display:block;min-height:44px}}

/* Clean statistics interactions retain the approved dark-green surface. */
.stats-chart-wrap{position:relative}.daily-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;touch-action:manipulation}.daily-point:hover,.daily-point:focus-visible{background:#b7ef7214;outline:2px solid var(--accent);outline-offset:-10px}.chart-tooltip[hidden]{display:none}.chart-tooltip{white-space:pre-line;border-radius:10px;line-height:1.6}.chart-tooltip{background:var(--surface);border-color:var(--border);font-variant-numeric:tabular-nums;max-width:min(300px,calc(100vw - 16px))}.stats-note:empty,#stats-chart-note:empty{display:none}.stats-controls input{background:var(--surface);border-color:var(--border)}.stats-metric{border-color:var(--border)}.stats-metric span,.stats-note{color:var(--muted)}
.recent-total{display:block;font-size:28px;margin-top:20px;font-variant-numeric:tabular-nums}.realtime .recent-bars{height:144px;margin:42px 0 12px;gap:2px}.recent-bars .hour-bar{height:144px;min-height:44px;border-radius:2px;touch-action:manipulation}.recent-bars .hour-bar span{background:var(--accent);border-radius:2px 2px 0 0;opacity:.75}.recent-bars .hour-bar[data-missing=true] span{background:repeating-linear-gradient(135deg,var(--muted) 0 1px,transparent 1px 3px);opacity:.7}.recent-bars .hour-bar:hover span,.recent-bars .hour-bar:focus-visible span{opacity:1}.recent-range{font-size:10px;white-space:normal}.realtime{min-width:0}.stats-chart-wrap{margin-top:44px}
/* Compact empty and mobile states; no reserved chart without observations. */
.recent-bars:empty{display:none}.stats-controls input{background:var(--surface);border-color:var(--border)}.stats-metric{border-color:var(--border)}.stats-metric span,.stats-note{color:var(--muted)}.stats-chart-wrap{margin-top:32px}@media(max-width:600px){.stats-table-wrap table{table-layout:fixed;font-size:12px}#stats-episodes th,#stats-episodes td{padding:12px 4px;overflow-wrap:anywhere}.stats-table-wrap th:first-child,.stats-table-wrap td:first-child{min-width:0;width:40%}.stats-table-wrap th:nth-child(2){width:36%}.stats-table-wrap th:nth-child(3){width:24%}}

.stats-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.stats-controls input{color:inherit;background:var(--surface);border:1px solid var(--border);padding:10px;border-radius:8px;min-height:44px;color-scheme:dark}.stats-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.stats-metric{font:inherit;color:inherit;text-align:left;background:transparent;border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;min-height:90px}.stats-metric span{display:block;font-size:13px;color:#a9adb5}.stats-metric strong{display:block;font-size:28px;margin-top:8px}.stats-metric.selected{border-color:#b7ef72}.stats-metric:focus-visible,.stats-chart-wrap circle:focus-visible{outline:2px solid #b7ef72;outline-offset:4px}.stats-note{font-size:12px;line-height:1.7;color:#a9adb5;overflow-wrap:anywhere}.stats-chart-wrap{width:100%;margin-top:32px}.stats-chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.stats-table-panel{margin-top:24px;padding:24px;min-width:0}.stats-table-wrap{overflow-x:auto}.stats-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.stats-table-wrap th,.stats-table-wrap td{padding:14px 10px;border-bottom:1px solid #303238;text-align:right}.stats-table-wrap th:first-child,.stats-table-wrap td:first-child{text-align:left;min-width:0;max-width:360px;overflow-wrap:anywhere}.stats-table-wrap th{color:#a9adb5;font-weight:500}.stats-chart-wrap circle{cursor:pointer}.realtime h2:not(:first-child){margin-top:28px}#stats-page>.layout{min-width:0}#stats-page .monthly{min-width:0}#stats-status{margin-bottom:18px}@media(max-width:600px){.stats-metric{padding:12px}.stats-metric strong{font-size:24px}.stats-table-panel{padding:16px}.stats-controls{gap:8px}.stats-controls label{width:100%}}
/* Zero balance permits viewing methods, not choosing or submitting one. */
button.balance{display:block;text-align:left;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:48px;font-weight:600;line-height:normal;cursor:pointer;min-height:48px}
.method-card:disabled{opacity:.45;cursor:not-allowed}.method-card:disabled:hover{border-color:#395141;background:#172a20}
@media(max-width:650px){button.balance{font-size:42px}}
/* Account holders are monetized, confirmed by Dani; visual status only. */
.stats-side{display:grid;gap:16px;min-width:0}
.monetization-status{display:flex;align-items:center;gap:14px;padding:18px 23px;min-width:0}
.monetization-caption{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-bottom:5px}
.monetization-status h2{font-size:14px;line-height:1.4;color:var(--accent);margin:0}
.monetization-dot{position:relative;display:block;width:10px;height:10px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #b7ef7233;animation:monetization-glow 2.8s ease-in-out infinite}
.monetization-dot::after{content:"";position:absolute;inset:-5px;border:1px solid #b7ef722b;border-radius:50%}
@keyframes monetization-glow{0%,100%{opacity:.65;box-shadow:0 0 5px #b7ef7226}50%{opacity:1;box-shadow:0 0 13px #b7ef7259}}
@media(prefers-reduced-motion:reduce){.monetization-dot{animation:none}}
/* Compact monitor layout: controls share the heading, charts remain fully visible. */
body:has(#test-banner[hidden]){padding-top:0}
@media(min-width:651px){body:has(#test-banner[hidden]) aside{top:0;overflow-y:auto}#stats-page{padding:24px 32px 32px}#stats-page .heading{margin:24px 0 14px;align-items:center}#stats-page .heading h1{margin-bottom:6px}#stats-page .monthly{padding:22px}#stats-page .stats-chart-wrap svg{height:clamp(160px,calc(100svh - 444px),250px)}}
/* Disabled roadmap navigation retains the existing Monitor palette. */
#account-nav nav button:disabled{color:var(--muted);opacity:.65;cursor:not-allowed;background:transparent;min-height:44px}
.stats-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.stats-pagination span{margin-right:8px}.stats-pagination button{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:var(--surface);cursor:pointer}.stats-pagination button:disabled{opacity:.45;cursor:default}
#stats-delay-notice{margin:0 0 14px;font-size:12px;line-height:1.5}
.stats-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
#stats-page .stats-controls{margin:0;gap:12px}
#stats-page .stats-controls label{width:auto}
#stats-page #stats-status{margin:0 0 14px;min-height:19px}
#stats-page #stats-status:empty,#stats-recent-updated:empty{display:none}
#stats-page .stats-metrics{margin:18px 0 0}
#stats-page .stats-chart-wrap{margin-top:20px}
#stats-page .layout{align-items:start}
#stats-page .stats-table-panel{margin-top:20px}
/* MAIN only: balance the monthly chart against both right-hand cards. */
@media(min-width:1101px){
 #stats-page .layout:has(> .stats-side > #main-coverage:not([hidden])){align-items:stretch}
 #stats-page .layout:has(> .stats-side > #main-coverage:not([hidden])) > .monthly{display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto auto}
 #stats-page .layout:has(> .stats-side > #main-coverage:not([hidden])) > .monthly .stats-chart-wrap{min-height:280px}
 #stats-page .layout:has(> .stats-side > #main-coverage:not([hidden])) > .monthly .stats-chart-wrap svg{position:absolute;inset:0;width:100%;height:100%}
}
.main-coverage{padding:20px}.main-coverage h2{font-size:16px;margin:0 0 6px}.main-coverage dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.main-coverage dt{font-size:11px;color:var(--muted,#909b94);margin-bottom:6px}.main-coverage dd{margin:0;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.main-coverage #main-included{color:var(--accent,#b7ef72)}#main-hourly-coverage:empty{display:none}
@media(max-width:800px){#stats-page .heading{flex-wrap:wrap;gap:16px}.stats-header-actions{flex-wrap:wrap;flex-shrink:1}#stats-page .stats-controls{flex-wrap:wrap}}
@media(max-width:650px){#stats-page .heading{margin:18px 0 14px;width:100%;flex-direction:column;align-items:stretch}.stats-header-actions{justify-content:space-between;gap:8px}#stats-page .stats-controls{gap:8px}#stats-page .stats-controls label{font-size:12px}#stats-page .stats-controls input{min-width:0;max-width:190px}#stats-page .stats-chart-wrap svg{height:auto}}


/* Metric and episode cutoffs keep mixed reporting dates honest without source prose. */
.stats-cutoff{display:block;font-size:11px;line-height:1.4;color:var(--muted);font-weight:400;margin:6px 0 0}.stats-cutoff:empty{display:none}.stats-table-panel>.stats-cutoff{margin:6px 0 2px}

/* Locale control: same palette, accessible touch target, no dashboard redesign. */
.language-control{position:fixed;top:12px;right:24px;z-index:12;width:max-content;}
body:has(#test-banner:not([hidden]))>.language-control{top:42px;}
.language-control button{font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:44px;min-height:44px;padding:8px 12px;}
.language-control button:hover{color:var(--ink);border-color:var(--accent);}
.language-control button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
[data-language-options]{position:absolute;top:calc(100% + 8px);right:0;display:flex;gap:6px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0005;}
[data-language-options][hidden]{display:none;}
[data-language-option][aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--bg);}
#withdraw-modal .language-control{position:relative;top:auto;right:auto;margin:16px 0 0 auto;}
#withdraw-modal [data-language-options]{top:auto;bottom:calc(100% + 8px);}
@media(min-width:701px){.stats-header-actions{margin-right:120px;}#payments-page .heading{padding-right:120px;}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:700px){body>.language-control{position:relative;top:auto!important;right:auto;margin:8px 16px 16px auto;}.login-mode>.language-control{position:fixed;top:12px!important;right:12px;margin:0;}body:has(#test-banner:not([hidden])).login-mode>.language-control{top:42px!important;}body>.language-control [data-language-options]{top:auto;bottom:calc(100% + 8px);}.login-mode>.language-control [data-language-options]{top:calc(100% + 8px);bottom:auto;}}

/* Preserve the native month picker while its readout follows the selected UI locale. */
.stats-month-field{position:relative;display:inline-flex;width:190px;max-width:100%;}
.stats-month-field input{width:100%;min-width:0;box-sizing:border-box;}
.stats-month-field.is-localized input::-webkit-datetime-edit{opacity:0;}
.stats-month-field.is-localized input{color:transparent;caret-color:transparent;}
.stats-month-field #stats-month-display{position:absolute;inset:0 34px 0 11px;display:flex;align-items:center;pointer-events:none;white-space:nowrap;font-size:12px;color:var(--ink);}
.stats-month-field #stats-month-display[hidden]{display:none;}

@media(max-width:380px){#account-nav{flex-wrap:wrap;gap:12px;}#account-nav nav{width:100%;justify-content:space-between;flex-wrap:wrap;}#account-nav nav button{padding:10px 8px;min-height:48px;}}