:root,[data-theme=light]{--bg-primary: #faf8f5;--bg-secondary: #f3efe9;--bg-panel: #f7f4ef;--bg-hover: #ede8e0;--bg-chat-user: #e8e2d8;--bg-chat-assistant: transparent;--bg-highlight: #f5e6c8;--bg-popup: #2c2417;--text-primary: #2c2417;--text-secondary: #6b5d4f;--text-tertiary: #9a8b7a;--text-inverse: #faf8f5;--border-color: #e0d8cc;--border-light: #ebe5db;--accent: #8b6b3a;--accent-hover: #a07b42;--accent-subtle: #d4b882;--shadow-sm: 0 1px 3px rgba(44, 36, 23, .06);--shadow-md: 0 4px 12px rgba(44, 36, 23, .08);--shadow-lg: 0 8px 24px rgba(44, 36, 23, .12);--font-serif: "Georgia", "Times New Roman", "Palatino Linotype", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--header-height: 56px;--panel-width: 400px;--reader-max-width: 780px;--highlight-gold: #f5e6c8;--highlight-rose: #f5d0d0;--highlight-sage: #d0e8d0;--highlight-sky: #d0e0f5;--highlight-lavender: #e0d0f5;--highlight-popup-gold: #e6b84d;--highlight-popup-rose: #e66b6b;--highlight-popup-sage: #5cb85c;--highlight-popup-sky: #5b9bd5;--highlight-popup-lavender: #9b6bcc}[data-theme=dark]{--bg-primary: #1a1612;--bg-secondary: #231f19;--bg-panel: #1f1b16;--bg-hover: #2e2820;--bg-chat-user: #2e2820;--bg-chat-assistant: transparent;--bg-highlight: #3d3222;--bg-popup: #f3efe9;--text-primary: #e8e0d4;--text-secondary: #a89a8a;--text-tertiary: #756858;--text-inverse: #1a1612;--border-color: #332d24;--border-light: #2a251e;--accent: #c9a45c;--accent-hover: #d9b76e;--accent-subtle: #5c4a2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--highlight-gold: #5c4a2e;--highlight-rose: #5c3030;--highlight-sage: #2e4a2e;--highlight-sky: #2e3a5c;--highlight-lavender: #3a2e5c;--highlight-popup-gold: #d4a843;--highlight-popup-rose: #d45858;--highlight-popup-sage: #4da84d;--highlight-popup-sky: #4d8bc4;--highlight-popup-lavender: #8a5bbb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden;height:100vh;height:100dvh;max-width:100vw}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}::selection{background:var(--bg-highlight);color:var(--text-primary)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:100vw;overflow:hidden}.main-layout{display:flex;flex:1;overflow:hidden;position:relative;padding-bottom:40px}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:16px;position:relative;z-index:10}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--accent);letter-spacing:-.02em}.book-title{font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author{font-size:.85rem;color:var(--text-tertiary)}.separator{color:var(--text-tertiary)}.header-center{display:flex;align-items:center;gap:6px}.header-right{display:flex;align-items:center;gap:8px}.menu-bar{display:flex;align-items:center;gap:2px}.menu-icon-btn{background:none;border:1px solid transparent;color:var(--text-tertiary);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.menu-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-icon-active{color:var(--accent);background:var(--bg-hover);border-color:var(--border-color)}.menu-icon-btn{position:relative}.menu-icon-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent);border-radius:50%}.menu-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px;flex-shrink:0}.menu-item{background:none;border:none;color:var(--text-secondary);padding:6px 12px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer;border-radius:4px;transition:all .15s;white-space:nowrap}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item-active{color:var(--accent);background:var(--bg-hover)}.menu-item-wrapper{position:relative}.menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:500;padding:8px;animation:fadeIn .15s ease}.menu-dropdown-section{padding:6px 4px}.menu-dropdown-section+.menu-dropdown-section{border-top:1px solid var(--border-light)}.menu-dropdown-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:6px}.menu-dropdown-row{display:flex;gap:4px}.menu-toggle-btn{flex:1;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:5px 8px;border-radius:4px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;text-align:center}.menu-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-toggle-active{background:var(--accent);color:#fff;border-color:var(--accent)}.menu-toggle-active:hover{background:var(--accent-hover);color:#fff}.menu-dropdown-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:5px 10px;border-radius:4px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer}.menu-dropdown-link{display:block;width:100%;background:none;border:none;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-sans);text-align:left;padding:6px 4px;cursor:pointer;border-radius:4px;transition:all .15s}.menu-dropdown-link:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-dropdown-signout{color:var(--text-tertiary)}.menu-dropdown-signout:hover{color:#c44}.panel-toggle-tab{position:absolute;right:var(--panel-width);top:50%;z-index:20;transform:translateY(-50%);background:var(--bg-popup);color:var(--text-inverse);border:none;padding:12px 6px;border-radius:6px 0 0 6px;cursor:pointer;writing-mode:vertical-rl;font-family:var(--font-serif);font-size:.82rem;font-weight:600;letter-spacing:.08em;transition:all .25s ease;opacity:.85}.panel-toggle-tab:hover{opacity:1}.panel-toggle-tab:not(.panel-toggle-tab-open){right:0}.panel-closed .reader-columns{padding-right:90px}.panel-toggle-tab-text{display:block}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#2c241766;animation:fadeIn .2s ease}.toc-panel{position:absolute;top:0;left:0;bottom:0;width:360px;max-width:85vw;background:var(--bg-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:tocSlideIn .25s ease}@keyframes tocSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.toc-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;color:var(--text-primary)}.toc-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.toc-close:hover{color:var(--text-primary)}.toc-list{flex:1;overflow-y:auto;padding:8px}.toc-item{display:flex;align-items:baseline;gap:12px;width:100%;background:none;border:none;color:var(--text-secondary);padding:10px 12px;border-radius:6px;font-size:.88rem;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all .15s}.toc-item:hover{background:var(--bg-hover);color:var(--text-primary)}.toc-active{background:var(--accent-subtle);color:var(--text-primary);font-weight:500}.toc-item-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);min-width:24px;flex-shrink:0}.toc-active .toc-item-number{color:var(--accent)}.toc-item-title{flex:1;line-height:1.4}.toc-section{padding-left:calc(var(--toc-depth, 0) * 16px)}.toc-section-header{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:var(--text-primary);padding:10px 12px;border-radius:6px;font-size:.9rem;font-family:var(--font-serif);font-weight:500;text-align:left;cursor:pointer;transition:all .15s}.toc-section-header:hover{background:var(--bg-hover)}.toc-section-expanded{color:var(--text-primary)}.toc-section-arrow{display:inline-block;width:12px;flex-shrink:0;font-size:.7rem;color:var(--text-tertiary);transition:transform .15s ease}.toc-arrow-expanded{transform:rotate(90deg)}.toc-section-title{flex:1;line-height:1.4}.toc-section-children{animation:tocFadeIn .15s ease}@keyframes tocFadeIn{0%{opacity:0}to{opacity:1}}.toc-item-nested{padding-left:calc(var(--toc-depth, 0) * 16px + 12px)}.search-panel{width:420px}.search-input-wrapper{position:relative;padding:12px 20px;flex-shrink:0}.search-input{width:100%;padding:10px 36px 10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent)}.search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer;padding:4px}.search-count{padding:0 20px 8px;font-size:.8rem;color:var(--text-tertiary)}.search-results{padding:0}.search-group{margin-bottom:4px}.search-group-header{padding:8px 20px 4px;font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-serif);display:flex;align-items:baseline;gap:4px;position:sticky;top:0;background:var(--bg-primary);z-index:1}.search-section-label{color:var(--text-tertiary)}.search-chapter-label{color:var(--text-secondary)}.search-group-count{margin-left:auto;font-size:.72rem;color:var(--text-tertiary)}.search-result{display:block;width:100%;text-align:left;padding:8px 20px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;line-height:1.5;cursor:pointer;border-bottom:1px solid var(--border-light)}.search-result:hover{background:var(--bg-hover)}.search-result-current{border-left:2px solid var(--accent)}.search-excerpt{display:block}.search-match{background:#b8960c4d;color:var(--text-primary);padding:0 1px;border-radius:2px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:6px 20px;display:flex;align-items:center;gap:12px}.bottom-bar-play{background:none;border:none;color:var(--text-primary);width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:color .15s;flex-shrink:0;padding:0}.bottom-bar-play:hover{color:var(--accent)}.icon-play{display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}.icon-pause{display:inline-flex;gap:3px;width:10px;height:12px}.icon-pause:before,.icon-pause:after{content:"";flex:1;background:currentColor;border-radius:1px}.bottom-bar-progress{flex:1;min-width:0}.bottom-bar-time{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.bottom-bar-speed{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:12px;cursor:pointer;font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;flex-shrink:0;transition:all .15s}.bottom-bar-speed:hover{background:var(--bg-hover);color:var(--text-primary)}.text-body{font-family:var(--font-family-reader, var(--font-serif));font-size:var(--font-size-reader, 1.1rem);line-height:1.85;color:var(--text-primary)}.chapter-nav{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .15s}.chapter-nav:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.chapter-nav:disabled{opacity:.3;cursor:not-allowed}.book-select,.chapter-select,.translation-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:5px 10px;border-radius:4px;font-size:.85rem;font-family:var(--font-sans);cursor:pointer}.book-select{max-width:260px;font-style:italic;font-family:var(--font-serif)}.translation-select{max-width:180px}.icon-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .15s}.icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-button-active{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-button-active:hover{background:var(--accent-hover);color:#fff}.lang-toggle{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.lang-button{background:none;border:none;color:var(--text-tertiary);padding:4px 10px;font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s;letter-spacing:.03em}.lang-button:not(:last-child){border-right:1px solid var(--border-color)}.lang-active{background:var(--accent);color:#fff}.reading-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}.reading-progress-fill{height:100%;background:var(--accent);transition:width .5s ease;border-radius:0 1px 1px 0}.reader{flex:1;overflow-y:auto;position:relative;-webkit-touch-callout:none}.reader-paginated{padding:0;cursor:default;overflow:hidden;position:relative}.reader-columns{height:100%;padding:48px 60px 60px;column-fill:auto;column-gap:60px;transition:transform .3s ease}.reader-columns .chapter-header{break-inside:avoid;break-after:avoid}.reader-columns .chapter-end{break-inside:avoid}.reader-content{max-width:var(--reader-max-width);margin:0 auto}.page-nav{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10}.page-nav-label{font-size:.78rem;color:var(--text-tertiary);font-family:var(--font-sans);min-width:60px;text-align:center}.page-nav-arrow{background:none;border:1px solid var(--border-color);color:var(--text-tertiary);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.page-nav-arrow:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.page-nav-arrow:disabled{opacity:.25;cursor:default}.chapter-header{margin-bottom:40px;text-align:center}.chapter-title{font-family:var(--font-serif);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.translator-info{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.text-paragraph{margin-bottom:1.2em;text-indent:0}.text-paragraph:first-child{text-indent:0}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-tertiary);gap:16px}.loading-shell{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.loading-spinner{width:28px;height:28px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selection-popup{position:fixed;transform:translate(-50%,-100%);background:var(--bg-popup);color:var(--text-inverse);border-radius:10px;padding:6px 10px;display:flex;align-items:center;gap:2px;box-shadow:var(--shadow-lg);z-index:100;animation:fadeIn .15s ease;white-space:nowrap}.selection-popup-below{transform:translate(-50%)}.popup-icon-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-inverse);padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s;min-width:44px}.popup-icon-btn:hover{background:#ffffff1f}.popup-icon-btn svg{width:16px;height:16px;flex-shrink:0}.popup-icon-label{font-size:.67rem;font-family:var(--font-sans);letter-spacing:.01em;opacity:.9}.popup-icon-btn-delete{color:#ff8a8a}.popup-icon-btn-delete:hover{background:#ff50502e}.popup-divider{width:1px;height:28px;background:#ffffff2e;flex-shrink:0;margin:0 2px}.popup-colors{display:flex;gap:4px;align-items:center}.popup-back-btn{background:none;border:none;color:var(--text-inverse);padding:4px 6px;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;opacity:.7;transition:opacity .15s}.popup-back-btn:hover{opacity:1;background:#ffffff1a}.popup-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.popup-color-dot:hover{transform:scale(1.2);border-color:#ffffff80}.popup-color-dot.highlight-gold{background:var(--highlight-popup-gold)}.popup-color-dot.highlight-rose{background:var(--highlight-popup-rose)}.popup-color-dot.highlight-sage{background:var(--highlight-popup-sage)}.popup-color-dot.highlight-sky{background:var(--highlight-popup-sky)}.popup-color-dot.highlight-lavender{background:var(--highlight-popup-lavender)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.selection-popup:has(.popup-issue-form){flex-direction:column;align-items:stretch;min-width:260px}.popup-issue-form{display:flex;flex-direction:column;gap:8px;padding:2px 0}.popup-tag-chips{display:flex;gap:4px;flex-wrap:wrap}.popup-tag-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:var(--text-inverse);font-size:.72rem;font-family:var(--font-sans);padding:3px 9px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.popup-tag-chip:hover{background:#ffffff2e}.popup-tag-chip.selected{background:#ffffff40;border-color:#ffffff80}.popup-note-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--text-inverse);font-family:var(--font-sans);font-size:.78rem;padding:6px 8px;resize:none;width:100%;box-sizing:border-box}.popup-note-input::placeholder{color:#ffffff59}.popup-note-actions{display:flex;gap:6px;justify-content:flex-end}.popup-button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);padding:4px 12px;border-radius:5px;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background .15s}.popup-button:hover{background:#ffffff1f}.popup-button-primary{background:#ffffff2e;border-color:#ffffff59}.popup-button-primary:hover{background:#ffffff47}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInBg .2s ease}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.share-modal-card{background:var(--bg-primary);border-radius:14px;box-shadow:0 20px 60px #0006;width:100%;max-width:560px;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.share-modal-title{font-family:var(--font-serif);font-size:1rem;color:var(--text-primary);font-weight:600}.share-modal-close{background:none;border:none;font-size:1.3rem;color:var(--text-secondary);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:color .15s}.share-modal-close:hover{color:var(--text-primary)}.share-modal-tabs{display:flex;gap:0;padding:14px 20px 0;border-bottom:1px solid var(--border-color)}.share-tab-btn{background:none;border:none;padding:6px 14px 10px;font-size:.8rem;font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.share-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.share-modal-body{padding:20px}.share-canvas-wrapper{border-radius:8px;overflow:hidden;line-height:0;border:1px solid var(--border-color);margin-bottom:14px}.share-canvas-wrapper canvas{width:100%;height:auto;display:block}.share-modal-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.share-logo-toggle{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none}.share-logo-toggle input[type=checkbox]{cursor:pointer}.share-action-btn{background:var(--bg-accent, var(--text-primary));color:var(--bg-primary);border:none;border-radius:7px;padding:8px 20px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s}.share-action-btn:hover{opacity:.85}.share-action-btn:disabled{opacity:.5;cursor:not-allowed}.share-text-preview{background:var(--bg-secondary, var(--bg-panel));border:1px solid var(--border-color);border-radius:8px;padding:16px 18px;font-family:var(--font-serif);font-size:.9rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;margin-bottom:14px;min-height:80px}.share-copy-feedback{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-sans);opacity:0;transition:opacity .3s}.share-copy-feedback.visible{opacity:1}.side-panel{width:var(--panel-width);border-left:1px solid var(--border-color);background:var(--bg-panel);flex-shrink:0;overflow:hidden;transition:width .25s ease,opacity .2s ease}.side-panel-closed{width:0;border-left:none}.chat{display:flex;flex-direction:column;flex:1;min-height:0;min-width:var(--panel-width)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.chat-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--text-primary)}.chat-clear{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;padding:2px 6px}.chat-clear:hover{color:var(--text-secondary)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.chat-empty-title{font-family:var(--font-serif);font-size:1rem;color:var(--text-secondary);margin-bottom:8px}.chat-empty-hint{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}.chat-message{max-width:100%}.chat-message-user{background:var(--bg-chat-user);padding:10px 14px;border-radius:10px 10px 3px;align-self:flex-end;margin-left:20px}.chat-message-assistant{padding:10px 0}.chat-message-content p{font-size:.9rem;line-height:1.6;margin-bottom:6px}.chat-message-content p:last-child{margin-bottom:0}.chat-highlight{margin-bottom:8px}.chat-highlight-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.chat-highlight blockquote{font-family:var(--font-serif);font-size:.85rem;font-style:italic;color:var(--text-secondary);border-left:2px solid var(--accent-subtle);padding-left:10px;margin-top:4px}.chat-typing{display:flex;gap:4px;padding:4px 0}.chat-typing span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-form{padding:12px 16px;border-top:1px solid var(--border-color)}.chat-pending-highlight{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:8px;background:var(--bg-highlight);border-radius:6px;font-size:.8rem}.chat-pending-label{color:var(--text-tertiary);flex-shrink:0}.chat-pending-text{color:var(--text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-pending-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;padding:0 4px;flex-shrink:0}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:12px;font-size:.9rem;font-family:var(--font-sans);resize:none;line-height:1.4;min-height:36px;overflow-y:hidden}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--text-tertiary)}.chat-chapter-divider{display:flex;align-items:center;gap:12px;padding:8px 0;margin:4px 0;color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px}.chat-chapter-divider:before,.chat-chapter-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.chat-search-input{flex:1;border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;font-size:.82rem;font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);outline:none}.chat-header-actions{display:flex;gap:8px;flex-shrink:0}.chat-mic{background:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);transition:all .15s}.chat-mic:hover{background:var(--border-color)}.chat-voice-active{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fee;border-radius:12px;margin:0 4px}[data-theme=dark] .chat-voice-active{background:#3a2020}.chat-voice-waveform{display:flex;align-items:center;gap:3px;flex:1}.chat-voice-waveform span{width:3px;border-radius:2px;background:#e44;animation:voiceWave .8s ease-in-out infinite}.chat-voice-waveform span:nth-child(1){height:12px;animation-delay:0s}.chat-voice-waveform span:nth-child(2){height:20px;animation-delay:.1s}.chat-voice-waveform span:nth-child(3){height:16px;animation-delay:.2s}.chat-voice-waveform span:nth-child(4){height:24px;animation-delay:.3s}.chat-voice-waveform span:nth-child(5){height:14px;animation-delay:.4s}@keyframes voiceWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.chat-voice-label{font-size:.82rem;color:var(--text-primary);font-family:var(--font-sans);flex:1;overflow:hidden;text-overflow:ellipsis}.chat-voice-stop{background:#e44;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send{background:var(--accent);border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-send:hover{background:var(--accent-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.reader::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.reader::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}.reader::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.reader::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover,.notes-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.highlight{border-radius:2px;padding:1px 0;cursor:pointer;color:inherit}.highlight-gold{background:var(--highlight-gold)}.highlight-rose{background:var(--highlight-rose)}.highlight-sage{background:var(--highlight-sage)}.highlight-sky{background:var(--highlight-sky)}.highlight-lavender{background:var(--highlight-lavender)}.split-reader-columns{height:100%;padding:48px 24px 60px;column-fill:auto;column-gap:60px;font-family:var(--font-family-reader, var(--font-serif));font-size:var(--font-size-reader, 1.05rem);line-height:1.85;color:var(--text-primary);transition:transform .3s ease}.split-reader-columns .split-reader-grid,.split-reader-columns .split-column-headers,.split-reader-columns .chapter-header{max-width:1200px;margin-left:auto;margin-right:auto}.split-column-headers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.split-column-label{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.split-edition-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:3px 8px;border-radius:4px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer}.split-reader-grid{display:contents}.split-row{break-inside:avoid;max-width:1200px;margin-left:auto;margin-right:auto}.split-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-left,.split-right{padding-bottom:.6em}.split-right{border-left:1px solid var(--border-light);padding-left:24px}.chapter-end{text-align:center;padding:40px 0 20px;color:var(--text-tertiary)}.chapter-end-ornament{font-family:var(--font-serif);font-size:1.2rem;letter-spacing:.3em;margin-bottom:16px}.chapter-reflect-button{background:none;border:1px solid var(--border-color);color:var(--text-tertiary);padding:8px 20px;border-radius:20px;font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s}.chapter-reflect-button:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--accent-subtle)}.chapter-summary-button{background:var(--accent);border:none;color:#fff;padding:10px 24px;border-radius:20px;font-size:.88rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s;margin-top:12px}.chapter-summary-button:hover:not(:disabled){background:var(--accent-hover)}.chapter-summary-button:disabled{opacity:.6;cursor:not-allowed}.side-panel-inner{display:flex;flex-direction:column;height:100%;min-width:var(--panel-width)}.panel-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-tab{flex:1;background:none;border:none;padding:10px 8px;font-size:.8rem;font-family:var(--font-sans);color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.panel-tab:hover{color:var(--text-secondary)}.panel-tab-active{color:var(--text-primary);border-bottom-color:var(--accent)}.panel-tab-badge{background:var(--accent-subtle);color:var(--text-primary);font-size:.7rem;padding:1px 6px;border-radius:10px;font-weight:600}.notes{display:flex;flex-direction:column;flex:1;min-height:0;min-width:var(--panel-width)}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.notes-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--text-primary)}.notes-content{flex:1;overflow-y:auto;padding:16px}.notes-content::-webkit-scrollbar{width:6px}.notes-content::-webkit-scrollbar-track{background:transparent}.notes-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notes-section{margin-bottom:20px}.notes-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px}.highlight-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.highlight-entry{display:flex;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .15s}.highlight-entry:hover{background:var(--bg-hover)}.highlight-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.highlight-dot.highlight-gold{background:var(--highlight-gold)}.highlight-dot.highlight-rose{background:var(--highlight-rose)}.highlight-dot.highlight-sage{background:var(--highlight-sage)}.highlight-dot.highlight-sky{background:var(--highlight-sky)}.highlight-dot.highlight-lavender{background:var(--highlight-lavender)}.highlight-entry-content{flex:1;min-width:0}.highlight-text{font-size:.82rem;font-style:italic;color:var(--text-secondary);line-height:1.4}.highlight-note{font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.note-entry{padding:8px 0;border-bottom:1px solid var(--border-light)}.note-entry:last-child{border-bottom:none}.note-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.note-source{font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.note-time{font-size:.7rem;color:var(--text-tertiary);margin-left:auto}.note-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:0 4px;opacity:.4;transition:opacity .15s}.note-delete:hover{opacity:1;color:var(--text-primary)}.note-content{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.notes-empty-title{font-family:var(--font-serif);font-size:1rem;color:var(--text-secondary);margin-bottom:8px}.notes-empty-hint{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}.notes-cleanup{display:flex;gap:8px;padding:8px 16px;border-top:1px solid var(--border-light)}.cleanup-button{flex:1;background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s}.cleanup-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.cleanup-button:disabled{opacity:.5;cursor:not-allowed}.cleanup-aggressive{border-color:var(--accent-subtle);color:var(--accent)}.notes-input-area{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;gap:8px;align-items:flex-end}.notes-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.85rem;font-family:var(--font-sans);resize:none;line-height:1.4}.notes-input:focus{outline:none;border-color:var(--accent)}.notes-input::placeholder{color:var(--text-tertiary)}.notes-save{background:var(--accent);border:none;color:#fff;padding:8px 14px;border-radius:8px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer;flex-shrink:0;transition:background .15s}.notes-save:hover{background:var(--accent-hover)}.notes-save:disabled{opacity:.5;cursor:not-allowed}.notes-filters{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.notes-filter-chip{background:none;border:1px solid var(--border-color);color:var(--text-tertiary);padding:4px 10px;border-radius:14px;font-size:.72rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.notes-filter-chip:hover{color:var(--text-secondary);border-color:var(--text-tertiary)}.notes-filter-active{background:var(--accent);border-color:var(--accent);color:#fff}.notes-filter-active:hover{color:#fff;border-color:var(--accent)}.notes-filter-count{background:#ffffff40;padding:1px 5px;border-radius:8px;font-size:.68rem}.notes-filter-active .notes-filter-count{background:#ffffff4d}.timeline-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-light)}.timeline-item:last-child{border-bottom:none}.timeline-icon{flex-shrink:0;width:20px;display:flex;align-items:flex-start;justify-content:center;padding-top:3px}.timeline-icon-note{font-size:.85rem;color:var(--text-tertiary)}.timeline-icon-chat{font-size:.85rem}.timeline-body{flex:1;min-width:0}.timeline-chapter{font-size:.7rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.timeline-time{font-size:.68rem;color:var(--text-tertiary);display:block;margin-top:4px}.timeline-highlight{cursor:pointer;border-radius:6px;padding:10px 8px}.timeline-highlight:hover{background:var(--bg-hover)}.timeline-highlight .note-delete{opacity:.4}.timeline-chat-header{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:0;font-family:var(--font-sans)}.timeline-chat-preview{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.timeline-chat-meta{font-size:.68rem;color:var(--text-tertiary)}.timeline-expand{font-size:.65rem;color:var(--text-tertiary);position:absolute;right:0;top:0}.timeline-chat-header{position:relative}.timeline-chat-messages{margin-top:10px;border-left:2px solid var(--border-color);padding-left:12px}.timeline-chat-msg{margin-bottom:10px}.timeline-chat-msg:last-child{margin-bottom:4px}.timeline-chat-role{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:2px}.timeline-chat-content{font-size:.82rem;line-height:1.5;color:var(--text-primary)}.timeline-chat-content p{margin-bottom:.3em}.timeline-chat-quote{font-style:italic;color:var(--text-secondary);border-left:2px solid var(--accent-subtle);padding-left:8px;margin:4px 0 6px;font-size:.8rem}.timeline-chat-navigate{background:none;border:1px solid var(--border-color);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:.72rem;font-family:var(--font-sans);cursor:pointer;margin-top:6px;transition:all .15s}.timeline-chat-navigate:hover{background:var(--bg-hover)}.chapter-group{margin-bottom:16px}.chapter-group-header{background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-serif);font-size:.85rem;font-weight:600;padding:8px 0;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .15s}.chapter-group-header:hover{color:var(--accent)}.chapter-group-current{color:var(--accent);cursor:default}.chapter-group-current:hover{color:var(--accent)}.chapter-group-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:#fff;padding:1px 6px;border-radius:8px;font-family:var(--font-sans);font-weight:600}.chapter-group-count{margin-left:auto;font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-sans);font-weight:400}.chapter-group-items{padding-left:4px}.timeline-chat-actions{display:flex;gap:8px;margin-top:8px}.timeline-chat-summarize{background:none;border:1px solid var(--accent-subtle);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:.72rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s}.timeline-chat-summarize:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.timeline-chat-summarize:disabled{opacity:.6;cursor:not-allowed}.timeline-chat-summary{font-size:.82rem;line-height:1.5;color:var(--text-primary);padding:8px;background:var(--bg-hover);border-radius:6px;margin-bottom:6px}.timeline-chat-summary p{margin-bottom:.4em}.chat-md-h1{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--text-primary);margin:10px 0 4px}.chat-md-h2{font-family:var(--font-serif);font-size:.88rem;font-weight:600;color:var(--text-primary);margin:8px 0 3px}.chat-md-h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:6px 0 2px}.chat-md-list{margin:4px 0 8px;padding-left:20px}.chat-md-list li{font-size:.9rem;line-height:1.6;margin-bottom:3px}.chat-refresh-action{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;padding:4px 10px;margin-top:6px;border-radius:4px;transition:background .15s,color .15s}.chat-refresh-action:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-copy-to-notes{background:none;border:none;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;padding:2px 0;margin-top:4px;transition:color .15s}.chat-copy-to-notes:hover{color:var(--accent)}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#2c241780;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.onboarding-card{background:var(--bg-primary);border-radius:16px;padding:48px 40px;max-width:560px;width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeSlideUp .4s ease;position:relative}.onboarding-heading{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:24px;letter-spacing:-.02em}.onboarding-features{margin-bottom:28px}.onboarding-intro{font-size:1rem;color:var(--text-secondary);text-align:center;margin-bottom:20px;line-height:1.5}.onboarding-list{list-style:none;display:flex;flex-direction:column;gap:12px}.onboarding-list li{font-size:.9rem;color:var(--text-secondary);line-height:1.5;padding-left:16px;position:relative}.onboarding-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.onboarding-list li strong{color:var(--text-primary)}.onboarding-objective{margin-bottom:28px}.onboarding-label{font-family:var(--font-serif);font-size:1.05rem;color:var(--text-primary);display:block;margin-bottom:4px}.onboarding-sublabel{font-size:.82rem;color:var(--text-tertiary);margin-bottom:10px}.onboarding-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 14px;border-radius:8px;font-size:.9rem;font-family:var(--font-sans);resize:none;line-height:1.5}.onboarding-input:focus{outline:none;border-color:var(--accent)}.onboarding-input::placeholder{color:var(--text-tertiary)}.onboarding-start{display:block;width:100%;background:var(--accent);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:1rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:background .15s}.onboarding-start:hover{background:var(--accent-hover)}.onboarding-account-section{border-top:1px solid var(--border-color);padding-top:20px;margin-top:8px}.onboarding-account-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.onboarding-account-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;text-align:left;transition:all .15s}.onboarding-account-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-account-danger{color:#c44;border-color:#cc44444d}.onboarding-account-danger:hover{background:#cc444414;color:#c44}.onboarding-account-success{font-size:.85rem;color:var(--accent);padding:8px 0}.onboarding-delete-confirm{border:1px solid rgba(204,68,68,.3);border-radius:8px;padding:16px;background:#cc44440a}.onboarding-delete-confirm p{font-size:.83rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.onboarding-delete-actions{display:flex;gap:8px}.onboarding-delete-btn{background:#c44;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.onboarding-delete-btn:hover{background:#a33}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px;gap:16px}.chat-welcome>*{animation:fadeSlideUp .4s ease both}.chat-welcome-title{font-family:var(--font-serif);font-size:.95rem;color:var(--text-secondary);line-height:1.5}.chat-welcome-objective{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:8px 14px;border-radius:8px;font-size:.82rem;max-width:100%}.chat-welcome-objective-label{color:var(--text-tertiary);flex-shrink:0}.chat-welcome-objective-text{color:var(--text-primary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-welcome-edit{background:none;border:none;color:var(--accent);font-size:.78rem;cursor:pointer;flex-shrink:0;text-decoration:underline;text-underline-offset:2px}.chat-welcome-edit:hover{color:var(--accent-hover)}.chat-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chat-suggestion-chip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.chat-suggestion-chip:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-subtle)}.tinct-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--bg-popup);color:var(--text-inverse);padding:12px 20px;border-radius:10px;font-size:.82rem;font-family:var(--font-sans);max-width:360px;text-align:center;box-shadow:var(--shadow-lg);z-index:600;cursor:pointer;animation:slideUpFade .25s ease;line-height:1.5}.fix-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:700;animation:fadeIn .2s ease}.fix-modal{background:var(--bg-primary);color:var(--text-primary);border-radius:16px;padding:32px 36px;max-width:380px;text-align:center;box-shadow:var(--shadow-lg);font-family:var(--font-sans)}.fix-modal-icon{width:48px;height:48px;border-radius:50%;background:#4a9;color:#fff;font-size:24px;line-height:48px;margin:0 auto 16px}.fix-modal h3{margin:0 0 8px;font-size:1.1rem;font-weight:600}.fix-modal p{margin:0 0 20px;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.fix-modal-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 32px;font-size:.9rem;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s}.fix-modal-btn:hover{opacity:.85}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.proactive-insight{position:fixed;bottom:24px;right:24px;max-width:360px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-lg);z-index:500;display:flex;flex-direction:column;gap:10px;animation:fadeSlideUp .3s ease}.proactive-insight-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.proactive-insight-text{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.proactive-insight-actions{display:flex;align-items:center;gap:8px}.proactive-insight-discuss{background:var(--accent);color:#fff;border:none;padding:5px 14px;border-radius:6px;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:background .15s}.proactive-insight-discuss:hover{background:var(--accent-hover)}.proactive-insight-dismiss{background:none;border:none;color:var(--text-tertiary);font-size:1.1rem;cursor:pointer;padding:0 4px;margin-left:auto}.proactive-insight-dismiss:hover{color:var(--text-secondary)}.objective-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#2c241766;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.objective-editor-card{background:var(--bg-primary);border-radius:12px;padding:28px 24px;max-width:440px;width:90vw;box-shadow:var(--shadow-lg)}.objective-editor-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;color:var(--text-primary);margin-bottom:14px}.objective-editor-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:8px;font-size:.9rem;font-family:var(--font-sans);resize:none;line-height:1.5;margin-bottom:14px}.objective-editor-input:focus{outline:none;border-color:var(--accent)}.objective-editor-actions{display:flex;gap:8px;justify-content:flex-end}.objective-editor-cancel{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:.85rem;font-family:var(--font-sans);cursor:pointer}.objective-editor-cancel:hover{background:var(--bg-hover)}.objective-editor-save{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:.85rem;font-family:var(--font-sans);cursor:pointer}.objective-editor-save:hover{background:var(--accent-hover)}.threads{display:flex;flex-direction:column;flex:1;min-height:0;min-width:var(--panel-width)}.threads-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.threads-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--text-primary)}.threads-filters{display:flex;gap:2px}.threads-filter-btn{background:none;border:none;color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-sans);padding:3px 8px;border-radius:10px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.04em}.threads-filter-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.threads-filter-active{background:var(--accent-subtle);color:var(--text-primary)}.threads-content{flex:1;overflow-y:auto;padding:8px}.threads-content::-webkit-scrollbar{width:6px}.threads-content::-webkit-scrollbar-track{background:transparent}.threads-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.threads-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.threads-empty-text{font-size:.85rem;color:var(--text-tertiary)}.thread-card{border:1px solid var(--border-light);border-radius:8px;margin-bottom:6px;overflow:visible;transition:border-color .15s}.thread-card:hover{border-color:var(--border-color)}.thread-card-expanded{border-color:var(--accent-subtle)}.thread-card-offpage{opacity:.4}.thread-card-offpage:hover{opacity:.7}.thread-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .15s;gap:8px}.thread-card-header:hover{background:var(--bg-hover)}.thread-card-title{display:flex;flex-direction:column;min-width:0}.thread-name{font-family:var(--font-serif);font-size:.92rem;font-weight:600;color:var(--text-primary)}.thread-epithet{font-size:.78rem;font-style:italic;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.thread-role{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:8px;font-weight:600}.thread-role-mortal{background:var(--bg-hover);color:var(--text-secondary)}.thread-role-god{background:#f0e6d0;color:#8b6b3a}[data-theme=dark] .thread-role-god{background:#3d3222;color:#c9a45c}.thread-role-creature{background:#dce8dc;color:#4a6b4a}[data-theme=dark] .thread-role-creature{background:#2a3d2a;color:#8ab88a}.thread-chapter-count{font-size:.72rem;color:var(--text-tertiary);font-family:var(--font-mono)}.thread-expand-icon{font-size:1rem;color:var(--text-tertiary);width:16px;text-align:center}.thread-card-body{padding:0 12px 12px;animation:fadeSlideUp .2s ease}.thread-wiki-link{display:inline-block;font-size:.78rem;color:var(--accent);text-decoration:none;margin-bottom:10px;transition:color .15s}.thread-wiki-link:hover{color:var(--accent-hover);text-decoration:underline}.thread-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:10px 0 6px}.thread-spoiler-label{color:var(--accent)}.thread-not-yet{font-size:.82rem;font-style:italic;color:var(--text-tertiary);padding:8px 0}.thread-summaries{display:flex;flex-direction:column;gap:6px}.thread-summaries-spoiler{border-top:1px dashed var(--accent-subtle);padding-top:4px;margin-top:6px}.thread-summary{display:flex;gap:8px;align-items:baseline}.thread-summary-spoiler{opacity:.85}.thread-chapter-label{font-size:.72rem;font-weight:600;color:var(--accent);white-space:nowrap;cursor:pointer;flex-shrink:0;transition:color .15s}.thread-chapter-label:hover{color:var(--accent-hover);text-decoration:underline}.thread-summary-text{font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.thread-spoiler-btn{background:none;border:1px dashed var(--border-color);color:var(--text-tertiary);padding:6px 12px;border-radius:6px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;width:100%;margin-top:8px;transition:all .15s}.thread-spoiler-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--accent-subtle)}.thread-mentions{margin-top:10px;border-top:1px solid var(--border-light);padding-top:4px}.thread-mention{display:flex;gap:8px;padding:5px 6px;border-radius:4px;cursor:pointer;transition:background .15s;align-items:baseline}.thread-mention:hover{background:var(--bg-hover)}.thread-mention-chapter{font-size:.68rem;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}.thread-mention-text{font-size:.76rem;font-style:italic;color:var(--text-tertiary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.thread-mention-more{font-size:.75rem;color:var(--text-tertiary);font-style:italic;padding:4px 6px}.reading-tracker{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:6px 20px;display:flex;align-items:center;gap:12px}.reading-tracker-bar{flex:1;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.reading-tracker-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.reading-tracker-info{display:flex;align-items:center;gap:10px;flex-shrink:0}.reading-tracker-page{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono);padding-right:10px;border-right:1px solid var(--border-color)}.reading-tracker-percent{font-size:.75rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);min-width:32px}.reading-tracker-time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.reading-tracker-est{font-size:.65rem;opacity:.7}.reading-tracker-nav{display:none}.highlights-panel{display:flex;flex-direction:column;height:100%;min-width:var(--panel-width)}.highlights-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.highlights-panel-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--text-primary)}.highlights-panel-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-hover);padding:2px 8px;border-radius:10px;font-family:var(--font-mono)}.highlights-color-summary{display:flex;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border-light)}.highlights-color-chip{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-tertiary)}.highlights-panel-content{flex:1;overflow-y:auto;padding:8px 12px}.highlights-panel-content::-webkit-scrollbar{width:6px}.highlights-panel-content::-webkit-scrollbar-track{background:transparent}.highlights-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.highlights-chapter-group{margin-bottom:16px}.highlights-chapter-label{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--accent);font-size:.78rem;font-weight:600;font-family:var(--font-sans);padding:6px 4px;cursor:pointer;text-align:left;transition:color .15s}.highlights-chapter-label:hover{color:var(--accent-hover)}.highlights-chapter-count{font-weight:400;color:var(--text-tertiary);font-size:.7rem}.highlights-chapter-items{display:flex;flex-direction:column;gap:4px}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#2c241780;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.auth-card,.usage-card{background:var(--bg-primary);border-radius:16px;padding:36px 32px;max-width:420px;width:90vw;box-shadow:var(--shadow-lg);position:relative;animation:fadeSlideUp .3s ease}.auth-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.auth-close:hover{color:var(--text-primary)}.auth-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:6px}.auth-subtitle{font-size:.88rem;color:var(--text-tertiary);text-align:center;margin-bottom:24px}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:background .15s}.auth-google:hover{background:var(--bg-hover)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-tertiary);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-input{display:block;width:100%;padding:11px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:var(--font-sans);color:var(--text-primary);margin-bottom:12px}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-error{font-size:.82rem;color:#c44;margin-bottom:12px;text-align:center}.auth-success{text-align:center;padding:20px 0}.auth-success p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.auth-submit{display:block;width:100%;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:background .15s}.auth-submit:hover{background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;font-size:.82rem;color:var(--text-tertiary);margin-top:16px}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.82rem;text-decoration:underline;text-underline-offset:2px}.auth-switch button:hover{color:var(--accent-hover)}.auth-forgot{text-align:center;margin-top:8px;margin-bottom:-8px}.auth-forgot button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.78rem;text-decoration:underline;text-underline-offset:2px}.auth-forgot button:hover{color:var(--accent)}.password-reset-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.password-reset-card{max-width:400px;width:90vw;padding:40px 32px}.password-reset-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:8px}.password-reset-subtitle{font-size:.9rem;color:var(--text-tertiary);text-align:center;margin-bottom:32px}.password-reset-field{margin-bottom:20px}.password-reset-field .onboarding-label{margin-bottom:6px}.auth-button{background:none;border:1px solid var(--accent);color:var(--accent);padding:4px 12px;border-radius:6px;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.auth-button:hover{background:var(--accent);color:#fff}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:.82rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.user-avatar:hover{opacity:.85}.balance-indicator{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:12px;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.balance-indicator:hover{background:var(--bg-hover);color:var(--text-primary)}.balance-anonymous{border-color:var(--accent-subtle);color:var(--accent)}.balance-empty{border-color:#c44;color:#c44}.usage-balance{text-align:center;padding:20px 0}.usage-balance-amount{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--text-primary)}.usage-balance-label{display:block;font-size:.85rem;color:var(--text-tertiary);margin-top:2px}.usage-total{text-align:center;font-size:.8rem;color:var(--text-tertiary);margin-bottom:20px}.usage-topup-section{margin-top:20px}.usage-topup-title{font-family:var(--font-serif);font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:12px}.usage-topup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.usage-topup-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s}.usage-topup-button:hover{background:var(--bg-hover);border-color:var(--accent)}.usage-topup-amount{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:var(--text-primary)}.usage-topup-msgs{font-size:.72rem;color:var(--text-tertiary)}.usage-pricing-info{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.usage-rewards{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f0e8;border-radius:8px;margin:12px 0;font-size:.85rem;color:#6b5a3e}[data-theme=dark] .usage-rewards{background:#2a2520;color:#c9b896}.usage-rewards-icon{font-size:1.1rem;color:#c9a84c}.usage-rewards-text{font-weight:500}.usage-quota{margin:16px 0}.usage-quota-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.usage-quota-count{color:var(--text-tertiary)}.usage-progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.usage-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.usage-extra{font-size:.82rem;color:var(--text-tertiary);text-align:center;margin:8px 0}.usage-total-remaining{text-align:center;padding:16px 0}.usage-total-count{font-family:var(--font-serif);font-size:2.2rem;font-weight:400;color:var(--text-primary)}.usage-total-label{display:block;font-size:.85rem;color:var(--text-tertiary);margin-top:2px}.usage-manage{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s}.usage-manage:hover{border-color:var(--accent);color:var(--text-primary)}.usage-subscribe-pitch{text-align:center;padding:12px 0}.usage-price{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--text-primary);margin-bottom:16px}.usage-price-period{font-size:1rem;color:var(--text-tertiary)}.usage-feature-list{list-style:none;padding:0;margin:0 0 20px;text-align:left}.usage-feature-list li{padding:6px 0;font-size:.9rem;color:var(--text-secondary)}.usage-feature-list li:before{content:"✓";color:var(--accent);margin-right:8px}.usage-reading-free{font-size:.8rem;color:var(--text-tertiary);margin-top:12px}.usage-topup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usage-topup-note{font-size:.75rem;color:var(--text-tertiary);text-align:center;margin-top:8px}.usage-status{margin-bottom:12px}.usage-status-text{font-size:.88rem;text-align:center}.usage-status-active{color:var(--accent)}.usage-status-canceled{color:#e8c547}.usage-subscription-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.usage-cancel-confirm{text-align:center}.usage-cancel-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.usage-cancel-buttons{display:flex;gap:10px;justify-content:center}.usage-cancel-yes{padding:8px 18px;background:#3a1a1a;color:#e85050;border:1px solid #5a2a2a;border-radius:6px;font-size:.85rem;cursor:pointer}.usage-cancel-yes:hover{background:#4a2020}.usage-cancel-yes:disabled{opacity:.5;cursor:not-allowed}.usage-cancel-no{padding:8px 18px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.usage-cancel-no:hover{background:var(--accent-hover)}.usage-resubscribe{display:block;width:100%;padding:10px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.usage-resubscribe:hover{background:var(--accent-hover)}.usage-free-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.usage-free-note{font-size:.82rem;color:var(--text-tertiary);text-align:center;line-height:1.5}.usage-affordability{font-size:.82rem;color:var(--text-tertiary);text-align:center;margin-top:8px}.usage-email-link{color:var(--accent);text-decoration:none}.usage-email-link:hover{text-decoration:underline}.usage-pricing-info h4{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.usage-pricing-info p{font-size:.78rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:4px}.usage-anon{text-align:center;padding:20px 0}.usage-anon-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.back-to-position{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-popup);color:var(--text-inverse);padding:8px 20px;border-radius:20px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer;z-index:200;box-shadow:var(--shadow-lg);border:none;animation:fadeSlideUp .3s ease;transition:opacity .2s}.back-to-position:hover{opacity:.9}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.audio-player{position:fixed;bottom:38px;left:0;right:0;z-index:49;display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.audio-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.audio-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.audio-play{width:36px;height:36px;font-size:.85rem;background:var(--accent);color:#fff;border-color:var(--accent)}.audio-play:hover{background:var(--accent-hover);color:#fff}.audio-progress{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.audio-progress-bar{flex:1;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.audio-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s linear}.audio-time{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.audio-speed-btn{background:var(--bg-tertiary, var(--bg-secondary));border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:12px;cursor:pointer;font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;flex-shrink:0;transition:all .15s}.audio-speed-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.has-audio .page-nav{bottom:52px}.has-audio .reader-columns{padding-bottom:100px}.paragraph-playing{border-left:3px solid var(--accent);padding-left:12px;transition:border-color .3s,padding-left .3s}.store{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch}.store-inner{max-width:800px;margin:0 auto;padding:60px 32px 80px}.store-header{text-align:center;margin-bottom:48px;position:relative}.store-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:400;color:var(--accent);letter-spacing:-.03em;margin-bottom:6px}.store-subtitle{font-size:.95rem;color:var(--text-tertiary);font-family:var(--font-serif);font-style:italic}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 24px}.store-book{cursor:pointer;text-align:center;transition:transform .15s}.store-book:hover{transform:translateY(-4px)}.store-book-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-primary);margin-top:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-book-author{font-size:.78rem;color:var(--text-secondary)}.store-book-percent{color:var(--text-tertiary)}.store-book-languages{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.store-book-progress{height:3px;background:var(--border-color);border-radius:2px;margin-top:6px;overflow:hidden}.store-book-progress-fill{height:100%;background:var(--accent);border-radius:2px}.store-close{position:absolute;top:0;right:0;background:none;border:1px solid var(--border-color);color:var(--text-tertiary);width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.store-close:hover{background:var(--bg-hover);color:var(--text-primary)}.store-section-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;color:var(--text-secondary);margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.store-section-title:first-of-type{margin-top:0}.book-cover{width:100%;aspect-ratio:2 / 3;border-radius:4px 8px 8px 4px;display:flex;position:relative;overflow:hidden;box-shadow:2px 4px 12px #00000040,inset -1px 0 2px #ffffff0d}.book-cover-large{width:240px}.book-cover-spine{width:5px;flex-shrink:0;opacity:.8}.book-cover-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;text-align:center;gap:6px}.book-cover-rule{width:50%;border-top:1px solid;opacity:.5}.book-cover-title{font-family:var(--font-serif);font-size:1rem;font-weight:500;line-height:1.25;letter-spacing:-.01em}.book-cover-large .book-cover-title{font-size:1.4rem}.book-cover-author{font-size:.7rem;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.book-cover-large .book-cover-author{font-size:.8rem}.book-cover-year{font-size:.6rem;font-family:var(--font-sans);margin-top:4px}.book-detail{max-width:720px;margin:0 auto;padding:40px 32px 80px}.book-detail-back{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:4px 0;margin-bottom:32px;display:inline-block}.book-detail-back:hover{color:var(--text-primary)}.book-detail-layout{display:flex;gap:40px;align-items:flex-start}.book-detail-cover{flex-shrink:0}.book-detail-info{flex:1;min-width:0}.book-detail-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.book-detail-author{font-size:1rem;color:var(--text-secondary);font-style:italic;margin-bottom:4px}.book-detail-year{font-size:.82rem;color:var(--text-tertiary);margin-bottom:20px}.book-detail-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;font-family:var(--font-serif)}.book-detail-progress{margin-bottom:24px}.book-detail-progress-bar{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:6px}.book-detail-progress-fill{height:100%;background:var(--accent);border-radius:2px}.book-detail-progress-read{position:absolute;top:0;left:0;height:100%;background:var(--accent);opacity:.4;border-radius:2px}.book-detail-progress-bar{position:relative}.book-detail-progress-text{font-size:.78rem;color:var(--text-tertiary)}.feed{display:flex;flex-direction:column;height:100%;overflow:hidden}.feed-filters{display:flex;gap:2px;padding:8px 12px 4px;flex-shrink:0}.feed-filter-btn{background:none;border:none;color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-sans);padding:4px 10px;border-radius:4px;cursor:pointer;transition:background .1s,color .1s}.feed-filter-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.feed-filter-active{background:var(--accent-subtle);color:var(--text-primary)}.feed-chapters{flex:1;overflow-y:auto;padding:4px 12px 12px}.feed-section{margin-bottom:2px}.feed-section--unread{opacity:.4}.feed-section-header{display:flex;align-items:center;width:100%;padding:6px 6px 6px 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary);font:inherit;font-weight:600;gap:4px}.feed-section--depth-0>.feed-section-header{font-size:.85em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding-top:10px}.feed-section--depth-1>.feed-section-header{font-size:.82em;padding-left:8px}.feed-section--depth-2>.feed-section-header{font-size:.8em;font-weight:500;padding-left:16px}.feed-section-chevron{width:14px;flex-shrink:0;font-size:.75em}.feed-section-title{flex:1}.feed-section-progress{font-size:.75em;font-weight:400;color:var(--text-tertiary);margin-left:auto}.feed-section--depth-0>.feed-section-children{padding-left:4px}.feed-section--depth-1>.feed-section-children{padding-left:8px}.feed-section--depth-2>.feed-section-children{padding-left:4px}.feed-row{border-left:2px solid var(--border-color);margin-left:8px}.feed-row--current{border-left-color:var(--accent)}.feed-row--unread{opacity:.35}.feed-row--expanded{border-left-color:var(--accent);background:var(--bg-secondary);border-radius:0 6px 6px 0;margin-bottom:2px}.feed-row-header{display:flex;align-items:center;width:100%;padding:5px 6px 5px 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary);font:inherit;gap:6px}.feed-row--unread .feed-row-header{cursor:default}.feed-row-check{width:20px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.feed-row-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.feed-row-title{font-size:.78rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-current-badge{font-size:.6rem;padding:1px 5px;border-radius:3px;background:var(--accent);color:#fff;white-space:nowrap;flex-shrink:0}.feed-resume{font-size:.62rem;padding:1px 6px;border-radius:3px;border:1px solid var(--accent);background:none;color:var(--accent);cursor:pointer;white-space:nowrap;flex-shrink:0}.feed-resume:hover{background:var(--accent);color:#fff}.feed-artifact-count{font-size:.62rem;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;background:var(--accent-subtle);color:var(--text-secondary);flex-shrink:0;padding:0 4px}.feed-expanded{padding:2px 8px 8px 22px}.feed-detail-block{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.feed-progress-bar-container{margin-bottom:6px}.feed-progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;display:flex}.feed-progress-segment{height:100%;min-width:2px;transition:width .3s ease}.feed-progress-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.feed-legend-item{display:inline-flex;align-items:center;gap:3px;font-size:.6rem;color:var(--text-tertiary)}.feed-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.feed-detail{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.feed-detail-item{font-size:.7rem;color:var(--text-tertiary)}.feed-detail-editions{display:flex;flex-wrap:wrap;gap:3px}.feed-edition-badge{font-size:.65rem;padding:1px 5px;border-radius:3px;background:var(--bg-primary);color:var(--text-secondary);white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.feed-items{display:flex;flex-direction:column;gap:2px}.feed-edit-input{width:100%;min-height:100px;font:inherit;font-size:.85rem;line-height:1.5;padding:8px 10px;border:1px solid var(--accent);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);resize:vertical;box-sizing:border-box}.note-edit{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.82rem;padding:0 4px}.note-edit:hover{color:var(--accent)}.book-detail-section{margin-bottom:20px}.book-detail-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.book-detail-editions{display:flex;flex-direction:column;gap:6px}.book-detail-edition{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.book-detail-edition-main{display:flex;flex-direction:column;gap:2px}.book-detail-edition-label{color:var(--text-primary)}.book-detail-edition-lang{color:var(--text-tertiary);font-size:.75rem}.book-detail-edition-formats{display:flex;gap:6px}.book-detail-format{font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:500;letter-spacing:.02em}.book-detail-format-text{background:var(--bg-hover);color:var(--text-secondary)}.book-detail-format-audio{background:var(--accent-subtle);color:var(--accent)}.book-detail-languages{font-size:.88rem;color:var(--text-secondary)}.book-detail-actions{margin-top:28px}.book-detail-cta{display:inline-block;padding:14px 36px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.book-detail-cta:hover{background:var(--accent-hover)}@media (max-width: 600px){.store-inner{padding:40px 16px 60px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px 16px}.book-detail{padding:24px 16px 60px}.book-detail-layout{flex-direction:column;align-items:center;gap:24px}.book-detail-info{text-align:center}.book-detail-editions{text-align:left}}.onboarding-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.onboarding-close:hover{color:var(--text-primary)}.onboarding-settings-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.onboarding-setting{display:flex;flex-direction:column;gap:6px}.onboarding-toggle-row{display:flex;gap:4px}.onboarding-toggle-btn{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:6px;font-size:.88rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;text-align:center}.onboarding-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-toggle-active{background:var(--accent);color:#fff;border-color:var(--accent)}.onboarding-toggle-active:hover{background:var(--accent-hover);color:#fff}.onboarding-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.88rem;font-family:var(--font-sans);cursor:pointer}.onboarding-split-row,.onboarding-progress-row{display:flex;gap:8px;align-items:stretch}.onboarding-toggle-match{flex:0 0 auto;min-width:56px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.store-inner{padding:40px 16px 60px}.store-title{font-size:2rem}.store-card-content{padding:16px}.store-card-title{font-size:1.2rem}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);z-index:900;background:#2c24174d}.mobile-menu-content{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-lg);max-height:calc(100dvh - var(--header-height) - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-label{font-size:.82rem;color:var(--text-secondary)}.mobile-menu-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:5px 10px;border-radius:4px;font-size:.82rem;font-family:var(--font-sans);max-width:180px}.mobile-menu-toggle{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-tertiary);padding:4px 14px;border-radius:12px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer}.mobile-menu-toggle-on{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-menu-auth{background:none;border:none;color:var(--accent);font-size:.82rem;font-family:var(--font-sans);cursor:pointer;padding:4px 0;text-align:left;width:100%}.mobile-menu-section-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:4px 0 0;border-top:1px solid var(--border-color);margin-top:2px}.mobile-menu-collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0 4px;-webkit-tap-highlight-color:transparent}.mobile-menu-chevron{font-size:.8rem;color:var(--text-tertiary)}.mobile-menu-section-header:first-child{border-top:none;margin-top:0;padding-top:0}.mobile-menu-section-header.mobile-menu-collapsible:first-child{padding-top:4px}.mobile-menu-item-col{flex-direction:column;align-items:stretch;gap:4px}.mobile-menu-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-family:var(--font-sans);padding:8px 10px;resize:none;line-height:1.4}.mobile-menu-textarea:focus{outline:none;border-color:var(--accent)}.mobile-menu-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.mobile-menu-library-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:.82rem;font-family:var(--font-sans);cursor:pointer;width:100%;text-align:center}.mobile-menu-library-btn:active{background:var(--bg-hover)}.mobile-book-title{font-size:.85rem;font-weight:400;font-style:italic;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-book-author{font-size:.8rem;font-weight:400;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-row{display:flex;gap:4px}.mobile-menu-toggle-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-tertiary);padding:4px 10px;border-radius:4px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer}.mobile-menu-toggle-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-nav{display:none}.mobile-view-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:var(--text-tertiary);font-size:.9rem}@media (max-width: 768px){:root{--header-height: 48px;--panel-width: 100%}.header-mobile{padding:0 12px;gap:8px;height:48px;max-width:100vw;overflow:hidden}.header-mobile .header-left{flex:1;min-width:0;overflow:hidden}.header-mobile .logo{flex-shrink:0}.chapter-select{max-width:140px;font-size:.8rem}.main-layout-mobile{overflow:hidden;position:relative;padding-bottom:32px}.mobile-views{width:100%;height:100%;position:relative;overflow:hidden}.mobile-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;visibility:hidden;pointer-events:none;z-index:0}.mobile-view-active{visibility:visible;pointer-events:auto;z-index:1}.reader{width:100%;max-width:100vw;height:100%}.reader-columns{padding:20px 16px 60px;column-gap:40px}.mobile-compare-header{padding:8px 16px;flex-shrink:0}.mobile-compare-header .split-edition-select{width:100%}.text-body{font-size:var(--font-size-reader, 1rem);line-height:1.75}.chapter-title{font-size:var(--font-size-reader, 1.2rem)}.page-nav{display:none}.side-panel{width:100%;height:100%;border-left:none}.side-panel-inner{min-width:0;overflow:hidden}.chat,.notes,.threads,.highlights-panel{min-width:0}.panel-tabs{display:flex}.panel-tab{padding:7px 4px;font-size:.72rem}.panel-toggle-tab{display:none}.chat-input-form{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.chat-input{font-size:16px;padding:8px 12px;min-height:36px;box-sizing:border-box}.chat-input-row{align-items:flex-end;gap:6px}.chat-send,.chat-mic{width:36px;height:36px;flex-shrink:0}.notes-input-area{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.side-panel-inner{padding-bottom:64px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--bg-secondary);border-top:none;height:32px;align-items:center;justify-content:stretch;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-btn{flex:1;background:none;border:none;color:var(--text-tertiary);font-size:.68rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;padding:0 4px;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.mobile-nav-btn:active{background:var(--bg-hover)}.mobile-nav-active{color:var(--accent);font-weight:600}.reading-tracker,.bottom-bar{bottom:32px;z-index:70;padding:1px 6px 0;gap:4px}.reading-tracker-nav{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:.9rem;min-width:28px;min-height:24px;padding:0 4px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.reading-tracker-nav:active{color:var(--accent)}.reading-tracker-nav:disabled{opacity:.2;cursor:default}.selection-popup{position:fixed;bottom:120px;left:50%;top:auto!important;transform:translate(-50%)!important}.selection-popup-below{transform:translate(-50%)!important}.proactive-insight{right:12px;left:12px;bottom:120px;max-width:none}.onboarding{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 0}.onboarding-card{padding:28px 20px;max-width:100%;width:92vw;margin:auto;max-height:none;border-radius:12px}.onboarding-heading{font-size:1.5rem}.onboarding-list li{font-size:.85rem}.auth-card,.usage-card{padding:24px 20px;max-height:90vh;overflow-y:auto}.objective-editor-card{max-height:90vh;overflow-y:auto}.split-reader-columns{padding:24px 12px 48px}.split-row{gap:12px}.split-right{padding-left:12px}.split-column-label{font-size:.75rem}}.account-decision{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;background:var(--bg-primary);padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.account-decision-card{max-width:480px;width:100%;text-align:center;padding:40px 0}.account-decision-book{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px;font-family:var(--font-serif)}.account-decision-title{font-size:1.6rem;font-family:var(--font-serif);color:var(--text-primary);margin-bottom:8px;font-weight:500}.account-decision-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:32px}.account-decision-features{list-style:none;text-align:left;margin-bottom:32px}.account-decision-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.account-decision-features li:last-child{border-bottom:none}.account-decision-features strong{display:block;color:var(--text-primary);font-size:.95rem}.account-decision-features span:not(.account-decision-check):not(.premium-check){font-size:.85rem;color:var(--text-secondary)}.account-decision-check{color:var(--accent);font-size:1.1rem;flex-shrink:0;width:20px;text-align:center;margin-top:2px}.premium-check{color:#c9a45c}.account-decision-premium-section{display:block!important;padding:16px 0 4px!important;border-bottom:none!important}.account-decision-divider-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#c9a45c;font-weight:600}.account-decision-cta{display:block;width:100%;padding:14px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:background .15s}.account-decision-cta:hover{background:var(--accent-hover)}.account-decision-skip{display:block;width:100%;padding:10px;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;margin-bottom:16px}.account-decision-skip:hover{color:var(--text-primary)}.account-decision-pricing{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer}.account-decision-pricing:hover{text-decoration:underline}.account-decision-free-note{font-size:.8rem;color:var(--text-tertiary);text-align:center;margin:8px 0 16px;line-height:1.4}.pricing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000080;padding:24px}.pricing-card{background:var(--bg-primary);border-radius:12px;padding:32px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg)}.pricing-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer}.pricing-title{font-size:1.4rem;font-family:var(--font-serif);color:var(--text-primary);text-align:center;margin-bottom:4px}.pricing-subtitle{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.pricing-tier{border:1px solid var(--border-color);border-radius:8px;padding:20px 16px}.pricing-tier-highlight{border-color:var(--accent);background:var(--bg-secondary)}.pricing-tier-name{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pricing-tier-price{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pricing-tier-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.pricing-tier-badge{font-size:.72rem;color:#c9a45c;font-weight:600;background:#c9a45c1f;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:12px}.pricing-tier-features{list-style:none;font-size:.85rem}.pricing-tier-features li{padding:3px 0;display:flex;gap:6px}.pricing-included{color:var(--text-primary)}.pricing-excluded{color:var(--text-tertiary)}.pricing-cta{display:block;margin:0 auto 16px;padding:12px 32px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.pricing-cta:hover{background:var(--accent-hover)}.pricing-sam-harris{text-align:center;font-size:.8rem;color:var(--text-tertiary);font-style:italic}.trial-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:.85rem;z-index:10}.trial-banner-info{background:var(--bg-secondary);color:var(--text-secondary)}.trial-banner-warning{background:#3a2f10;color:#e8c547}.trial-banner-expired{background:#3a1a1a;color:#e85050}.trial-banner-text{flex:1}.trial-banner-cta{padding:4px 14px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:4px;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap}.trial-banner-cta:hover{background:var(--accent-hover)}.trial-banner-dismiss{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:1.1rem;padding:0 4px}.trial-banner-dismiss:hover{opacity:1}.offline-banner{padding:6px 16px;background:#2a2010;color:#d4a843;font-size:.82rem;text-align:center}.download-card{background:var(--bg-primary);border-radius:12px;padding:24px;width:90%;max-width:480px;position:relative;max-height:80vh;overflow-y:auto}.download-offline-notice{padding:8px 12px;background:#2a2010;color:#d4a843;font-size:.85rem;border-radius:6px;margin-bottom:16px;text-align:center}.download-active{margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:8px}.download-active-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.download-cancel{margin-top:8px;background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;text-decoration:underline}.download-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.download-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:8px}.download-item-cached{border-left:3px solid var(--accent)}.download-item-info{display:flex;flex-direction:column;gap:2px}.download-item-title{font-size:.9rem;color:var(--text-primary);font-family:var(--font-serif)}.download-item-meta{font-size:.75rem;color:var(--text-tertiary)}.download-item-status{font-size:.8rem;color:var(--text-tertiary)}.download-btn{padding:6px 14px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:5px;font-size:.82rem;cursor:pointer}.download-btn:hover{background:var(--accent-hover)}.download-btn:disabled{opacity:.5;cursor:not-allowed}.download-remove{padding:6px 14px;background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:5px;font-size:.82rem;cursor:pointer}.download-remove:hover{border-color:#e85050;color:#e85050}.download-storage{text-align:center;font-size:.78rem;color:var(--text-tertiary)}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;flex:1}.upgrade-prompt-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:16px;font-family:var(--font-serif)}.upgrade-prompt-cta{padding:10px 24px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.upgrade-prompt-cta:hover{background:var(--accent-hover)}.panel-tab-locked{opacity:.7}.panel-tab-lock{font-size:.7rem;color:#c9a45c;margin-left:2px}@media (max-width: 600px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:20px 16px}}[data-eink] *{transition:none!important;animation:none!important}[data-eink]{--bg-primary: #fff;--bg-secondary: #f5f5f5;--bg-tertiary: #eee;--text-primary: #000;--text-secondary: #333;--text-tertiary: #666;--border-color: #999;--accent: #000;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}[data-eink] .reader-columns{transition:none!important}[data-eink] .header{border-bottom:2px solid #000;box-shadow:none}[data-eink] .page-nav-arrow{min-width:60px;min-height:60px;font-size:1.5rem}[data-eink] .highlight-gold{background:#ddd}[data-eink] .highlight-rose{background:#bbb}[data-eink] .highlight-sage{background:#ccc}[data-eink] .highlight-sky{background:#aaa}[data-eink] .highlight-lavender{background:#999}[data-eink] .text-body{font-weight:500}[data-eink][data-theme=dark]{--bg-primary: #fff;--text-primary: #000}