/* Reading controls use docs/design/SYSTEM.md; document pages keep original colors. */
/* Fixed groups adapt native PDF.js Wrapped pages; the rendering queue stays native. */
html[data-reading-immersive] :is(#toolbarContainer, #viewsManager, #findbar, #secondaryToolbar, #loadingBar, .editorUndoBar) { display: none !important; }
html[data-reading-immersive] #mainContainer { min-width: 0; }
html[data-reading-immersive] #viewerContainer { inset: 0 !important; scrollbar-width: none; }
html[data-reading-immersive] #viewerContainer::-webkit-scrollbar { display: none; }
html[data-reading-touch] #viewerContainer { touch-action: pan-y pinch-zoom; }
  html[data-reading-immersive][data-reading-columns] #viewer.scrollWrapped {
  display: grid;
  grid-template-columns: repeat(var(--reading-columns, 1), var(--reading-cell-width, max-content));
  grid-auto-rows: minmax(var(--reading-slot-height, 100dvh), max-content);
  width: max-content;
  max-width: none;
  margin-inline: auto;
  padding-bottom: 0;
  align-items: center;
  justify-items: center;
}
html[data-reading-immersive] #viewer.scrollWrapped .page { margin: 8px; }
:root {
  color-scheme: dark;
  --toolbar-height: 48px;
  --toolbar-vertical-padding: 2px;
  --main-color: #f0eee8;
  --body-bg-color: #0b0d0f;
  --toolbar-bg-color: #151a1d;
  --toolbar-border-color: #70787b;
  --progressBar-color: #a8c7cc;
  --sidebar-toolbar-bg-color: #151a1d;
  --sidebar-narrow-bg-color: #151a1d;
}
body, input, select, button { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
/* This surface is for reading existing notes; annotation content still renders. */
#editorModeButtons, #editorModeSeparator { display: none !important; }
@media (max-width: 360px) {
  :root { --toolbar-height: 96px; }
  #mainContainer { min-width: 0; }
  #toolbarViewer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 44px 44px;
    gap: 4px;
  }
  #toolbarViewer > * { min-width: 0; }
  #toolbarViewerLeft { grid-column: 1 / -1; grid-row: 1; }
  #toolbarViewerMiddle { grid-column: 1; grid-row: 2; }
  #toolbarViewerRight { grid-column: 2; grid-row: 2; }
  #toolbarSidebar { height: 48px; }
  #toolbarContainer { --menuitem-height: 44px; }
  #findbar {
    --toolbar-height: 48px;
    position: fixed;
    inset-inline: 12px;
    top: calc(96px + 4px);
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
.toolbarButton:focus-visible, .dropdownToolbarButton:focus-visible, input:focus-visible {
  outline: 2px solid #a8c7cc;
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --sidebar-transition-duration: 0ms; }
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; }
}

/* The same native control returns to the document when its sidebar is open. */
#viewsManagerToggleButton[aria-expanded="true"]::before {
  -webkit-mask-image: url(images/findbarButton-previous.svg);
  mask-image: url(images/findbarButton-previous.svg);
}