:root{color:#202428;background:#f3f0e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:320px minmax(440px,1fr) 340px;height:100%;min-width:980px;background:#f3f0e9}.app-shell.hide-left{grid-template-columns:minmax(0,1fr) 340px}.app-shell.hide-right{grid-template-columns:320px minmax(0,1fr)}.app-shell.hide-left.hide-right{grid-template-columns:minmax(0,1fr)}.left-sidebar.is-hidden,.right-sidebar.is-hidden{display:none}.left-sidebar,.right-sidebar{min-height:0;overflow:auto;border-color:#d8d1c3;background:#fbfaf6}.left-sidebar{display:flex;flex-direction:column;gap:14px;padding:18px;border-right:1px solid #d8d1c3}.right-sidebar{padding:16px;border-left:1px solid #d8d1c3}.brand-row,.section-heading,.editor-header,.project-actions,.tag-form,.editor-actions{display:flex;align-items:center}.brand-row,.section-heading,.editor-header{justify-content:space-between;gap:12px}.eyebrow{margin:0 0 3px;color:#68706d;font-size:11px;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:#24292d;font-size:21px;line-height:1.2}h2{color:#2c3135;font-size:14px}h3{color:#4a504d;font-size:12px;text-transform:uppercase}.icon-button,.mini-icon{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #cec6b7;border-radius:6px;color:#2e3638;background:#fff}.mini-icon{width:26px;height:26px}.compact{width:26px;height:26px;flex:0 0 26px}.search-box{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:9px 10px;border:1px solid #cec6b7;border-radius:6px;background:#fff;color:#68706d}.search-box input,.title-input,.metadata-section input,.metadata-section select,.metadata-section textarea,.tag-form input{width:100%;min-width:0;border:1px solid #cec6b7;border-radius:6px;color:#202428;background:#fff}.search-box input{border:0;outline:0}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebar-actions button,.project-actions button,.primary-action,.icon-text{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #cec6b7;border-radius:6px;color:#202428;background:#fff}.sidebar-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid #253338;border-radius:6px;color:#fff;background:#253338;font-weight:700}.create-note-main{min-width:220px;min-height:52px;font-size:16px}.sidebar-section,.metadata-section{display:flex;flex-direction:column;gap:9px}.section-heading{color:#68706d;font-size:12px;font-weight:800;text-transform:uppercase}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:7px}.two-column .section-heading{grid-column:1 / -1}.filter-chip,.note-result,.related-list button,.link-list button{overflow:hidden;min-height:30px;padding:7px 9px;border:1px solid #d8d1c3;border-radius:6px;color:#343a3d;background:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filter-chip.active{border-color:#48525a;color:#fff;background:#30383d}.open-page-list,.note-result-list,.link-list,.related-list,.tag-list,.project-links{display:flex;flex-direction:column;gap:7px}.open-page{display:grid;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;gap:6px;padding:6px;border:1px solid #d8d1c3;border-radius:6px;background:#fff}.open-page.active{border-color:#2f7a78;background:#e9f2f0}.open-page-main{min-width:0;padding:0;color:inherit;background:transparent;text-align:left}.open-page-title,.open-page-meta,.note-result span,.note-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-page-title{font-weight:700}.open-page-meta,.note-result small,.muted{color:#68706d;font-size:12px}.results-section{min-height:180px}.editor-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fffdf8}.editor-header{display:flex;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:72px;padding:14px 18px;border-bottom:1px solid #d8d1c3}.editor-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.editor-toolbar{flex:0 0 auto}.title-input{min-width:0;border:0;outline:0;background:transparent;font-size:24px;font-weight:750}.editor-actions{flex:0 0 auto;gap:8px}.layout-actions{display:inline-flex;gap:6px}.editor-toolbar{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 18px;border-bottom:1px solid #d8d1c3;background:#fbfaf6}.editor-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid #cec6b7;border-radius:6px;color:#202428;background:#fff;white-space:nowrap}.editor-toolbar button:hover{border-color:#2f7a78;color:#174f50;background:#edf7f4}.save-pill{min-width:74px;padding:6px 10px;border-radius:999px;color:#2e3638;background:#ece7dc;font-size:12px;font-weight:800;text-align:center}.save-pill.saved{color:#165f44;background:#dff0e5}.save-pill.saving,.save-pill.unsaved{color:#71510f;background:#f4dfab}.danger{color:#8d2d24;border-color:#d8b8b2}.markdown-editor{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.markdown-editor.hidden-mode{position:relative}.markdown-editor.hidden-mode .cm-editor{background:#f6f3ec}.markdown-editor.hidden-mode .cm-gutters{display:none}.markdown-editor.hidden-mode .cm-content{color:transparent;caret-color:transparent;text-shadow:0 0 12px rgba(30,38,45,.75)}.hidden-banner{position:absolute;z-index:2;top:10px;left:12px;padding:5px 8px;border:1px solid #c9b88d;border-radius:999px;color:#6a4f00;background:#f6e6b5;font-size:12px;font-weight:700}.markdown-editor .cm-editor{flex:1 1 auto;min-height:0;height:100%;color:#24292d;background:#fffdf8;font-size:15px}.markdown-editor .cm-scroller{height:100%;overflow:auto}.markdown-editor .cm-content,.markdown-editor .cm-gutter{align-self:start}.markdown-editor .cm-scroller{font-family:Cascadia Code,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.metadata-section{padding:12px;border:1px solid #d8d1c3;border-radius:8px;background:#fffdf8}.metadata-section label{display:flex;flex-direction:column;gap:5px;color:#68706d;font-size:12px;font-weight:800;text-transform:uppercase}.metadata-section input,.metadata-section select,.metadata-section textarea,.tag-form input{padding:8px 9px;color:#202428;font-size:13px;font-weight:500;text-transform:none}.metadata-section textarea{min-height:74px;resize:vertical}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toggle-grid label{flex-direction:row;align-items:center;padding:8px;border:1px solid #d8d1c3;border-radius:6px;background:#fff}.toggle-grid input{width:auto}.timestamp-grid{display:grid;grid-template-columns:80px 1fr;gap:5px 8px;color:#68706d;font-size:12px}.timestamp-grid strong{color:#202428;font-weight:700}.tag-form{gap:7px}.link-form{display:grid;grid-template-columns:1fr;gap:7px}.link-row{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:6px;align-items:start}.tag-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:30px;padding:6px 8px;border:1px solid #bfd5d2;border-radius:6px;color:#174f50;background:#edf7f4}.project-actions{gap:8px}.project-actions button{flex:1}.project-links a{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid #d8d1c3;border-radius:6px;color:#1f586d;background:#fff;text-decoration:none}.link-anchor{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:30px;padding:7px 9px;border:1px solid #d8d1c3;border-radius:6px;color:#1f586d;background:#fff;text-decoration:none;word-break:break-word}.link-anchor small{color:#68706d;font-size:11px;word-break:break-all}.link-anchor:hover{border-color:#2f7a78;background:#edf7f4}.empty-state,.loading-screen{display:grid;height:100%;place-items:center}.primary-action{color:#fff;border-color:#30383d;background:#30383d}.toast{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border:1px solid #243137;border-radius:8px;color:#fff;background:#243137;box-shadow:0 12px 32px #1d222533}@media(max-width:1080px){.app-shell{grid-template-columns:290px minmax(380px,1fr) 300px}}