:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100vh}.app-shell{color:#172026;background:#f6f7f8;grid-template-columns:260px minmax(260px,340px) minmax(520px,1fr) 260px;min-height:100vh;display:grid}.auth-shell{color:#172026;background:#f6f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #d9dee3;border-radius:7px;gap:18px;width:min(100%,380px);padding:22px;display:grid}.auth-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.auth-tabs button,.auth-submit{color:#33424c;background:#eef2f4;border-radius:7px;min-height:38px}.auth-tabs button.active,.auth-submit{color:#fff;background:#0f766e}.auth-submit:disabled{cursor:not-allowed;opacity:.65}.auth-form{gap:12px;display:grid}.auth-form label{color:#3a464f;gap:6px;font-size:13px;font-weight:700;display:grid}.auth-form input{color:#172026;background:#fff;border:1px solid #cad2d9;border-radius:7px;height:38px;padding:0 10px}.auth-error{margin:0}.sidebar,.note-list,.history-panel{background:#fff;border-right:1px solid #d9dee3;min-width:0}.sidebar,.history-panel{padding:16px;overflow-y:auto}.brand-row,.account-row,.list-header,.section-title,.editor-header,.editor-actions,.account-actions,.brand-actions,.metadata-bar,.mode-tabs,.note-title-line{align-items:center;display:flex}.brand-row,.account-row,.list-header,.section-title,.editor-header{justify-content:space-between;gap:12px}.brand-actions{flex-shrink:0;gap:8px}h1,h2,p{margin:0}h1{font-size:20px;line-height:1.1}.account-row{border-top:1px solid #e6eaed;margin-top:14px;padding-top:12px}.account-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-actions{flex-shrink:0;gap:6px}.hidden-file-input{display:none}.brand-row span,.account-row span,.muted,.note-meta,.revision-row small{color:#67737d;font-size:12px}button,input,select{font:inherit}button{cursor:pointer;border:0}.icon-button{color:#44515b;background:#eef2f4;border-radius:7px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover,.icon-button.selected,.icon-button.primary{color:#07251f;background:#ccefe3}.icon-button.danger{color:#7f1d1d;background:#fee2e2}.icon-button.danger:hover{color:#fff;background:#b91c1c}.icon-button.danger.subtle{color:#8a2d2d;background:0 0}.icon-button.danger.subtle:hover{color:#fff;background:#b91c1c}.search-box{background:#f9fafb;border:1px solid #cad2d9;border-radius:7px;align-items:center;gap:8px;height:38px;margin:18px 0;padding:0 10px;display:flex}.search-box input,.title-input,.command-search input{color:#172026;background:0 0;border:0;outline:0;width:100%;min-width:0}.command-overlay{z-index:20;background:#0f172a59;place-items:start center;padding:9vh 18px 18px;display:grid;position:fixed;inset:0}.command-palette{background:#fff;border:1px solid #c9d3da;border-radius:8px;width:min(680px,100%);overflow:hidden;box-shadow:0 20px 70px #0f172a40}.command-search{color:#52606a;border-bottom:1px solid #d9dee3;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.command-list{max-height:min(58vh,520px);padding:8px;overflow:auto}.command-list button{text-align:left;color:#24313a;background:0 0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:46px;padding:8px 10px;display:grid}.command-list button:hover,.command-list button.active{color:#073c32;background:#e8f4f0}.command-list button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.command-list button small{color:#67737d;text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.command-empty{color:#67737d;padding:18px 10px}.filter-group{gap:6px;margin-bottom:22px;display:grid}.filter-group button,.folder-row,.note-row{text-align:left;color:#26323a;background:0 0;border-radius:7px;width:100%}.filter-group button,.folder-row{padding:9px 10px}.filter-group button:hover,.filter-group button.active,.folder-row:hover,.folder-row.active{color:#073c32;background:#e8f4f0}.folder-item{align-items:center;gap:4px;display:flex}.folder-item .folder-row{flex:1;min-width:0}.folder-item .icon-button{flex:0 0 30px;width:30px;height:30px}.nav-section{gap:8px;margin-top:18px;display:grid}.section-title{color:#3a464f;text-transform:uppercase;font-size:13px;font-weight:700}.tag-list,.draft-tags,.active-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#364650;background:#fff;border:1px solid #cad2d9;border-radius:999px;max-width:100%;padding:4px 8px;font-size:12px}.tag.selected{color:#063d33;background:#dff6ee;border-color:#0d7f68}.note-list{background:#fbfcfd;overflow-y:auto}.list-header{z-index:1;background:#fbfcfd;border-bottom:1px solid #d9dee3;padding:14px;position:sticky;top:0}.note-row{border-bottom:1px solid #e6eaed;gap:6px;padding:14px;display:grid}.note-row:hover,.note-row.active{background:#edf7f4}.note-title-line{justify-content:space-between;gap:10px;font-weight:700}.editor-pane{background:#fff;grid-template-rows:auto auto auto auto 1fr;min-width:0;display:grid}.editor-header{border-bottom:1px solid #d9dee3;padding:14px 18px}.title-input{font-size:22px;font-weight:700}.editor-actions{flex-shrink:0;gap:8px}.save-state{text-align:center;color:#31424c;background:#eef2f4;border-radius:999px;min-width:78px;padding:5px 9px;font-size:12px;font-weight:700}.save-state.saving,.save-state.dirty{color:#694300;background:#fff2cf}.save-state.error,.save-state.conflict,.error-banner{color:#7f1d1d;background:#fee2e2}.metadata-bar{border-bottom:1px solid #e6eaed;flex-wrap:wrap;gap:10px;padding:12px 18px}.metadata-bar select{color:#172026;background:#fff;border:1px solid #cad2d9;border-radius:7px;min-width:130px;height:34px}.draft-tags{flex:1;min-width:220px}.mode-tabs{border-bottom:1px solid #e6eaed;gap:6px;padding:10px 18px}.mode-tabs button{color:#33424c;text-transform:capitalize;background:#eef2f4;border-radius:7px;padding:6px 12px}.mode-tabs button.active{color:#fff;background:#0f766e}.mode-tabs button:disabled{cursor:not-allowed;opacity:.45}.error-banner{border-radius:7px;margin:10px 18px 0;padding:9px 12px;font-size:13px}.sidebar-error{margin:-8px 0 14px}.warning-banner{color:#694300;background:#fff2cf;border-radius:7px;margin:10px 18px 0;padding:9px 12px;font-size:13px}.filter-select{color:#172026;background:#fff;border:1px solid #cad2d9;border-radius:7px;width:100%;height:34px}.editor-surface{min-height:0;display:grid}.editor-surface.mode-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-surface.mode-edit,.editor-surface.mode-preview{grid-template-columns:minmax(0,1fr)}.code-editor,.cm-theme{height:100%;min-height:0}.cm-editor{height:100%;font-size:14px}.markdown-preview{border-left:1px solid #e6eaed;min-width:0;padding:20px 28px;line-height:1.6;overflow:auto}.markdown-preview pre{color:#f6f8fa;background:#18222b;border-radius:7px;padding:14px;overflow:auto}.code-block{position:relative}.copy-code-button{color:#dce5ec;background:#2d3a45;border-radius:7px;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;top:8px;right:8px}.copy-code-button:hover{background:#3c4b57}.markdown-preview code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.history-panel{border-left:1px solid #d9dee3;border-right:0}.links-panel{border-bottom:1px solid #e6eaed;gap:10px;margin-bottom:18px;padding-bottom:16px;display:grid}.link-group{gap:6px;display:grid}.link-group strong{color:#3a464f;font-size:12px}.link-row{text-align:left;color:#26323a;background:#f5f7f8;border-radius:7px;gap:3px;width:100%;padding:8px 10px;display:grid}.link-row:hover{color:#073c32;background:#e8f4f0}.link-row span,.link-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.link-row small{color:#67737d;font-size:12px}.unresolved-links{flex-wrap:wrap;gap:6px;display:flex}.unresolved-links span{color:#694300;background:#fff2cf;border-radius:999px;max-width:100%;padding:4px 8px;font-size:12px}.revision-row{color:#26323a;background:#f5f7f8;border-radius:7px;justify-content:space-between;gap:8px;width:100%;margin-top:8px;padding:9px 10px;display:flex}.revision-row:hover,.revision-row.active{background:#e7f3ff}.revision-preview{background:#fbfcfd;border:1px solid #cad2d9;border-radius:7px;gap:8px;margin-top:14px;padding:12px;display:grid}.diff-panel{gap:8px;min-width:0;margin-top:6px;display:grid}.diff-summary{color:#3a464f;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.diff-summary span:first-child{margin-right:auto}.diff-added,.diff-removed{border-radius:999px;padding:2px 7px}.diff-added{color:#065f46;background:#dff6ee}.diff-removed{color:#8a2d2d;background:#fee2e2}.diff-lines{background:#f8fafb;border:1px solid #d9dee3;border-radius:7px;max-height:340px;overflow:auto}.diff-line{border-bottom:1px solid #edf0f2;grid-template-columns:36px 36px 22px minmax(0,1fr);align-items:start;min-width:max-content;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;display:grid}.diff-line:last-child{border-bottom:0}.diff-line.added{background:#ecfdf5}.diff-line.removed{background:#fff1f2}.diff-number,.diff-marker{color:#7a8790;-webkit-user-select:none;user-select:none;padding:3px 6px}.diff-line code{color:#172026;white-space:pre-wrap;min-width:0;padding:3px 8px 3px 0}.revision-preview button,.empty-editor button,.empty-list button{color:#fff;background:#0f766e;border-radius:7px;align-items:center;gap:6px;width:fit-content;padding:8px 12px;display:inline-flex}.empty-editor,.empty-list{color:#67737d;place-items:center;gap:12px;padding:28px;display:grid}@media (width<=1180px){.app-shell{grid-template-columns:230px minmax(240px,300px) minmax(420px,1fr)}.history-panel{border-top:1px solid #d9dee3;border-left:0;grid-column:1/-1;max-height:260px}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar,.note-list,.history-panel{border-bottom:1px solid #d9dee3;border-right:0;max-height:none}.editor-pane{min-height:720px}.editor-surface.mode-split{grid-template-columns:1fr}.markdown-preview{border-top:1px solid #e6eaed;border-left:0}}