.reader-page .work-meta .read-count-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;color:#99a7be;font:inherit;white-space:nowrap;transition:color .2s}
.reader-page .work-meta .read-count-toggle:hover,.reader-page .work-meta .read-count-toggle[aria-expanded=true]{color:#eef0f7}
.read-count-toggle [data-read-total]{font-variant-numeric:tabular-nums}
.read-count-panel{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid #c1cee52e;border-radius:18px;background:linear-gradient(135deg,#ffffff08,transparent 65%),#101620;color:#c3cddd;box-shadow:inset 0 1px 0 #ffffff16,0 18px 48px #0005;font:14px/1.6 Inter,'Segoe UI',sans-serif;z-index:30}
.read-count-panel::backdrop{background:transparent}
.read-count-panel h2{font:500 17px/1.4 Inter,'Segoe UI',sans-serif;margin:0 0 18px;color:#f0f2f8}
.read-count-panel dl{margin:0 0 16px}
.read-count-panel dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #ffffff13}
.read-count-panel dt{font-weight:400}.read-count-panel dt a{color:inherit;text-decoration:underline;text-decoration-color:#ffffff30;text-underline-offset:4px}
.read-count-panel dt a:hover{color:#fff;text-decoration-color:#ffffff80}
.read-count-panel dd{margin:0;font-variant-numeric:tabular-nums;color:#eff1f7;white-space:nowrap}
.read-count-panel .read-count-explanation,.read-count-panel .read-count-updated{display:block;margin:14px 0 0;color:#a4b0c3;font-size:14px;line-height:1.7}
.read-count-panel .read-count-updated{padding-top:14px;border-top:1px solid #ffffff13;color:#8292ac}
.read-count-panel .read-count-actions{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff1c}
.read-count-actions button{justify-self:start;padding:8px 12px;border:1px solid #ccd6ec2c;border-radius:8px;background:#ffffff07;font:inherit;color:#e0e5f0}
.read-count-actions button:hover{background:#ffffff10}.read-count-actions span{display:block;color:#9eacc2;font-size:14px}
@media(prefers-reduced-motion:no-preference){.read-count-panel:popover-open{animation:read-count-in .28s cubic-bezier(.16,1,.3,1)}@keyframes read-count-in{from{opacity:.5;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.read-count-toggle{transition:none!important}}