:root { color-scheme: light; font-family: system-ui, sans-serif; color: #242219; }
* { box-sizing: border-box; }
body { margin: 0; background: #e9e5dc; }
#toolbar { min-height: 52px; padding: 6px 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; background: #fcfaf4; border-bottom: 3px solid #ffcf00; position: relative; z-index: 5; font-size: 13px; }
#toolbar label { display: flex; align-items: center; gap: 5px; }
button, input, #open { min-height: 36px; border: 1px solid #d1cabc; border-radius: 3px; background: #fff; color: inherit; padding: 6px 9px; font: inherit; }
button { cursor: pointer; }
button:hover { background: #fff1ac; }
#pageNumber { width: 52px; }
#open { margin-left: auto; display: inline-flex; align-items: center; text-decoration: none; }
#pageCount { min-width: 30px; }
:focus-visible { outline: 3px solid #9e7000; outline-offset: 2px; }
#viewerContainer { position: absolute; inset: var(--toolbar-height, 55px) 0 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
#status { position: relative; z-index: 2; margin: 20px; padding: 14px; background: #fcfaf4; line-height: 1.5; }
#status[hidden] { display: none; }
.pdfViewer .page { margin: 10px auto; }
@media (max-width: 440px) { #toolbar { gap: 4px; padding: 5px; } button, input, #open { min-height: 44px; padding: 5px 7px; } #open { margin-left: 0; } }