*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.app.dark{--bg: #1e1e20;--bg-secondary: #17171a;--bg-tertiary: #27272b;--bg-elevated: #232326;--fg: #dcddde;--fg-muted: #9a9aa0;--fg-faint: #6c6c72;--border: #2c2c30;--border-strong: #3c3c42;--accent: #8b7bf0;--accent-strong: #a394ff;--accent-fg: #ffffff;--accent-wash: rgba(139, 123, 240, .16);--danger: #e5707e;--danger-wash: rgba(229, 112, 126, .14);--success: #7fc99b;--warn: #e0b158;--shadow-color: 0deg 0% 0%;color-scheme:dark}.app.light{--bg: #ffffff;--bg-secondary: #f7f7f9;--bg-tertiary: #eeeef1;--bg-elevated: #ffffff;--fg: #26262b;--fg-muted: #6b6b72;--fg-faint: #9c9ca3;--border: #e6e6ea;--border-strong: #d4d4da;--accent: #6e5ce6;--accent-strong: #5b48d9;--accent-fg: #ffffff;--accent-wash: rgba(110, 92, 230, .1);--danger: #d1454f;--danger-wash: rgba(209, 69, 79, .08);--success: #2f9e63;--warn: #b3811f;--shadow-color: 220deg 20% 45%;color-scheme:light}.app{--radius-sm: 6px;--radius-md: 9px;--radius-lg: 14px;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .25);--shadow-md: 0 6px 20px -4px hsl(var(--shadow-color) / .35), 0 2px 6px hsl(var(--shadow-color) / .2);--shadow-lg: 0 20px 48px -12px hsl(var(--shadow-color) / .45), 0 4px 12px hsl(var(--shadow-color) / .2);display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--fg);font-size:14px}button{font-family:inherit}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:transparent;color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.icon-btn:hover{background:var(--bg-tertiary);color:var(--fg)}.icon-btn.active{background:var(--accent-wash);color:var(--accent-strong)}.icon-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-tertiary);color:var(--fg);cursor:pointer;font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease,transform .05s ease}.btn:hover{background:var(--border);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.topbar{display:flex;align-items:center;gap:6px;padding:0 12px;height:46px;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.topbar-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--fg);margin-right:6px;white-space:nowrap}.topbar-brand .brand-mark{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.topbar select{background:var(--bg-tertiary);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 8px;font-size:13px;cursor:pointer}.topbar select:focus,.topbar input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.new-vault-input{background:var(--bg-tertiary);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px;width:140px}.new-vault-input::placeholder{color:var(--fg-faint)}.topbar-spacer{margin-left:auto}.admin-link{display:inline-flex;align-items:center;gap:6px;color:var(--fg-muted);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px;transition:background .12s ease,color .12s ease}.admin-link:hover{background:var(--bg-tertiary);color:var(--fg)}.unlocked-roles-chip{font-size:12px;color:var(--fg-faint)}.body{display:flex;flex:1;overflow:hidden}.filetree{width:260px;flex:0 0 auto;border-right:1px solid var(--border);background:var(--bg-secondary);padding:10px 8px;overflow-y:auto}.file-tree-header{display:flex;gap:6px;margin-bottom:10px}.file-tree-header button{flex:1}.file-item{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;cursor:pointer;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;color:var(--fg-muted);transition:background .1s ease,color .1s ease}.file-item:hover{background:var(--bg-tertiary);color:var(--fg)}.file-item.active{background:var(--accent-wash);color:var(--fg);font-weight:600}.file-item-label{flex:1;display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-item-label .tree-icon{flex:0 0 auto;color:var(--fg-faint);opacity:.85}.file-item.active .file-item-label .tree-icon{color:var(--accent-strong);opacity:1}.file-item-label .tree-chevron{flex:0 0 auto;color:var(--fg-faint);transition:transform .12s ease}.file-item-label .tree-chevron.expanded{transform:rotate(90deg)}.file-item-actions{display:none;gap:1px;flex:0 0 auto}.file-item:hover .file-item-actions{display:flex}.file-item-actions .icon-btn{width:24px;height:24px}.file-item.drag-over{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-wash)}.file-tree-root-drop{min-height:40px;border-radius:var(--radius-sm)}.file-tree-root-drop.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.access-badge{margin-left:4px;color:var(--fg-faint);display:inline-flex;align-items:center;flex:0 0 auto}.file-item.passthrough{opacity:.45;cursor:default}.file-item.passthrough:hover{background:transparent;color:var(--fg-muted)}.empty-state.small{height:auto;padding:14px 8px;flex-direction:row;justify-content:flex-start;font-size:13px;gap:8px}.panes{flex:1;display:flex;overflow:hidden;background:var(--bg)}.pane{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.pane:last-child{border-right:none}.pane-toolbar{display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--bg-secondary);min-height:42px}.pane-toolbar .tabs{flex:1;overflow-x:auto;border-bottom:none;background:none}.pane-actions{display:flex;gap:2px;padding:0 6px;flex:0 0 auto}.cm-editor{height:100%}.cm-editor.cm-focused{outline:none}.cm-editor .cm-scroller{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7}.cm-editor .cm-content{max-width:780px;padding:28px 40px 120px;caret-color:var(--accent)}.cm-editor .cm-gutters{display:none}.cm-editor .cm-selectionBackground{background:color-mix(in srgb,var(--accent) 30%,transparent)!important}.cm-editor .cm-cursor{border-left-color:var(--accent);border-left-width:2px}.cm-editor .cm-line [class*=tok-]{color:inherit!important}.cm-line.cm-lp-h1,.cm-line.cm-lp-h2,.cm-line.cm-lp-h3,.cm-line.cm-lp-h4,.cm-line.cm-lp-h5,.cm-line.cm-lp-h6{font-weight:650}.cm-line.cm-lp-h1{font-size:1.6em}.cm-line.cm-lp-h2{font-size:1.35em}.cm-line.cm-lp-h3{font-size:1.15em}.cm-line.cm-lp-h4{font-size:1.05em}.cm-line.cm-lp-h5{font-size:1em}.cm-line.cm-lp-h6{font-size:.95em}.cm-lp-strong{font-weight:700}.cm-lp-em{font-style:italic}.cm-lp-code{background:var(--bg-tertiary);padding:.1em .35em;border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.cm-line.cm-lp-quote{border-left:3px solid var(--border-strong);background:var(--bg-secondary);font-style:italic;padding-left:.8em;margin-left:-.8em}.cm-lp-link{text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cm-lp-image{display:block;max-width:100%;border-radius:var(--radius-md);margin:4px 0}.cm-lp-hr{border:none;border-top:1px solid var(--border-strong);margin:.6em 0}.tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.tab{padding:9px 10px 9px 14px;cursor:pointer;border-right:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-muted);white-space:nowrap;position:relative;transition:background .12s ease,color .12s ease}.tab:hover{color:var(--fg);background:var(--bg-tertiary)}.tab.active{background:var(--bg);color:var(--fg);font-weight:500}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.tab-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;opacity:.5;color:var(--fg-muted)}.tab-close:hover{opacity:1;background:var(--border);color:var(--fg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--shadow-color) / .45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;width:340px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-lg);animation:modal-in .14s cubic-bezier(.16,1,.3,1)}.modal h3{margin:0 0 2px;font-size:15px;font-weight:600}.modal input,.modal select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--fg);font-size:13px}.modal-label{font-size:12px;color:var(--fg-faint);margin-top:2px;text-transform:uppercase;letter-spacing:.03em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-actions button{padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-tertiary);color:var(--fg);cursor:pointer;font-size:13px;font-weight:500;transition:background .12s ease,transform .05s ease}.modal-actions button:hover{background:var(--border)}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.modal-actions button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.markdown-preview{flex:1;overflow-y:auto;padding:28px 40px;line-height:1.7;font-size:15px;max-width:780px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-weight:650;line-height:1.3}.markdown-preview h1{font-size:1.7em;margin:.2em 0 .5em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-preview h2{font-size:1.35em;margin:1.2em 0 .5em}.markdown-preview h3{font-size:1.1em;margin:1em 0 .4em}.markdown-preview a{color:var(--accent-strong)}.markdown-preview blockquote{margin:.8em 0;padding:.2em 1em;border-left:3px solid var(--accent);background:var(--bg-secondary);color:var(--fg-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-preview code{background:var(--bg-tertiary);padding:.15em .4em;border-radius:4px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.markdown-preview img{max-width:100%;border-radius:var(--radius-md)}.markdown-preview table{border-collapse:collapse;margin:12px 0;font-size:.92em}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);padding:6px 12px}.markdown-preview th{background:var(--bg-secondary);font-weight:600}.markdown-preview pre{background:var(--bg-secondary);border:1px solid var(--border);padding:14px 16px;border-radius:var(--radius-md);overflow-x:auto}.markdown-preview pre code{background:none;padding:0}.table-modal{width:auto;max-width:90vw}.table-size-controls{display:flex;gap:16px}.table-size-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.03em}.table-size-controls input{width:64px}.table-grid{display:grid;gap:4px;max-height:50vh;overflow:auto}.table-grid input{padding:5px 7px;min-width:80px}.table-grid input.table-header-cell{font-weight:600;background:var(--bg-secondary)}.backlinks-panel{border-top:1px solid var(--border);padding:8px 14px;font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg-secondary);flex:0 0 auto}.backlinks-label{color:var(--fg-faint);display:inline-flex;align-items:center;gap:5px}.backlinks-empty{color:var(--fg-faint);font-style:italic}.backlink-chip{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;padding:3px 11px;cursor:pointer;color:var(--fg-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.backlink-chip:hover{background:var(--accent-wash);border-color:var(--accent);color:var(--fg)}.graph-modal{width:auto;max-width:95vw}.graph-header{display:flex;align-items:center;justify-content:space-between}.graph-modal svg{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.search-modal{width:560px;max-width:90vw;padding:12px}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:13px;color:var(--fg-faint);pointer-events:none}.search-input{width:100%;padding:12px 14px 12px 38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--fg);font-size:15px}.search-results{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:1px;margin-top:4px}.search-result{padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease}.search-result:hover{background:var(--bg-tertiary)}.search-result-title{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:7px}.search-result-title svg{color:var(--fg-faint);flex:0 0 auto}.search-result-snippet{font-size:12px;color:var(--fg-faint);margin-top:3px;white-space:pre-wrap;line-height:1.5}.presence-strip{display:flex;gap:6px;padding:6px 14px;flex-wrap:wrap;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex:0 0 auto}.presence-chip{display:flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 9px 3px 7px;border:1px solid var(--border);border-radius:999px;color:var(--fg-muted);background:var(--bg-tertiary)}.presence-dot{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px hsl(var(--shadow-color) / .08)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--fg-faint);font-size:13.5px}.empty-state svg{opacity:.5}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 15%,var(--accent-wash),transparent 40%),radial-gradient(circle at 85% 85%,var(--accent-wash),transparent 40%),var(--bg)}.account-forms{display:flex;flex-direction:column;gap:20px}.auth-form{width:340px;display:flex;flex-direction:column;gap:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg)}.auth-form h1{font-size:19px;margin:0 0 4px;display:flex;align-items:center;gap:10px}.auth-form input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--fg);font-size:14px}.auth-form button[type=submit]{padding:10px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;transition:background .12s ease}.auth-form button[type=submit]:hover{background:var(--accent-strong)}.auth-form button[type=submit]:disabled{opacity:.6;cursor:default}.auth-error{color:var(--danger);background:var(--danger-wash);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.auth-success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.auth-switch{font-size:13px;color:var(--fg-faint);margin:4px 0 0;text-align:center}.auth-switch a{color:var(--accent-strong);text-decoration:none}.auth-switch a:hover{text-decoration:underline}.unlocked-roles{font-size:13px;color:var(--fg-muted);background:var(--accent-wash);border-radius:var(--radius-sm);padding:8px 10px}.admin-body{display:flex;flex:1;overflow:hidden}.admin-tabs{width:180px;flex:0 0 auto;border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;padding:10px 8px;gap:2px}.admin-tabs button{text-align:left;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--fg-muted);cursor:pointer;font-size:13px;transition:background .12s ease,color .12s ease}.admin-tabs button:hover{background:var(--bg-tertiary);color:var(--fg)}.admin-tabs button.active{background:var(--accent-wash);color:var(--fg);font-weight:600}.admin-panel{flex:1;overflow-y:auto;padding:20px 24px;max-width:720px}.roles-panel-new,.role-password-new{display:flex;gap:6px;margin-bottom:14px}.roles-panel-new input,.role-password-new input{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--fg);font-size:13px}.role-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:8px;background:var(--bg-secondary)}.role-row-header{display:flex;align-items:center;justify-content:space-between}.role-name{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}.role-row-actions{display:flex;gap:2px}.role-row-actions button,.role-password-row button{background:none;border:none;cursor:pointer;color:var(--fg-faint);border-radius:var(--radius-sm);padding:4px;display:inline-flex}.role-row-actions button:hover,.role-password-row button:hover{background:var(--bg-tertiary);color:var(--fg)}.role-passwords{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.role-password-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;color:var(--fg-muted)}.permission-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm)}.permission-row:hover{background:var(--bg-secondary)}.permission-row-label{cursor:pointer;display:flex;align-items:center;gap:7px;font-size:13px}.permission-row button{background:none;border:none;cursor:pointer;color:var(--fg-faint);border-radius:var(--radius-sm);padding:5px;display:inline-flex}.permission-row button:hover{background:var(--bg-tertiary);color:var(--fg)}.permission-grid{padding:8px 0 12px;display:flex;flex-direction:column;gap:6px}.permission-grid-row{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:320px;font-size:13px}.permission-grid-row select{padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--fg);font-size:13px}.user-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:8px;background:var(--bg-secondary)}.user-row-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px}.owner-badge{font-size:10.5px;background:var(--accent-wash);color:var(--accent-strong);border-radius:999px;padding:2px 9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.user-row-roles{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px}.user-role-checkbox{display:flex;align-items:center;gap:5px;color:var(--fg-muted)}.user-row-other-roles{margin-top:6px;font-size:12px;color:var(--fg-faint)}