.sidebar{width:60px;background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;flex-shrink:0;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:var(--btn-size-lg);height:var(--btn-size-lg);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)}.sidebar-btn.active:active{background:var(--sidebar-accent-active-bg);opacity:.9}@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-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}[data-theme=light] .overflow-btn{color:var(--text-primary)}.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}[data-theme=light] .overflow-btn-title{color:var(--text-secondary)}.sidebar-btn.logo-btn{position:relative;color:var(--sidebar-accent-color)}[data-theme=light] .sidebar-btn.logo-btn{color:var(--sidebar-logo-light)}.sidebar-btn.logo-btn:focus{outline:none}.sidebar-btn.logo-btn:hover{color:var(--sidebar-accent-color)}[data-theme=light] .sidebar-btn.logo-btn:hover{color:var(--sidebar-logo-light)}.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}}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:var(--sidebar-bg);color:var(--text-secondary);padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;box-shadow:var(--shadow-sm);border:1px solid var(--popup-border-color);animation:tooltipSlideIn .15s ease}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.overflow-popup{position:absolute;left:68px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-md);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-wrapper{padding:8px 12px}.menu-filename{display:flex;align-items:center;gap:12px}.menu-filename-icon{display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;color:var(--text-secondary)}[data-theme=light] .menu-filename-icon{color:var(--sidebar-text)}.menu-filename-icon.cloud-disconnected{color:#ef4444}.menu-filename-text{flex:1;font-size:13px;font-weight:400;color:var(--text-secondary);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-reconnect{display:block;background:none;border:none;color:var(--accent-color);font-size:11px;padding:2px 4px;margin-top:2px;margin-left:36px;cursor:pointer;text-align:left;border-radius:4px;transition:all .15s ease}.menu-filename-reconnect:hover{background:var(--sidebar-hover-bg);text-decoration:underline}.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;flex-shrink:0;margin-left:auto}.menu-filename-status.saving{color:#fff;animation:spin 1s linear infinite}[data-theme=light] .menu-filename-status.saving{color:#000}.menu-filename-status.saved{color:#4caf50}.menu-filename-status.error{color:#f44336;padding:0;line-height:1}.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)}@media(max-width:600px){.overflow-btn{padding:4px 12px}}.stats-popup{position:absolute;left:68px;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-md);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-secondary);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-md);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-secondary);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-panel{position:fixed;background:var(--sidebar-bg);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:var(--shadow-md);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.faded>*{opacity:.3;transition:opacity 3s ease}.read-aloud-panel:not(.faded)>*{opacity:1;transition:opacity .15s 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-header .close-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);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-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.btn-secondary{width:var(--btn-size-md);height:var(--btn-size-md);padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0}.read-aloud-play-btn.btn-primary{width:56px;height:56px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0}.read-aloud-play-btn.btn-primary.playing{background:var(--selection-bg);color:var(--accent-color)}.read-aloud-play-btn.btn-primary.playing:hover{background:var(--accent-bg-hover);border:1px solid var(--accent-active);color:#000}.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{font-size:12px;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.mobile-sidebar-viewport{position:absolute;bottom:auto;display:block}.mobile-sidebar.mobile-sidebar-viewport>*{display:flex}.mobile-sidebar.mobile-sidebar-viewport .mobile-sidebar-track{display:flex}[data-theme=light] .mobile-sidebar{border-top:none}.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:16px;color:var(--sidebar-text);transition:all .15s ease;position:relative;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-theme=light] .mobile-sidebar-btn:not(.logo-btn){color:#555}.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{color:var(--sidebar-accent-color)}[data-theme=light] .mobile-sidebar-btn.logo-btn{color:var(--sidebar-logo-light)}.mobile-sidebar-btn.logo-btn:hover{color:var(--sidebar-accent-color)}[data-theme=light] .mobile-sidebar-btn.logo-btn:hover{color:var(--sidebar-logo-light)}.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:0 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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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;--placeholder-left: 30px !important;--placeholder-top: 40px !important}}@media(max-width:600px){.editor{padding:20px!important;--placeholder-left: 20px !important;--placeholder-top: 20px !important}.editor.empty:before,.editor.empty.typing:before{white-space:normal;display:block;max-width:calc(100% - 40px)!important;animation:none!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);position:relative}.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.empty:before{left:1in;top:1in}.editor.page p{orphans:2;widows:2}.editor-wrapper{position:relative;flex:1;align-self:stretch;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-container .resize-handle:hover,.editor-container .resize-handle:active{background-color:var(--accent-active)}.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.empty:before{content:var(--placeholder-text, "Once upon a time...");color:var(--text-quaternary);opacity:.5;pointer-events:none;position:absolute;left:var(--placeholder-left, 80px);top:var(--placeholder-top, 60px);font-size:inherit;line-height:inherit;font-family:inherit;white-space:nowrap;overflow:hidden;display:inline-block}.editor.empty.typing:before{max-width:0;animation:typing 4s steps(60,end) forwards}@keyframes typing{0%{max-width:0}to{max-width:100%}}.editor.continuous::-webkit-scrollbar-thumb{opacity:.5}.editor.continuous:hover::-webkit-scrollbar-thumb{opacity:1}.editor::selection{background-color:var(--selection-bg);color:var(--selection-text)}.editor *::selection{background-color:var(--selection-bg);color:var(--selection-text)}.editor ::-moz-selection{background-color:var(--selection-bg);color:var(--selection-text)}.editor *::-moz-selection{background-color:var(--selection-bg);color:var(--selection-text)}.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,.editor b{font-weight:600;font-size:inherit!important}.editor em,.editor i{font-style:italic;font-size:inherit!important}.editor u{text-decoration:underline;font-size:inherit!important}.editor span{font-size:inherit!important}.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(--selection-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(--selection-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;pointer-events:auto}.resize-handle.visible{opacity:1}.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-active)}.resize-handle:hover .resize-handle-indicator{border-color:var(--accent-active)}.resize-handle:active{background-color:var(--accent-active)}.resize-handle:active .resize-handle-indicator{border-color:var(--accent-active)}@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(--panel-bg)}.navigation-header h3{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.navigation-header .close-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);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)}@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(--panel-bg)}.bookmarks-header h3{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.bookmarks-header .close-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);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);border-left:3px solid transparent;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-hover);border-left-color:var(--border-color)}.bookmark-item.active{background:var(--accent-active-bg);border-left-color:var(--accent-color);color:var(--accent-color);font-weight:600;padding-left:16px}.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-active);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(--panel-bg);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)}@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{color:var(--text-primary);filter:brightness(1.15)}.notebook-tab.active{color:var(--text-primary);font-weight:700;filter:brightness(1.1)}.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(--panel-bg);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{background:var(--hover-bg)}.notebook-title-input:focus{outline:none;border-color:var(--accent-color);background:var(--hover-bg)}.notebook-header-actions{display:flex;gap:8px;align-items:center}.notebook-header .close-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);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:var(--btn-size-sm);height:var(--btn-size-sm);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-active)}.notebook-delete-btn:hover{background:var(--delete-hover);color:var(--text-primary)}.notebook-kebab-menu{position:relative}.notebook-kebab-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);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-md);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-color-picker{padding:8px 12px}.notebook-color-picker-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.notebook-color-swatches{display:flex;gap:8px;align-items:center}.notebook-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0;position:relative}.notebook-color-swatch:hover{transform:scale(1.15);filter:brightness(1.2)}.notebook-color-swatch.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--bg-secondary)}.notebook-color-swatch.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:14px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}[data-theme=dark] .notebook-color-swatch{filter:saturate(1.3) brightness(1.4)}[data-theme=dark] .notebook-color-swatch:hover{filter:saturate(1.3) brightness(1.6)}.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}.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)}.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(--panel-bg)}.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:var(--btn-size-sm);height:var(--btn-size-sm);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(--accent-color)}.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-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(--accent-color);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}.word-chip.synonym{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.word-chip.synonym:hover{background:var(--accent-active);border-color:var(--accent-active)}.word-chip.similar{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.word-chip.similar:hover{background:var(--bg-hover);border-color:var(--accent-active);color:var(--accent-active)}.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(--accent-bg-hover)}.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)}.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(--panel-bg)}.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:var(--btn-size-sm);height:var(--btn-size-sm);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}.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;accent-color:var(--accent-color)}[data-theme=dark] .checkbox-label input[type=checkbox]{color-scheme:dark}.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}.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}.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:var(--btn-size-md);height:var(--btn-size-md);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,.format-menu-container{position:relative;display:flex;align-items:center}.heading-options,.alignment-options,.format-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,.format-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,[data-theme=dark] .format-options{box-shadow:0 4px 12px #0009}[data-theme=light] .floating-menu,[data-theme=light] .heading-options,[data-theme=light] .alignment-options,[data-theme=light] .format-options{box-shadow:0 4px 12px #0000001a}.floating-menu.floating-menu-fixed{position:absolute;left:50%;transform:translate(-50%);width:auto;border-radius:8px 8px 0 0;border:none;justify-content:center;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));animation:slideUpFromBottomCentered .2s ease-out;box-shadow:none}@keyframes slideUpFromBottomCentered{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.floating-menu-fixed .heading-options,.floating-menu-fixed .alignment-options,.floating-menu-fixed .format-options{bottom:100%;top:auto;margin-top:0;margin-bottom:4px;animation:slideUpCentered .15s ease-out forwards}.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 var(--border-color)}.local-version:hover{background:#e8f5e9!important;border-color:#4caf50!important}[data-theme=dark] .local-version:hover{background:#1e321d!important;border-color:#90ee90!important}.external-version:hover{background:var(--delete-hover, #ffebee)!important;border-color:var(--text-danger, #e53935)!important}[data-theme=dark] .external-version:hover{background:#e539351a!important;border-color:#ef5350!important}.version-panel h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.local-version h3{color:#4caf50}[data-theme=dark] .local-version h3{color:#90ee90}.external-version h3{color:#e53935}[data-theme=dark] .external-version h3{color:#ef5350}.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;text-align:left}.conflict-btn:hover{border-color:var(--accent-color);background:var(--bg-hover)}.conflict-btn.keep-local:hover{background:#e8f5e9!important;border-color:#4caf50!important}[data-theme=dark] .conflict-btn.keep-local:hover{background:#1e321d!important;border-color:#90ee90!important}.conflict-btn.use-external:hover{background:var(--delete-hover, #ffebee)!important;border-color:var(--text-danger, #e53935)!important}[data-theme=dark] .conflict-btn.use-external:hover{background:#e539351a!important;border-color:#ef5350!important}.conflict-btn.save-both:hover{border-color:var(--accent-color)!important}.btn-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.btn-subtitle{font-size:12px;color:var(--text-secondary)}.decide-later-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}.decide-later-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-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-color)}[data-theme=dark] .settings-checkbox input[type=checkbox]{color-scheme:dark}.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}@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;align-items:center}.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-docs-link{margin-left:auto;display:flex;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:400;color:var(--accent-color);text-decoration:none;transition:all .15s ease;white-space:nowrap}.help-docs-link:hover{opacity:.8;text-decoration:underline}.help-docs-link svg{flex-shrink:0}.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;position:relative;cursor:default}.feature-card.clickable{cursor:default}.feature-card:hover{background:var(--bg-tertiary);border-color:var(--accent)}.feature-card svg{color:var(--accent-color);margin-bottom:16px}.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-active);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-active) 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-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-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{line-height:1.5;resize:vertical}.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:1px solid 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}}.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;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)}.save-format-icon{color:var(--accent-color);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}@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}}.cloud-disconnected-modal{max-width:700px}.cloud-disconnected-modal .save-format-option:first-of-type:hover{background:#e8f5e9;border-color:#4caf50}.cloud-disconnected-modal .save-format-option:first-of-type:hover .save-format-icon{color:#4caf50}.cloud-disconnected-modal .save-format-option:first-of-type:hover h3{color:#4caf50}[data-theme=dark] .cloud-disconnected-modal .save-format-option:first-of-type:hover{background:#1e321d;border-color:#90ee90}[data-theme=dark] .cloud-disconnected-modal .save-format-option:first-of-type:hover .save-format-icon{color:#90ee90}[data-theme=dark] .cloud-disconnected-modal .save-format-option:first-of-type:hover h3{color:#90ee90}.cloud-disconnected-modal .save-format-option:last-of-type .save-format-icon{color:#9ca3af}.cloud-disconnected-modal .save-format-option:last-of-type:hover{background:var(--delete-hover, #ffebee);border-color:var(--text-danger, #e53935)}.cloud-disconnected-modal .save-format-option:last-of-type:hover h3{color:var(--text-danger, #e53935)}.cloud-disconnected-modal .save-format-option:last-of-type:hover .save-format-icon{color:var(--text-danger, #e53935)}.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}.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%}.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;padding:40px 0 10px;display:flex;flex-direction:column;min-height:100vh}.welcome-main{flex:1;display:flex;flex-direction:column;justify-content:center}.welcome-header{margin-bottom:40px}.welcome-logo{position:relative;display:inline-block}.welcome-logo svg{color:var(--accent-color);width:175px;height:175px;overflow:visible}.welcome-logo #glasses{filter:drop-shadow(8px 8px 8px rgb(0 0 0 / .4))}@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}.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{padding:14px 20px!important;border-radius:8px;white-space:nowrap;flex:1;justify-content:center;min-width:0}.welcome-action-btn.cloud-connected{position:relative;background:#e8f5e9;border-color:#4caf50}.welcome-action-btn.cloud-connected .cloud-connect-text{position:relative;color:#4caf50}[data-theme=dark] .welcome-action-btn.cloud-connected{background:#1e321d;border-color:#90ee90}[data-theme=dark] .welcome-action-btn.cloud-connected .cloud-connect-text{color:#90ee90}.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}.welcome-action-btn.cloud-connected:hover{background:var(--delete-hover, #ffebee);border-color:var(--text-danger, #e53935);color:var(--text-danger, #e53935)}.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);color:var(--text-primary)}.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-star{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-star{opacity:1}.recent-file-star:hover{background:var(--bg-hover);color:var(--accent-color)}.recent-file-star.starred{opacity:1;color:var(--accent-color)}.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{color:var(--text-danger)}.welcome-cloud-files{margin-top:32px;margin-bottom: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 0}.welcome-header h1{font-size:2rem}.welcome-actions{flex-direction:column;align-items:stretch}}@media(max-width:900px){.welcome-screen{left:0}}.welcome-footer{width:100%;text-align:center;padding:12px 0;margin-top:auto;font-size:.8rem;color:var(--text-tertiary);opacity:.6;display:flex;align-items:flex-end;justify-content:center;min-height:48px}.welcome-footer a{color:var(--text-quaternary);text-decoration:none;transition:opacity .2s ease}.welcome-footer a:hover{opacity:.8;text-decoration:underline}.welcome-footer .footer-separator{margin:0 8px;color:var(--text-quaternary)}@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);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .cloud-provider-item:hover{box-shadow:0 4px 12px #0000004d}.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-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)}.timeout-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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeout-modal{background:var(--bg-primary);border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.timeout-modal h2{margin:0 0 12px;color:var(--text-primary);font-size:24px;font-weight:600}.timeout-modal>p{margin:0 0 32px;color:var(--text-secondary);font-size:14px;line-height:1.5}.timeout-timer{margin-bottom:32px}.timer-circle{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;background:var(--bg-secondary);border:4px solid var(--accent-color);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.timer-value{font-size:36px;font-weight:700;color:var(--accent-color);font-variant-numeric:tabular-nums}.timer-label{margin:0;font-size:14px;color:var(--text-secondary)}.timeout-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.timeout-btn{min-width:140px;padding:12px 24px;font-size:16px}.timeout-note{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.cloud-file-spinner svg{display:inline-block}.cloud-file-search-bar{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);display:flex;gap:8px;align-items:center}.cloud-file-search-input{flex:1;min-width:0;font-size:1rem}.cloud-file-search-clear{background:none;border:none;color:var(--accent-color);font-size:18px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s;flex-shrink:0}.cloud-file-search-clear:hover{background:var(--hover-bg)}.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}@keyframes cloud-file-spin{to{transform:rotate(360deg)}}.cloud-file-browser{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0;margin:0;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}.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}.version-history-modal{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.version-history-description{padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:16px}.version-history-info{display:flex;align-items:center;gap:10px}.version-history-info svg{flex-shrink:0;color:var(--text-tertiary)}.version-history-info p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.version-history-modal .modal-body{padding:0}.version-history-body{flex:1;overflow-y:auto;padding:0}.version-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center}.version-empty-state svg{opacity:.3;margin-bottom:20px}.version-empty-subtext{font-size:14px;margin-top:8px;opacity:.7}.version-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color)}.version-item{background:var(--bg-primary);padding:16px 20px;cursor:pointer;transition:background-color .15s ease}.version-item:hover{background:var(--bg-secondary)}.version-item.selected{background:var(--accent-color-alpha);border-left:3px solid var(--accent-color)}.version-item.current{background:var(--bg-tertiary)}.version-item.current:hover{background:var(--bg-secondary)}.version-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-item-title{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-primary)}.current-badge{background:var(--accent-color);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.version-time{font-size:15px}.version-type{font-size:12px;padding:3px 8px;border-radius:4px;font-weight:500}.version-type.auto-save{background:var(--bg-tertiary);color:var(--text-secondary)}.version-type.manual-save{background:var(--accent-color-alpha);color:var(--accent-color)}.version-item-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}.version-date{font-weight:500}.version-stats{display:flex;align-items:center;gap:6px}.version-diff{padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500;margin-left:6px}.version-diff.increased{background:#22c55e1a;color:#22c55e}.version-diff.decreased{background:#ef44441a;color:#ef4444}.version-item-actions{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease}.version-item:hover .version-item-actions{opacity:1}.version-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.version-preview-panel{background:var(--bg-primary);border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.version-preview-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.version-preview-header h3{margin:0 0 6px;font-size:18px;color:var(--text-primary)}.version-preview-meta{margin:0;font-size:14px;color:var(--text-secondary)}.version-preview-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary)}.version-preview-text{background:#fff;padding:60px 80px;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-height:400px;font-family:Arial,sans-serif;font-size:12pt;line-height:2;color:#000}.version-preview-text p{margin:0 0 24px;text-indent:.5in}.version-preview-text h1,.version-preview-text h2,.version-preview-text h3{margin:0 0 24px;text-indent:0}.version-preview-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}[data-theme=dark] .version-preview-text{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}@media(max-width:768px){.version-history-modal{max-width:100%;max-height:100vh;border-radius:0}.version-item{padding:14px 16px}.version-preview-panel{max-width:100%;max-height:100vh;border-radius:0}.version-preview-text{padding:40px 30px}.version-preview-footer{flex-direction:column}.version-preview-footer button{width:100%}}.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;padding:20px}.modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-heading)}.modal-content{padding:0}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.export-modal{max-width:750px}.export-description{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.export-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.export-option:hover{border-color:var(--accent-color);background:var(--hover-bg)}.export-icon{color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.export-option h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.export-extension{margin:0;font-size:13px;color:var(--text-secondary);font-family:Consolas,Monaco,monospace}.export-details{font-size:12px;color:var(--text-secondary);margin-top:4px}.export-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;gap:12px;align-items:flex-start}.export-note svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.export-note p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}@media(max-width:600px){.export-options{grid-template-columns:1fr}.export-modal{width:95vw!important;max-width:98vw!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;bottom:0}}.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}html:fullscreen .sidebar,html:-webkit-full-screen .sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:200}html:fullscreen .main-content,html:-webkit-full-screen .main-content{margin-left:0!important}.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{--ui-typeface: "Segoe UI", sans-serif;--editor-typeface: Arial, sans-serif;--bg-primary: #ececec;--bg-secondary: #e5e5e5;--bg-tertiary: #e8e8e8;--bg-quaternary: #dfdfdf;--bg-hover: #dddddd;--hover-bg: #dddddd;--text-primary: #333333;--text-secondary: #555555;--text-tertiary: #666666;--text-quaternary: #999999;--text-heading: #111111;--border-color: #c4c4c4;--border-primary: #c4c4c4;--popup-border-color: #c4c4c4;--border-light: #e1e1e1;--sidebar-bg: #dcdcdc;--sidebar-border: #1a1a1a;--sidebar-text: #333333;--sidebar-hover-bg: rgba(0, 0, 0, .08);--sidebar-hover-text: #111111;--sidebar-divider: #b9b9b9;--accent-h: 207;--accent-s: 90%;--accent-l: 61%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), 85%, 42%);--accent-bg: #e3f2fd;--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 8%));--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #ffffff;--accent-rgb: 66, 165, 245;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #1976d2;--sidebar-accent-active-bg: rgba(66, 165, 245, .25);--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 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--delete-hover: #ffebee;--scene-break: #999999;--panel-bg: #e5e5e5;--editor-container-bg: #dcdcdc;--border-hover: #cccccc;--success-color: #4caf50;--error-color: #f44336;--text-danger: #e53935;--reading-highlight-height: 1.5px;--selection-bg: rgba(66, 165, 245, .25);--selection-bg-hover: rgba(66, 165, 245, .35);--selection-text: inherit;--btn-size-sm: 32px;--btn-size-md: 36px;--btn-size-lg: 40px;--btn-size-touch: 44px;--tab-blue: hsla(207, 90%, 61%, .8);--tab-blue-hover: hsla(207, 90%, 69%, .8);--tab-purple: hsla(260, 45%, 64%, .8);--tab-purple-hover: hsla(260, 45%, 72%, .8);--tab-teal: hsla(155, 45%, 55%, .8);--tab-teal-hover: hsla(155, 45%, 63%, .8);--tab-red: hsla(0, 55%, 65%, .8);--tab-red-hover: hsla(0, 55%, 73%, .8);--tab-orange: hsla(30, 80%, 63%, .8);--tab-orange-hover: hsla(30, 80%, 71%, .8)}[data-theme=dark]{--bg-primary: #202020;--bg-secondary: #1c1c1c;--bg-tertiary: #2a2a2a;--bg-quaternary: #1a1a1a;--bg-hover: #2a2a2a;--hover-bg: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #909090;--text-quaternary: #707070;--text-heading: #f0f0f0;--border-color: #3a3a3a;--border-primary: #3a3a3a;--popup-border-color: #2d2d2d;--border-light: #333333;--sidebar-bg: #191919;--sidebar-border: #1a1a1a;--sidebar-text: #cccccc;--sidebar-hover-bg: rgba(255, 255, 255, .1);--sidebar-hover-text: #ffffff;--sidebar-divider: #444444;--accent-h: 207;--accent-s: 88%;--accent-l: 67%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), 86%, 47%);--accent-bg: #1a3a52;--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 9%));--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #000000;--accent-rgb: 100, 181, 246;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #90caf9;--sidebar-accent-active-bg: rgba(100, 181, 246, .25);--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 3px 6px rgba(0, 0, 0, .35);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--delete-hover: #3a1f1f;--scene-break: #606060;--panel-bg: #1c1c1c;--editor-container-bg: #191919;--border-hover: #555555;--success-color: #66bb6a;--error-color: #ef5350;--text-danger: #e53935;--reading-highlight-height: 1.5px;--selection-bg: rgba(100, 181, 246, .25);--selection-bg-hover: rgba(100, 181, 246, .35);--selection-text: inherit;--tab-blue: hsla(207, 88%, 67%, .5);--tab-blue-hover: hsla(207, 88%, 76%, .5);--tab-purple: hsla(260, 46%, 63%, .5);--tab-purple-hover: hsla(260, 46%, 72%, .5);--tab-teal: hsla(160, 40%, 55%, .5);--tab-teal-hover: hsla(160, 40%, 64%, .5);--tab-red: hsla(0, 60%, 60%, .5);--tab-red-hover: hsla(0, 60%, 69%, .5);--tab-orange: hsla(30, 85%, 65%, .5);--tab-orange-hover: hsla(30, 85%, 74%, .5)}[data-accent=purple]{--accent-h: 260;--accent-s: 45%;--accent-l: 64%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 24%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 7%));--accent-bg: #ede7f6;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #ffffff;--accent-rgb: 149, 117, 205;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #7e57c2;--sidebar-accent-active-bg: rgba(149, 117, 205, .25);--selection-bg: rgba(149, 117, 205, .25);--selection-bg-hover: rgba(149, 117, 205, .35);--selection-text: inherit}[data-accent=purple][data-theme=dark]{--accent-h: 260;--accent-s: 46%;--accent-l: 63%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 23%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 9%));--accent-bg: #2d1f4a;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #000000;--accent-rgb: 149, 117, 205;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #b39ddb;--sidebar-accent-active-bg: rgba(149, 117, 205, .25);--selection-bg: rgba(149, 117, 205, .25);--selection-bg-hover: rgba(149, 117, 205, .35);--selection-text: inherit}[data-accent=teal]{--accent-h: 155;--accent-s: 45%;--accent-l: 55%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 24%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 8%));--accent-bg: #e0f2f1;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #ffffff;--accent-rgb: 77, 182, 172;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #00897b;--sidebar-accent-active-bg: rgba(77, 182, 172, .25);--selection-bg: rgba(77, 182, 172, .25);--selection-bg-hover: rgba(77, 182, 172, .35);--selection-text: inherit}[data-accent=teal][data-theme=dark]{--accent-h: 160;--accent-s: 40%;--accent-l: 55%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 25%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 9%));--accent-bg: #1a4842;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #000000;--accent-rgb: 77, 182, 172;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #80cbc4;--sidebar-accent-active-bg: rgba(77, 182, 172, .25);--selection-bg: rgba(77, 182, 172, .25);--selection-bg-hover: rgba(77, 182, 172, .35);--selection-text: inherit}[data-accent=red]{--accent-h: 0;--accent-s: 55%;--accent-l: 65%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 24%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 8%));--accent-bg: #ffebee;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #ffffff;--accent-rgb: 239, 83, 80;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #a03535;--sidebar-accent-active-bg: rgba(239, 83, 80, .25);--selection-bg: rgba(239, 83, 80, .25);--selection-bg-hover: rgba(239, 83, 80, .35);--selection-text: inherit}[data-accent=red][data-theme=dark]{--accent-h: 0;--accent-s: 60%;--accent-l: 60%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 25%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 9%));--accent-bg: #4a1f1f;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #000000;--accent-rgb: 239, 83, 80;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #ef9a9a;--sidebar-accent-active-bg: rgba(239, 83, 80, .25);--selection-bg: rgba(239, 83, 80, .25);--selection-bg-hover: rgba(239, 83, 80, .35);--selection-text: inherit}[data-accent=orange]{--accent-h: 30;--accent-s: 80%;--accent-l: 63%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 24%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 8%));--accent-bg: #fff3e0;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #ffffff;--accent-rgb: 255, 152, 0;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #a45616;--sidebar-accent-active-bg: rgba(255, 152, 0, .25);--selection-bg: rgba(255, 152, 0, .25);--selection-bg-hover: rgba(255, 152, 0, .35);--selection-text: inherit}[data-accent=orange][data-theme=dark]{--accent-h: 30;--accent-s: 85%;--accent-l: 65%;--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-active: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--sidebar-logo-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 25%));--accent-bg-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 9%));--accent-bg: #4a3518;--accent-active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);--accent-text: #000000;--accent-rgb: 255, 152, 0;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--sidebar-accent-color: #ffb74d;--sidebar-accent-active-bg: rgba(255, 152, 0, .25);--selection-bg: rgba(255, 152, 0, .25);--selection-bg-hover: rgba(255, 152, 0, .35);--selection-text: inherit}*{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}a{color:var(--accent-color);text-decoration:none;transition:opacity .15s ease}a:hover{opacity:.8;text-decoration:underline}#root{width:100vw;height:100vh}.text-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease,background-color .15s ease}.text-input:hover{background:var(--bg-tertiary)}.text-input:focus{outline:none;border-color:var(--accent-color);background:var(--bg-primary)}.text-input::placeholder{color:var(--text-tertiary)}.select-input{width:100%;padding:10px 36px 10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666666" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.select-input:hover{background-color:var(--bg-hover);background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666666" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}.select-input:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-primary);background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666666" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}[data-theme=dark] .select-input{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23b0b0b0" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}[data-theme=dark] .select-input:hover,[data-theme=dark] .select-input:focus{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23b0b0b0" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}.select-input option{background:var(--bg-secondary);color:var(--text-primary);padding:8px 12px}.select-input option:hover{background:var(--accent-active-bg)}.select-input option:checked{background:var(--accent-color);color:var(--accent-text)}.click-action{cursor:pointer;transition:all .2s ease}.click-action:hover{transform:translateY(-1.8px);box-shadow:var(--shadow-sm)}.click-action:active,.click-action:active svg{transform:translateY(0) scale(1);box-shadow:none}.btn{padding:8px 15px;font-size:.95rem;font-weight:500;border-radius:30px;border:none;font-family:inherit;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-color);border:1px solid var(--accent-color);color:#111}.btn-primary:hover{background:var(--accent-active);border-color:var(--accent-active);color:var(--accent-text)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-bg-hover);color:var(--text-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--error-color);color:#fff;border:1px solid var(--error-color)}.btn-danger:hover{background:var(--text-danger);border-color:var(--text-danger)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--success-color);color:#fff;border:1px solid var(--success-color)}.btn-success:hover{filter:brightness(.9)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.close-btn,.notebook-kebab-btn,.notebook-link-btn,.notebook-delete-btn,.read-aloud-close-btn{width:var(--btn-size-sm);height:var(--btn-size-sm);min-width:var(--btn-size-sm);min-height:var(--btn-size-sm);display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover,.notebook-kebab-btn:hover,.notebook-link-btn:hover,.notebook-delete-btn:hover,.read-aloud-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn,.floating-menu-btn,.read-aloud-nav-btn{width:var(--btn-size-md);height:var(--btn-size-md);min-width:var(--btn-size-md);min-height:var(--btn-size-md)}.help-tab,.dictionary-tabs button,.zoom-buttons button,.fullscreen-btn{min-height:var(--btn-size-md)}@media(pointer:coarse){.close-btn,.toolbar-btn,.sidebar-btn,.notebook-kebab-btn,.notebook-link-btn,.notebook-delete-btn,.notebook-add-btn,.read-aloud-close-btn,.read-aloud-nav-btn,.overflow-btn{min-width:var(--btn-size-touch);min-height:var(--btn-size-touch)}.floating-menu-btn{min-width:40px;min-height:40px}.help-tab,.dictionary-tabs button,.notebook-tab{min-height:var(--btn-size-touch);padding-top:12px;padding-bottom:12px}.read-aloud-playback button{min-width:var(--btn-size-touch);min-height:var(--btn-size-touch)}.zoom-buttons button,.fullscreen-btn{min-height:var(--btn-size-touch)}.word-chip,.synonym-chip{min-height:var(--btn-size-touch);padding:12px 16px}.toolbar-group,.toolbar-section,.floating-menu,.notebook-header-actions{gap:4px}}