/* Compact reading controls in the existing liquid-glass system. */
#reader-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:250;pointer-events:none}#reader-progress span{display:block;height:100%;background:#d9f24a;transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px #d9f24a66}
body[data-design=premium] .reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 24px;padding:12px 0;border-bottom:1px solid var(--glass-stroke,var(--af-border));color:var(--af-muted);font-size:11px;flex-wrap:wrap}.reading-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}body[data-design=premium] .reading-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:11px;min-height:40px;white-space:nowrap;border-radius:11px}.reading-toolbar button[aria-pressed=true]{color:var(--af-accent);border-color:var(--af-active-border)}
body[data-design=premium] #reader-to-top{position:fixed;right:20px;bottom:24px;z-index:90;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--glass-raised,var(--af-raised));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--glass-shadow)}body[data-design=premium] #reader-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:500;max-width:min(560px,calc(100vw - 32px));margin:0;padding:14px 20px;background:var(--af-menu-bg);color:var(--af-text);border:1px solid var(--af-active-border);border-radius:14px;font-size:13px;box-shadow:var(--glass-shadow);pointer-events:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-design=premium] .reader-dialog{width:min(730px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid var(--glass-stroke,var(--af-border));border-radius:24px;background:var(--af-menu-bg);color:var(--af-text);box-shadow:0 24px 90px #00000066;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);overflow:auto;overscroll-behavior:contain}body[data-design=premium] .reader-dialog::backdrop{background:#00000070;backdrop-filter:blur(5px)}.reader-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.reader-dialog>header h2{margin:3px 0;font-size:28px}.reader-dialog>header .kicker{margin:0 0 6px}.reader-dialog>header form{margin:0}.reader-dialog>header form button{width:40px;height:40px;padding:0;display:grid;place-items:center}.reader-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--af-border);padding-bottom:15px;margin-bottom:24px}.reader-tabs button{font-size:12px!important;flex:none}.reader-tabs button[aria-pressed=true],.reader-size-options button[aria-pressed=true]{background:var(--af-accent-soft)!important;color:var(--af-accent)!important;border-color:var(--af-active-border)!important}.reader-settings>label{display:grid;gap:8px;max-width:320px;font-size:13px}.reader-settings select{width:100%}.reader-note{font-size:12px!important;color:var(--af-muted);line-height:1.7}.reader-settings fieldset{border:0;padding:0;margin:24px 0}.reader-settings legend{font-size:13px;padding:0;margin-bottom:10px}.reader-size-options{display:flex;gap:10px;flex-wrap:wrap}.reader-offline{padding-top:20px;border-top:1px solid var(--af-border)}.reader-offline h3{font-size:20px;margin:0 0 8px}.reader-offline p{font-size:13px;color:var(--af-muted)}.reader-offline .actions{display:flex;gap:10px;flex-wrap:wrap}.reader-offline .actions>*{font-size:12px!important}.reader-offline [role=status]{font-size:12px;color:var(--af-text)}
.reader-page-list,.reader-contents{list-style:none;padding:0;margin:16px 0}.reader-page-list li{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--af-border);padding:14px 0}.reader-page-list li>a{display:block;flex:1;text-decoration:none;min-width:0}.reader-page-list strong{display:block;font-size:14px;overflow-wrap:anywhere}.reader-page-list small{display:block;color:var(--af-muted);font-size:11px;margin-top:4px}.reader-page-list button{font-size:11px!important}.reader-contents li{border-bottom:1px solid var(--af-border)}.reader-contents a{display:block;padding:13px 0;text-decoration:none;font-size:14px}.reader-contents a:hover{color:var(--af-accent)}.reader-help-search{display:grid;gap:8px;font-size:12px}.reader-help-search input{width:100%}.reader-faq{padding:16px 0;border-bottom:1px solid var(--af-border)}.reader-faq summary{font-size:14px;font-weight:600;cursor:pointer;min-height:32px}.reader-faq p{font-size:13px;line-height:1.8;color:var(--af-muted);margin:10px 0}.reader-faq a{font-size:12px}.reader-shortcuts{font-size:12px}.reader-shortcuts>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--af-border)}.reader-shortcuts dd{margin:0;color:var(--af-muted)}.reader-shortcuts kbd{font-family:inherit;color:var(--af-text);font-size:11px}.reader-menu-group button{display:block;width:100%;text-align:left;padding:10px 12px!important;border:0!important;background:transparent!important;font-size:12px!important}.reader-menu-group button:hover{background:var(--af-hover)!important}
body[data-design=premium] .reader-table-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;margin:16px 0;border:1px solid var(--af-border);border-radius:14px;background:var(--glass-surface,var(--af-surface))}.reader-table-tools label{display:grid;gap:5px;font-size:10px;color:var(--af-muted);min-width:0;flex:1;max-width:280px}.reader-table-tools input,.reader-table-tools select{width:100%;font-size:13px!important;min-height:40px!important}.reader-table-tools button{font-size:10px!important;padding:9px 10px!important;min-height:40px!important}.reader-table-tools [role=status]{font-size:10px;color:var(--af-muted);align-self:center;white-space:nowrap}.reader-column-sort{font:inherit!important;color:inherit!important;padding:0!important;border:0!important;background:transparent!important;text-align:left;min-height:30px!important}.reader-chart-sort{width:auto!important;flex:none!important;background:transparent!important;border:0!important;padding:0!important}.reader-chart-sort select{font-size:11px!important;background:var(--glass-surface)!important;min-height:40px!important;padding:7px 10px!important;border-radius:9px!important;max-width:180px}
.reader-draft-note{display:block;font-size:10px!important;font-weight:400;color:var(--af-muted);margin:5px 0 10px}.reader-visibility,.reader-copy-code{font-size:11px!important;min-height:36px!important;padding:7px 11px!important;margin:6px 0 12px}.reader-search-dialog>input{width:100%}#reader-smart-results{margin-top:14px}#reader-smart-results a,.search-results a{display:block!important;padding:12px!important;text-decoration:none;border-bottom:1px solid var(--af-border)}#reader-smart-results strong,.search-results strong{display:block;font-size:13px}#reader-smart-results small,.search-results small{display:block;color:var(--af-muted);font-size:10px;margin-top:3px}#reader-smart-results a[aria-selected=true],.search-results a[aria-selected=true]{background:var(--af-accent-soft);color:var(--af-accent)}#reader-smart-results p,.search-results p{padding:12px;font-size:12px;color:var(--af-muted)}
body[data-design=premium] [data-reader-scalable]{font-size:calc(var(--reader-base,14px)*var(--reader-scale,1))!important;overflow-wrap:anywhere}body[data-design=premium] .reader-dialog :is(input,select,textarea){max-width:100%}.reader-dialog [hidden]{display:none!important}
.offline-banner{padding:16px;border:1px solid var(--af-active-border);border-radius:14px;background:var(--af-accent-soft);margin:20px 0}.offline-banner p{margin:0;font-size:13px}.offline-chart-row{display:grid;grid-template-columns:36px minmax(0,1fr) 50px;gap:14px;padding:14px 0;border-bottom:1px solid var(--af-border)}.offline-chart-row strong{color:var(--af-accent)}.offline-chart-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:767px){body[data-design=premium] .reading-toolbar{margin:4px 0 20px;gap:10px;align-items:flex-start}.reading-toolbar>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.reading-toolbar button{padding:9px 7px!important;font-size:10px!important;gap:5px!important;min-height:42px!important}.reading-toolbar button span{white-space:normal;line-height:1.3}.reading-toolbar button svg{width:15px;height:15px;flex:none}body[data-design=premium] #reader-to-top{bottom:100px;right:16px}body[data-design=premium] #reader-toast{bottom:100px;font-size:12px}.reader-dialog>header h2{font-size:23px}.reader-dialog>header{gap:12px}.reader-tabs{gap:6px}.reader-tabs button{padding:9px 12px!important;font-size:11px!important}.reader-shortcuts>div{grid-template-columns:1fr;gap:5px}.reader-page-list strong{font-size:13px}.reader-table-tools{gap:8px!important;padding:12px!important}.reader-table-tools label{max-width:none;flex-basis:40%}.reader-chart-sort select{max-width:140px;font-size:10px!important}.chart-toolbar{flex-wrap:wrap!important}.chart-toolbar>label:first-child{flex:1 1 160px!important}.reader-dialog .reader-offline .actions{flex-direction:column}.reader-dialog .reader-offline .actions>*{text-align:center}.reader-dialog{padding:20px!important;max-height:84dvh!important}}
@media(prefers-reduced-motion:no-preference){.reader-dialog[open]{animation:reader-dialog-enter .3s ease-out}@keyframes reader-dialog-enter{from{opacity:.2;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media print{.reading-toolbar,#reader-progress,#reader-to-top,.reader-dialog,#reader-toast,.reader-table-tools,.reader-copy-code,.reader-visibility,.reader-draft-note{display:none!important}}
:root:not([data-reader-size=normal]) body[data-design=premium] .current-name{white-space:normal!important;overflow-wrap:anywhere}
body[data-design=premium] .reader-dialog>header{position:static!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;max-width:none!important}