.reader-mode, .reader-mode body { background-color: #525659; overflow: hidden; }
#lms-reader-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 99999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
#reader-main-content { flex-grow: 1; display: flex; flex-direction: column; position: relative; }
#reader-toolbar { background-color: #333; color: white; padding: 8px 15px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex-shrink: 0; z-index: 10; }
.toolbar-section { display: flex; align-items: center; gap: 5px; } .toolbar-section.hidden { display: none; }
#reader-toolbar button, #reader-toolbar .back-link { background: none; border: 1px solid #666; color: white; cursor: pointer; border-radius: 4px; height: 35px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: background-color 0.2s; }
#reader-toolbar button { font-size: 20px; font-weight: bold; width: 40px; }
#reader-toolbar .back-link { font-size: 14px; font-weight: normal; }
#reader-toolbar button:hover, #reader-toolbar .back-link:hover { background-color: #555; }
#page-num { width: 50px; height: 35px; text-align: center; background-color: #222; border: 1px solid #666; color: white; border-radius: 4px; }
#reader-viewer { flex-grow: 1; overflow: auto; text-align: center; padding: 20px; position: relative; }
#pdf-canvas { box-shadow: 0 0 15px rgba(0,0,0,0.5); border: 1px solid #333; }
#reader-loader { color: white; font-size: 24px; margin-top: 100px; }
.viewer-image-container, .viewer-media-container, .viewer-iframe-container, .viewer-embed-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.viewer-content-container { background: white; padding: 40px; text-align: left; height: 100%; overflow-y: auto; color: #333; }
.viewer-image-container img { max-width: 100%; max-height: 100%; object-fit: contain; }
.viewer-media-container .wp-video { max-width: 90%; max-height: 90%; }
.viewer-iframe-container iframe, .viewer-embed-container iframe { width: 100%; height: 100%; border: none; }
.viewer-download-container { color: white; padding-top: 50px; text-align: center; }
.viewer-download-container .download-button { display: inline-block; background-color: #4CAF50; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-size: 18px; margin: 20px 0; }
#reader-bookmarks-panel, #reader-ai-panel { background-color: #f5f5f5; width: 300px; height: 100%; border-right: 1px solid #ccc; flex-shrink: 0; display: flex; flex-direction: column; transition: margin-left 0.3s ease, margin-right 0.3s ease; }
#reader-bookmarks-panel.hidden { margin-left: -301px; }
#reader-ai-panel { border-right: none; border-left: 1px solid #ccc; }
#reader-ai-panel.hidden { margin-right: -301px; }
#reader-bookmarks-panel h4, #reader-ai-panel h4 { margin: 0; padding: 15px; background-color: #eee; font-size: 16px; border-bottom: 1px solid #ccc; }
#reader-bookmarks-list, #reader-ai-content { overflow-y: auto; flex-grow: 1; padding: 10px; }
#reader-bookmarks-list ul { list-style-type: none; padding: 0; margin: 0; }
#reader-bookmarks-list a { display: block; padding: 8px 10px; text-decoration: none; color: #333; border-radius: 4px; }
#reader-bookmarks-list a:hover { background-color: #e0e0e0; }
#reader-bookmarks-list ul ul { padding-left: 15px; }
#reader-ai-content .ai-actions { margin-bottom: 15px; }
#reader-ai-content button { width: 100%; padding: 10px; cursor: pointer; }
#reader-ai-content textarea { width: 100%; height: 80px; padding: 5px; margin: 10px 0; }
#ai-response-area { margin-top: 15px; background-color: #fff; padding: 10px; border-radius: 4px; min-height: 100px; white-space: pre-wrap; }
#resume-reading-prompt { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.8); color: white; padding: 10px 20px; border-radius: 8px; z-index: 20; display: flex; align-items: center; gap: 15px; }
#resume-reading-prompt.hidden { display: none; }
#resume-reading-prompt button { padding: 5px 10px; border-radius: 4px; border: 1px solid white; cursor: pointer; }
#resume-yes-btn { background-color: #4CAF50; color: white; }
#resume-no-btn { background-color: transparent; color: white; }