:root{--bg: #f5f5f5;--bg-card: #ffffff;--bg-sidebar: #1a1a2e;--bg-sidebar-hover: #25254a;--bg-sidebar-active: #2d2d5e;--text: #333333;--text-muted: #666666;--text-sidebar: #c8c8d4;--text-sidebar-bright: #ffffff;--border: #e0e0e0;--accent: #4a90d9;--accent-hover: #357abd;--danger: #dc3545;--danger-hover: #c82333;--code-bg: #f6f8fa;--toast-success: #28a745;--toast-error: #dc3545;--row-hover: #f0f8ff}[data-theme=dark]{--bg: #0d1117;--bg-card: #161b22;--bg-sidebar: #010409;--bg-sidebar-hover: #161b22;--bg-sidebar-active: #1f2937;--text: #e6edf3;--text-muted: #8b949e;--text-sidebar: #8b949e;--text-sidebar-bright: #e6edf3;--border: #30363d;--accent: #58a6ff;--accent-hover: #79b8ff;--danger: #f85149;--danger-hover: #da3633;--code-bg: #1c2128;--toast-success: #3fb950;--toast-error: #f85149;--row-hover: #161b22}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1.25rem;border-radius:6px;color:#fff;font-size:.9rem;box-shadow:0 4px 12px #0003;animation:toast-in .3s ease}.toast-success{background:var(--toast-success)}.toast-error{background:var(--toast-error)}.toast-exit{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-.5rem)}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;min-width:260px;background:var(--bg-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:transform .3s ease;z-index:100}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.sidebar-header h1{font-size:1.15rem;color:var(--text-sidebar-bright);margin:0}.sidebar-header-actions{display:flex;gap:.5rem;align-items:center}.sidebar-search{padding:.75rem 1.25rem}.sidebar-search a{display:flex;align-items:center;gap:.5rem;color:var(--text-sidebar);text-decoration:none;padding:.4rem .6rem;border-radius:6px;font-size:.85rem;border:1px solid rgba(255,255,255,.1)}.sidebar-search a:hover{background:var(--bg-sidebar-hover)}.sidebar-tree{flex:1;overflow-y:auto;padding:.5rem 0}.sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:.75rem}.sidebar-footer a{color:var(--text-sidebar);text-decoration:none;font-size:.85rem}.sidebar-footer a:hover{color:var(--text-sidebar-bright)}.tree-label{display:flex;align-items:center;gap:.5rem;padding:.45rem 1.25rem;font-size:.85rem;color:var(--text-sidebar);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid transparent;text-decoration:none}.tree-label:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-bright);text-decoration:none}.tree-label.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-bright);border-left-color:var(--accent)}.tree-label .arrow{display:inline-block;width:16px;text-align:center;font-size:.7rem;flex-shrink:0;transition:transform .15s}.tree-label .arrow.open{transform:rotate(90deg)}.tree-label .icon{flex-shrink:0;font-size:.85rem}.tree-label .name{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-label .count{font-size:.75rem;opacity:.6;flex-shrink:0}.tree-children{display:none}.tree-children.open{display:block}.tree-children .tree-label{padding-left:2.25rem}.tree-children .tree-children .tree-label{padding-left:3.25rem}.tree-children .tree-children .tree-children .tree-label{padding-left:4.25rem}.tree-loading{padding:.35rem 2.25rem;font-size:.8rem;color:var(--text-sidebar);opacity:.5}.main-content{flex:1;background:var(--bg-card);padding:2rem;min-height:100vh;max-width:100%;overflow-x:hidden}.main-content h1{margin-bottom:1rem;font-size:1.5rem}.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:200;background:var(--bg-sidebar);color:var(--text-sidebar-bright);border:none;border-radius:6px;width:36px;height:36px;font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.sidebar-overlay.open{display:block}@media(max-width:768px){.sidebar-toggle{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:3.5rem 1rem 1rem}}.center-message{text-align:center;padding:2rem;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.text-muted{font-size:.9rem;color:var(--text-muted)}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:.5rem;font-size:.9rem}.alert-error{background:#dc35451a;color:var(--danger);border:1px solid rgba(220,53,69,.25)}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-success{background:#d4edda;border:1px solid #28a745;color:#155724}[data-theme=dark] .alert-warning{background:#3b2e00;border-color:#665200;color:#ffc107}[data-theme=dark] .alert-success{background:#1b3a2a;border-color:#28a745;color:#3fb950}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.card-clickable{cursor:pointer;transition:box-shadow .2s,border-color .2s}.card-clickable:hover{box-shadow:0 2px 8px #00000014;border-color:var(--accent)}.card-icon{font-size:1.25rem;margin-bottom:.25rem}.card-title{font-weight:600;font-size:1rem}.card-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--accent)}.stat-card h3{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin:0 0 .5rem}.stat-card span{font-size:2rem;font-weight:700}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-card-header{display:flex;justify-content:space-between;align-items:flex-start}.badge{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;background:var(--accent);color:#fff;opacity:.85}.badge-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.badge-group{display:flex;flex-wrap:wrap;gap:.25rem}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-chip{display:inline-block;padding:.25rem .75rem;border-radius:16px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:.8rem;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.tag-chip:hover{opacity:.8}.tag-chip.active{background:var(--accent);color:#fff}.frontmatter-card{margin-bottom:1rem}.frontmatter-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.frontmatter-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-bottom:.2rem}.annotation-section{margin-bottom:1rem}.annotation-section h4{margin-bottom:.5rem}.markdown-body{line-height:1.7;font-size:.95rem;margin-bottom:1.5rem}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1.2em 0 .6em;font-weight:600}.markdown-body h1{font-size:1.6rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h2{font-size:1.35rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h3{font-size:1.15rem}.markdown-body p{margin:.6em 0}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:.6em 0}.markdown-body li{margin:.25em 0}.markdown-body pre{background:var(--code-bg);padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;border:1px solid var(--border);margin:.6em 0}.markdown-body code{background:var(--code-bg);padding:.15em .35em;border-radius:3px;font-size:.85em}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--text-muted);margin:.6em 0}.markdown-body table{border-collapse:collapse;margin:.6em 0;width:100%}.markdown-body table th,.markdown-body table td{border:1px solid var(--border);padding:.4em .75em;text-align:left}.markdown-body a{color:var(--accent)}.markdown-body img{max-width:100%;border-radius:4px}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.file-actions{display:flex;gap:.5rem;margin-top:1.5rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem;font-family:inherit;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--bg)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.editor-toolbar h3{font-size:1.1rem;margin:0}.editor-toolbar-actions{display:flex;gap:.5rem}.editor-wrapper{border:1px solid var(--border);border-radius:8px;overflow:hidden;min-height:400px}.editor-textarea{width:100%;min-height:500px;font-family:monospace;font-size:.95rem;resize:vertical;padding:1rem;border:none;outline:none;background:var(--bg-card);color:var(--text);line-height:1.6}.search-form{display:flex;gap:.5rem;margin-bottom:1rem}.search-form input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.95rem;outline:none}.search-form input:focus{border-color:var(--accent)}.search-result-card{margin-bottom:.75rem}.search-result-link{display:block;font-weight:600;color:var(--accent);margin-bottom:.5rem}.search-match{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.25rem;font-size:.85rem}.search-match .line-num{color:var(--text-muted);font-family:monospace;flex-shrink:0}.search-match code{flex:1;white-space:pre-wrap;background:var(--code-bg);padding:.2rem .4rem;border-radius:3px;font-size:.85rem}mark{background:#fef08a;color:inherit;padding:.05em .15em;border-radius:2px}[data-theme=dark] mark{background:#854d0e;color:#fef08a}.settings-page{max-width:600px}.settings-page h3{margin-top:1.5rem;margin-bottom:.5rem}.input-group{display:flex;gap:.5rem;align-items:center}.password-input-wrapper{position:relative;flex:1;max-width:400px}.password-input-wrapper input{width:100%;padding:.5rem 3.5rem .5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.95rem;outline:none}.password-input-wrapper input:focus{border-color:var(--accent)}.password-toggle{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;font-size:.8rem}.metadata{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:768px){.card-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.input-group{flex-direction:column;align-items:stretch}.password-input-wrapper{max-width:none}}