/* Original reader / creator surfaces; all colors follow the active site theme. */
.creator-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:2rem;overflow:hidden;padding:clamp(24px,5vw,64px);position:relative;background:radial-gradient(ellipse at 100% 0%,var(--accent-soft),transparent 65%),var(--surface)}
.creator-hero h1{font-size:clamp(2rem,4vw,3.3rem);max-width:17ch;line-height:1.2;letter-spacing:-.04em;margin:16px 0}.creator-hero p{max-width:48ch;color:var(--muted);margin:0 0 24px}
.creator-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.creator-orbit i{position:absolute;inset:12%;border:1px solid var(--line);border-radius:50%;transform:rotateX(55deg) rotateZ(30deg)}.creator-orbit i:nth-child(2){transform:rotateX(55deg) rotateZ(-30deg);inset:3%}.creator-orbit i:nth-child(3){transform:rotateY(55deg) rotateZ(20deg);inset:8%}.creator-orbit span{display:grid;place-items:center;width:90px;height:90px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:32px;box-shadow:0 24px 80px var(--accent-soft)}.creator-orbit .icon{width:38px;height:38px}
.creator-metrics .metric-card{min-width:0}.creator-metrics strong{font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,38px)}
.revenue-steps{counter-reset:step;list-style:none;padding:0;margin:24px 0}.revenue-steps li{counter-increment:step;display:flex;gap:14px;align-items:center;padding:9px 0}.revenue-steps li:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.creator-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:30px}.creator-policy>div{display:flex;flex-direction:column;gap:10px}.creator-policy strong{font-size:30px}.creator-policy small{font-size:13px;color:var(--muted)}
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:24px}.history-controls form{margin:0}.history-controls .check-field{margin-bottom:12px}.history-controls .hint{margin:10px 0 0}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.history-card{display:flex;flex-direction:column;gap:16px;min-width:0}.history-card h2{font-size:20px;line-height:1.4;margin:0}.history-card p{color:var(--muted);font-size:14px;flex:1}.history-card progress{width:100%;height:5px;border:0;border-radius:6px;accent-color:var(--accent)}.history-card form{margin:0}.history-card .row{flex-wrap:wrap}.history-card a{overflow-wrap:anywhere}
.search-dialog{width:min(680px,calc(100vw - 24px))}.search-results{max-height:min(360px,48dvh);overflow:auto;overscroll-behavior:contain}.search-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid transparent;border-radius:14px;min-height:54px;outline-offset:-2px}.search-result strong{font-size:15px;font-weight:550;overflow-wrap:anywhere}.search-result span{font-size:20px;flex-shrink:0;color:var(--muted)}.search-result[aria-selected=true]{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.search-live-status:empty{display:none}.search-discovery[aria-busy=true]{opacity:.75}.search-live-status{min-height:1.6em}.search-dialog .search-form{margin:0}
.traced-nav{position:relative}.nav-trace{position:absolute;bottom:0;height:2px;border-radius:2px;background:var(--accent);pointer-events:none;transform-origin:left center}.nav-trace[hidden]{display:none}.feedback-demo-tabs{display:flex;gap:16px;margin:20px 0}.feedback-demo-tabs button{background:none;color:var(--muted);border:0;padding:10px 0;font:inherit;cursor:pointer}.feedback-demo-tabs button.active{color:var(--accent)}
.toast-stack .toast{display:flex;align-items:center;gap:16px;max-width:min(460px,calc(100vw - 24px));animation:none}.toast-message{overflow-wrap:anywhere;flex:1}.toast-dismiss{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-width:36px;min-height:36px;flex-shrink:0;border-radius:50%}.toast-dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast-dismiss:hover{background:var(--accent-soft)}
form[data-pending="1"] button[data-pending-disabled="1"]{position:relative}html[data-feedback="1"] form[data-busy-visual="1"] button[data-pending-disabled="1"]:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:8px;animation:cy-busy .7s linear infinite;flex-shrink:0}@keyframes cy-busy{to{transform:rotate(360deg)}}
html[data-motion="0"] form[data-busy-visual="1"] button:after{animation:none!important}html[data-feedback="0"] form[data-busy-visual="1"] button:after{display:none}
@media(min-width:901px){html[data-motion="1"][data-continuous="1"][data-paused="0"]:not([data-economy="1"]) .creator-orbit span{animation:cy-orbit-float 6s ease-in-out infinite}@keyframes cy-orbit-float{50%{transform:translateY(-8px) rotate(3deg)}}}
@media(max-width:960px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-hero{grid-template-columns:minmax(0,1fr) 160px}.creator-policy{gap:18px}}
@media(max-width:600px){.creator-hero{grid-template-columns:1fr;padding:24px}.creator-orbit{display:none}.creator-hero h1{max-width:100%;font-size:30px}.creator-policy,.history-grid{grid-template-columns:1fr}.history-controls{align-items:stretch;flex-direction:column}.creator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-metrics .metric-card{padding:18px}.creator-policy>div:not(:first-child){padding-top:18px;border-top:1px solid var(--line)}.creator-hero .row{gap:10px}.creator-hero .btn{flex:1;white-space:normal}.search-result{padding:12px}.search-dialog .search-form{gap:8px}}
@media(prefers-reduced-motion:reduce){.creator-orbit span,.nav-trace,form[data-busy-visual="1"] button:after{animation:none!important;transition:none!important}.search-discovery[aria-busy=true]{opacity:1}}

/* Revenue rows share one layout in front and admin. */
.creator-metrics{margin-top:24px}.creator-orbit i{border-color:rgba(var(--accent-rgb),.24)}
.income-table td small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.income-table .table-title strong{display:block;max-width:300px;white-space:normal;line-height:1.6}.income-table .table-title small{overflow-wrap:anywhere;max-width:300px;font-size:10px;letter-spacing:.025em}.income-table td:not(.table-title){font-variant-numeric:tabular-nums}.income-table .pill.pending{background:var(--bg);color:var(--muted)}.income-table .pill.reversed{background:var(--bg);color:var(--muted)}
.desktop-nav.nav-tracking a.active:after{display:none}