:root{--bg-app:#1e1e1e;--bg-sidebar:#252526;--bg-menu:#333;--bg-tab:#2d2d2d;--bg-tab-active:#1e1e1e;--bg-landing:#232323;--text-primary:#ccc;--text-highlight:#fff;--text-muted:gray;--border-color:#3e3e42;--accent-color:#007acc;--accent-hover:#005f9e;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Consolas", "Courier New", monospace;--custom-bg:none}:root[data-theme=light]{--bg-app:#fdfdfd;--bg-sidebar:#f5f5f5;--bg-menu:#eee;--bg-tab:#e0e0e0;--bg-tab-active:#fdfdfd;--bg-landing:#f0f0f0;--text-primary:#333;--text-highlight:#000;--text-muted:#666;--border-color:#ccc;--accent-color:#007acc;--accent-hover:#005f9e}:root[data-theme=contrast]{--bg-app:#000;--bg-sidebar:#000;--bg-menu:#000;--bg-tab:#000;--bg-tab-active:#000;--bg-landing:#000;--text-primary:#0f0;--text-highlight:#fff;--text-muted:#0a0;--border-color:#0f0;--accent-color:#f0f;--accent-hover:#f8f}blue{color:#007acc}red{color:#dc3c3c}green{color:#4db6a0}purple{color:#8e44ad}orange{color:#e67e22}yellow{color:#f1c40f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-ui);overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.workspace{flex:1;display:flex;overflow:hidden}.top-menu{background-color:var(--bg-menu);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:32px;padding:0 10px;display:flex}.menu-item{color:var(--text-primary);cursor:pointer;border-radius:3px;padding:4px 12px;font-size:13px;position:relative}.menu-item:hover{background-color:var(--border-color);color:var(--text-highlight)}.menu-dropdown{background-color:var(--bg-menu);border:1px solid var(--border-color);z-index:100;flex-direction:column;min-width:220px;padding:4px 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0006}.dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:6px 16px;font-size:13px;display:flex}.dropdown-item:hover{background-color:var(--accent-color);color:var(--text-highlight)}.dropdown-item.disabled{color:var(--text-muted);cursor:default;pointer-events:none}.shortcut-label{color:var(--text-muted);margin-left:auto;font-size:11px}.dropdown-item:hover .shortcut-label{color:#ffffffb3}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:250px;min-width:250px;display:flex}.sidebar-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.note-list{flex:1;overflow-y:auto}.note-list-item{cursor:pointer;align-items:center;gap:8px;padding:7px 16px;font-size:13px;display:flex}.note-list-item:hover{background-color:#ffffff0d}.note-list-item.active{color:var(--text-highlight);background-color:#ffffff1a}.rename-input{background:var(--bg-app);border:1px solid var(--accent-color);color:var(--text-highlight);font-size:13px;font-family:var(--font-ui);border-radius:2px;outline:none;width:100%;padding:2px 6px}.sidebar-toggle-btn{z-index:10;opacity:.6;border-radius:3px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:40px;left:6px}.sidebar-toggle-btn:hover{background-color:var(--border-color);opacity:1}.tab{background-color:var(--bg-tab);border-right:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-width:120px;max-width:200px;height:100%;padding:0 15px;font-size:13px;display:flex}.tab.active{background-color:var(--bg-tab-active);color:var(--text-highlight);border-bottom:1px solid #0000;margin-bottom:-1px}.tab:not(.active):hover{background-color:#ffffff14}.tab-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tab-close{opacity:.5;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.tab-close:hover{opacity:1;background-color:#ffffff1a}.editor-container{background:var(--custom-bg,var(--bg-app));background-position:50%;background-size:cover;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor-content{flex:1;justify-content:center;padding:40px;display:flex;overflow-y:auto}.editor-split{gap:1px;width:100%;max-width:1400px;display:flex}.editor-split.single-pane{max-width:900px}.editor-split.single-pane .editor-textarea{max-width:100%}.editor-textarea{border:none;border-right:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);resize:none;background:0 0;outline:none;flex:1;padding:0 30px 100px 0;font-size:14px;line-height:1.7}.editor-preview{font-family:var(--font-ui);color:var(--text-primary);flex:1;padding:0 0 100px 30px;line-height:1.7;overflow-y:auto}.editor-preview h1,.editor-preview h2,.editor-preview h3,.editor-preview h4,.editor-preview h5,.editor-preview h6{color:var(--text-highlight);margin-top:1.4em;margin-bottom:.5em;font-weight:600}.editor-preview h1{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:2em}.editor-preview h2{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:1.5em}.editor-preview h3{font-size:1.25em}.editor-preview p{margin-bottom:1em}.editor-preview ul,.editor-preview ol{margin-bottom:1em;padding-left:2em}.editor-preview li{margin-bottom:.3em}.editor-preview code{font-family:var(--font-mono);background-color:#ffffff14;border-radius:3px;padding:.2em .4em;font-size:.88em}.editor-preview pre{border:1px solid var(--border-color);background-color:#1a1a1a;border-radius:4px;margin-bottom:1em;padding:16px;overflow-x:auto}.editor-preview pre code{background-color:#0000;padding:0}.editor-preview blockquote{border-left:3px solid var(--accent-color);color:var(--text-muted);margin-bottom:1em;padding-left:1em}.editor-preview a{color:var(--accent-color);text-decoration:none}.editor-preview a:hover{text-decoration:underline}.editor-preview table{border-collapse:collapse;width:100%;margin-bottom:1em}.editor-preview th,.editor-preview td{border:1px solid var(--border-color);text-align:left;padding:8px 12px}.editor-preview th{background-color:var(--bg-sidebar);font-weight:600}.editor-preview hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}.editor-preview img{border-radius:4px;max-width:100%}.editor-preview input[type=checkbox]{margin-right:6px}.editor-preview .task-item{align-items:baseline;gap:6px;margin-left:-1.4em;list-style:none;display:flex}.editor-preview .task-item input[type=checkbox]{cursor:pointer;appearance:none;border:1.5px solid var(--border-color);background-color:#0000;border-radius:3px;flex-shrink:0;align-self:center;width:14px;height:14px;position:relative}.editor-preview .task-item input[type=checkbox]:disabled{cursor:default;opacity:.7}.editor-preview .task-status-incomplete input[type=checkbox]{border-color:#dc3c3c}.editor-preview .task-status-ongoing input[type=checkbox]{border-color:#e6b800}.editor-preview .task-status-ongoing input[type=checkbox]:after{content:"";background-color:#e6b800;border-radius:1px;width:6px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-preview .task-status-complete input[type=checkbox]{background-color:#4db6a0;border-color:#4db6a0}.editor-preview .task-status-complete input[type=checkbox]:after{content:"";border:solid var(--bg-app);border-width:0 1.5px 1.5px 0;width:3px;height:6px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.editor-preview .task-status-complete .task-text{opacity:.75;text-decoration:line-through}.editor-preview .urgency-badge{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.editor-preview .urgency-badge.urgency-low{color:#6495ed;background:#6495ed18;border:1px solid #6495ed33}.editor-preview .urgency-badge.urgency-med{color:#e67e22;background:#e67e2218;border:1px solid #e67e2233}.editor-preview .urgency-badge.urgency-high{color:#dc3c3c;background:#dc3c3c18;border:1px solid #dc3c3c33}.empty-state{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.landing-layout{flex:1;display:flex;overflow:hidden}.landing-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;gap:2px;width:180px;min-width:180px;padding:8px 0;display:flex}.landing-sidebar-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.landing-sidebar-item:hover{background-color:#ffffff0d}.landing-sidebar-item.active{color:var(--accent-color)}.landing-main{background-color:var(--bg-landing);flex-direction:column;flex:1;padding:40px 20px;display:flex;overflow-y:auto}.landing-center{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:650px;margin:auto;display:flex}.landing-branding{align-items:center;gap:18px;margin-bottom:8px;display:flex}.landing-logo-icon{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}@keyframes subtleWeightBreath{0%,to{letter-spacing:-.5px;font-weight:300}50%{letter-spacing:-1.8px;font-weight:600}}.landing-app-name{color:var(--text-primary);min-width:220px;font-family:Outfit,sans-serif;font-size:62px;line-height:1;animation:30s ease-in-out infinite subtleWeightBreath}.landing-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.landing-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;display:flex}.landing-btn:hover{border-color:var(--text-muted);background-color:#ffffff0f}.landing-dropzone{border:1px solid var(--border-color);text-align:center;width:100%;max-width:500px;color:var(--text-muted);border-radius:4px;margin-top:4px;padding:50px 20px;font-size:14px}.landing-recent{width:100%;max-width:500px}.landing-recent-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;display:block}.landing-recent-list{flex-direction:column;gap:2px;display:flex}.landing-recent-item{cursor:pointer;color:var(--text-primary);border-radius:3px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.landing-recent-item:hover{background-color:#ffffff0d}.landing-formats{gap:36px;margin-top:20px;padding-top:20px;display:flex}.format-item{color:var(--text-muted);letter-spacing:.3px;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.format-icon{border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.format-md{color:#4db6a0;background-color:#3a9d8f33}.format-txt{color:#6495ed;background-color:#6495ed33}.format-html{color:#e37739;background-color:#e3773933}.format-pdf{color:#dc3c3c;background-color:#dc3c3c33}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;width:90%;max-width:640px;max-height:80vh;display:flex;box-shadow:0 8px 32px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-highlight);font-size:16px;font-weight:600}.modal-close{border-radius:3px;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close:hover{background-color:var(--border-color)}.modal-body{padding:20px;font-size:14px;line-height:1.6;overflow-y:auto}.guide-table{border-collapse:collapse;width:100%}.guide-table th,.guide-table td{border:1px solid var(--border-color);text-align:left;padding:8px 12px;font-size:13px}.guide-table th{background-color:var(--bg-app);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.guide-table code{font-family:var(--font-mono);white-space:pre-wrap;background-color:#ffffff14;border-radius:3px;padding:2px 6px;font-size:12px}.landing-all-notes{width:100%;max-width:500px}.landing-all-notes-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.landing-all-notes-empty{text-align:center;color:var(--text-muted);padding:30px 0;font-size:13px}.landing-all-notes-list{flex-direction:column;gap:2px;max-height:400px;display:flex;overflow-y:auto}.version-history-modal{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;width:90%;max-width:900px;max-height:80vh;display:flex;box-shadow:0 8px 32px #00000080}.version-history-body{flex:1;min-height:0;display:flex;overflow:hidden}.version-list{border-right:1px solid var(--border-color);width:280px;min-width:280px;padding:8px 0;overflow-y:auto}.version-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:10px 16px}.version-item:hover{background-color:#ffffff0a}.version-item.active{background-color:#007acc26}.version-item-time{color:var(--accent-color);margin-bottom:4px;font-size:12px;font-weight:500}.version-item-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.version-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.version-preview{flex-direction:column;flex:1;display:flex;overflow:hidden}.version-preview-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.version-restore-btn{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:flex}.version-restore-btn:hover{background-color:#007acc26}.version-preview-content{font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;flex:1;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.version-preview-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tab-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:stretch;height:35px;display:flex}.tab-bar-tabs{flex:1;min-width:0;display:flex;overflow-x:auto}.tab-bar-tabs::-webkit-scrollbar{height:4px}.tab-bar-tabs::-webkit-scrollbar-thumb{background:var(--border-color)}.tab-close-all{color:var(--text-muted);border-left:1px solid var(--border-color);opacity:.6;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;transition:opacity .15s,color .15s;display:flex}.tab-close-all:hover{opacity:1;color:var(--text-highlight);background-color:#ffffff0d}.folder-group{border-bottom:1px solid #ffffff08}.folder-header{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:flex}.folder-header:hover{color:var(--text-primary);background-color:#ffffff0a}.folder-name{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.3px;flex:1;font-weight:500;overflow:hidden}.folder-count{color:var(--text-muted);opacity:.6;flex-shrink:0;margin-left:auto;font-size:10px}.folder-notes{padding-left:10px}.folder-notes .note-list-item{padding-left:22px}.sidebar-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;-webkit-user-select:none;user-select:none;padding:8px 12px 4px;font-size:10px}.note-list-item.selected{background-color:#007acc1f}.note-checkbox{width:14px;height:14px;accent-color:var(--accent-color);cursor:pointer;flex-shrink:0}.sidebar-btn-active{color:var(--accent-color)!important;opacity:1!important}.multi-select-bar{border-top:1px solid var(--border-color);background:var(--bg-app);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.multi-select-count{color:var(--accent-color);white-space:nowrap;font-size:11px;font-weight:600}.multi-select-actions{align-items:center;gap:6px;display:flex}.multi-select-delete{color:#dc3c3c;cursor:pointer;border:1px solid #dc3c3c4d;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.multi-select-delete:hover{background-color:#dc3c3c1a}.context-menu{z-index:2000;background:var(--bg-menu);border:1px solid var(--border-color);border-radius:4px;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 6px 20px #00000080}.context-menu-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex}.context-menu-item:hover{background-color:var(--accent-color);color:var(--text-highlight)}.context-menu-item.danger{color:#dc3c3c}.context-menu-item.danger:hover{color:#fff;background-color:#dc3c3c}.context-menu-item.disabled{color:var(--text-muted);cursor:default;pointer-events:none;text-transform:uppercase;letter-spacing:.3px;padding-top:8px;font-size:10px}.context-menu-icon{opacity:.7;align-items:center;display:flex}.context-menu-separator{background:var(--border-color);height:1px;margin:4px 0}.search-overlay{z-index:500;background:#00000080;justify-content:center;padding-top:15vh;display:flex;position:fixed;inset:0}.search-palette{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-self:flex-start;width:90%;max-width:480px;max-height:400px;display:flex;overflow:hidden;box-shadow:0 12px 40px #0009}.search-input-wrapper{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.search-input{color:var(--text-highlight);font-size:15px;font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-hint{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.search-results{flex:1;padding:4px 0;overflow-y:auto}.search-result-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.search-result-item.active{color:var(--text-highlight);background-color:#007acc26}.search-result-item:hover{background-color:#ffffff0a}.search-result-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.search-result-folder{color:var(--text-muted);opacity:.7;flex-shrink:0;font-size:11px}.search-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}