.audio-settings{background:#fafafa;border-bottom:1px solid #ccc;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.audio-settings__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.audio-settings__note{color:#555;margin:0}.audio-settings__close{margin-left:auto}.bookmarks-panel{background:#fafafa;border-bottom:1px solid #ccc;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.bookmarks-panel__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bookmarks-panel__close{margin-left:auto}.bookmarks-panel__note{color:#555;margin:0}.bookmarks-panel__list{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.bookmarks-panel__item{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.bookmarks-panel__jump{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex:100%;padding:.4rem .5rem}.bookmarks-panel__jump:hover,.bookmarks-panel__jump:focus-visible{background:#e8eefc}.bookmarks-panel__item input{flex:10rem;min-width:0}.control-bar{background:#f6f6f6;border-top:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.control-bar__field{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.control-bar__scrubber{flex:16rem}.control-bar__track{flex:1;display:flex;position:relative}.control-bar__track input{flex:1}.control-bar__buffered{pointer-events:none;background:#4a90d9;max-width:100%;height:3px;position:absolute;bottom:-2px}.control-bar__buffering{color:#555;font-style:italic}.control-bar__page-jump input{width:5.5rem}.library{flex-direction:column;gap:.75rem;max-width:40rem;margin:0 auto;padding:1rem;display:flex}.library__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.library__row{align-items:stretch;gap:.5rem;display:flex}.library__open{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.library__progress{color:#555;font-size:.85rem}.library__confirm{align-items:center;gap:.5rem;display:flex}.more-sheet{background:#f6f6f6;border-top:1px solid #ccc;position:relative}.more-sheet__toggle{width:100%;min-height:2.5rem;display:block}.more-sheet__panel{z-index:10;box-sizing:border-box;background:#fff;border-top:1px solid #ccc;max-height:70vh;padding:.5rem 1rem;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #00000026}.more-sheet__panel[hidden]{display:none}.more-sheet__panel>label,.more-sheet__panel>button{margin-bottom:.5rem;display:block}.more-sheet__panel .control-bar{background:0 0;border-top:none;padding:0}.search-panel{background:#fafafa;border-bottom:1px solid #ccc;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.search-panel__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search-panel__close{margin-left:auto}.search-panel__note{color:#555;margin:0}.search-panel__results{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.search-panel__results button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;padding:.4rem .5rem}.search-panel__results button:hover,.search-panel__results button:focus-visible{background:#e8eefc}.pdf-viewer{box-sizing:border-box;background:#3a3d42;height:100%;padding:12px 0;overflow-y:auto}.pdf-viewer__page{background:#fff;margin:0 auto 12px;position:relative;box-shadow:0 1px 4px #0006}.pdf-viewer__canvas{width:100%;height:100%;display:block}.pdf-viewer__highlight{pointer-events:none;background:#ffd50066;border-radius:2px;position:absolute}.pdf-viewer__locate{box-sizing:border-box;pointer-events:none;border:3px solid #1e90ff;border-radius:3px;animation:3s ease-out forwards pdf-viewer-locate;position:absolute}@keyframes pdf-viewer-locate{0%,60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pdf-viewer__locate{animation:none}}.pronunciation-panel{background:#fafafa;border-bottom:1px solid #ccc;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.pronunciation-panel__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pronunciation-panel__close{margin-left:auto}.pronunciation-panel__note{color:#555;margin:0}.pronunciation-panel__list{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.pronunciation-panel__item{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.pronunciation-panel__item input{flex:8rem;min-width:0}.quick-bar{background:#f6f6f6;border-top:1px solid #ccc}.quick-bar__progress{background:#ddd;height:3px}.quick-bar__progress-fill{background:#4a90d9;height:100%}.quick-bar__row{justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.quick-bar__row button{min-width:2.5rem;min-height:2.5rem}.quick-bar__thumbnail{width:3.5rem;height:2.5rem;padding:0;font-size:.7rem;overflow:hidden}.quick-bar__thumbnail img{object-fit:contain;width:100%;height:100%}.visuals-panel{color:#e6e6e6;background:#2b2d31;flex-direction:column;gap:10px;height:100%;padding:12px;display:flex;overflow-y:auto}.visuals-panel__strip{align-items:flex-end;gap:8px;display:flex}.visuals-panel__thumb{height:64px;color:inherit;cursor:pointer;background:#3a3d42;border:2px solid #0000;border-radius:4px;flex:1;padding:0;font-size:12px;overflow:hidden}.visuals-panel__thumb--current{border-color:#6aa9ff;flex:1.5;height:88px}.visuals-panel__thumb--empty{visibility:hidden}.visuals-panel__thumb img{object-fit:contain;width:100%;height:100%}.visuals-panel__controls{align-items:center;gap:6px;display:flex}.visuals-panel__mode{opacity:.8;margin-left:auto;font-size:12px}.visuals-panel__enlarged{text-align:center;margin:0}.visuals-panel__enlarged img{background:#fff;max-width:100%}.visuals-panel__enlarged figcaption{overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.4}.visuals-panel__fullscreen{z-index:100;color:#e6e6e6;background:#1c1d20;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;inset:0}.visuals-panel__fullscreen-bar{align-items:center;gap:6px;display:flex}.visuals-panel__fullscreen-bar>:last-child{margin-left:8px}.visuals-panel__fullscreen-figure{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:0;margin:0;display:flex}.visuals-panel__fullscreen-figure img{object-fit:contain;background:#fff;flex:1;max-width:100%;min-height:0}.visuals-panel__fullscreen-figure figcaption{text-align:left;overflow-wrap:anywhere;max-width:60ch;margin-top:8px;font-size:17px;line-height:1.5}.voice-download{align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.voice-download progress{width:6rem}.voice-download__hint{color:#555}.voice-download__error{color:#b00020}html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;height:100%;display:flex}.app__header{border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.app__header h1{margin:0;font-size:1.1rem}.app__message{color:#664d03;background:#fff3cd;margin:0;padding:.5rem 1rem}.app__main{flex:1;min-height:0;display:flex}.app__viewer{flex:1;min-width:0;min-height:0}.app__side{border-left:1px solid #ccc;width:22rem;overflow-y:auto}.app__library{flex:1;min-width:0;overflow-y:auto}.app--dragging .app__main{outline-offset:-6px;outline:3px dashed #4a90d9}@media (width<=800px){.app__main{position:relative}.app__side{border-left:none;flex:1;width:auto}.app__pane--hidden{visibility:hidden;pointer-events:none;position:absolute;inset:0}}