:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-title:"Outfit", "Inter", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}body.theme-light{--bg-app:#f1f5f9;--bg-panel:#ffffffbf;--bg-canvas:#fff;--border-color:#4f46e51f;--border-active:#4f46e559;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-color:#4f46e5;--accent-light:#4f46e50f;--accent-hover:#3730a3;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0f172a0a;--shadow-lg:0 10px 25px #0f172a0f;--glass-bg:#ffffffe6;--glass-border:#4f46e51f;--scrollbar-thumb:#cbd5e1;--scrollbar-track:transparent;--highlight-bg:#fef08acc;--highlight-active-bg:#fde047;--glow-color:#4f46e50a}body.theme-sepia{--bg-app:#f2e6cf;--bg-panel:#faf6ebbf;--bg-canvas:#faf6eb;--border-color:#965f371f;--border-active:#965f374d;--text-primary:#2d2216;--text-secondary:#4a3b2c;--text-muted:#7c6d5e;--accent-color:#965f37;--accent-light:#965f370f;--accent-hover:#784928;--shadow-sm:0 1px 3px #3d2c180a;--shadow-md:0 4px 12px #3d2c180f;--shadow-lg:0 10px 25px #3d2c1814;--glass-bg:#faf6ebe6;--glass-border:#965f371f;--scrollbar-thumb:#d7c9b0;--scrollbar-track:transparent;--highlight-bg:#ffedd5cc;--highlight-active-bg:#fed7aa;--glow-color:#965f370a}body.theme-dark{--bg-app:#0f172a;--bg-panel:#1e293bbf;--bg-canvas:#1e293b;--border-color:#60a5fa1f;--border-active:#60a5fa59;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-color:#60a5fa;--accent-light:#60a5fa14;--accent-hover:#3b82f6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000073;--glass-bg:#1e293be6;--glass-border:#60a5fa1f;--scrollbar-thumb:#334155;--scrollbar-track:transparent;--highlight-bg:#b45309cc;--highlight-active-bg:#d97706;--glow-color:#60a5fa0d}body.theme-oled{--bg-app:#000;--bg-panel:#0f0f0fd9;--bg-canvas:#000;--border-color:#a78bfa1f;--border-active:#a78bfa59;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#525252;--accent-color:#a78bfa;--accent-light:#a78bfa14;--accent-hover:#8b5cf6;--shadow-sm:0 0 0 1px #ffffff0d;--shadow-md:0 0 0 1px #ffffff26;--shadow-lg:0 0 0 1px #ffffff40;--glass-bg:#0f0f0fe6;--glass-border:#a78bfa1f;--scrollbar-thumb:#262626;--scrollbar-track:transparent;--highlight-bg:#7c2d12cc;--highlight-active-bg:#9a3412;--glow-color:#a78bfa0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);background-image:linear-gradient(135deg, var(--bg-app) 0%, var(--bg-canvas) 100%);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);height:100vh;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);transition:background-color var(--transition-fast);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color);background-clip:padding-box;border:2px solid #0000}.app-container{box-sizing:border-box;flex-direction:column;gap:.75rem;height:100vh;padding:.75rem;display:flex;position:relative;overflow:hidden}.scroll-progress-container{z-index:999;background:0 0;width:100%;height:4px;position:absolute;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-bottom-right-radius:var(--radius-full);width:0%;height:100%;transition:width .1s}.app-header{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:100;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}@media (width<=600px){.app-header{padding:.5rem .75rem}.header-actions{gap:.5rem}}.logo-section{align-items:center;gap:.75rem;display:flex}.btn-sidebar-toggle-chatgpt{color:var(--text-secondary);border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;padding:0;position:absolute;top:.5rem;right:-3.2rem;box-shadow:none!important;background:0 0!important;border:none!important}.btn-sidebar-toggle-chatgpt:hover{background:var(--accent-light)!important;color:var(--accent-color)!important}@media (width<=600px){.app-sidebar{width:78%}.btn-sidebar-toggle-chatgpt{width:2.5rem;height:2.5rem;top:.5rem}}.logo-icon{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;border-radius:var(--radius-sm) var(--radius-md) var(--radius-sm) var(--radius-md);width:2.25rem;height:2.25rem;font-weight:700;font-family:var(--font-title);transition:transform var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.logo-icon:hover{transform:rotate(5deg)scale(1.05)}.logo-text{font-family:var(--font-title);letter-spacing:-.03em;color:var(--text-primary);font-size:1.35rem;font-weight:700}.logo-badge{background:var(--accent-light);color:var(--accent-color);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border-color);margin-left:.25rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:600;font-family:var(--font-sans);outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.25rem;display:inline-flex;overflow:hidden}.btn:hover{background:var(--bg-app);border-color:var(--border-active);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent-color));box-shadow:var(--shadow-md)}.btn-icon{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;padding:0}.file-upload-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-body{flex:1;gap:.75rem;display:flex;position:relative;overflow:hidden}.app-sidebar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:320px;transition:margin-left var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);z-index:90;height:100%;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative}.app-sidebar.collapsed{margin-left:calc(-320px - .75rem)}.sidebar-tab-header{border-bottom:1px solid var(--border-color);background:#00000005;gap:.25rem;padding:.25rem;display:flex}body.theme-dark .sidebar-tab-header,body.theme-oled .sidebar-tab-header{background:#ffffff05}.sidebar-tab-btn{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;flex:1;padding:.6rem .5rem}.sidebar-tab-btn.active{background:var(--bg-panel);color:var(--accent-color);box-shadow:var(--shadow-sm)}.sidebar-tab-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.75rem;display:flex}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-left:2px solid var(--accent-color);padding-left:.5rem;font-size:.72rem;font-weight:700}.file-info-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#00000005;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:inset 0 2px 4px #00000003}body.theme-dark .file-info-card,body.theme-oled .file-info-card{background:#ffffff05}.file-info-name{color:var(--text-primary);word-break:break-all;font-size:.9rem;font-weight:600;font-family:var(--font-sans)}.file-info-meta-row{color:var(--text-secondary);border-bottom:1px dashed var(--border-color);justify-content:space-between;padding-bottom:.4rem;font-size:.78rem;display:flex}.file-info-meta-row:last-child{border-bottom:none;padding-bottom:0}.control-grid-label{color:var(--text-secondary);margin-bottom:.15rem;font-size:.78rem;font-weight:600}.theme-selector-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.theme-option{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;font-weight:600;display:flex}.theme-option:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.theme-option.theme-opt-light:before{background:#4f46e5}.theme-option.theme-opt-sepia:before{background:#965f37}.theme-option.theme-opt-dark:before{background:#60a5fa}.theme-option.theme-opt-oled:before{background:#a78bfa}.theme-option.active{border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-color);box-shadow:var(--shadow-sm)}.theme-option.theme-opt-light{color:#0f172a;background-color:#fff;border-color:#4f46e526}.theme-option.theme-opt-sepia{color:#2d2216;background-color:#faf6eb;border-color:#965f3733}.theme-option.theme-opt-dark{color:#f8fafc;background-color:#1e293b;border-color:#60a5fa33}.theme-option.theme-opt-oled{color:#fff;background-color:#000;border-color:#a78bfa40}.btn-group{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#00000005;gap:.25rem;padding:.25rem;display:flex}body.theme-dark .btn-group,body.theme-oled .btn-group{background:#ffffff05}.btn-group-option{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:.45rem .5rem;font-size:.8rem;font-weight:600}.btn-group-option:hover{color:var(--text-primary);background:#00000005}body.theme-dark .btn-group-option:hover,body.theme-oled .btn-group-option:hover{background:#ffffff05}.btn-group-option.active{background:var(--bg-panel);color:var(--accent-color);box-shadow:var(--shadow-sm);font-weight:700}.font-size-slider-container{align-items:center;gap:.75rem;display:flex}.font-size-slider{accent-color:var(--accent-color);background:var(--border-color);border-radius:var(--radius-full);cursor:pointer;outline:none;flex:1;height:6px}.font-size-preview{text-align:right;min-width:2.2rem;font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.toc-container{flex-direction:column;display:flex}.toc-empty{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.85rem;font-style:italic}.toc-list{flex-direction:column;gap:.25rem;max-height:400px;list-style:none;display:flex;overflow-y:auto}.toc-item{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:.45rem .75rem;font-size:.82rem;font-weight:500;line-height:1.4;text-decoration:none;display:block;overflow:hidden}.toc-item:hover{color:var(--accent-color);background:var(--accent-light);transform:translate(2px)}.toc-item.active{color:var(--accent-color);background:var(--accent-light);border-left-color:var(--accent-color);box-shadow:inset 2px 0 0 var(--accent-color);font-weight:700}.toc-item-h1{padding-left:.5rem;font-weight:600}.toc-item-h2{padding-left:1.25rem}.toc-item-h3{padding-left:2rem;font-size:.8rem}.toc-item-h4{padding-left:2.75rem;font-size:.75rem}.app-canvas{scroll-behavior:smooth;z-index:0;border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-image:radial-gradient(var(--border-color) 1.5px, transparent 1.5px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal);background-size:32px 32px;flex-direction:column;flex:1;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative;overflow-y:auto}.landing-view{text-align:center;width:100%;max-width:650px;animation:fadeIn var(--transition-slow);flex-direction:column;justify-content:center;align-items:center;margin:auto 0;padding:2rem;display:flex}.landing-title{font-family:var(--font-title);letter-spacing:-.04em;background:linear-gradient(135deg, var(--text-primary), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:700}.landing-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.local-file-notice{text-align:left;border-radius:var(--radius-md);border:1px solid var(--accent-color);background:var(--accent-light);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.25rem;font-size:.95rem;line-height:1.6}.local-file-notice p{margin:0 0 .75rem}.local-file-notice code{font-size:.85em;font-family:var(--font-mono);background:#0000000d;border-radius:4px;padding:.15rem .3rem}body.theme-dark .local-file-notice code,body.theme-oled .local-file-notice code{background:#ffffff0d}.local-file-notice-btn{width:100%}.drop-zone.drop-zone--highlight{border-color:var(--accent-color);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-color)}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-panel);cursor:pointer;width:100%;transition:all var(--transition-normal);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:1.25rem;padding:3.5rem 2rem;display:flex;position:relative;overflow:hidden}.drop-zone:before{content:"";background:linear-gradient(to bottom, var(--accent-light) 0%, transparent 100%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;position:absolute;inset:0}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-color);background:var(--accent-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.drop-zone:hover:before{opacity:1}.drop-zone-icon{background:var(--bg-app);border-radius:var(--radius-full);width:4rem;height:4rem;color:var(--accent-color);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);z-index:1;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.drop-zone:hover .drop-zone-icon{background:var(--bg-panel);transform:scale(1.1)}.drop-zone-text{z-index:1;flex-direction:column;gap:.35rem;display:flex}.drop-zone-primary{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.drop-zone-secondary{color:var(--text-muted);font-size:.85rem}.landing-actions{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.or-divider{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:.8rem;font-weight:700}.document-paper{border-radius:var(--radius-lg);transition:max-width var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);width:100%;min-height:calc(100vh - 10rem);animation:slideUp var(--transition-slow);box-sizing:border-box;padding:2.5rem min(10%,2rem);overflow:hidden auto;box-shadow:0 4px 20px #0000000f,0 1px 3px #00000008}.width-narrow{max-width:680px}.width-standard{max-width:860px}.width-wide{max-width:1180px}@media (width<=768px){.app-container{gap:.5rem;padding:.5rem}.app-header{padding:.6rem 1rem}.app-body{gap:.5rem}.document-paper{border-radius:var(--radius-md);min-height:calc(100vh - 8rem);padding:2rem min(5%,1.5rem)}.app-sidebar{z-index:101;width:78%;height:calc(100% - 1rem);position:absolute;top:.5rem;bottom:.5rem;left:.5rem;box-shadow:10px 0 30px #00000040}.app-sidebar.collapsed{margin-left:0;transform:translate(calc(-100% - 1.5rem))}}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:20rem;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-bottom-color:var(--accent-color);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}.spinner-text{color:var(--text-secondary);letter-spacing:.02em;font-size:.9rem;font-weight:600;font-family:var(--font-sans)}.search-widget{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:95;opacity:0;pointer-events:none;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:fixed;top:5.25rem;left:50%;transform:translate(-50%)translateY(-20px)}.search-widget.active{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.search-input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;min-width:15rem;padding:.25rem .5rem;font-size:.85rem}.search-count{color:var(--accent-color);text-align:center;background:var(--accent-light);border-radius:var(--radius-xs);min-width:4rem;font-size:.75rem;font-weight:700;font-family:var(--font-mono);border:1px solid var(--border-color);padding:.2rem .5rem}.search-actions{border-left:1px solid var(--border-color);align-items:center;gap:.25rem;padding-left:.5rem;display:flex}.search-btn{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;width:1.75rem;height:1.75rem;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.search-btn:hover{background:var(--accent-light);color:var(--accent-color)}.document-content{color:var(--text-primary);line-height:var(--line-height,1.6);font-size:var(--font-size,17px);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.document-content.font-sans{font-family:var(--font-sans)}.document-content.font-serif{font-family:var(--font-serif)}.document-content.font-mono{font-family:var(--font-mono)}.document-content h1,.document-content h2,.document-content h3,.document-content h4,.document-content h5,.document-content h6{font-family:var(--font-title);color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:6rem;font-weight:700;line-height:1.25}.document-content h1{border-bottom:1px solid var(--border-color);padding-bottom:.4em;font-size:2em}.document-content h2{font-size:1.6em}.document-content h3{font-size:1.3em}.document-content h4{font-size:1.15em}.document-content p{text-align:justify;margin-bottom:1.25em}.match-highlight{background-color:var(--highlight-bg);color:#000;transition:background-color var(--transition-fast);border-radius:2px;padding:.1rem 0;box-shadow:0 1px 2px #0000001a}.match-highlight.active{background-color:var(--highlight-active-bg);outline:2px solid var(--accent-color)}.document-content ul,.document-content ol{margin-bottom:1.25em;padding-left:2rem}.document-content li{margin-bottom:.4em}.document-content table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);margin:2rem 0;font-size:.9em;display:table;overflow:hidden}.document-content th,.document-content td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:left;padding:.85rem 1.25rem}.document-content th:last-child,.document-content td:last-child{border-right:none}.document-content tr:last-child td{border-bottom:none}.document-content th{background-color:var(--bg-app);color:var(--text-primary);font-weight:700}.document-content tr:nth-child(2n){background-color:#00000004}body.theme-dark .document-content tr:nth-child(2n),body.theme-oled .document-content tr:nth-child(2n){background-color:#ffffff04}.document-content img{border-radius:var(--radius-md);max-width:100%;height:auto;transition:transform var(--transition-normal);margin:2rem auto;display:block;box-shadow:0 4px 16px #00000014}.document-content img:hover{transform:scale(1.01)}.document-content a{color:var(--accent-color);border-bottom:1px dashed var(--accent-color);transition:all var(--transition-fast);text-decoration:none}.document-content a:hover{color:var(--accent-hover);border-bottom-style:solid;border-bottom-color:var(--accent-hover)}.document-content blockquote{border-left:4px solid var(--accent-color);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.75rem 0;padding:.75rem 1.5rem;font-style:italic}.document-content pre,.document-content code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow-x:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}