.wiki-entity-pill{border-bottom:1px dotted var(--accent-gold);cursor:pointer;transition:all .2s ease;padding:0 1px;border-radius:2px}.wiki-entity-pill:hover{background-color:var(--accent-glow);color:var(--accent-gold-hover);border-bottom-style:solid}.wiki-popover{position:absolute;z-index:1000;width:320px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;box-shadow:0 16px 36px #00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:var(--font-ui);animation:popoverFadeIn .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:10px}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wiki-popover-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.wiki-popover-title{font-size:15px;font-weight:700;color:var(--text-bright)}.wiki-popover-badge{font-size:11px;padding:2px 7px;border-radius:6px;background:var(--accent-glow);color:var(--accent-gold);font-weight:600;white-space:nowrap}.wiki-popover-meta{font-size:12px;color:var(--text-muted);line-height:1.4}.wiki-popover-summary{font-size:13px;color:var(--text-main);line-height:1.5}.wiki-popover-actions{display:flex;gap:8px;margin-top:4px}.wiki-popover-btn{flex:1;padding:6px 10px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface-elevated);color:var(--text-main);cursor:pointer;transition:all .15s ease;text-align:center}.wiki-popover-btn:hover{background:var(--accent-gold);color:#fff;border-color:var(--accent-gold)}.wiki-popover-btn-primary{background:var(--accent-gold);color:#121214;border-color:var(--accent-gold)}.wiki-popover-btn-primary:hover{background:var(--accent-gold-hover)}.wiki-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s ease}.wiki-drawer-backdrop.open{opacity:1;pointer-events:auto}.wiki-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border-color);z-index:2001;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:-8px 0 28px #00000080}.wiki-drawer.open{transform:translate(0)}.wiki-drawer-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface-elevated)}.wiki-drawer-title{font-size:17px;font-weight:700;color:var(--text-bright)}.wiki-drawer-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px 8px;border-radius:6px;transition:color .15s}.wiki-drawer-close:hover{color:var(--text-bright)}.wiki-drawer-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.wiki-infobox{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.wiki-infobox-row{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}.wiki-infobox-label{color:var(--text-muted)}.wiki-infobox-val{color:var(--text-bright);font-weight:600;text-align:right}.wiki-timeline-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.wiki-timeline-item{background:var(--bg-surface-elevated);border-left:3px solid var(--accent-gold);border-radius:0 8px 8px 0;padding:10px 14px;cursor:pointer;transition:all .15s ease}.wiki-timeline-item:hover{background:var(--accent-glow);transform:translate(3px)}.wiki-timeline-chap{font-size:12px;font-weight:700;color:var(--accent-gold);display:flex;justify-content:space-between}.wiki-timeline-desc{font-size:13px;color:var(--text-main);margin-top:4px;line-height:1.4}.wiki-sidebar-section{padding:14px 16px;border-bottom:1px solid var(--border-color)}.wiki-sidebar-header{font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--accent-gold);margin-bottom:10px}.wiki-entity-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.wiki-entity-card:hover{border-color:var(--accent-gold);background:var(--accent-glow)}.wiki-entity-card-title{font-size:14px;font-weight:600;color:var(--text-bright);display:flex;justify-content:space-between}.wiki-entity-card-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.wiki-omnibox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2500;display:none;align-items:flex-start;justify-content:center;padding-top:15vh}.wiki-omnibox-backdrop.open{display:flex}.wiki-omnibox{width:580px;max-width:90vw;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 60px #0009;overflow:hidden;font-family:var(--font-ui)}.wiki-omnibox-input{width:100%;padding:16px 20px;font-size:16px;background:transparent;border:none;border-bottom:1px solid var(--border-color);color:var(--text-bright);outline:none}.wiki-omnibox-results{max-height:380px;overflow-y:auto;padding:8px 0}.wiki-omnibox-item{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s ease}.wiki-omnibox-item:hover,.wiki-omnibox-item.active{background:var(--accent-glow)}:root,html.mode-eink,body.mode-eink{--bg-main: #ffffff;--bg-surface: #ffffff;--bg-surface-elevated: #f5f5f5;--bg-sidebar: #ffffff;--text-main: #000000;--text-muted: #333333;--text-bright: #000000;--accent-gold: #000000;--accent-gold-hover: #000000;--accent-glow: transparent;--border-color: #777777;--page-shadow: none;--font-heading: "Be Vietnam Pro", "Inter", sans-serif;--font-body: "Be Vietnam Pro", "Inter", sans-serif;--font-ui: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--reader-font-size: 19px;--reader-line-height: 1.75;--reader-max-width: 780px;--sidebar-width: 340px;--transition-speed: 0s}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-ui);overflow-x:hidden;transition:background-color var(--transition-speed),color var(--transition-speed)}#app{display:flex;min-height:100vh;position:relative}.top-nav{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-sidebar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease}body.bars-hidden .top-nav{transform:translateY(-100%)}.top-nav-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.top-nav-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.ui-icon{display:inline-block;vertical-align:middle;stroke:currentColor;flex-shrink:0}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-spinner{animation:ui-spin .9s linear infinite;transform-origin:center}.nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-main);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-sizing:border-box}.nav-btn:hover{background:var(--bg-surface-elevated);border-color:var(--accent-gold);color:var(--accent-gold)}.top-nav-right .nav-btn:not(.nav-btn-pill){width:28px;height:28px;border-radius:6px;padding:0}.nav-btn-pill{font-size:11px;font-weight:700;letter-spacing:.4px;border:1px solid var(--border-color);border-radius:6px;padding:0 8px;height:28px;min-width:44px;width:auto;cursor:pointer;background:transparent;color:var(--text-main);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;line-height:1}.nav-btn-pill:hover{background:var(--bg-surface-elevated);border-color:var(--accent-gold);color:var(--accent-gold)}.nav-btn-pill.active{background:var(--accent-glow);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:700;box-shadow:0 0 8px var(--accent-glow)}.book-title-header{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--accent-gold);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-part-select{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-main);background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;outline:none;cursor:pointer;transition:all .2s ease;max-width:190px}.book-part-select:hover,.book-part-select:focus{border-color:var(--accent-gold)}.sidebar{position:fixed;top:56px;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-speed) cubic-bezier(.4,0,.2,1);z-index:90;overscroll-behavior:contain}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;right:0;bottom:0;left:0;top:56px;background:#0003;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:85;overscroll-behavior:contain}.sidebar-backdrop.open{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden!important}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.sidebar-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1 1 0;padding:10px 4px;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;white-space:nowrap;text-align:center}.tab-btn.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.sidebar-search{padding:12px;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:8px 12px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:13px;outline:none}.search-input:focus{border-color:var(--accent-gold)}.sidebar-content{flex:1;overflow-y:auto;padding:8px;overscroll-behavior:contain}.volume-group{margin-bottom:8px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-surface)}.volume-header{padding:12px 14px;font-weight:600;font-size:14px;color:var(--accent-gold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s}.volume-header:hover{background:var(--bg-surface-elevated)}.volume-header .chevron{transition:transform .2s}.volume-group.open .chevron{transform:rotate(90deg)}.chapter-list{display:none;flex-direction:column;border-top:1px solid var(--border-color)}.volume-group.open .chapter-list{display:flex}.chapter-item{padding:10px 14px;font-size:13px;color:var(--text-main);text-decoration:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s,color .15s;border-bottom:1px solid rgba(255,255,255,.03)}.chapter-item:hover{background:var(--bg-surface-elevated);color:var(--accent-gold)}.chapter-item.active{background:var(--accent-glow);color:var(--accent-gold);font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-dot.improved{background-color:#10b981;box-shadow:0 0 6px #10b98180}.bookmark-item{padding:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative}.bookmark-item:hover{border-color:var(--accent-gold)}.bookmark-title{font-weight:600;font-size:13px;color:var(--accent-gold)}.bookmark-note{font-size:12px;color:var(--text-muted);font-style:italic}.bookmark-date{font-size:10px;color:var(--text-muted);align-self:flex-end}.bookmark-del-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .2s,background .2s}.bookmark-del-btn:hover{color:#ef4444;background:#ef44441f}.highlight-search-bar{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-color);align-items:center}.highlight-filter-select{flex:0 0 115px;padding:6px 8px;font-size:11px;background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color);border-radius:4px;cursor:pointer}#highlight-search-input{flex:1;min-width:0;padding:6px 8px;font-size:11px}.highlights-empty-state{padding:32px 16px;text-align:center;display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:13px}.highlights-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}.highlight-item{padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:6px;cursor:pointer;position:relative;transition:border-color .15s}.highlight-item:hover{border-color:var(--text-main)}.highlight-item-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--accent-gold)}.highlight-item-loc{font-size:11px;font-weight:700}.highlight-item-date{font-size:10px;color:var(--text-muted);font-weight:400}.highlight-item-quote{font-size:12px;line-height:1.4;display:flex;gap:6px;align-items:baseline}.highlight-quote-label{font-weight:600;color:var(--text-muted);font-size:11px;flex-shrink:0}.highlight-quote-text{font-weight:700;color:var(--text-bright);background:#0000000d;padding:1px 4px;border-radius:3px;border-bottom:1px solid var(--text-muted)}.highlight-item-context{font-size:11px;line-height:1.4;color:var(--text-muted);background:var(--bg-main);padding:6px 8px;border-radius:4px;border-left:2px solid var(--border-color);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.highlight-context-label{font-weight:600;margin-right:4px}.highlight-inline-ctx{background:transparent;color:inherit;font-weight:700;border-bottom:1px solid var(--text-main)}.highlight-item-comment-section{margin-top:2px;padding-top:6px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:4px}.highlight-comment-view{font-size:12px;cursor:pointer}.highlight-comment-text{color:var(--text-bright);line-height:1.4;background:#00000008;padding:5px 8px;border-radius:4px;border:1px solid var(--border-color);font-size:11px}.highlight-comment-empty{color:var(--text-muted);font-style:italic;padding:3px 0;font-size:11px}.highlight-comment-empty:hover{color:var(--text-bright);text-decoration:underline}.highlight-comment-edit-box{display:flex;flex-direction:column;gap:6px}.highlight-comment-textarea{width:100%;padding:6px 8px;font-size:12px;font-family:inherit;background:var(--bg-main);color:var(--text-bright);border:1px solid var(--text-main);border-radius:4px;resize:vertical;min-height:48px;outline:none;box-sizing:border-box}.highlight-comment-edit-actions{display:flex;gap:6px;justify-content:flex-end}.highlight-btn-action{padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main)}.highlight-btn-save{background:#000;color:#fff;border-color:#000}.highlight-btn-save:hover{opacity:.85}.highlight-btn-cancel:hover{background:var(--bg-surface-elevated)}.highlight-item-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:2px}.highlight-btn-subtle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:11px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .15s}.highlight-btn-subtle:hover{color:var(--text-bright);border-color:var(--border-color);background:var(--bg-surface-elevated)}.btn-del-highlight:hover{color:#d32f2f;border-color:#d32f2f}.paragraph-jump-flash{outline:2px solid #000000!important;background-color:#0000000d!important;border-radius:4px;transition:outline .3s ease,background-color .3s ease}.main-viewport{flex:1;padding-top:72px;padding-bottom:80px;display:flex;justify-content:center;min-height:100vh}.reader-container{width:100%;max-width:var(--reader-max-width);padding:40px 36px;margin:20px auto;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--page-shadow);transition:background .25s,border-color .25s,box-shadow .25s}.chapter-header{text-align:center;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.chapter-volume-tag{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.chapter-title{font-family:var(--font-heading);font-size:calc(var(--reader-font-size) * 1.5);color:var(--accent-gold);line-height:1.3;margin-bottom:12px}.chapter-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:11px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-muted)}.chapter-status-badge.improved{border-color:#10b981;color:#10b981}.chapter-content{font-family:var(--font-body);font-size:var(--reader-font-size);line-height:var(--reader-line-height);color:var(--text-main);text-align:justify}.chapter-content p{margin-bottom:1.25em;text-indent:1.8em}.chapter-content p.first-paragraph,.chapter-content p.first-paragraph-no-drop{text-indent:0}.drop-cap-letter{float:left;font-family:var(--font-heading);font-size:3.1em;line-height:.85;margin-right:8px;margin-top:2px;color:var(--accent-gold);font-weight:700}.chapter-content p.chapter-poem{margin:28px auto 32px!important;max-width:600px;padding:16px 24px;text-align:center!important;text-indent:0!important;font-style:italic;font-family:var(--font-heading),var(--font-body),Georgia,serif;font-size:calc(var(--reader-font-size) * 1.05);line-height:2.1;letter-spacing:.025em;color:var(--accent-gold);white-space:pre-line;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);background:var(--bg-surface-elevated);border-radius:8px;position:relative;break-inside:avoid}.chapter-content p.chapter-poem:before,.chapter-content p.chapter-poem:after{content:"❖";display:block;font-size:11px;line-height:1;color:var(--accent-gold);opacity:.65;margin:0 auto}.chapter-content p.chapter-poem:before{margin-bottom:10px}.chapter-content p.chapter-poem:after{margin-top:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-sidebar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:80;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease}body.bars-hidden .bottom-nav{transform:translateY(100%)}.nav-chapter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.nav-chapter-btn:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold)}.nav-chapter-btn:disabled{opacity:.4;cursor:not-allowed}.chapter-progress-text{font-size:13px;color:var(--text-muted);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.settings-modal{width:90%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 20px 40px #0006}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h3{font-size:18px;color:var(--accent-gold)}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s}.close-btn:hover{color:var(--text-main);background:var(--bg-surface-elevated)}.setting-group{margin-bottom:20px}.setting-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.range-slider{width:100%;accent-color:var(--accent-gold)}.toast-container{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:300}.toast{background:var(--bg-surface-elevated);border:1px solid var(--accent-gold);color:var(--accent-gold);padding:8px 16px;border-radius:20px;font-size:13px;box-shadow:0 4px 12px #0000004d;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-modal{max-width:440px}.share-header-title{display:flex;align-items:center;gap:8px}.share-header-title .share-icon{font-size:20px}.share-chapter-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;margin-bottom:12px;text-align:center}.share-vol-tag{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-gold);font-weight:600;display:block;margin-bottom:2px}.share-ch-title{font-size:14px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:12px 0 16px}.qr-canvas-wrapper{background:#fff;padding:14px;border-radius:14px;box-shadow:0 8px 24px #00000040;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8)}.share-qr-canvas{display:block;max-width:220px;height:auto;border-radius:4px}.qr-loading-spinner{padding:30px;color:var(--text-muted);font-size:13px}.share-network-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:7px 12px;margin-bottom:10px;gap:8px}.share-network-info{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-network-dot{width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 6px #34c75999;flex-shrink:0}.share-refresh-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s;white-space:nowrap;flex-shrink:0}.share-refresh-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--accent-glow)}.share-refresh-btn.loading .refresh-icon{animation:ui-spin .8s linear infinite}.share-refresh-btn.loading{pointer-events:none;opacity:.7}.share-candidates-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px;margin-bottom:12px}.share-candidate-pill{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:3px 10px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:all .15s}.share-candidate-pill:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.share-candidate-pill.active{background:var(--accent-glow);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.share-instruction{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:12.5px;color:var(--text-main);line-height:1.5}.instruction-row{display:flex;align-items:center;gap:8px;margin:4px 0}.instruction-row .step-icon{font-size:16px;flex-shrink:0}.share-url-section{display:flex;flex-direction:column;gap:6px}.share-url-label{font-size:12px;color:var(--text-muted)}.share-url-box{display:flex;gap:8px}.share-url-input{flex:1;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;font-size:12px;color:var(--text-main);font-family:monospace;outline:none}.share-url-input:focus{border-color:var(--accent-gold)}.share-copy-btn{background:var(--accent-glow);border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.share-copy-btn:hover{background:var(--accent-gold);color:#000}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-btn{padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.mode-btn.active{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--accent-glow);font-weight:600;box-shadow:0 0 10px var(--accent-glow)}.setting-action-btn{width:100%;padding:11px 14px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;text-align:left}.setting-action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--bg-surface-elevated)}.sidebar-bookmarks-header{padding:8px 12px 12px}.sidebar-add-bm-btn{width:100%;padding:9px 12px;background:var(--accent-glow);border:1px dashed var(--accent-gold);color:var(--accent-gold);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.sidebar-add-bm-btn:hover{background:var(--accent-gold);color:#000}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border-color);background:var(--bg-sidebar)}.sidebar-footer-btn{width:100%;padding:9px 12px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:12.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.sidebar-footer-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}html.mode-paginated,body.mode-paginated{width:100%!important;min-height:100%!important;touch-action:pan-x;overscroll-behavior:none!important}html.mode-paginated,body.mode-paginated{overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}html.mode-paginated::-webkit-scrollbar,body.mode-paginated::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.mode-badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;margin-right:6px;vertical-align:middle;transition:all .2s}.mode-badge.paginated{background:var(--accent-glow);border:1px solid var(--accent-gold);color:var(--accent-gold)}.mode-badge.scroll{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-muted)}body.mode-paginated .main-viewport{position:fixed!important;top:56px!important;bottom:60px!important;left:0!important;right:0!important;height:calc(100dvh - 116px)!important;max-height:calc(100dvh - 116px)!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;display:block!important;transition:top .28s ease,bottom .28s ease,height .28s ease}body.mode-paginated.bars-hidden .main-viewport{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;padding:36px 0 32px!important}body.mode-paginated .reader-container{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;display:block!important;overflow:hidden!important;position:relative!important}.paginated-slider-wrapper{width:100%!important;height:100%!important;max-height:100%!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important;touch-action:pan-x!important;display:block!important}.paginated-slider{height:100%!important;max-height:100%!important;box-sizing:border-box!important;-webkit-column-fill:auto!important;column-fill:auto!important;text-align:justify;transition:transform .28s cubic-bezier(.25,1,.5,1);will-change:transform}.paginated-slider p{orphans:2;widows:2}.paginated-slider .chapter-header{break-inside:avoid;break-after:avoid;margin-bottom:24px}.floating-page-indicator{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:transparent;border:none;border-radius:0;padding:0;font-size:11px;color:var(--text-muted);pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:70;backdrop-filter:none;-webkit-backdrop-filter:none;letter-spacing:.5px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}body.mode-paginated.bars-hidden .floating-page-indicator{opacity:.75}@media (max-width: 768px){:root{--sidebar-width: 85vw}.reader-container{padding:0 16px}.chapter-content p{text-indent:1.2em}}body *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}.chapter-content{font-weight:480!important;-webkit-font-smoothing:antialiased!important}.ui-spinner{animation:none!important}.mode-btn.active{background:#000!important;color:#fff!important;border:2px solid #000000!important;font-weight:700!important}.mode-btn.active *{color:#fff!important;fill:#fff!important;stroke:#fff!important}.nav-btn-pill{background:#fff!important;color:#000!important;border:1px solid #000000!important}.nav-btn-pill.active,.nav-btn-cache.active,.nav-btn-mode.active{background:#000!important;color:#fff!important;border:1px solid #000000!important;font-weight:700!important}.top-nav-right .nav-btn:not(.nav-btn-pill){border-color:#000!important;color:#000!important}.floating-page-indicator{background:transparent!important;border:none!important;box-shadow:none!important;color:#333!important;font-weight:600!important;opacity:1!important}body.eink-flashing{filter:invert(1)!important}.reading-highlight{background-color:transparent!important;color:inherit!important;border-bottom:1px solid #777777!important;text-decoration:none!important;padding:0 0 1px!important;border-radius:0!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .1s ease}.reading-highlight:hover{border-bottom-color:#000!important}.highlight-popover{position:fixed;z-index:1200;background:#fff!important;border:2px solid #000000!important;box-shadow:none!important;animation:none!important;border-radius:0!important;padding:4px;display:flex;align-items:center;gap:6px}.highlight-popover .btn-delete-highlight{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#000!important;font-weight:700!important;border-radius:0!important;font-size:13px;padding:5px 12px;cursor:pointer;font-family:var(--font-ui);white-space:nowrap}.highlight-popover .btn-delete-highlight:hover{background:#000!important;color:#fff!important}.highlight-item{background:#fff!important;border:1px solid #777777!important;border-radius:0!important}.highlight-item:hover{border-color:#000!important}.highlight-item-header{color:#000!important}.highlight-quote-text{background:transparent!important;border-bottom:2px solid #000000!important;border-radius:0!important;color:#000!important}.highlight-item-context{background:#f7f7f7!important;border-left:2px solid #000000!important;border-radius:0!important;color:#333!important}.highlight-inline-ctx{border-bottom:1px solid #000000!important;color:#000!important}.highlight-comment-text{background:#fdfdfd!important;border:1px solid #888888!important;border-radius:0!important;color:#000!important}.highlight-comment-textarea{border-radius:0!important;border:1px solid #000000!important;background:#fff!important;color:#000!important}.highlight-btn-action{border-radius:0!important}.highlight-btn-save{background:#000!important;color:#fff!important;border-color:#000!important}.highlight-btn-subtle{border-radius:0!important}.highlight-btn-subtle:hover,.btn-del-highlight:hover{border-color:#000!important;background:#000!important;color:#fff!important}.paragraph-jump-flash{outline:2px solid #000000!important;background-color:transparent!important;border-radius:0!important}
