body:has(.reader){background:#f6f2e9}.reader{--rbg:#f6f2e9;--rtext:#383b40;--rpanel:#fffdf8;min-height:100vh;background:var(--rbg);color:var(--rtext);transition:background .2s,color .2s}.reader[data-theme=day]{--rbg:#fff;--rtext:#31363d;--rpanel:#f7f8f9}.reader[data-theme=night]{--rbg:#282633;--rtext:#ddd9e4;--rpanel:#373444}.reader-top{max-width:1150px;margin:auto;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #9994;font-size:13px}.reader-top button{background:var(--rpanel);color:var(--rtext);border:1px solid #9995;padding:8px 12px;border-radius:9px}.reader-panel{position:fixed;z-index:35;right:18px;top:100px;max-width:min(340px,calc(100vw - 36px));max-height:75vh;overflow:auto;background:var(--rpanel);color:var(--rtext);box-shadow:0 12px 40px #0004;border:1px solid #9996;border-radius:12px;padding:22px}.reader-panel[hidden]{display:none}.reader-panel a{display:block;padding:7px 0;border-bottom:1px solid #9993}.reader-panel [aria-current]{font-weight:800;color:var(--apricot)}.reader-panel label{display:block;margin:18px 0}.reader-panel input{display:block;width:100%}.reader-panel select{display:block;width:100%;padding:8px}.panel-close{float:right;background:var(--rpanel);color:var(--rtext);border:1px solid #9996;border-radius:8px}.reader-content{max-width:780px;padding:50px 24px 110px;margin:0 auto}.reader-kicker,.reader-book{text-align:center;color:inherit;opacity:.72;font-size:14px}.reader h1{text-align:center;font-size:clamp(23px,4vw,32px);line-height:1.5;color:inherit;margin:14px 0}.reader-body{font-size:var(--font-size,18px);line-height:var(--line-height,1.9);overflow-wrap:anywhere}.reader-body p{margin:1.1em 0;text-indent:1.6em}.reader-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #9995;margin-top:65px;padding-top:28px;flex-wrap:wrap}.reader-actions a,.reader-actions span{background:var(--rpanel);border:1px solid #9995;border-radius:10px;padding:10px 13px}.reader-actions span{opacity:.6}@media(max-width:540px){.reader-top{gap:7px;flex-wrap:wrap}.reader-top span{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-content{padding:31px 17px 90px}.reader-body{font-size:var(--font-size,17px)}.reader-actions{gap:7px}.reader-actions a,.reader-actions span{font-size:13px;padding:9px}}
