/* Shared by customer and admin portals. MotionSites reading-library prompt adaptation. */
.reader-dialog{--reader-paper:#faf7f0;--reader-chrome:#f4f1e9;--reader-ink:#343c35;--reader-muted:#71776e;--reader-line:#dcded3;--reader-accent:#2d614c;--reader-highlight:#e4ebdf;--reader-font:20px;width:min(1040px,calc(100vw - 64px));max-width:none;height:min(920px,calc(100dvh - 64px));max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #ffffff75;border-radius:26px;color:var(--reader-ink);background:var(--reader-paper);box-shadow:0 32px 110px #17241e40,0 2px 10px #17241e12}
.reader-dialog[open]{display:flex;flex-direction:column;animation:reader-enter .24s cubic-bezier(.2,.7,.2,1)}
.reader-dialog::backdrop{background:#17251c66;backdrop-filter:blur(10px) saturate(.7)}
.reader-dialog[data-reader-theme="white"]{--reader-paper:#fff;--reader-chrome:#f7f8f6;--reader-ink:#303931;--reader-muted:#6c756b;--reader-line:#e0e5dc;--reader-highlight:#eaf0e6}
.reader-dialog[data-reader-theme="night"]{--reader-paper:#202925;--reader-chrome:#26312b;--reader-ink:#dfe5d8;--reader-muted:#a8b5a7;--reader-line:#3b473e;--reader-accent:#b0d3af;--reader-highlight:#344b3c;border-color:#52625660;box-shadow:0 32px 110px #0007}
.reader-dialog :is(button,a,input):focus-visible{outline:2px solid var(--reader-accent);outline-offset:4px}
.reader-dialog :is(button,a){-webkit-tap-highlight-color:transparent}
.reader-dialog button{color:inherit;transition:background .18s,color .18s,transform .18s}
.reader-dialog button:disabled{opacity:.38;cursor:not-allowed}
.reader-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:20px;padding:22px 30px;background:var(--reader-chrome);border-bottom:1px solid var(--reader-line)}
.reader-identity{display:flex;align-items:center;gap:14px;min-width:0}
.reader-cover{width:38px;height:54px;object-fit:cover;border-radius:2px 4px 4px 2px;box-shadow:2px 3px 6px #0002;flex-shrink:0}
.reader-identity>div{min-width:0}.reader-overline{font-size:9px;letter-spacing:.15em;color:var(--reader-muted)}
.reader-header h2{font-size:21px;font-weight:500;margin:4px 0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:660px}
.reader-header p{font-size:11px;color:var(--reader-muted);margin:0;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-header .reader-close{width:42px;height:42px;min-width:42px;border:1px solid var(--reader-line);border-radius:50%;display:grid;place-items:center;background:var(--reader-paper);color:var(--reader-muted)}
.reader-close:hover{background:var(--reader-highlight);color:var(--reader-ink)}.reader-close .icon{width:18px;height:18px}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:13px 30px;border-bottom:1px solid var(--reader-line);background:var(--reader-paper);color:var(--reader-muted)}
.reader-appearance{display:flex;align-items:center;gap:20px}.reader-themes{display:flex;gap:3px;background:var(--reader-chrome);padding:3px;border:1px solid var(--reader-line);border-radius:12px}
.reader-themes button{display:flex;align-items:center;gap:6px;border-radius:9px;min-height:34px;padding:5px 10px;font-size:11px;color:var(--reader-muted)}
.reader-themes button[aria-pressed="true"]{background:var(--reader-paper);color:var(--reader-accent);box-shadow:0 1px 4px #0000000d}
.reader-themes i{display:block;width:11px;height:11px;border-radius:50%;border:1px solid #89918460;background:#fff}.reader-themes [data-reader-theme="paper"] i{background:#e8dabb}.reader-themes [data-reader-theme="night"] i{background:#34443a}
.reader-font-control{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.reader-font-control>span{font-size:15px;font-weight:500}.reader-font-control input{width:82px;height:24px;accent-color:var(--reader-accent);cursor:pointer}.reader-font-control output{width:25px;font-size:10px;font-variant-numeric:tabular-nums}
.reader-actions{display:flex;align-items:center;gap:7px}.reader-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;min-height:38px;padding:8px 11px;white-space:nowrap;border-radius:10px;color:var(--reader-accent)}
.reader-actions :is(a,button):hover{background:var(--reader-highlight)}.reader-actions .icon{width:15px;height:15px}.reader-actions #readerCapture{background:var(--reader-highlight)}
.reader-feedback{font-size:12px;color:var(--reader-accent);padding:9px 30px;background:var(--reader-highlight);border-bottom:1px solid var(--reader-line);flex-shrink:0}
.reader-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--reader-line) transparent;background:var(--reader-paper);scroll-padding:32px}
.reader-page-sheet{max-width:740px;margin:auto;padding:40px 36px 56px}
.reader-page-heading{margin-bottom:30px;border-bottom:1px solid var(--reader-line);padding-bottom:24px}.reader-folio{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--reader-muted);letter-spacing:.14em}.reader-folio:before{content:'';width:22px;height:1px;background:var(--reader-muted);opacity:.5}
.reader-page-heading h3{font-size:32px;font-weight:500;line-height:1.4;margin:15px 0 8px;color:var(--reader-ink);overflow-wrap:anywhere}.reader-page-heading p{font-size:11px;line-height:1.8;color:var(--reader-muted);margin:0}
.reader-dialog #readerText{display:block;min-height:0;overflow:visible;white-space:normal;overflow-wrap:anywhere;padding:0;background:none;font-size:var(--reader-font);line-height:2.05;letter-spacing:.035em;font-weight:400;color:var(--reader-ink);outline-offset:8px}
.reader-dialog #readerText p{margin:0 0 1.15em;text-indent:2em;white-space:pre-wrap}.reader-dialog #readerText:lang(en){letter-spacing:.005em;line-height:1.9;hyphens:auto}.reader-dialog #readerText:lang(en) p{text-indent:0;margin-bottom:1.2em}
.reader-dialog #readerText ::selection{color:var(--reader-ink);background:var(--reader-highlight)}
.reader-dialog #readerText.reader-message{font-size:16px;line-height:1.9;text-align:center;padding:40px 0;color:var(--reader-muted)}
.reader-retry{display:block;margin:0 auto 40px;padding:11px 24px;border:1px solid var(--reader-line);border-radius:99px;background:var(--reader-highlight);font-size:12px}
.reader-controls{flex-shrink:0;background:var(--reader-chrome);border-top:1px solid var(--reader-line);padding:14px 30px 16px}.reader-progress-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.reader-progress-row>span{font-size:9px;letter-spacing:.03em;color:var(--reader-muted);white-space:nowrap}
.reader-dialog #readerProgress{display:block;width:100%;min-width:0;flex:1;height:3px;border:0;appearance:none;overflow:hidden;border-radius:99px;background:var(--reader-line);color:var(--reader-accent)}#readerProgress::-webkit-progress-bar{background:var(--reader-line)}#readerProgress::-webkit-progress-value{background:var(--reader-accent);border-radius:99px}#readerProgress::-moz-progress-bar{background:var(--reader-accent);border-radius:99px}
.reader-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.reader-page-status{text-align:center;min-width:0}.reader-page-status>span{display:block;color:var(--reader-ink);font-size:12px;font-variant-numeric:tabular-nums}.reader-page-status small{display:block;font-size:9px;color:var(--reader-muted);margin-top:5px}
.reader-pagination>button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 20px;border-radius:12px;font-size:12px;border:1px solid var(--reader-line);background:var(--reader-paper)}.reader-pagination>button:hover:not(:disabled){background:var(--reader-highlight)}.reader-pagination .icon{width:16px;height:16px}.reader-prev .icon{transform:rotate(180deg)}.reader-pagination>#readerNext{background:var(--reader-accent);border-color:var(--reader-accent);color:var(--reader-paper)}.reader-pagination>#readerNext:hover:not(:disabled){filter:brightness(.93)}
.reader-dialog[aria-busy="true"] .reader-page-heading{opacity:.4}.reader-dialog [hidden]{display:none!important}
@keyframes reader-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:850px){.reader-dialog{width:calc(100vw - 36px);height:calc(100dvh - 36px);border-radius:22px}.reader-header{padding:18px 24px}.reader-toolbar{padding:12px 24px;gap:12px;flex-wrap:wrap}.reader-appearance{gap:14px}.reader-header h2{max-width:440px}.reader-page-sheet{padding:32px 42px 40px}.reader-actions :is(a,button){padding-inline:9px}.reader-controls{padding-inline:24px}}
@media(max-width:600px){.reader-dialog{width:100%;height:100dvh;max-width:100%;max-height:100dvh;border:0;border-radius:0;margin:0}.reader-header{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;gap:12px}.reader-header h2{font-size:18px;max-width:calc(100vw - 145px)}.reader-header p{max-width:calc(100vw - 145px)}.reader-cover{width:30px;height:43px}.reader-identity{gap:11px}.reader-overline{font-size:8px}.reader-header .reader-close{width:38px;height:38px;min-width:38px}.reader-toolbar{padding:10px 18px;gap:8px}.reader-appearance{width:100%;justify-content:space-between;gap:10px}.reader-themes button{min-height:36px;padding:4px 9px;font-size:10px}.reader-font-control{gap:6px}.reader-font-control input{width:60px}.reader-actions{width:100%;justify-content:flex-end}.reader-actions :is(a,button){min-height:34px;font-size:10px}.reader-page-sheet{padding:28px 26px 36px}.reader-page-heading{padding-bottom:20px;margin-bottom:24px}.reader-page-heading h3{font-size:27px}.reader-page-heading p{font-size:10px}.reader-dialog #readerText{line-height:1.95;letter-spacing:.02em}.reader-controls{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.reader-page-status small{display:none}.reader-pagination>button{min-height:42px;padding:9px 14px;gap:8px;font-size:11px}.reader-progress-row{margin-bottom:10px}.reader-feedback{padding:8px 20px;font-size:11px}}
@media(max-width:360px){.reader-font-control>span{display:none}.reader-font-control input{width:54px}.reader-themes button{padding:4px 8px}.reader-page-sheet{padding-inline:22px}.reader-pagination{gap:8px}.reader-pagination>button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.reader-dialog[open]{animation:none}.reader-dialog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
:root[data-motion="quiet"] .reader-dialog[open]{animation:none}:root[data-motion="quiet"] .reader-dialog *{transition:none!important;animation:none!important}

.reader-dialog #readerText .reader-chapter{text-indent:0;font-size:.9em;letter-spacing:.06em;color:var(--reader-muted);margin-bottom:1.3em}.reader-dialog #readerText hr{border:0;border-top:1px solid var(--reader-line);width:44px;margin:0 0 1.7em}
@media(max-width:600px){.reader-page-heading{padding-bottom:18px;margin-bottom:22px}.reader-page-heading h3,.reader-page-heading p{display:none}}