/* Size the actual viewer, including its navigation, to the native viewport. */
.app:fullscreen, .embed-viewer:fullscreen {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: #e8e8e8;
}
.app:-webkit-full-screen, .embed-viewer:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    background: #e8e8e8;
}
.fullscreen-fallback {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    height: 100dvh;
    z-index: 1000;
}
.fullscreen-fallback > .toolbar,
.fullscreen-fallback > .embed-toolbar { display: none; }
.reading-mode-exit {
    position: absolute;
    top: max(8px, env(safe-area-inset-top));
    right: max(8px, env(safe-area-inset-right));
    z-index: 200;
    padding: 10px 14px;
    min-height: 44px;
    color: #fff;
    background: #1a1a2e;
    border: 1px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
}
.reading-mode-exit:focus-visible { outline: 3px solid #e94560; outline-offset: 3px; }
.reader-notices {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 200;
    pointer-events: none;
}
.fullscreen-status {
    width: max-content;
    max-width: 100%;
    padding: 10px 14px;
    border-radius: 6px;
    color: #fff;
    background: #1a1a2e;
    font-size: 13px;
    text-align: center;
}
.fullscreen-status:empty { display: none; }