*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=paper]{--bg: #f5efe3;--bg-alt: #ede6d6;--bg-card: #faf6ef;--bg-hover: rgba(107,142,90,.08);--text: #2a2621;--text-muted: #7a7268;--text-faint: #b0a898;--accent: #6b8e5a;--accent-light: rgba(107,142,90,.15);--accent-dark: #4e6d40;--border: rgba(42,38,33,.12);--border-strong: rgba(42,38,33,.22);--shadow: 0 2px 12px rgba(42,38,33,.1);--shadow-lg: 0 8px 32px rgba(42,38,33,.16);--highlight: rgba(107,142,90,.2);--highlight-peer:rgba(107,142,90,.1);--overlay: rgba(42,38,33,.45);--scrollbar: rgba(42,38,33,.18);--font-en: "Source Serif 4", "Lora", serif;--font-zh: "Noto Serif SC", serif;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--font-size: 16px;--line-height: 1.85;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--transition: .18s ease}[data-theme=wechat]{--bg: #cadec0;--bg-alt: #b8d0ad;--bg-card: #d4e6cb;--bg-hover: rgba(90,122,74,.1);--text: #2a3024;--text-muted: #5a6850;--text-faint: #8a9e80;--accent: #5a7a4a;--accent-light: rgba(90,122,74,.18);--accent-dark: #3d5a30;--border: rgba(42,48,36,.13);--border-strong: rgba(42,48,36,.24);--shadow: 0 2px 12px rgba(42,48,36,.1);--shadow-lg: 0 8px 32px rgba(42,48,36,.15);--highlight: rgba(90,122,74,.22);--highlight-peer: rgba(90,122,74,.1);--overlay: rgba(20,30,18,.5);--scrollbar: rgba(42,48,36,.2)}[data-theme=night]{--bg: #141416;--bg-alt: #1c1c1f;--bg-card: #1a1a1d;--bg-hover: rgba(217,164,65,.08);--text: #eeeeee;--text-muted: #888888;--text-faint: #555555;--accent: #d9a441;--accent-light: rgba(217,164,65,.15);--accent-dark: #b8861e;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--shadow: 0 2px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--highlight: rgba(217,164,65,.18);--highlight-peer: rgba(217,164,65,.09);--overlay: rgba(0,0,0,.65);--scrollbar: rgba(255,255,255,.15)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-zh);background:var(--bg);color:var(--text);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::selection{background:var(--accent-light);color:var(--text)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all var(--transition)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus{border-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:4px;height:48px;padding:0 12px;background:var(--bg-alt);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative;z-index:10}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-family:var(--font-sans);white-space:nowrap}.toolbar-btn:hover{color:var(--text);background:var(--bg-hover);transform:translateY(-1px)}.toolbar-btn.active{color:var(--accent);background:var(--accent-light)}.toolbar-btn svg{width:15px;height:15px;flex-shrink:0}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 2px;flex-shrink:0}.toolbar-spacer{flex:1}.progress-bar-wrap{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-faint);font-family:var(--font-mono)}.progress-bar{width:80px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;min-width:320px;max-width:90vw;max-height:85vh;overflow-y:auto;animation:slideUp .2s ease;position:relative}.modal-title{font-size:16px;font-weight:600;margin-bottom:18px;font-family:var(--font-sans)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-family:var(--font-mono);background:var(--accent-light);color:var(--accent-dark);font-weight:500}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 18px;border-radius:20px;font-size:13px;z-index:9999;animation:slideUp .2s ease;pointer-events:none;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-faint);text-align:center}.empty-state svg{opacity:.3;width:40px;height:40px}.empty-state p{font-size:14px;line-height:1.6;max-width:260px}@media(max-width:768px){.modal-box{padding:20px}.toolbar-btn span{display:none}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{touch-action:manipulation}@media(max-width:768px){.toolbar{height:48px;padding:0 8px;padding-top:var(--safe-top);gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar::-webkit-scrollbar{display:none}.toolbar-btn{height:36px;padding:0 8px;font-size:12px;flex-shrink:0}.toolbar-btn span{display:inline;font-size:11px}.toolbar-divider,.progress-bar-wrap{display:none}}@media(max-width:768px){.reader-pane{padding:16px;padding-bottom:calc(80px + var(--safe-bottom))}.para-block{font-size:15px!important;line-height:1.9!important;padding:8px 10px;margin-bottom:4px}.tts-bar{bottom:calc(12px + var(--safe-bottom))}.modal-box{max-height:80vh;width:92vw!important;padding:18px}.dict-card{width:88vw;max-height:65vh}.selection-popup{max-width:85vw;font-size:14px}}@media(max-width:768px){.shelf-header{padding:0 12px;padding-top:var(--safe-top);height:calc(52px + var(--safe-top))}.shelf-body{padding:16px 14px;padding-bottom:calc(24px + var(--safe-bottom))}.book-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}}*{-webkit-tap-highlight-color:transparent}.splitter,.toolbar,.tts-bar{-webkit-user-select:none;user-select:none}.bookshelf-root{display:flex;flex-direction:column;height:100%;background:var(--bg)}.shelf-header{display:flex;align-items:center;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--bg-alt);gap:16px;flex-shrink:0}.shelf-logo{font-family:var(--font-en);font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.shelf-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.shelf-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.shelf-theme-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all var(--transition);flex-shrink:0}.shelf-theme-btn:hover{transform:scale(1.12);border-color:var(--accent)}.shelf-theme-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.shelf-theme-btn[data-t=paper]{background:#f5efe3}.shelf-theme-btn[data-t=wechat]{background:#cadec0}.shelf-theme-btn[data-t=night]{background:#141416}.shelf-body{flex:1;overflow-y:auto;padding:28px 24px}.shelf-section-title{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-family:var(--font-mono);margin-bottom:16px}.shelf-drop-zone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:3px dashed var(--accent);pointer-events:none}.shelf-drop-zone p{font-size:18px;color:var(--bg);font-family:var(--font-sans);font-weight:500}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:20px;margin-bottom:32px}.book-card{position:relative;cursor:pointer;border-radius:var(--radius);transition:all var(--transition);animation:slideUp .3s ease both}.book-card:hover{transform:translateY(-4px)}.book-card:hover .book-cover{box-shadow:var(--shadow-lg)}.book-cover{width:100%;aspect-ratio:3/4;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;text-align:center;transition:box-shadow var(--transition);overflow:hidden;position:relative}.book-cover-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;font-size:70px;display:flex;align-items:center;justify-content:center;pointer-events:none}.book-cover-spine{position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:var(--radius) 0 0 var(--radius)}.book-title-cover{font-family:var(--font-en);font-size:13px;font-weight:500;line-height:1.4;margin-top:8px;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.book-format-badge{margin-top:10px;font-size:9px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:10px;border:1px solid var(--border);color:var(--text-faint)}.book-info{padding:8px 2px 0}.book-name{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-progress-wrap{margin-top:5px;display:flex;align-items:center;gap:6px}.book-progress-track{flex:1;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.book-progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s ease}.book-progress-pct{font-size:10px;color:var(--text-faint);font-family:var(--font-mono);flex-shrink:0}.book-delete-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition);color:var(--text-muted);z-index:2}.book-card:hover .book-delete-btn{opacity:1}.book-delete-btn:hover{background:#e05252;color:#fff;border-color:#e05252}.book-delete-btn svg{width:12px;height:12px}.shelf-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.shelf-import-btn{display:flex;align-items:center;gap:10px;padding:0 20px;height:44px;border-radius:var(--radius);border:1.5px dashed var(--border-strong);color:var(--text-muted);font-size:14px;font-family:var(--font-sans);transition:all var(--transition);cursor:pointer;background:none}.shelf-import-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.shelf-import-btn svg{width:16px;height:16px}.shelf-sample-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:36px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border)}.shelf-sample-btn:hover{color:var(--accent);border-color:var(--accent)}.shelf-sample-btn svg{width:14px;height:14px}.shelf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:var(--text-faint);text-align:center}.shelf-empty h3{font-size:18px;font-family:var(--font-en);color:var(--text-muted);font-weight:500}.shelf-empty p{font-size:13px;max-width:280px;line-height:1.6}.error-bar{padding:12px 16px;background:#e052521a;border:1px solid rgba(224,82,82,.25);border-radius:var(--radius-sm);font-size:13px;color:#e05252;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width:768px){.shelf-body{padding:20px 16px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.shelf-header{padding:0 16px}}.reader-root{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.reader-body{display:flex;flex:1;overflow:hidden;position:relative}.reader-body.vertical{flex-direction:column}.reader-pane{overflow-y:auto;height:100%;padding:32px 40px;scroll-behavior:smooth}.reader-pane::-webkit-scrollbar{width:4px}.splitter{flex-shrink:0;background:#80808026;position:relative;transition:background var(--transition);z-index:5}.reader-body:not(.vertical) .splitter{width:6px;cursor:col-resize;height:100%}.reader-body.vertical .splitter{height:6px;cursor:row-resize;width:100%}.splitter:hover,.splitter.dragging{background:var(--accent)}.splitter-handle{position:absolute;background:var(--accent);border-radius:3px;opacity:0;transition:opacity var(--transition)}.reader-body:not(.vertical) .splitter-handle{width:4px;height:32px;top:50%;left:1px;transform:translateY(-50%)}.reader-body.vertical .splitter-handle{height:4px;width:32px;left:50%;top:1px;transform:translate(-50%)}.splitter:hover .splitter-handle,.splitter.dragging .splitter-handle{opacity:1}.para-block{padding:10px 14px;border-radius:var(--radius-sm);border-left:2px solid transparent;cursor:pointer;transition:all var(--transition);margin-bottom:6px;position:relative}.para-block:hover{background:var(--bg-hover)}.para-block.active{background:var(--highlight);border-left-color:var(--accent)}.para-block.peer-active{background:var(--highlight-peer);border-left-color:#6b8e5a4d;transition:background .05s}.para-block.has-note:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}.pane-en .para-block{font-family:var(--font-en);font-size:var(--font-size);line-height:var(--line-height);color:var(--text)}.pane-zh .para-block{font-family:var(--font-zh);font-size:calc(var(--font-size) - .5px);line-height:var(--line-height);color:var(--text-muted)}.pane-zh .para-block.active{color:var(--text)}.para-pending{color:var(--text-faint);font-style:italic;font-size:13px;animation:pulse 1.6s ease infinite}.para-block.kind-h1{font-size:calc(var(--font-size) + 8px);font-weight:600;margin-top:24px}.para-block.kind-h2{font-size:calc(var(--font-size) + 4px);font-weight:600;margin-top:18px}.para-block.kind-h3{font-size:calc(var(--font-size) + 2px);font-weight:500;margin-top:14px}.selection-popup{position:fixed;z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px 14px;max-width:300px;min-width:160px;animation:slideUp .15s ease}.selection-popup-word{font-family:var(--font-en);font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:6px}.selection-popup-translation{font-size:13px;color:var(--text-muted);line-height:1.6;font-family:var(--font-zh)}.selection-popup-actions{display:flex;gap:6px;margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.selection-popup-btn{flex:1;font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:4px}.selection-popup-btn svg{width:11px;height:11px}.selection-popup-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.dict-card{position:fixed;z-index:600;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:310px;max-height:70vh;overflow-y:auto;animation:slideUp .2s ease}.dict-card-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:sticky;top:0;background:var(--bg-card);z-index:1}.dict-word{font-family:var(--font-en);font-size:20px;font-weight:600;color:var(--text)}.dict-phonetic{font-size:12px;color:var(--text-faint);font-family:var(--font-mono);margin-top:2px}.dict-card-body{padding:12px 16px}.dict-pos-group{margin-bottom:12px}.dict-pos{display:inline-block;font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding:1px 7px;background:var(--accent-light);color:var(--accent-dark);border-radius:10px;margin-bottom:6px}.dict-definition{font-size:13px;color:var(--text);line-height:1.65;margin-bottom:4px}.dict-example{font-size:12px;color:var(--text-faint);font-style:italic;line-height:1.5;padding-left:10px;border-left:2px solid var(--border);margin-top:3px}.dict-card-footer{padding:8px 16px 14px}.dict-save-btn{width:100%;height:32px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--accent);color:var(--accent);transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:5px}.dict-save-btn:hover,.dict-save-btn.saved{background:var(--accent);color:var(--bg)}.dict-save-btn svg{width:13px;height:13px}.tts-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:32px;padding:8px 16px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);z-index:200;animation:slideUp .2s ease;-webkit-user-select:none;user-select:none}.tts-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.tts-btn svg{width:14px;height:14px}.tts-btn:hover{color:var(--text);background:var(--bg-hover)}.tts-btn.primary{width:38px;height:38px;background:var(--accent);color:var(--bg);box-shadow:0 2px 8px var(--accent-light)}.tts-btn.primary:hover{background:var(--accent-dark);transform:scale(1.05)}.tts-speed{font-size:11px;font-family:var(--font-mono);color:var(--text-faint);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer}.tts-speed:hover{color:var(--accent);border-color:var(--accent)}.tts-info{font-size:11px;color:var(--text-faint);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans-overlay-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;width:340px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.trans-overlay-title{font-size:15px;font-weight:600;font-family:var(--font-sans);margin-bottom:20px;color:var(--text)}.trans-progress-ring{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.trans-progress-num{font-size:36px;font-weight:300;font-family:var(--font-en);color:var(--text);line-height:1}.trans-progress-label{font-size:12px;color:var(--text-faint);font-family:var(--font-mono)}.trans-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px}.trans-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.trans-eta{font-size:12px;color:var(--text-faint);font-family:var(--font-mono);margin-bottom:18px;text-align:center}.trans-actions{display:flex;gap:8px}.trans-btn{flex:1;height:34px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border);color:var(--text-muted)}.trans-btn:hover{color:var(--text);border-color:var(--border-strong)}.trans-btn.danger:hover{color:#e05252;border-color:#e05252}.settings-modal{width:400px}.settings-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.settings-tab{flex:1;height:34px;font-size:12px;font-family:var(--font-sans);color:var(--text-faint);border-bottom:2px solid transparent;transition:all var(--transition);margin-bottom:-1px}.settings-tab:hover{color:var(--text-muted)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-row{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:12px;font-weight:500;color:var(--text-muted);font-family:var(--font-sans)}.settings-option-group{display:flex;gap:6px;flex-wrap:wrap}.settings-option{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);display:flex;align-items:center;gap:5px}.settings-option svg{width:12px;height:12px}.settings-option:hover{border-color:var(--accent);color:var(--accent)}.settings-option.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.settings-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);border:none;padding:0;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.settings-input{width:100%;font-size:12px;font-family:var(--font-mono);padding:6px 10px}.settings-save-btn{width:100%;height:36px;background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);font-size:13px;margin-top:4px}.settings-save-btn:hover{background:var(--accent-dark)}.toc-sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;background:var(--bg-card);border-right:1px solid var(--border);z-index:300;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideFromLeft .22s ease}.toc-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.toc-title{font-size:11px;font-weight:700;font-family:var(--font-sans);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase}.toc-body{flex:1;overflow-y:auto;padding:6px 0}.toc-item{display:flex;align-items:center;padding:7px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);line-height:1.4;gap:8px}.toc-item:hover{color:var(--text);background:var(--bg-hover)}.toc-item.active{color:var(--accent);background:var(--accent-light)}.toc-item[data-level="1"]{font-weight:600}.toc-item[data-level="2"]{padding-left:28px;font-size:12px}.toc-item[data-level="3"]{padding-left:42px;font-size:12px;color:var(--text-faint)}.toc-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.5}.toc-item.active .toc-dot{opacity:1}.bottom-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:800;max-height:70vh;display:flex;flex-direction:column;animation:slideFromBottom .25s ease}.drawer-handle{width:36px;height:4px;background:var(--border-strong);border-radius:2px;margin:10px auto 4px;flex-shrink:0}.note-popup{position:fixed;z-index:550;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:290px;padding:14px 16px;animation:slideUp .18s ease}.note-popup-header{font-size:11px;font-family:var(--font-sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.note-popup textarea{width:100%;min-height:80px;resize:vertical;font-size:13px;font-family:var(--font-zh);line-height:1.6;padding:8px;border-radius:var(--radius-sm)}.note-popup-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.note-popup-btn{padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;border:1px solid var(--border);color:var(--text-muted)}.note-popup-btn:hover{color:var(--text)}.note-popup-btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.note-popup-btn.primary:hover{background:var(--accent-dark)}.vocab-panel{width:460px;max-width:95vw}.vocab-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.vocab-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-alt)}.vocab-item:hover{border-color:var(--border-strong)}.vocab-word{font-family:var(--font-en);font-size:15px;font-weight:600;color:var(--text);flex-shrink:0;min-width:80px}.vocab-meaning{font-size:12px;color:var(--text-muted);flex:1;line-height:1.55;font-family:var(--font-zh)}.vocab-action-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-faint);flex-shrink:0}.vocab-action-btn svg{width:13px;height:13px}.vocab-action-btn:hover{color:var(--text);background:var(--bg-hover)}.vocab-action-btn.del:hover{color:#e05252}.vocab-export-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:12px;color:var(--text-muted)}.vocab-export-btn svg{width:12px;height:12px}.vocab-export-btn:hover{color:var(--accent);border-color:var(--accent)}.notes-panel{width:500px;max-width:95vw}.notes-list{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow-y:auto}.note-item{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-alt)}.note-item-context{font-size:12px;color:var(--text-faint);font-style:italic;margin-bottom:6px;padding-left:8px;border-left:2px solid var(--border);line-height:1.5;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-item-content{font-size:13px;color:var(--text);line-height:1.6;font-family:var(--font-zh)}.note-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.note-item-date{font-size:11px;color:var(--text-faint);font-family:var(--font-mono)}@media(max-width:768px){.reader-pane{padding:20px 18px}.dict-card{width:90vw}.toc-sidebar{display:none}.trans-overlay-box{width:90vw;padding:20px}.settings-modal{width:90vw}.vocab-panel,.notes-panel{width:95vw}.tts-bar{bottom:8px;max-width:94vw}.selection-popup{max-width:85vw}}.para-block p{margin-bottom:.5em}.para-block strong{font-weight:700;color:var(--text)}.para-block em{font-style:italic;color:var(--text-muted)}.para-block code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-hover);padding:1px 5px;border-radius:3px;color:var(--accent-dark)}.para-block hr{border:none;border-top:1px solid var(--border);margin:4px 0}.para-block.kind-table{font-family:var(--font-mono);font-size:12px;background:var(--bg-alt);border-radius:var(--radius-sm);padding:8px 12px;border-left:none;white-space:pre-wrap;color:var(--text-muted);line-height:1.6}.para-block.kind-quote{border-left:3px solid var(--accent-light)!important;color:var(--text-muted);font-style:italic;padding-left:16px}.para-block.kind-code{font-family:var(--font-mono);font-size:12px;background:var(--bg-alt);border-radius:var(--radius-sm);padding:12px 16px;border-left:none;white-space:pre-wrap;color:var(--text);line-height:1.65}.pane-en .para-block.kind-p,.pane-zh .para-block.kind-p{margin-bottom:2px}.reader-pane{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position}.reader-body{-webkit-user-select:none;user-select:none}.para-block{-webkit-user-select:text;user-select:text}