.mh-reader-transitioning{contain:paint;will-change:clip-path,transform,opacity,filter}

                                       
.mh-reader-progress{position:absolute;left:0;right:0;bottom:0;z-index:7;pointer-events:none;padding:0 max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));}
.mh-reader-progress-full{position:relative;box-sizing:border-box;width:min(760px,calc(100vw - 24px));min-height:46px;margin:0 auto;display:flex;align-items:center;gap:9px;padding:6px 9px 6px 12px;border-radius:999px;background:color-mix(in srgb,var(--theme-surface, #171b19) 72%,transparent);border:1px solid color-mix(in srgb,#fff 14%,transparent);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 12px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.11);transform-origin:center bottom;opacity:1;transform:translateY(0) scale(1);transition:opacity .32s cubic-bezier(.2,.7,0,1),transform .42s cubic-bezier(.18,.88,.24,1),filter .32s;will-change:transform,opacity,filter;pointer-events:auto}
.mh-reader-progress-mini{position:relative;box-sizing:border-box;width:100%;height:14px;margin:0 auto;opacity:0;transform:translateY(4px) scale(.985);transition:opacity .32s cubic-bezier(.2,.7,0,1),transform .42s cubic-bezier(.18,.88,.24,1);pointer-events:none}
.mh-reader-progress-mini-copy{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:9px;line-height:10px;font-weight:700;color:color-mix(in srgb,var(--theme-text,#fff) 62%,transparent);font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.45)}
.mh-reader-progress-mini-track{position:absolute;left:0;right:0;bottom:0;height:2.5px;overflow:hidden;background:color-mix(in srgb,var(--theme-text,#fff) 13%,transparent);border-radius:999px;box-shadow:0 0 8px rgba(0,0,0,.15)}
.mh-reader-progress-mini-fill{position:absolute;left:0;top:0;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--color-accent,#34d399);border-radius:999px;transition:transform .24s cubic-bezier(.22,1,.36,1);}
.mh-reader-progress.is-compact .mh-reader-progress-full{opacity:0;transform:translateY(7px) scale(.965);filter:blur(2px);pointer-events:none}
.mh-reader-progress.is-compact .mh-reader-progress-mini{opacity:1;transform:translateY(0) scale(1);pointer-events:none}
.mh-reader-progress.is-compact{pointer-events:none}
.mh-reader-progress:not(.is-compact) .mh-reader-progress-mini{opacity:0}

                                                                                         
.mh-reader-sheet{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;box-sizing:border-box;max-height:min(76dvh,620px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 16px max(22px,calc(22px + env(safe-area-inset-bottom)));border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface-elevated,#1a1f1c) 91%,transparent),color-mix(in srgb,var(--theme-bg,#101513) 92%,transparent));border:1px solid color-mix(in srgb,#fff 13%,transparent);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10);opacity:0;transform:translateY(22px) scale(.985);filter:blur(2px);}
.mh-reader-sheet.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);animation:mhReaderSheetIn .38s cubic-bezier(.18,.86,.24,1) both}
.mh-reader-sheet.is-closing{animation:mhReaderSheetOut .2s cubic-bezier(.42,.02,.76,.22) both!important;pointer-events:none}
@keyframes mhReaderSheetIn{0%{opacity:0;transform:translateY(22px) scale(.985);filter:blur(2px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes mhReaderSheetOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(1px)}}
.mh-reader-sheet::-webkit-scrollbar{width:0;height:0}
.mh-reader-sheet-handle{width:38px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--theme-text,#fff) 24%,transparent);margin:1px auto 8px;flex:0 0 auto}
.mh-reader-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;padding:6px 0 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg,#151515) 95%,transparent),color-mix(in srgb,var(--theme-bg,#151515) 78%,transparent),transparent);z-index:2}
.mh-reader-sheet-head h3{margin:0;font-size:15px;font-weight:780;letter-spacing:.01em}
.mh-reader-sheet-sub{margin:2px 0 0;color:var(--theme-text-muted);font-size:11px}
.mh-reader-sheet-close{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-text,#fff) 9%,transparent);color:var(--theme-text,#fff)}
.mh-reader-sheet-group{margin-top:14px;padding:12px;border-radius:17px;background:color-mix(in srgb,var(--theme-text,#fff) 4.5%,transparent);border:1px solid color-mix(in srgb,#fff 8%,transparent)}
.mh-reader-sheet-label{display:block;margin:0 0 8px;font-size:10px;font-weight:750;letter-spacing:.08em;color:var(--theme-text-muted)}

@media (max-width:520px){
  .mh-reader-progress{padding-inline:8px}
  .mh-reader-progress-mini{height:10px}
  .mh-reader-progress-mini-copy{display:none}
  .mh-reader-progress-full{width:calc(100vw - 16px);min-height:42px;padding:5px 7px 5px 9px;gap:6px}
  .mh-reader-progress-full .mh-reader-progress-copy{display:none}
  .mh-reader-sheet{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom));max-height:min(80dvh,620px);border-radius:22px;padding-inline:13px}
}
@media (orientation:landscape){
  .mh-reader-sheet{max-height:min(78dvh,540px)}
}
@media (prefers-reduced-motion:reduce){
  .mh-reader-progress-full,.mh-reader-progress-mini,.mh-reader-sheet{transition:none!important;animation:none!important;filter:none!important}
  .mh-reader-sheet.is-visible{opacity:1;transform:none}
  .mh-reader-sheet.is-closing{opacity:0;transform:none}
}

                                                                               
:root{--z-reader:200;--z-island:300;}

                                                                                                       
.mh-mr-panel.mh-reader-sheet.is-visible,.mh-mr-panel.mh-reader-sheet.is-closing{animation:none!important}
.mh-mr-panel.mh-reader-sheet{will-change:transform,opacity,clip-path,filter}