/* The light sits below text; all interaction stays with the original page. */
body.has-reading-light{isolation:isolate}
.reading-light{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .45s ease;contain:strict}
.reading-light[data-visible=true]{opacity:1}
.reading-light::before{content:"";position:absolute;top:0;left:0;width:min(240px,60vw);height:min(240px,60vw);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 23%,rgba(190,212,246,.24) 48%,rgba(216,227,246,.08) 62%,transparent 73%);transform:translate3d(calc(var(--light-x,-1000px) - 50%),calc(var(--light-y,-1000px) - 50%),0);transition:transform .12s ease-out;will-change:transform}
.reading-light[data-input=touch]::before{transition:none}
body[data-reading-light-scheme=dark] .reading-light::before{background:radial-gradient(circle,rgba(163,199,255,.18) 0%,rgba(117,165,242,.12) 26%,rgba(90,137,218,.05) 49%,transparent 73%)}
[data-reading-light-surface]{isolation:isolate}
[data-reading-light-static]{position:relative}
[data-reading-light-surface]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(90px circle at var(--surface-light-x,50%) var(--surface-light-y,50%),rgba(255,255,255,.85),rgba(241,246,255,.35) 38%,transparent 76%);transition:opacity .4s ease}
[data-reading-light-surface][data-lit=true]::before{opacity:1}
body[data-reading-light-scheme=dark] [data-reading-light-surface]::before{background:radial-gradient(90px circle at var(--surface-light-x,50%) var(--surface-light-y,50%),rgba(169,205,255,.12),rgba(125,172,248,.04) 46%,transparent 76%)}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.reading-light,[data-reading-light-surface]::before{display:none!important}}
@media print{.reading-light,[data-reading-light-surface]::before{display:none!important}}