.sidebar{width:60px;background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;flex-shrink:0;border-right:1px solid var(--sidebar-border);position:relative;transition:transform .3s ease}.sidebar.sidebar-hidden{transform:translate(-100%)}.sidebar-section{display:flex;flex-direction:column;gap:8px;align-items:center}.sidebar-btn{width:40px;height:40px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--sidebar-text);transition:all .15s ease;position:relative}.sidebar-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.sidebar-btn:active{background:var(--sidebar-hover-bg);opacity:.8}.sidebar-btn:focus{outline:none}.sidebar-btn.active{background:var(--sidebar-accent-active-bg);color:var(--sidebar-accent-color)}@keyframes pulse-speech{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sidebar-btn.active[title*=Dictation]{animation:pulse-speech 2s ease-in-out infinite}.sidebar-btn.strikethrough{text-decoration:line-through;font-weight:700}.sidebar-btn.text-style{font-size:14px;font-weight:600;letter-spacing:0px}.sidebar-btn.chapter-icon,.sidebar-btn.scene-icon{font-size:11px;font-weight:600;letter-spacing:0px}.sidebar-divider{width:32px;height:1px;background:var(--sidebar-divider);margin:8px auto}.sidebar-spacer{flex:1}.overflow-btn-label strong,.overflow-btn-label em,.overflow-btn-label u{font-size:inherit}.overflow-btn.strikethrough .overflow-btn-label{text-decoration:line-through;font-weight:700}.overflow-btn.chapter-icon .overflow-btn-label,.overflow-btn.scene-icon .overflow-btn-label{font-size:11px;font-weight:600}.overflow-btn.text-style .overflow-btn-label{font-size:14px;font-weight:600}.sidebar-btn.logo-btn{position:relative;color:var(--sidebar-accent-color)}.sidebar-btn.logo-btn:focus{outline:none}.sidebar-btn.logo-btn:hover{color:var(--sidebar-accent-color)}.sidebar-btn.logo-btn.has-unsaved:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--sidebar-accent-color);border-radius:50%;border:none}@media(max-width:900px){.sidebar{display:none}}.overflow-popup{position:absolute;left:68px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:200px;z-index:1000;animation:popupFadeIn .15s ease}.overflow-popup:before{content:"";position:absolute;right:100%;top:-8px;bottom:-8px;width:20px;background:transparent;pointer-events:auto}.overflow-popup.anchor-bottom{bottom:8px}.file-menu-popup{min-width:220px}.overflow-btn{width:100%;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:12px;color:var(--text-primary);transition:all .15s ease;text-align:left}.overflow-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .overflow-btn{color:var(--sidebar-text)}[data-theme=light] .overflow-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.overflow-btn.active{background:var(--sidebar-accent-active-bg);color:var(--sidebar-accent-color)}.overflow-btn-label{font-size:16px;min-width:24px;display:flex;align-items:center;justify-content:center}.overflow-btn-title{flex:1;font-size:13px;color:var(--text-secondary)}[data-theme=light] .overflow-btn-title{color:var(--sidebar-text)}.overflow-btn-shortcut{font-size:11px;color:var(--text-tertiary);opacity:.8;font-family:monospace;margin-left:auto;padding-left:12px}[data-theme=light] .overflow-btn-shortcut{color:var(--sidebar-text);opacity:.6}.overflow-divider{width:100%;height:1px;background:var(--border-color);margin:4px 0}[data-theme=light] .overflow-divider{background:var(--sidebar-divider)}.menu-filename{padding:8px 12px;display:flex;align-items:center;gap:12px}.menu-filename-icon{display:flex;align-items:center;justify-content:center;min-width:24px;color:var(--text-secondary)}[data-theme=light] .menu-filename-icon{color:var(--sidebar-text)}.menu-filename-text{font-size:13px;font-weight:400;color:var(--text-secondary);flex:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.menu-filename-text:hover{background:var(--sidebar-hover-bg)}[data-theme=light] .menu-filename-text{color:var(--sidebar-text)}.menu-filename-input{flex:1;font-size:13px;font-weight:400;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--sidebar-accent-color);border-radius:4px;padding:2px 4px;outline:none;font-family:inherit}[data-theme=light] .menu-filename-input{color:var(--sidebar-text);background:var(--sidebar-hover-bg)}.menu-filename-status{display:flex;align-items:center;justify-content:center;margin-left:auto}.menu-filename-status.saving{color:var(--sidebar-text);animation:spin 1s linear infinite}.menu-filename-status.saved{color:#4caf50}.menu-filename-status.error{color:#f44336}.menu-item-wrapper{position:relative}.menu-item-wrapper:has(.submenu-popup):after{content:"";position:absolute;left:100%;top:0;width:8px;height:100%;z-index:1000}.submenu-popup{position:absolute;left:100%;top:0;margin-left:4px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:180px;z-index:1001;animation:popupFadeIn .15s ease}.submenu-popup .overflow-btn{padding:8px 12px}.submenu-popup .overflow-btn-title{width:100%}.toggle-switch{position:relative;width:36px;height:20px;background:var(--border-color);border-radius:10px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.toggle-switch.active{background:#4caf50}.toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.active .toggle-slider{transform:translate(16px)}.menu-header{padding:8px 12px;border-bottom:1px solid var(--sidebar-divider);margin-bottom:4px;display:flex;align-items:center;gap:12px}.menu-back-btn{background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;width:16px;height:16px;flex-shrink:0}.menu-back-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}[data-theme=light] .menu-back-btn{color:var(--sidebar-text)}[data-theme=light] .menu-back-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.menu-header-title{margin:0;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;flex:1;line-height:1}[data-theme=light] .menu-header-title{color:var(--sidebar-text)}.stats-popup{position:absolute;left:68px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:200px;z-index:1000;animation:popupFadeIn .15s ease}.stats-popup:before{content:"";position:absolute;right:100%;top:-8px;bottom:-8px;width:20px;background:transparent;pointer-events:auto}.stats-popup.anchor-bottom{bottom:8px}.stats-popup-header{padding:8px 12px;border-bottom:1px solid var(--sidebar-divider);margin-bottom:4px}.stats-popup-header h3{margin:0;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;line-height:1}.stats-popup-content{display:flex;flex-direction:column;gap:4px;padding:4px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;transition:background-color .15s ease}.stat-item:hover{background:var(--sidebar-hover-bg)}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:13px;font-weight:600;color:var(--text-primary)}[data-theme=light] .stats-popup-header h3,[data-theme=light] .stat-label,[data-theme=light] .stat-value{color:var(--sidebar-text)}.zoom-popup{position:absolute;left:68px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:160px;z-index:1000;animation:popupFadeIn .15s ease}.zoom-popup:before{content:"";position:absolute;right:100%;top:-8px;bottom:-8px;width:20px;background:transparent;pointer-events:auto}.zoom-popup.anchor-bottom{bottom:8px}.zoom-popup-header{padding:8px 12px;border-bottom:1px solid var(--sidebar-divider);margin-bottom:4px}.zoom-popup-header h3{margin:0;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.zoom-popup-content{display:flex;flex-direction:column;gap:6px;align-items:center;padding:4px}.zoom-display{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;padding:6px 0}.zoom-buttons{display:flex;gap:4px;width:100%}.zoom-buttons button{flex:1;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.zoom-buttons button:hover{background:var(--sidebar-hover-bg)}.zoom-buttons button:active{transform:scale(.95)}.zoom-buttons button span{font-size:14px;font-weight:700}.fullscreen-btn{width:100%;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:2px}.fullscreen-btn:hover{background:var(--sidebar-hover-bg)}.fullscreen-btn:active{transform:scale(.95)}[data-theme=light] .zoom-popup-header h3,[data-theme=light] .zoom-display,[data-theme=light] .zoom-buttons button{color:var(--sidebar-text)}[data-theme=light] .zoom-buttons button:hover{color:var(--sidebar-hover-text)}[data-theme=light] .fullscreen-btn{color:var(--sidebar-text)}[data-theme=light] .fullscreen-btn:hover{color:var(--sidebar-hover-text)}.read-aloud-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0;margin-left:8px}.read-aloud-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.read-aloud-panel{position:fixed;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:200px;max-width:320px;z-index:1000;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.read-aloud-panel.floating{animation:floatingFadeIn .2s ease}@keyframes floatingFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.read-aloud-panel.collapsed{max-height:fit-content}.read-aloud-panel.expanded{min-height:200px}.read-aloud-header{padding:8px 12px;border-bottom:1px solid var(--sidebar-divider);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;cursor:grab}.read-aloud-header:active{cursor:grabbing}.read-aloud-header h3{margin:0;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;flex:1;line-height:1}.read-aloud-close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;margin-left:8px}.read-aloud-close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.read-aloud-close-btn:active{transform:scale(.9)}.read-aloud-playback{padding:12px 8px;display:flex;justify-content:center;align-items:center;gap:8px;border-bottom:1px solid var(--sidebar-divider)}.read-aloud-nav-btn{width:36px;height:36px;border-radius:50%;background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-divider);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.read-aloud-nav-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.05)}.read-aloud-nav-btn:active:not(:disabled){transform:scale(.95)}.read-aloud-nav-btn:disabled{opacity:.3;cursor:not-allowed}.read-aloud-play-btn{width:56px;height:56px;border-radius:50%;background:var(--accent-color);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.read-aloud-play-btn:hover{transform:scale(1.05)}.read-aloud-play-btn:active{transform:scale(.95)}.read-aloud-play-btn.playing{background:var(--sidebar-hover-bg);color:var(--accent-color)}.read-aloud-play-btn.playing.pulsing{animation:speechVibrateStop .6s cubic-bezier(.25,.46,.45,.94)}.read-aloud-play-btn:not(.playing).pulsing{animation:speechVibratePlay .6s cubic-bezier(.25,.46,.45,.94)}@keyframes speechVibrateStop{0%{box-shadow:0 0 0 0 var(--accent-color)}25%{box-shadow:0 0 14px 3px var(--accent-color)}50%{box-shadow:0 0 8px 1px var(--accent-color)}75%{box-shadow:0 0 12px 2px var(--accent-color)}to{box-shadow:0 0 0 0 var(--accent-color)}}@keyframes speechVibratePlay{0%{filter:brightness(1)}25%{filter:brightness(1.2)}50%{filter:brightness(1)}75%{filter:brightness(1.1)}to{filter:brightness(1)}}.read-aloud-toggle-btn{width:100%;padding:6px;background:none;border:none;border-top:1px solid var(--sidebar-divider);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.read-aloud-toggle-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.read-aloud-options{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.read-aloud-control{padding:4px}.read-aloud-control label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.read-aloud-select{width:100%;padding:8px 12px;background-color:var(--sidebar-hover-bg);border:1px solid var(--sidebar-divider);border-radius:6px;color:var(--sidebar-hover-text);font-size:12px;font-family:var(--ui-typeface);cursor:pointer;transition:all .15s ease;font-weight:400;line-height:1.3;box-sizing:border-box}.read-aloud-select:hover{background-color:var(--sidebar-bg);border-color:var(--accent-color)}.read-aloud-select:focus{outline:none;background-color:var(--sidebar-bg);border-color:var(--accent-color);box-shadow:0 0 0 3px #ffffff1a}.read-aloud-select option{background-color:var(--sidebar-bg);color:var(--sidebar-hover-text);padding:6px 8px;font-size:12px;line-height:1.4}.read-aloud-select optgroup{background-color:var(--sidebar-bg);color:var(--accent-color);font-weight:600;font-size:11px;padding:4px 8px}.read-aloud-slider{width:100%;height:4px;border-radius:2px;background:var(--sidebar-hover-bg);outline:none;-webkit-appearance:none;margin:6px 0 4px}.read-aloud-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:all .15s ease}.read-aloud-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;transition:all .15s ease}.read-aloud-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.read-aloud-slider::-moz-range-thumb:hover{transform:scale(1.15)}.read-aloud-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary);margin-top:2px;padding:0 2px}[data-theme=light] .read-aloud-header h3,[data-theme=light] .read-aloud-control label,[data-theme=light] .read-aloud-select{color:var(--sidebar-text)}[data-theme=light] .read-aloud-slider-labels{color:var(--sidebar-text);opacity:.6}.mobile-read-aloud-panel{position:fixed!important;bottom:70px!important;left:50%!important;transform:translate(-50%)!important;min-width:280px;max-width:90vw;max-height:calc(100vh - 140px);z-index:1100;animation:popupSlideUp .15s ease;opacity:1!important}.mobile-read-aloud-panel .read-aloud-header{cursor:default!important}.mobile-read-aloud-panel .close-btn{display:none}.mobile-sidebar{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);z-index:1050;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-sidebar>*{display:none}.mobile-sidebar-track{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:10px 16px;min-width:max-content;width:100%}.mobile-sidebar-btn-wrapper{position:relative;flex-shrink:0;z-index:10}.mobile-sidebar-btn-wrapper:has(.mobile-popup){z-index:1100}.mobile-sidebar-btn{width:48px;height:40px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--sidebar-text);transition:all .15s ease;position:relative;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-sidebar-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.mobile-sidebar-btn:active,.mobile-sidebar-btn.touch-active{background:var(--sidebar-hover-bg);opacity:.8}.mobile-sidebar-btn:focus{outline:none}.mobile-sidebar-btn.active{background:var(--sidebar-accent-active-bg);color:var(--sidebar-accent-color)}@keyframes pulse-speech-mobile{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mobile-sidebar-btn.active[title*=Dictation]{animation:pulse-speech-mobile 2s ease-in-out infinite}.mobile-sidebar-btn.logo-btn,.mobile-sidebar-btn.logo-btn:hover{color:var(--sidebar-accent-color)}.mobile-sidebar-btn.has-unsaved:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--sidebar-accent-color);border-radius:50%;border:none}.mobile-sidebar-divider{width:1px;height:32px;background:var(--sidebar-divider);flex-shrink:0}.mobile-popup{position:fixed!important;bottom:70px!important;left:50%;transform:translate(-50%);background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:280px;max-width:90vw;max-height:calc(100vh - 140px);overflow-y:auto;z-index:1100;animation:popupSlideUp .15s ease}.mobile-stats-popup-wrapper{position:fixed!important;bottom:70px!important;left:50%;transform:translate(-50%);z-index:1100}.mobile-stats-popup-wrapper .stats-popup{position:static!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;animation:popupSlideUp .15s ease}.mobile-stats-popup-wrapper .stats-popup:before{display:none}.mobile-zoom-popup-wrapper{position:fixed!important;bottom:70px!important;left:50%;transform:translate(-50%);z-index:1100}.mobile-zoom-popup-wrapper .zoom-popup{position:static!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;animation:popupSlideUp .15s ease}.mobile-zoom-popup-wrapper .zoom-popup:before{display:none}@keyframes popupSlideUp{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-popup.file-menu-popup{min-width:280px}.mobile-popup .overflow-btn{width:100%;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:12px;color:var(--text-primary);transition:all .15s ease;text-align:left}.mobile-popup .overflow-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .mobile-popup .overflow-btn{color:var(--sidebar-text)}[data-theme=light] .mobile-popup .overflow-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.mobile-popup .overflow-btn.active{background:var(--sidebar-accent-active-bg);color:var(--sidebar-accent-color)}.mobile-popup .overflow-btn-label{font-size:16px;min-width:24px;display:flex;align-items:center;justify-content:center}.mobile-popup .overflow-btn-title{flex:1;font-size:13px;color:var(--text-secondary)}[data-theme=light] .mobile-popup .overflow-btn-title{color:var(--sidebar-text)}.mobile-popup .overflow-divider{width:100%;height:1px;background:var(--border-color);margin:4px 0}[data-theme=light] .mobile-popup .overflow-divider{background:var(--sidebar-divider)}.mobile-popup .menu-filename{padding:10px 12px;display:flex;align-items:center;gap:12px;min-height:44px;max-height:44px}.mobile-popup .menu-filename-icon{display:flex;align-items:center;justify-content:center;min-width:24px;color:var(--text-secondary)}[data-theme=light] .mobile-popup .menu-filename-icon{color:var(--sidebar-text)}.mobile-popup .menu-filename-text{font-size:13px;font-weight:400;color:var(--text-secondary);flex:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.mobile-popup .menu-filename-text:hover{background:var(--sidebar-hover-bg)}[data-theme=light] .mobile-popup .menu-filename-text{color:var(--sidebar-text)}.mobile-popup .menu-filename-input{flex:1;font-size:13px;font-weight:400;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--sidebar-accent-color);border-radius:4px;padding:2px 4px;outline:none;font-family:inherit}[data-theme=light] .mobile-popup .menu-filename-input{color:var(--sidebar-text);background:var(--sidebar-hover-bg)}.mobile-popup .menu-filename-status{display:flex;align-items:center;justify-content:center;margin-left:auto}.mobile-popup .menu-filename-status.saving{color:var(--sidebar-text);animation:spin 1s linear infinite}.mobile-popup .menu-filename-status.saved{color:#4caf50}.mobile-popup .menu-filename-status.error{color:#f44336}.mobile-popup .overflow-btn-shortcut{font-size:11px;color:var(--text-tertiary);opacity:.8;font-family:monospace;margin-left:auto;padding-left:12px}[data-theme=light] .mobile-popup .overflow-btn-shortcut{color:var(--sidebar-text);opacity:.6}.mobile-popup .menu-item-wrapper{position:relative}.mobile-popup .submenu-popup{position:absolute;left:100%;top:0;margin-left:4px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:180px;z-index:1002;animation:popupFadeIn .15s ease}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.mobile-popup .submenu-popup .overflow-btn{padding:8px 12px}.mobile-popup .submenu-popup .overflow-btn-title{width:100%}.mobile-popup .toggle-switch{position:relative;width:36px;height:20px;background:var(--border-color);border-radius:10px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.mobile-popup .toggle-switch.active{background:#4caf50}.mobile-popup .toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s ease}.mobile-popup .toggle-switch.active .toggle-slider{transform:translate(16px)}@media(max-width:900px){.mobile-sidebar{display:block}.mobile-sidebar>*{display:flex}.mobile-sidebar-track{display:flex}}@media(min-width:601px)and (max-width:900px){.editor{padding:40px 30px!important}}@media(max-width:600px){.editor{padding:20px!important}}.editor-container{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;background:var(--bg-tertiary);padding:40px 20px;position:relative}.editor-container.page{background:var(--bg-quaternary);padding:40px 0}.editor-container.continuous{background:var(--editor-container-bg);padding:0;overflow:hidden;flex:1;display:flex;justify-content:center;align-items:stretch}.editor{width:100%;max-width:750px;min-height:100%;background:var(--bg-primary);padding:60px 80px;box-shadow:var(--shadow-md);outline:none;font-size:12pt;line-height:2;color:var(--text-primary);font-family:var(--editor-typeface);margin:0 auto;caret-color:var(--accent-color)}.editor.page{width:8.5in;max-width:8.5in;min-height:11in;padding:1in;margin-bottom:40px;box-shadow:var(--shadow-lg);position:relative;box-sizing:border-box;background:repeating-linear-gradient(to bottom,var(--bg-primary) 0,var(--bg-primary) 9in,var(--bg-quaternary) 9in,var(--bg-quaternary) calc(9in + 4px),transparent calc(9in + 4px),transparent calc(9in + 44px));background-size:100% calc(9in + 44px);background-position:0 0;background-attachment:local}.editor.page p{orphans:2;widows:2}.editor-wrapper{position:relative;height:100%;background:var(--bg-primary);box-shadow:var(--shadow-md);margin:0 auto;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .editor-wrapper{box-shadow:var(--shadow-lg)}.editor-wrapper .resize-handle-left{left:0}.editor-wrapper .resize-handle-right{right:0}.editor-wrapper .resize-handle:hover,.editor-wrapper .resize-handle:active{background-color:var(--accent-light)}.editor.continuous{max-width:100%;width:100%;min-height:100%;padding:60px 80px;box-shadow:none;margin:0;overflow-y:auto;flex:1;background-color:var(--bg-primary);position:relative}.editor.continuous::-webkit-scrollbar-thumb{opacity:.5}.editor.continuous:hover::-webkit-scrollbar-thumb{opacity:1}.editor::selection{color:inherit}.editor ::-moz-selection{background-color:var(--accent-bg);color:inherit}.editor h1{font-size:12pt!important;font-weight:400!important;margin:0 0 32px!important;margin-top:var(--chapter-margin-top, calc(11in / 3))!important;line-height:2!important;color:var(--text-heading)!important;text-align:center!important;text-indent:0!important;font-family:var(--editor-typeface)!important;text-transform:none!important}.editor h1:first-child{margin-top:0!important}.editor h2{font-size:12pt!important;font-weight:400!important;margin:0!important;line-height:2!important;color:var(--text-primary)!important;text-align:center!important;text-indent:0!important;font-family:var(--editor-typeface)!important;text-transform:none!important}.editor p{font-size:12pt!important;font-weight:400!important;margin:0!important;text-align:left!important;text-indent:2em!important;line-height:2!important}.editor blockquote{margin:2em!important;padding:0!important;font-size:12pt!important;font-weight:400!important;line-height:2!important;text-align:left!important;font-family:var(--editor-typeface)!important}.editor blockquote p{margin:0!important;text-indent:0!important;line-height:2!important}.editor h1+p,.editor h2+p,.editor p:first-child{text-indent:0!important;margin-top:8px}.editor p[style*=text-indent]{text-indent:2em!important}.editor div{margin:0!important;text-align:left!important;text-indent:2em!important;line-height:2!important}.editor h1+div,.editor h2+div{text-indent:0!important;margin-top:8px}.editor div[style*=text-indent]{text-indent:2em!important}.editor p br:only-child{display:block;content:"";margin:.5em 0}.editor strong{font-weight:600}.editor em{font-style:italic}.editor u{text-decoration:underline}.editor hr{border:none;text-align:center;margin:32px 0}.editor hr:before{content:"* * *";letter-spacing:1em;color:var(--scene-break)}.editor .note-link{background:var(--note-highlight-bg);border-bottom:2px solid var(--note-highlight-border);cursor:pointer;padding:0 2px}.editor .note-link:hover{background:var(--note-highlight-hover)}.editor .bookmark-highlight,.editor .note-highlight{background:var(--accent-bg);cursor:pointer;transition:background-color .15s ease;padding:2px 4px;border-radius:2px;line-height:inherit}.editor .bookmark-highlight:hover,.editor .note-highlight:hover{background:var(--accent-bg-hover)}.editor .bookmark-highlight:has(>div),.editor .bookmark-highlight:has(>p),.editor .bookmark-highlight:has(>h1),.editor .bookmark-highlight:has(>h2),.editor .bookmark-highlight:has(>h3),.editor .bookmark-highlight:has(>h4),.editor .bookmark-highlight:has(>h5),.editor .bookmark-highlight:has(>h6),.editor .note-highlight:has(>div),.editor .note-highlight:has(>p),.editor .note-highlight:has(>h1),.editor .note-highlight:has(>h2),.editor .note-highlight:has(>h3),.editor .note-highlight:has(>h4),.editor .note-highlight:has(>h5),.editor .note-highlight:has(>h6){padding:0;display:block}.editor .note-highlight>div,.editor .note-highlight>p,.editor .note-highlight>h1,.editor .note-highlight>h2,.editor .note-highlight>h3,.editor .note-highlight>h4,.editor .note-highlight>h5,.editor .note-highlight>h6{padding:2px 4px;margin:0;background:inherit}.editor .reading-highlight{position:relative;display:inline}.editor .reading-highlight:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--reading-highlight-height);background:var(--accent-color);animation:readingUnderline .6s cubic-bezier(.25,.46,.45,.94)}@keyframes readingUnderline{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:10;transition:background-color .15s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center;opacity:0}.resize-handle.visible{opacity:1}.resize-handle-left{left:0}.resize-handle-right{right:0}.resize-handle-indicator{width:2px;height:40px;border-left:2px solid var(--accent-active-bg);pointer-events:none;transition:border-color .15s ease}.resize-handle:hover{background-color:var(--accent-light)}.resize-handle:hover .resize-handle-indicator{border-color:var(--accent-light)}.resize-handle:active{background-color:var(--accent-light)}.resize-handle:active .resize-handle-indicator{border-color:var(--accent-light)}@media(max-width:900px){.resize-handle{display:none!important}}.navigation-panel{background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative}.navigation-header{height:60px;padding:0 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.navigation-header h3{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.navigation-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0}.navigation-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.navigation-content{flex:1;overflow-y:auto;padding:8px 0}.navigation-empty{padding:16px;font-size:13px;color:var(--text-quaternary);text-align:center;line-height:1.5}.navigation-list{list-style:none}.navigation-item{padding:4px 16px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent;position:relative;-webkit-user-select:none;user-select:none}.navigation-item:hover{background:var(--bg-hover);border-left-color:var(--border-color)}.navigation-item.active{background:var(--accent-active-bg);border-left-color:var(--accent-color);color:var(--accent-color);font-weight:600}.navigation-item:active{cursor:grabbing}.navigation-item.dragging{opacity:.4;cursor:grabbing}.navigation-item.drag-over-before:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:var(--accent-color);border-radius:2px;z-index:10}.navigation-item.drag-over-after:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--accent-color);border-radius:2px;z-index:10}.navigation-item.level-1{font-weight:600;color:var(--text-primary);padding-left:16px}.navigation-item.level-2{padding-left:32px;font-size:13px}.navigation-item.level-3{padding-left:48px;font-size:12px;color:var(--text-tertiary)}[data-theme=light] .navigation-panel{background:var(--bg-secondary)}[data-theme=light] .navigation-header{background:var(--bg-tertiary)}@media(max-width:900px){.bookmarks-panel{min-width:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box}}.bookmarks-panel{background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative;min-width:440px}.bookmarks-header{height:60px;padding:0 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.bookmarks-header h3{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.bookmarks-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0}.bookmarks-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.bookmarks-container{flex:1;display:flex;overflow:hidden}.bookmarks-list{width:100%;overflow-y:auto;border-right:1px solid var(--border-color);min-width:170px}.bookmarks-empty{padding:24px 16px;font-size:13px;color:var(--text-quaternary);text-align:center;line-height:1.6;display:flex;flex-direction:column;align-items:center}.bookmark-item{padding:12px 16px;border-bottom:1px solid var(--border-light);transition:background-color .15s ease;display:flex;align-items:center;gap:8px}.bookmark-item>div:first-child{flex:1;min-width:0}.bookmark-item:hover{background:var(--bg-secondary)}[data-theme=light] .bookmark-item:hover{background:var(--bg-quaternary)}.bookmark-item.active{background:var(--accent-bg);border-left:3px solid var(--accent-light);padding-left:13px}.delete-bookmark-item-btn{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .15s ease;flex-shrink:0;opacity:0}.bookmark-item:hover .delete-bookmark-item-btn{opacity:1}.delete-bookmark-item-btn:hover{background:var(--delete-hover);color:var(--text-primary)}.bookmark-linked-text{font-size:12px;color:var(--accent-light);font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bookmark-preview{font-size:13px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}.bookmark-empty-preview{color:var(--text-quaternary);font-style:italic}.bookmark-date{font-size:11px;color:var(--text-quaternary)}.bookmark-editor{display:flex;flex-direction:column;background:var(--sidebar-bg);flex-shrink:0;position:relative;min-width:270px;max-width:calc(100% - 170px)}.bookmark-editor-header{padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.bookmark-editor-header h4{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin:0}.bookmark-editor-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0}.bookmark-editor-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.delete-bookmark-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease;color:var(--text-secondary);padding:0}.delete-bookmark-btn:hover{background:var(--delete-hover);color:var(--text-primary)}.bookmark-textarea{flex:1;padding:16px;border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:transparent;resize:none;border-radius:0;box-shadow:none}.bookmark-textarea::placeholder{color:var(--text-quaternary)}[data-theme=light] .bookmarks-panel{background:var(--bg-secondary)}[data-theme=light] .bookmarks-header{background:var(--bg-tertiary)}[data-theme=light] .bookmark-editor{background:var(--bg-secondary)}@media(max-width:900px){.notebook-tabs-mobile{margin-bottom:0;margin-top:0;border-bottom:1px solid var(--border-color);border-top:none;background:var(--editor-container-bg);position:relative;z-index:10;width:100%!important;height:48px!important;display:flex;flex-direction:row!important;align-items:center;overflow-x:auto!important;overflow-y:hidden!important;padding:0;gap:4px}.notebook-content{overflow-y:auto!important;max-height:100vh!important;-webkit-overflow-scrolling:touch}}@media(max-width:900px){.notebook-panel{min-width:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box;flex-direction:column!important}.notebook-tabs{position:relative!important;left:0!important;top:0!important;bottom:unset!important;width:100%!important;height:48px!important;flex-direction:row!important;align-items:end;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;gap:4px;border-right:none!important;border-bottom:1px solid var(--border-color)!important;z-index:10;background:var(--editor-container-bg)}.notebook-tab{writing-mode:initial!important;min-height:40px!important;max-height:40px!important;min-width:80px;max-width:200px;border-radius:10px 10px 0 0!important;font-size:13px!important;padding:8px 12px!important;display:flex;align-items:center;justify-content:center}.notebook-add-btn{margin-top:0!important;height:40px!important;min-width:40px!important;max-width:40px!important;border-radius:10px 10px 0 0!important}.notebook-content{order:2;flex:1;min-width:0;width:100%;display:flex;flex-direction:column}}.notebook-panel{position:relative;display:flex;flex-direction:row;background:var(--editor-container-bg);height:100%;flex-shrink:0;order:2;min-width:400px}.notebook-tabs{position:absolute;left:-30px;top:0;bottom:0;width:30px;background:transparent;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:64px 0;gap:4px;z-index:10;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none}.notebook-tabs::-webkit-scrollbar{display:none}@media(max-width:900px){.notebook-tabs,.notebook-tabs-mobile{scrollbar-width:none;-ms-overflow-style:none}.notebook-tabs::-webkit-scrollbar,.notebook-tabs-mobile::-webkit-scrollbar{display:none}}.notebook-panel .resize-handle{order:1;left:0}.notebook-tab{writing-mode:sideways-lr;padding:16px 6px;min-height:65px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:120px;font-size:12px;border-radius:10px 0 0 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:var(--text-secondary);pointer-events:auto}.notebook-tab:hover{filter:brightness(1.2);color:var(--text-primary)}.notebook-tab.active{color:var(--text-primary);font-weight:700;filter:brightness(1.3)}.notebook-tab.drag-over{border-top:2px solid var(--accent-color)}.notebook-tab-text{display:block;max-height:120px;overflow:hidden;text-overflow:ellipsis;font-size:10pt}.notebook-add-btn{padding:8px;margin-top:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;pointer-events:auto}.notebook-add-btn:hover{background:var(--hover-bg);color:var(--accent-color)}.notebook-content{flex:1;display:flex;flex-direction:column;overflow:visible;min-width:0;background:var(--sidebar-bg);order:2;position:relative}.notebook-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);gap:12px;background:var(--bg-secondary);flex-shrink:0;height:60px}.notebook-title-input{flex:1;background:transparent;border:none;font-size:15px;font-weight:600;color:var(--text-primary);outline:none;padding:4px 8px;border-radius:4px;transition:background .2s ease}.notebook-title-input:hover,.notebook-title-input:focus{background:var(--hover-bg)}.notebook-header-actions{display:flex;gap:8px;align-items:center}.notebook-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0;margin-left:auto}.notebook-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.notebook-link-btn,.notebook-delete-btn{width:28px;height:28px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.notebook-link-btn:hover,.notebook-delete-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.notebook-link-btn.linked{color:var(--accent-color)}.notebook-link-btn.linked:hover{background:var(--sidebar-hover-bg);color:var(--accent-light)}.notebook-delete-btn:hover{background:var(--delete-hover);color:var(--text-primary)}.notebook-kebab-menu{position:relative}.notebook-kebab-btn{width:28px;height:28px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;padding:0}.notebook-kebab-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.notebook-kebab-popup{position:absolute;right:0;top:calc(100% + 4px);background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;min-width:200px;z-index:1000;animation:kebabFadeIn .15s ease}@keyframes kebabFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notebook-kebab-item{width:100%;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-primary);transition:all .15s ease;text-align:left;font-size:13px}.notebook-kebab-item:hover{background:var(--bg-secondary)}.notebook-kebab-item.delete:hover{background:var(--delete-hover)}[data-theme=light] .notebook-kebab-item:hover{background:var(--bg-quaternary)}[data-theme=light] .notebook-kebab-item.delete:hover{background:var(--delete-hover)}.notebook-kebab-item svg{width:16px;height:16px}.notebook-kebab-divider{width:100%;height:1px;background:var(--border-color);margin:4px 0}.notebook-editor{flex:1;padding:16px 16px 16px 46px;margin-left:-30px;overflow-y:auto;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);outline:none;min-height:0;word-wrap:break-word;overflow-wrap:break-word}.notebook-editor:empty:before{content:"Start writing...";color:var(--text-tertiary);pointer-events:none}.notebook-editor p{margin:0 0 1em;word-wrap:break-word;overflow-wrap:break-word}.notebook-editor h1,.notebook-editor h2,.notebook-editor h3{margin:1.5em 0 .5em;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.notebook-editor h1{font-size:28px;font-weight:700}.notebook-editor h2{font-size:22px;font-weight:600}.notebook-editor h3{font-size:18px;font-weight:600}.notebook-editor strong{font-weight:600}.notebook-editor em{font-style:italic}.notebook-editor u{text-decoration:underline}.notebook-editor s{text-decoration:line-through}.notebook-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:16px;padding:40px;text-align:center}.notebook-empty-state svg{width:64px;height:64px;opacity:.3}.notebook-empty-state p{font-size:16px;margin:0}.btn-primary{background:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.notebook-tabs::-webkit-scrollbar,.notebook-editor::-webkit-scrollbar{width:8px}.notebook-tabs::-webkit-scrollbar-track,.notebook-editor::-webkit-scrollbar-track{background:transparent}.notebook-tabs::-webkit-scrollbar-thumb,.notebook-editor::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.notebook-tabs::-webkit-scrollbar-thumb:hover,.notebook-editor::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=light] .notebook-content{background:var(--bg-secondary)}[data-theme=light] .notebook-header{background:var(--bg-tertiary)}[data-theme=light] .notebook-kebab-popup{background:var(--bg-primary)}.dictionary-panel{background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative;height:100%;overflow:hidden}.dictionary-header{height:60px;padding:0 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.dictionary-header h2{margin:0;font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.dictionary-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0}.dictionary-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.dictionary-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border-color)}.dictionary-tabs button{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.dictionary-tabs button.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.dictionary-tabs button:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.dictionary-search{padding:16px 20px;border-bottom:1px solid var(--border-color)}.dictionary-search input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.dictionary-search input:focus{outline:none;border-color:var(--accent-color)}.dictionary-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;word-wrap:break-word}.loading,.error,.no-results{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error{color:#e74c3c}.definition-result h3{margin:0 0 8px;font-size:20px;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.phonetic{color:var(--text-secondary);font-style:italic;margin-bottom:20px}.meaning{margin-bottom:24px}.meaning h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.meaning ol{margin:0;padding-left:20px}.meaning li{margin-bottom:12px;color:var(--text-primary);line-height:1.6;font-size:14px}.meaning li p{margin:0}.example{margin-top:6px;color:var(--text-secondary);font-style:italic;font-size:13px}.thesaurus-result h3{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.synonyms-list{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.word-group{margin-bottom:24px}.word-group h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.word-list{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.word-chip{padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.word-chip:hover{transform:translateY(-1px)}.word-chip:active{transform:translateY(0)}.word-chip.synonym{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.word-chip.synonym:hover{background:var(--accent-light);border-color:var(--accent-light)}.word-chip.trigger{background:var(--accent-active-bg);border-color:var(--accent-color);color:var(--accent-color)}.word-chip.trigger:hover{background:var(--accent-bg);border-color:var(--accent-light);color:var(--accent-light)}.word-chip.similar{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.word-chip.similar:hover{background:var(--accent-active-bg);border-color:var(--accent-light);color:var(--accent-light)}.antonyms-group{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.word-chip.antonym{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.word-chip.antonym:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.synonym-chip{padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.synonym-chip:hover{background:var(--bg-hover);border-color:var(--text-secondary);transform:translateY(-1px)}.synonym-chip:active{transform:translateY(0)}[data-theme=light] .dictionary-panel{background:var(--bg-secondary)}[data-theme=light] .dictionary-header{background:var(--bg-tertiary)}.find-replace-panel{background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative;height:100%;overflow:hidden}.find-replace-header{height:60px;padding:0 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.find-replace-header h2{margin:0;font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.find-replace-header .close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all .15s ease;padding:0}.find-replace-header .close-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.find-replace-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.search-section,.replace-section{display:flex;flex-direction:column;gap:8px}.search-section label,.replace-section label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-group{display:flex;gap:4px}.input-group input{flex:1}.search-section input,.replace-section input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.search-section input:focus,.replace-section input:focus{outline:none;border-color:var(--text-secondary)}.navigation-buttons{display:flex;gap:2px}.navigation-buttons button{width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.navigation-buttons button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.navigation-buttons button:disabled{opacity:.4;cursor:not-allowed}.results-info{font-size:12px;color:var(--text-secondary);text-align:right}.replace-buttons{display:flex;gap:8px;margin-top:4px}.replace-buttons button{flex:1;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.replace-buttons button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.replace-buttons button:disabled{opacity:.4;cursor:not-allowed}.options-section{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-label span{font-size:14px;color:var(--text-primary)}.checkbox-label:hover span{color:var(--text-secondary)}.format-section{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.format-section label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.format-controls{display:flex;gap:8px}.format-controls select{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer}.format-controls select:focus{outline:none;border-color:var(--text-secondary)}.format-controls button{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.format-controls button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.format-controls button:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .find-replace-panel{background:var(--bg-secondary)}[data-theme=light] .find-replace-header{background:var(--bg-tertiary)}.floating-menu{position:absolute;display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:fadeInUp .15s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.floating-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;-webkit-user-select:none;user-select:none}.floating-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.floating-menu-btn:active{transform:scale(.95)}.floating-menu-btn.active{background:var(--accent-active-bg);color:var(--accent-color)}.floating-menu-btn.strikethrough{text-decoration:line-through}.floating-menu-btn.heading-btn{font-size:12px;font-weight:600}.floating-menu-btn.bookmark-btn{color:var(--text-secondary)}.floating-menu-btn.bookmark-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.floating-menu-btn.dictionary-btn{color:var(--text-secondary)}.floating-menu-btn.dictionary-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.heading-menu-container,.alignment-menu-container{position:relative;display:flex;align-items:center}.heading-options,.alignment-options{position:absolute;bottom:100%;left:50%;margin-bottom:4px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:slideUpCentered .15s ease-out forwards}.heading-options.dropdown-down,.alignment-options.dropdown-down{bottom:auto;top:100%;margin-bottom:0;margin-top:4px;animation:slideDownCentered .15s ease-out forwards}@keyframes slideUpCentered{0%{opacity:0;margin-bottom:0}to{opacity:1;margin-bottom:4px}}@keyframes slideDownCentered{0%{opacity:0;margin-top:0}to{opacity:1;margin-top:4px}}.floating-menu-divider{width:1px;height:20px;background:var(--border-color);margin:0 2px}[data-theme=dark] .floating-menu,[data-theme=dark] .heading-options,[data-theme=dark] .alignment-options{box-shadow:0 4px 12px #0009}[data-theme=light] .floating-menu,[data-theme=light] .heading-options,[data-theme=light] .alignment-options{box-shadow:0 4px 12px #0000001a}.conflict-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.conflict-modal{background:var(--bg-primary);border-radius:12px;padding:32px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.conflict-modal h2{margin:0 0 12px;color:var(--text-primary);font-size:24px;font-weight:600}.conflict-modal>p{margin:0 0 24px;color:var(--text-secondary);font-size:14px;line-height:1.5}.conflict-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.version-panel{background:var(--bg-secondary);border-radius:8px;padding:20px;border:2px solid transparent}.local-version{border-color:#3b82f6}.external-version{border-color:#f59e0b}.version-panel h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.local-version h3{color:#3b82f6}.external-version h3{color:#f59e0b}.version-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-row .label{color:var(--text-secondary);font-weight:500}.info-row .value{color:var(--text-primary);font-weight:600;text-align:right}.conflict-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.conflict-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.conflict-btn:hover{border-color:var(--accent-color);background:var(--bg-hover);transform:translateY(-2px)}.conflict-btn:active{transform:translateY(0)}.conflict-btn.keep-local:hover{border-color:#3b82f6}.conflict-btn.use-external:hover{border-color:#f59e0b}.conflict-btn.save-both:hover{border-color:#10b981}.btn-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.btn-subtitle{font-size:12px;color:var(--text-secondary)}.close-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.close-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}@media(max-width:900px){.conflict-modal{padding:24px;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}.conflict-preview{grid-template-columns:1fr;gap:16px}.conflict-modal h2{font-size:20px}}.settings-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-primary)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-heading)}.settings-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.settings-select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.settings-select:hover{background:var(--bg-tertiary)}.settings-select:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.settings-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease,background-color .15s ease}.settings-input:hover{background:var(--bg-tertiary)}.settings-input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-color);color:var(--accent-text);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.settings-button:hover{background:var(--accent-light)}.settings-button:active{transform:scale(.98)}.settings-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:12px;background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:4px;font-size:13px;color:var(--text-secondary);line-height:1.5}.settings-note svg{flex-shrink:0;margin-top:2px;opacity:.7}.settings-checkbox{display:flex;align-items:center;gap:10px;margin:12px 0;cursor:pointer;font-size:14px;color:var(--text-primary);-webkit-user-select:none;user-select:none}.settings-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.settings-checkbox span{line-height:1.4}.settings-subsection{margin-top:20px;padding-left:28px;border-left:2px solid var(--border-primary)}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.header-preview{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:14px;font-family:var(--editor-typeface);text-align:right}.color-picker{display:flex;gap:12px;align-items:center}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;padding:0}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.color-option:focus{outline:none;box-shadow:0 0 0 3px var(--accent-bg)}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}.settings-modal{width:60vw;max-width:700px;height:80vh;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.modal-btn{padding:10px 20px;font-size:.95rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn-secondary:hover{background:var(--bg-hover)}.modal-btn-primary{background:var(--accent-color);color:var(--accent-text)}.modal-btn-primary:hover{background:var(--accent-light)}@media(max-width:900px){.settings-modal{width:95vw;max-height:90vh;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}.modal-body{padding:16px}}.help-modal{width:60vw;max-width:700px;height:80vh;display:flex;flex-direction:column}.help-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);overflow-x:auto}.help-tab{padding:10px 20px;background:transparent;border:none;border-radius:6px 6px 0 0;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.help-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.help-tab.active{background:var(--bg-primary);color:var(--text-primary);border-bottom:2px solid var(--accent);font-weight:600}.help-content{padding:0}.help-content h1{font-size:28px;font-weight:700;margin:0 0 12px;color:var(--text-heading)}.help-content h2{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-heading)}.help-content h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-heading)}.help-content p.lead{font-size:16px;color:var(--text-secondary);margin:0 0 32px;line-height:1.6}.help-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.welcome-content{text-align:center}.welcome-content-unified{text-align:left;scroll-behavior:smooth}.welcome-hero{text-align:center;padding:20px 0}.welcome-logo-header svg{color:var(--accent-color);width:64px;height:64px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:32px 0}.feature-card{padding:24px 20px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;text-align:center;transition:all .3s ease;position:relative;cursor:default}.feature-card.clickable{cursor:pointer}.feature-card:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.feature-card.clickable:active{transform:translateY(-2px)}.feature-card svg{color:var(--accent-color);margin-bottom:16px;transition:transform .3s ease}.feature-card:hover svg{transform:scale(1.1)}.feature-card h3{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--text-primary)}.feature-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.welcome-actions{margin-top:32px}.welcome-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-color);color:var(--accent-text);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.welcome-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.welcome-btn:active{transform:scale(.98)}.getting-started-divider{text-align:center;padding:48px 0 0}.getting-started-divider h2{font-size:32px;font-weight:700;margin:0 0 12px;color:var(--accent-color);background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.feature-detail-section{margin:48px 0;padding:32px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;scroll-margin-top:80px;transition:all .3s ease}.feature-detail-section:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.feature-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.feature-detail-header svg{color:var(--accent-color);flex-shrink:0}.feature-detail-header h2{font-size:24px;font-weight:600;margin:0;color:var(--text-heading)}.feature-description{font-size:15px;line-height:1.7;color:var(--text-primary);margin:0 0 24px}.feature-visual{margin:24px 0;border-radius:8px;overflow:hidden}.screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--border-primary);border-radius:8px;transition:all .3s ease}.screenshot-placeholder svg{color:var(--text-tertiary);opacity:.5}.screenshot-placeholder p{font-size:14px;color:var(--text-secondary);margin:0;font-style:italic}.feature-tips{margin-top:24px;padding:20px;background:var(--bg-primary);border-left:4px solid var(--accent);border-radius:6px}.feature-tips h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--text-heading)}.feature-tips ul{margin:0;padding-left:24px;color:var(--text-primary)}.feature-tips li{margin-bottom:8px;line-height:1.6;font-size:14px}.feature-tips li:last-child{margin-bottom:0}.feature-tips kbd{display:inline-block;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:3px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);font-weight:600}.feature-tips strong{color:var(--accent-color);font-weight:600}.help-section{margin-bottom:32px;border-bottom:1px solid var(--border-primary)}.help-section:last-child{border-bottom:none;margin-bottom:0}.help-section h2{margin-bottom:16px}.help-section ul,.help-section ol{margin:0;padding-left:24px;color:var(--text-primary)}.help-section li{margin-bottom:10px;line-height:1.6;font-size:14px}.help-section li strong{color:var(--text-heading);font-weight:600}.help-section p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-primary)}.help-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:12px;background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:4px;font-size:13px;color:var(--text-secondary);line-height:1.5}.help-note svg{flex-shrink:0;margin-top:2px;opacity:.7}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;font-size:14px}.shortcut-item kbd{display:inline-block;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000001a}.shortcut-item span{color:var(--text-secondary);flex:1;margin-left:16px}.help-modal .modal-body{overflow-y:auto;padding:24px}.welcome-content-unified{max-width:100%}@media(max-width:900px){.help-modal{width:95vw;max-height:90vh;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}.feature-grid{grid-template-columns:1fr}.help-tabs{padding:8px 16px 0}.help-tab{padding:8px 12px;font-size:13px}.modal-body{padding:16px}.feature-detail-section{padding:20px;margin:32px 0}.feature-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.getting-started-divider h2{font-size:24px}}.feedback-modal{width:60vw;max-width:700px;height:80vh;display:flex;flex-direction:column}.feedback-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);overflow-x:auto}.feedback-tab{padding:10px 20px;background:transparent;border:none;border-radius:6px 6px 0 0;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative;display:inline-flex;align-items:center;gap:6px}.feedback-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.feedback-tab.active{background:var(--bg-primary);color:var(--text-primary);border-bottom:2px solid var(--accent);font-weight:600}.feedback-tab.donate-tab{color:var(--accent-color)}.feedback-tab.donate-tab:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent-color)}.feedback-tab.donate-tab.active{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.15),rgba(var(--accent-rgb, 59, 130, 246),.05));border-bottom:2px solid var(--accent-color);color:var(--accent-color)}.feedback-content{padding:0}.feedback-content h1{font-size:28px;font-weight:700;margin:0 0 12px;color:var(--text-heading)}.feedback-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.feedback-form{margin-top:8px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feedback-textarea{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .15s ease,background-color .15s ease}.feedback-textarea:hover{background:var(--bg-tertiary)}.feedback-textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.feedback-textarea::placeholder{color:var(--text-tertiary)}.field-hint{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--text-tertiary)}.field-hint svg{flex-shrink:0}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}.feedback-success svg{color:#4caf50;margin-bottom:16px}.feedback-success h3{margin-bottom:8px;color:var(--text-heading)}.feedback-success p{margin-bottom:20px;color:var(--text-secondary);font-size:14px}.issue-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-bottom:20px;background:var(--bg-secondary);color:var(--accent-color);border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.issue-link:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.feedback-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:13px}.feedback-error svg{flex-shrink:0}.donate-content{display:flex;flex-direction:column;gap:32px;max-width:600px;margin:0 auto}.donate-hero{text-align:center;padding:20px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.08),rgba(var(--accent-rgb, 59, 130, 246),.02));border-radius:12px;border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.2)}.donate-icon{color:var(--accent-color);margin-bottom:16px;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.donate-hero h1{margin-bottom:16px}.donate-hero .feedback-description{max-width:500px;margin:0 auto;line-height:1.6}.donate-features{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.donate-feature{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-primary)}.donate-feature svg{color:var(--accent-color);flex-shrink:0}.donate-button-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-primary)}.kofi-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#ff5e5b,#ff4757);color:#fff;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;box-shadow:0 4px 12px #ff47574d;transition:all .2s ease;cursor:pointer;border:none}.kofi-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475766;background:linear-gradient(135deg,#ff4757,#ff3838)}.kofi-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff47574d}.kofi-button svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.donate-note{font-size:13px;color:var(--text-tertiary);text-align:center;font-style:italic;margin:0;line-height:1.6}.feedback-modal .modal-body{overflow-y:auto;padding:24px}@media(max-width:900px){.feedback-modal{width:95vw;max-height:90vh;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}.feedback-tabs{padding:8px 16px 0}.feedback-tab{padding:8px 12px;font-size:13px}.modal-body{padding:16px}}.file-recovery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.file-recovery-dialog{background:var(--bg-primary, white);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;color:var(--text-primary, #333)}.file-recovery-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.file-recovery-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333)}.file-recovery-content{padding:20px;overflow-y:auto;flex:1}.recovery-description{color:var(--text-secondary, #666);margin-bottom:20px;line-height:1.5}.file-select-section{margin:20px 0;display:flex;align-items:center;gap:12px}.file-select-button{background:var(--accent-color, #007bff);color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;border:none;font-size:1rem;transition:background .2s}.file-select-button:hover{background:var(--accent-color-dark, #0056b3)}.selected-file-name{color:var(--text-secondary, #666);font-size:.9rem}.file-info{margin:16px 0;padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:6px;color:var(--text-primary, #333)}.processing-indicator{display:flex;flex-direction:column;align-items:center;padding:40px;gap:12px}.spinner{border:3px solid var(--border-color, #f0f0f0);border-top:3px solid var(--accent-color, #007bff);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recovery-results{margin-top:20px}.recovery-results h3{margin-top:0;margin-bottom:16px;color:var(--text-primary, #333)}.recovery-results h4{margin-top:24px;margin-bottom:12px;color:var(--text-primary, #333)}.recovery-results h5{margin-top:16px;margin-bottom:8px;color:var(--text-primary, #333)}.diagnostics-section,.recovery-section{background:var(--bg-secondary, #f8f9fa);padding:16px;border-radius:6px;margin-bottom:16px}.diagnostics-section ul,.recovery-section ul{margin:8px 0;padding-left:24px}.diagnostics-section li,.recovery-section li{margin:6px 0;line-height:1.5}.error-item,.issue-item{color:var(--error-color, #d32f2f)}.recommendations{margin-top:12px;padding:12px;background:var(--warning-bg, #fff3cd);border-left:3px solid var(--warning-color, #ffc107);border-radius:4px}.error-context{margin-top:12px;padding:12px;background:var(--bg-primary, white);border-radius:4px;overflow-x:auto}.error-context pre{font-family:Courier New,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-all}.context-before{color:var(--text-secondary, #666)}.context-at{background:var(--error-bg, #ffebee);color:var(--error-color, #d32f2f);font-weight:700;padding:2px 4px}.context-after{color:var(--text-secondary, #666)}.success-message{color:var(--success-color, #2e7d32);font-weight:500}.error-message{color:var(--error-color, #d32f2f);font-weight:500}.warning-message{color:var(--warning-color, #f57c00);margin-top:8px}.info-message{color:var(--info-color, #0288d1);margin-top:8px}.action-buttons{display:flex;gap:12px;margin-top:16px}.primary-button{background:var(--accent-color, #007bff);color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;border:none;font-size:1rem;transition:background .2s}.primary-button:hover{background:var(--accent-color-dark, #0056b3)}.secondary-button{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333);padding:10px 20px;border-radius:6px;cursor:pointer;border:1px solid var(--border-color, #ccc);font-size:1rem;transition:background .2s}.secondary-button:hover{background:var(--bg-hover, #e0e0e0)}.error-list{list-style:none;padding-left:0}.error-list li{padding:8px;background:var(--bg-primary, white);margin:4px 0;border-radius:4px;font-size:.9rem}.manual-recovery{margin-top:16px;padding:16px;background:var(--bg-primary, white);border-radius:6px}.helper-text{font-size:.85rem;color:var(--text-secondary, #666);margin-top:8px}.file-recovery-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:flex-end}.cancel-button{background:none;border:1px solid var(--border-color, #ccc);padding:8px 16px;border-radius:6px;cursor:pointer;color:var(--text-primary, #333);font-size:1rem;transition:all .2s}.cancel-button:hover{background:var(--bg-secondary, #f0f0f0)}details{margin-top:12px}summary{cursor:pointer;color:var(--accent-color, #007bff);padding:4px 0}summary:hover{text-decoration:underline}.save-format-modal{max-width:700px}.save-format-description{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.save-format-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.save-format-option-single{grid-column:1 / -1;max-width:400px;margin:0 auto}.save-format-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.save-format-option:hover{border-color:var(--accent-color);background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.save-format-option:active{transform:translateY(0)}.save-format-icon{width:64px;height:64px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.save-format-option h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.save-format-details{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.save-format-pro,.save-format-con{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.save-format-pro svg{color:var(--accent-color);flex-shrink:0}.save-format-con svg{color:var(--text-secondary);flex-shrink:0}.save-format-badge{background:var(--accent-color);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;margin-top:8px}.save-format-badge-secondary{background:var(--text-secondary)}.save-format-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;gap:12px;align-items:flex-start}.save-format-note svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.save-format-note p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.save-format-note code{background:var(--hover-bg);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px}[data-theme=dark] .save-format-option:hover{box-shadow:0 4px 12px #0000004d}@media(max-width:600px){.save-format-options{grid-template-columns:1fr}.save-format-modal{width:95vw!important;max-width:98vw!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}}.recent-file-location-inline-icon{display:inline-flex;align-items:center;margin-left:12px;height:1em;transform:translateY(15%)}.recent-file-location-inline-icon svg{color:var(--text-tertiary);height:1em;width:1em;display:block}.welcome-action-btn.cloud-connected{position:relative}.welcome-action-btn.cloud-connected .cloud-connect-text{position:relative;color:#1a1a1a}.welcome-action-btn.cloud-connected:hover .cloud-connect-text{color:transparent}.welcome-action-btn.cloud-connected:hover .cloud-connect-text:after{content:"Disconnect";color:var(--text-danger, #e53935);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;white-space:nowrap;pointer-events:none}.recent-file-location-icon svg{color:var(--text-tertiary)}.welcome-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:flex-start;justify-content:center;z-index:5;height:100vh;overflow-y:auto}.welcome-content{max-width:800px;width:100%;text-align:center;margin-top:auto;margin-bottom:auto}.welcome-header{margin-bottom:40px}.welcome-logo{position:relative;display:inline-block}.welcome-logo svg{color:var(--accent-color);width:150px;height:150px}@media(max-width:900px){.welcome-screen{left:0;right:0;width:100vw;height:100dvh;min-height:100dvh;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:10vh}.welcome-content{padding-top:0;padding-bottom:0;margin-top:auto;margin-bottom:auto}}.welcome-header h1{font-size:2.5rem;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.welcome-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.welcome-actions{display:flex;gap:12px;justify-content:center;margin-bottom:30px;flex-wrap:nowrap}.welcome-action-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;flex:1;justify-content:center;min-width:0}.welcome-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-color)}.welcome-action-btn.primary{background:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color)}.welcome-action-btn.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.welcome-action-btn.cloud-connected{background:#90ee90;color:#1a1a1a;border-color:#90ee90}[data-theme=light] .welcome-action-btn.cloud-connected{background:#98fb98;color:#1a1a1a;border-color:#98fb98}.welcome-action-btn.cloud-connected:hover{background:var(--bg-danger-hover, #ffebee);border-color:var(--text-danger, #e53935);color:var(--text-danger, #e53935)}.welcome-action-btn.cloud-connected:hover svg,.welcome-action-btn.cloud-connected:hover span{color:var(--text-danger, #e53935)}[data-theme=light] .welcome-action-btn.cloud-connected:hover{background:#7cfc00;border-color:#7cfc00}.welcome-action-btn.cloud-connected svg,.welcome-action-btn.cloud-connected span{color:#1a1a1a}.welcome-action-btn.primary svg,.welcome-action-btn.primary span{color:var(--accent-text)}.welcome-recent{margin-top:48px;text-align:left}.welcome-recent h2{font-size:1.25rem;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.recent-files-list{display:flex;flex-direction:column;gap:8px}.recent-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.recent-file-item:hover{background:var(--bg-hover);border-color:var(--accent-color)}.recent-file-icon{flex-shrink:0;display:flex;align-items:center;color:var(--accent-color)}.recent-file-info{flex:1;min-width:0}.recent-file-title{font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-file-meta{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-file-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s ease}.recent-file-item:hover .recent-file-remove{opacity:1}.recent-file-remove:hover{background:var(--bg-danger-hover);color:var(--text-danger)}.welcome-cloud-files{margin-top:32px;text-align:left}.welcome-cloud-files h2{font-size:1.25rem;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.cloud-files-loading,.cloud-files-empty{padding:24px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.cloud-privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:8px;font-size:.875rem;color:var(--text-secondary);text-align:center}.cloud-privacy-note svg{flex-shrink:0;color:var(--accent-color)}@media(max-width:800px){.welcome-content{padding:32px 24px}.welcome-header h1{font-size:2rem}.welcome-actions{flex-direction:column;align-items:stretch}}@media(max-width:900px){.welcome-screen{left:0}}@media(max-width:900px){.cloud-storage-modal{width:95vw!important;max-width:98vw!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}}.cloud-storage-modal{max-width:500px;width:90%}.cloud-storage-intro{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;text-align:center}.cloud-providers-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.cloud-provider-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.cloud-provider-item:hover{background:var(--bg-hover);border-color:var(--accent-color)}.cloud-provider-item.selected{background:var(--accent-color-alpha);border-color:var(--accent-color)}.cloud-provider-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;color:var(--accent-color)}.cloud-provider-info{flex:1;min-width:0}.cloud-provider-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.cloud-provider-description{font-size:.875rem;color:var(--text-secondary)}.cloud-provider-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.cloud-storage-note{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-info);border:1px solid var(--border-info);border-radius:6px;font-size:.875rem;color:var(--text-secondary)}.cloud-storage-note svg{flex-shrink:0;color:var(--accent-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.btn{padding:10px 20px;font-size:.95rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent-color);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cloud-file-spinner svg{animation:cloud-file-spin 1s linear infinite;display:inline-block}.cloud-file-search-bar .cloud-file-search-btn{background:var(--accent-active-bg);color:var(--accent-color);border:1px solid var(--accent-color);border-radius:6px;font-size:16px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;transition:background .15s,color .15s}.cloud-file-search-bar .cloud-file-search-btn.has-text{background:var(--accent-color);color:var(--accent-text)}.cloud-file-search-bar .cloud-file-search-btn:hover,.cloud-file-search-bar .cloud-file-search-btn:focus{background:var(--accent-color);color:var(--accent-text)}.cloud-file-loading{display:flex;align-items:center;justify-content:center;padding:32px 0 24px;color:var(--text-secondary);font-size:1.1rem}.cloud-file-spinner{display:inline-flex;align-items:center;animation:cloud-file-spin 1s linear infinite}@keyframes cloud-file-spin{to{transform:rotate(360deg)}}.recent-file-location-icon{position:absolute;right:44px;top:50%;transform:translateY(-50%);color:var(--accent-color);pointer-events:none;display:flex;align-items:center;height:100%}.cloud-file-browser{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0;margin:16px 0 24px;min-height:220px;box-shadow:0 1px 3px #1b1f230a}.browser-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;font-weight:500;border-top-left-radius:8px;border-top-right-radius:8px}.browser-list{background:var(--bg-quaternary);margin:0;padding:0;list-style:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.browser-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;font-weight:500}.browser-header button{background:transparent;border:none;color:var(--accent-color);font-size:.95rem;padding:2px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.browser-header button:hover{background:var(--bg-hover)}.browser-list li{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;font-size:1rem;transition:background .15s;background:transparent;border-radius:0}.browser-list li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.browser-list li:hover{background:var(--bg-hover)}.folder{color:#0969da;font-weight:600;display:flex;align-items:center;gap:8px}.file{color:var(--text-primary);display:flex;align-items:center;gap:8px}.error{color:var(--text-danger);margin:12px 16px 8px}.app{display:flex;height:100vh;background:var(--bg-secondary);position:relative}.main-content{display:flex;flex:1;overflow:hidden;transition:margin-left .3s ease;background:var(--bg-primary)}.app:has(.sidebar.sidebar-hidden) .main-content{margin-left:-60px}.editor-container{order:1;flex:1;min-width:400px}.notebook-panel{order:2}.bookmarks-panel{order:3}.navigation-panel{order:4}.dictionary-panel{order:5}.find-replace-panel{order:6}@media(max-width:900px){.app{flex-direction:column;padding-bottom:60px}.main-content{flex-direction:column}.navigation-panel,.bookmarks-panel,.notebook-panel,.dictionary-panel,.find-replace-panel{position:fixed;top:0;left:0;right:0;bottom:60px;width:100vw!important;max-width:100vw;z-index:100;order:0}.editor-container{min-width:100%;width:100%}}:root{--text-danger: #e53935;--ui-typeface: "Segoe UI", sans-serif;--editor-typeface: Arial, sans-serif;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--bg-quaternary: #e8e8e8;--bg-hover: #e8e8e8;--text-primary: #333333;--text-secondary: #555555;--text-tertiary: #666666;--text-quaternary: #999999;--text-heading: #111111;--border-color: #e0e0e0;--popup-border-color: #e0e0e0;--border-light: #eaeaea;--sidebar-bg: #1a1a1a;--sidebar-border: #1a1a1a;--sidebar-text: #aaaaaa;--sidebar-hover-bg: rgba(255, 255, 255, .1);--sidebar-hover-text: #ffffff;--sidebar-divider: #444444;--accent-color: #42a5f5;--accent-light: #1976d2;--accent-dark: #1565c0;--accent-bg: #e3f2fd;--accent-bg-hover: #d4ebfc;--accent-active-bg: rgba(66, 165, 245, .2);--accent-text: #ffffff;--note-highlight-bg: #fff9c4;--note-highlight-border: #ffd54f;--note-highlight-hover: #fff59d;--stats-text: rgba(102, 102, 102, .3);--stats-hover-bg: rgba(255, 255, 255, .95);--stats-hover-text: #666666;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 2px 12px rgba(0, 0, 0, .15);--delete-hover: #ffebee;--scene-break: #999999;--editor-container-bg: #eeeeee;--border-hover: #cccccc;--success-color: #4caf50;--error-color: #f44336;--reading-highlight-height: 1.5px}[data-theme=dark]{--text-danger: #e53935;--bg-primary: #1e1e1e;--bg-secondary: #252525;--bg-tertiary: #2a2a2a;--bg-quaternary: #1a1a1a;--bg-hover: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #909090;--text-quaternary: #707070;--text-heading: #f0f0f0;--border-color: #3a3a3a;--popup-border-color: #2d2d2d;--border-light: #333333;--sidebar-bg: #1a1a1a;--sidebar-border: #1a1a1a;--sidebar-text: #aaaaaa;--sidebar-hover-bg: rgba(255, 255, 255, .1);--sidebar-hover-text: #ffffff;--sidebar-divider: #444444;--accent-color: #64b5f6;--accent-light: #42a5f5;--accent-dark: #1976d2;--accent-bg: #1a3a52;--accent-bg-hover: #1f4159;--accent-active-bg: rgba(66, 165, 245, .2);--accent-text: #000000;--note-highlight-bg: #4a4520;--note-highlight-border: #6a6530;--note-highlight-hover: #5a5528;--stats-text: rgba(255, 255, 255, .2);--stats-hover-bg: rgba(30, 30, 30, .95);--stats-hover-text: #b0b0b0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 2px 12px rgba(0, 0, 0, .4);--delete-hover: #3a1f1f;--scene-break: #606060;--panel-bg: #1a1a1a;--editor-container-bg: #141414;--border-hover: #555555;--success-color: #66bb6a;--error-color: #ef5350}[data-accent=blue]{--accent-color: #42a5f5;--accent-light: #1976d2;--accent-dark: #1565c0;--accent-bg: #e3f2fd;--accent-bg-hover: #d4ebfc;--accent-active-bg: rgba(66, 165, 245, .2);--accent-text: #ffffff;--sidebar-accent-color: #64b5f6;--sidebar-accent-active-bg: rgba(100, 181, 246, .2)}[data-accent=blue][data-theme=dark]{--accent-color: #64b5f6;--accent-light: #42a5f5;--accent-dark: #1976d2;--accent-bg: #1a3a52;--accent-bg-hover: #1f4159;--accent-text: #000000}[data-accent=purple]{--accent-color: #5e35b1;--accent-light: #512da8;--accent-dark: #4527a0;--accent-bg: #ede7f6;--accent-bg-hover: #d1c4e9;--accent-active-bg: rgba(94, 53, 177, .2);--accent-text: #ffffff;--sidebar-accent-color: #9575cd;--sidebar-accent-active-bg: rgba(149, 117, 205, .2)}[data-accent=purple][data-theme=dark]{--accent-color: #9575cd;--accent-light: #7e57c2;--accent-dark: #673ab7;--accent-bg: #2d1f4a;--accent-bg-hover: #3a285e;--accent-text: #000000}[data-accent=teal]{--accent-color: #00897b;--accent-light: #00796b;--accent-dark: #00695c;--accent-bg: #e0f2f1;--accent-bg-hover: #b2dfdb;--accent-active-bg: rgba(0, 137, 123, .2);--accent-text: #ffffff;--sidebar-accent-color: #4db6ac;--sidebar-accent-active-bg: rgba(77, 182, 172, .2)}[data-accent=teal][data-theme=dark]{--accent-color: #4db6ac;--accent-light: #26a69a;--accent-dark: #00897b;--accent-bg: #1a4842;--accent-bg-hover: #1f574f;--accent-text: #000000}[data-accent=red]{--accent-color: #e53935;--accent-light: #d32f2f;--accent-dark: #c62828;--accent-bg: #ffebee;--accent-bg-hover: #ffcdd2;--accent-active-bg: rgba(229, 57, 53, .2);--accent-text: #ffffff;--sidebar-accent-color: #ef5350;--sidebar-accent-active-bg: rgba(239, 83, 80, .2)}[data-accent=red][data-theme=dark]{--accent-color: #ef5350;--accent-light: #e53935;--accent-dark: #d32f2f;--accent-bg: #4a1f1f;--accent-bg-hover: #5e2626;--accent-text: #000000}[data-accent=orange]{--accent-color: #f57c00;--accent-light: #ef6c00;--accent-dark: #e65100;--accent-bg: #fff3e0;--accent-bg-hover: #ffe0b2;--accent-active-bg: rgba(245, 124, 0, .2);--accent-text: #ffffff;--sidebar-accent-color: #ff9800;--sidebar-accent-active-bg: rgba(255, 152, 0, .2)}[data-accent=orange][data-theme=dark]{--accent-color: #ff9800;--accent-light: #fb8c00;--accent-dark: #f57c00;--accent-bg: #4a3518;--accent-bg-hover: #5e431f;--accent-text: #000000}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:6px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}[data-theme=dark] *{scrollbar-color:#4a4a4a transparent}@-moz-document url-prefix(){:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}*{background-clip:padding-box}body{background-color:var(--bg-primary);color:var(--text-primary)}input,textarea,select,button{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}}body{font-family:var(--ui-typeface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}