@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.header{width:100%;height:70px;background:var(--panel-bg);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 18px;flex-shrink:0}.header__nav,.header__settings{display:flex;flex-direction:row;gap:16px}.header img{display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.header__nav-btn,.header__settings-bookmark,.header__settings-btn{background:none;border:none;cursor:pointer}.header__nav-search{background:none;border:2px solid var(--accent-color);height:30px;border-radius:20px;width:140px;color:var(--panel-text);padding-left:30px;font-size:14px}.header__nav-search::placeholder{color:#9c9c9c}.header__search-wrapper{position:relative;width:100%}.header__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}[data-theme=light] .search-highlight{background-color:#9370db4d;border:1px solid #9370db;border-radius:2px}[data-theme=light] .search-current-highlight{background-color:#8a2be266;border:1px solid #8a2be2;border-radius:2px}[data-theme=dark] .search-highlight{background-color:#32cd324d;border:1px solid #32cd32;border-radius:2px}[data-theme=dark] .search-current-highlight{background-color:#0f06;border:1px solid #00ff00;border-radius:2px}.settings-backdrop{position:fixed;inset:0;background:#00000059;z-index:199;opacity:1;transition:opacity .4s ease}.settings-backdrop.closing{opacity:0}.SettingPanel{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:95%;max-width:800px;height:50%;background:var(--panel-bg);z-index:200;border-top-left-radius:16px;border-top-right-radius:16px;animation:showing .4s;padding:20px;box-sizing:border-box}.SettingPanel.closing{animation:hiding .4s forwards}@keyframes showing{0%{bottom:-500px}to{bottom:0}}@keyframes hiding{0%{bottom:0}to{bottom:-500px}}.settings-container{display:flex;flex-direction:column;gap:30px}.setting-title{color:var(--panel-text);font-size:18px;margin-bottom:15px;font-weight:500}.font-size-buttons,.theme-buttons{display:flex;gap:15px;justify-content:center}.font-size-btn,.theme-btn{border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.font-size-btn{width:74px;height:74px;border:3px solid rgba(130,255,3,1);background:#1a1a1a;color:#fff}.font-size-btn:hover{border:3px solid rgb(123,136,110)}.theme-btn{width:140px;height:70px;border:3px solid rgba(130,255,3,1);background:#1a1a1a;color:#fff;font-size:14px;font-weight:500}.theme-btn:hover{border:3px solid rgb(123,136,110)}.font-size-btn[aria-pressed=true],.theme-btn[aria-pressed=true]{border:3px solid #ffffff}.light-theme .font-size-btn,.light-theme .theme-btn{border:3px solid rgba(87,0,236,1);background:#fff;color:#2d2d2d}.light-theme .font-size-btn:hover,.light-theme .theme-btn:hover{border:3px solid rgba(70,0,190,1)}.light-theme .font-size-btn[aria-pressed=true],.light-theme .theme-btn[aria-pressed=true]{border:3px solid #000000}.font-size-btn.small{font-size:16px}.font-size-btn.medium{font-size:20px}.font-size-btn.large{font-size:24px}.NotesPanelOverlay{position:fixed;inset:0;z-index:500;background:#00000059;display:flex;justify-content:center;align-items:flex-end}.NotesPanel{width:95%;max-width:800px;background:var(--panel-bg);color:var(--panel-text);border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;box-sizing:border-box;max-height:70vh;overflow:auto;animation:notesShow .3s ease forwards}@keyframes notesShow{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.notes-title{margin:0;font-size:18px;font-weight:600}.notes-close{border:none;background:transparent;color:var(--panel-text);font-size:22px;cursor:pointer}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-empty{opacity:.7;text-align:center;padding:24px 0}.note-item{border:1px solid var(--divider-color);border-radius:12px;padding:12px}.note-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px;font-size:12px;opacity:.8}.note-book{font-weight:600}.note-text{white-space:pre-wrap;line-height:1.5}.note-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px;font-size:12px;opacity:.8;position:relative}.note-delete{position:absolute;right:-6px;top:-6px;background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:20px;font-weight:600;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .2s ease}.note-delete:hover,.note-delete:focus-visible{transform:scale(1.08)}@media(max-width:350px){.note-meta{flex-direction:column}}.book-content{flex:1;overflow-y:auto;padding:0;position:relative;width:100%;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;-webkit-overflow-scrolling:touch;touch-action:pan-y}.page{background-color:var(--bg-color);width:100%;max-width:800px;padding:40px 20px;margin:0 auto}.book-author{font-size:clamp(1.4rem,1.1rem + .6vw,1.9rem);margin:10px auto 2rem;text-align:center;color:var(--text-color);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.chapter-title{font-size:1.2em;margin-bottom:1em;text-align:center;color:var(--primary-color)}.content-text{font-size:var(--content-font-size, 18px);text-align:justify;line-height:1.6;color:var(--text-color);max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;user-select:text;-webkit-user-select:text;cursor:text;-webkit-touch-callout:default}.content-text *{user-select:text;-webkit-user-select:text}.content-text h1,.content-text h2,.content-text h3{font-weight:600;line-height:1.3;margin:1.5em 0 .75em;color:var(--text-color)}.content-text h1{font-size:clamp(1rem,1rem + 1vw,1.25rem);text-transform:none}.content-text h2{font-size:clamp(1.15rem,.95rem + .8vw,1.45rem)}.content-text h3{font-size:clamp(1.05rem,.9rem + .6vw,1.25rem)}.content-text p{margin-bottom:1em;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;display:block}.content-text::selection,.content-text *::selection{background:var(--selection-bg, rgba(130, 255, 3, .4));color:var(--selection-text, var(--primary-color))}.content-text::-moz-selection,.content-text *::-moz-selection{background:var(--selection-bg, rgba(130, 255, 3, .4));color:var(--selection-text, var(--primary-color))}.swipe-area{position:absolute;top:0;bottom:0;width:20%;z-index:5}.swipe-prev{left:0}.swipe-next{right:0}:root{--primary-color: #FFFFFF;--bg-color: #1A1A1A;--text-color: #FFFFFF;--accent-color: #82FF03;--accent-hover: rgba(130, 255, 3, .08);--accent-active: rgba(130, 255, 3, .16);--panel-bg: #161616;--panel-text: #FFFFFF;--divider-color: #2A2A2A;--selection-outline: #101010}[data-theme=dark]{--bg-color: #1A1A1A;--text-color: #FFFFFF;--accent-color: #82FF03;--accent-hover: rgba(130, 255, 3, .08);--accent-active: rgba(130, 255, 3, .16);--selection-outline: #101010;--selection-bg: rgba(130, 255, 3, .32);--selection-text: #0B1600}[data-theme=light]{--bg-color: #FFFFFF;--text-color: #333333;--panel-bg: #F1F1F1;--panel-text: #333333;--divider-color: #a8a6a6;--accent-color: #5700EC;--accent-hover: rgba(87, 0, 236, .08);--accent-active: rgba(87, 0, 236, .16);--primary-color: #000000;--selection-outline: #FFFFFF;--selection-bg: rgba(128, 90, 228, .35);--selection-text: #2D0F57}.selection-tooltip{position:absolute;z-index:400;pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--divider-color);border-radius:12px;padding:6px 8px;box-shadow:0 6px 24px #0003;transform:translate(-50%,-40px);-webkit-user-select:none;user-select:none;animation:tooltipFadeIn .15s ease-out}.selection-tooltip--fixed{position:fixed;left:50%;bottom:72px;transform:translate(-50%);padding:10px 14px;gap:12px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,-8px)}}.selection-btn{border:none;background:transparent;color:var(--panel-text);font-size:12px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background-color .2s}.selection-btn:hover{background:var(--accent-hover)}.selection-sep{width:1px;height:18px;background:var(--divider-color)}.selection-icon{width:18px;height:18px;display:block;filter:none;cursor:pointer}.footer{width:100%;height:70px;background-color:var(--panel-bg);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-top:1px solid var(--divider-color)}.footer__nav-button{background:none;border:3px solid var(--accent-color);color:var(--accent-color);cursor:pointer;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.footer__nav-button:hover{background-color:var(--accent-hover)}.footer__nav-button:active{background-color:var(--accent-active)}.footer__nav-button:disabled{color:#666;border-color:#666;cursor:not-allowed}.footer__nav-button:disabled:hover{background-color:transparent}.footer__page-picker{position:relative;display:flex;align-items:center;justify-content:center}.footer__page-info{color:var(--accent-color);font-size:14px;font-weight:600;margin:0;border:none;background:transparent;cursor:pointer;padding:10px 16px;border-radius:14px;transition:background-color .2s ease,color .2s ease}.footer__page-info:disabled{opacity:.5;cursor:default}.footer__page-info:not(:disabled):hover,.footer__page-info:not(:disabled):focus-visible{background-color:var(--accent-hover)}.footer__page-dropdown{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--divider-color);border-radius:16px;padding:10px;box-shadow:0 18px 42px #00000059;max-height:260px;min-width:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;z-index:50}.footer__page-dropdown::-webkit-scrollbar{width:6px}.footer__page-dropdown::-webkit-scrollbar-thumb{background:var(--divider-color);border-radius:999px}.footer__page-option{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--panel-text, var(--text-color));font-size:13px;font-weight:500;padding:6px 4px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.footer__page-option:hover,.footer__page-option:focus-visible{background:var(--accent-hover);border-color:var(--accent-color)}.footer__page-option--active{background:var(--accent-color);border-color:var(--accent-color);color:#000;font-weight:700}.app{display:flex;flex-direction:column;height:var(--app-height, 100vh);min-height:var(--app-height, 100vh);overflow:hidden}:root{--app-height: 100vh}*{padding:0;margin:0;outline:0;box-sizing:border-box;font-family:Montserrat,sans-serif}html,body,#root{min-height:var(--app-height, 100vh);height:var(--app-height, 100vh);margin:0;padding:0;overflow:hidden;background-color:var(--bg-color)}