:root{color:#344639;--accent:#536d60;--accent-dark:#3e594b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#fffefa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #536d60}button svg{vertical-align:middle}input,select{color:inherit;background:#fffefa;border:1px solid #dde5d7;border-radius:6px;min-width:0;padding:8px}h1,h2,h3,p{margin:0}a{color:inherit}.primary-button{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.workspace{height:100dvh;display:flex;overflow:hidden}.sidebar{background:#eff2ec;border-right:1px solid #dde4d8;flex-direction:column;flex-shrink:0;width:184px;padding:28px 18px 18px;display:flex;overflow:auto}.brand{align-items:center;gap:10px;font-size:24px;font-weight:650;text-decoration:none;display:flex}.create{flex-shrink:0;margin:26px 0 20px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{text-align:left;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:13px;display:flex}.sidebar nav button.active{background:#dde6d8;font-weight:600}.category-heading{color:#7b8974;justify-content:space-between;align-items:center;margin:22px 10px 8px;font-size:11px;display:flex}.category-row{align-items:center;display:flex}.category-row button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;display:block;overflow:hidden}.category-row button:not(:first-child){padding:5px}.sidebar-bottom{margin-top:auto;padding-top:20px}.space{align-items:center;gap:9px;margin-top:0;padding:20px 0 10px;display:flex}.sidebar>small{color:#82917b;font-size:10px}.body{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #e3e7df;flex-shrink:0;align-items:center;gap:18px;height:50px;padding:0 25px;font-size:12px;display:flex}.search{border:1px solid #dde5d7;border-radius:7px;align-items:center;gap:8px;width:280px;margin-left:auto;padding:6px 10px;display:flex}.search input{border:0;outline:none;flex:1;padding:0;font-size:12px}.topbar>button:last-child{margin-left:auto}.board{flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.note-list{background:#fafbf6;border-right:1px solid #e2e6dc;padding:8px;overflow:auto}.note-card{text-align:left;border-bottom:1px solid #3446391f;border-radius:7px;width:100%;margin-bottom:4px;padding:16px 12px}.note-card.selected{background:#e8eee2}.note-card:hover{background:#eef2e8}.note-card>div{color:#8c9a86;justify-content:space-between;align-items:center;font-size:10px;display:flex}.note-card h2{overflow-wrap:anywhere;margin:12px 0 8px;font-size:14px}.note-card p{white-space:pre-wrap;-webkit-line-clamp:2;color:#84917b;-webkit-box-orient:vertical;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.note-card small{color:#82917b;margin-top:8px;font-size:10px;display:block}.editor{flex-direction:column;min-width:0;min-height:0;padding:0 30px;display:flex;overflow:hidden}.editor-heading{border-bottom:1px solid #e5eadd;flex-shrink:0;align-items:center;gap:10px;padding:12px 0;display:flex}.heading-text{flex:1;min-width:0}.heading-text h1{overflow-wrap:anywhere;font-size:20px}.title{border:0;border-radius:0;width:100%;padding:0;font-size:20px;font-weight:600}.heading-text small{color:#839078;margin-top:5px;font-size:10px;display:block}.editor-heading>button{flex-shrink:0;padding:8px;font-size:12px}.edit-meta{color:#78866e;flex-shrink:0;align-items:center;gap:10px;margin-top:6px;font-size:11px;display:flex}.edit-meta select{max-width:180px;margin-left:6px;padding:3px 6px;font-size:11px}.edit-meta>span{margin-left:auto}.edit-meta button{padding:5px}.editor-footer{color:#839078;border-top:1px solid #e5eadd;flex-shrink:0;justify-content:space-between;margin-top:6px;padding:8px 0;font-size:10px;display:flex}.welcome{color:#788a6d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.welcome h1{font-size:23px}.welcome p{font-size:13px}.empty{color:#849078;padding:30px 10px;font-size:12px}.error{color:#aa4538;background:#fff0eb;flex-shrink:0;justify-content:space-between;gap:10px;padding:10px 20px;font-size:12px;display:flex}.login-page{background:#eff2ec;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-page form{background:#fffefa;border:1px solid #dde6d8;border-radius:14px;flex-direction:column;gap:18px;width:360px;max-width:100%;padding:30px;display:flex}.login-page h1{font-size:26px}.login-page p{color:#7d8b75;font-size:12px;line-height:1.8}.login-page label{flex-direction:column;gap:8px;font-size:12px;display:flex}.overlay{z-index:100;position:fixed;inset:0}.settings-overlay{z-index:90;background:#23342455;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings{background:#fffefa;border-radius:14px;width:660px;max-width:100%;max-height:90dvh;padding:26px;overflow:auto}.settings>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings>p{color:#829076;font-size:12px}.settings section{border-bottom:1px solid #e5eadd;padding:22px 0}.settings h3{margin-bottom:12px;font-size:14px}.settings p{color:#7d8b75;margin:8px 0;font-size:12px;line-height:1.8}.settings button,.import-button{border:1px solid #dde5d7;border-radius:6px;align-items:center;gap:6px;margin:4px;padding:8px 12px;font-size:12px;display:inline-flex}.import-button{cursor:pointer}.import-button input{display:none}.conflict{border:1px solid #dce5d4;border-radius:6px;margin-top:12px;padding:10px}.loading-screen{padding:40px}.menu-toggle,.scrim,.mobile-bar{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.sidebar{width:164px;padding:24px 14px 18px}.board{grid-template-columns:235px minmax(0,1fr)}.editor{padding:0 20px}.edit-meta{flex-wrap:wrap}.welcome h1{font-size:18px}}@media (max-width:760px){.sidebar{z-index:80;visibility:hidden;width:248px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(18px + var(--safe-bottom));position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:none}.scrim{z-index:75;background:#23342455;display:block;position:fixed;inset:0}.menu-toggle{display:block}.topbar{height:calc(50px + var(--safe-top));padding:var(--safe-top) 14px 0;gap:10px}.search{flex:1;width:auto}.board{display:flex;overflow:hidden}.note-list{border:0;width:100%}.editor{flex:1;padding:0 14px;display:none}.board.has-note .note-list{display:none}.board.has-note .editor{display:flex}.editor-heading{flex-wrap:wrap;gap:5px;padding:8px 0}.heading-text h1,.title{font-size:18px}.editor-heading>button{padding:7px}.edit-meta select{max-width:130px}.settings-overlay{padding:12px}.settings{max-height:calc(100dvh - 24px);padding:20px}.mobile-reader{padding-bottom:calc(58px + var(--safe-bottom))}.mobile-reader .topbar .menu-toggle{display:none}.mobile-bar{height:calc(58px + var(--safe-bottom));padding:8px 14px calc(8px + var(--safe-bottom));background:#eff2ec;border-top:1px solid #dde5d7;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobile-bar input{background:#fffefa;border:0;width:100%;font-size:13px}.mobile-bar button{padding:5px}}.mobile-reader{padding-bottom:calc(58px + var(--safe-bottom))}.mobile-reader .sidebar{z-index:80;visibility:hidden;width:248px;padding-top:calc(24px + var(--safe-top));position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-reader .sidebar nav{flex-shrink:0;gap:8px}.mobile-reader .sidebar nav button{border-bottom:1px solid #3446391f;flex-shrink:0;gap:12px;min-height:72px;padding:20px 16px;font-size:16px;line-height:24px}.mobile-reader .sidebar nav button svg{flex-shrink:0;width:20px;height:20px}.mobile-reader .sidebar.open{visibility:visible;transform:none}.mobile-reader .menu-toggle{display:none}.mobile-reader .mobile-bar{height:calc(58px + var(--safe-bottom));padding:8px 14px calc(8px + var(--safe-bottom));background:#eff2ec;border-top:1px solid #dde5d7;align-items:center;gap:12px;display:flex;position:fixed;inset:auto 0 0}.mobile-reader .mobile-bar label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobile-reader .mobile-bar input{background:#fffefa;border:0;width:100%;font-size:13px}.mobile-reader .mobile-bar button{padding:5px}.mobile-reader .scrim{z-index:75;background:#23342455;display:block;position:fixed;inset:0}.mobile-reader .board{display:flex}.mobile-reader .note-list{width:100%}.mobile-reader .editor{flex:1;display:none}.mobile-reader .board.has-note .note-list{display:none}.mobile-reader .board.has-note .editor{display:flex}.password-form{margin-top:18px}.password-form label{flex-direction:column;gap:8px;margin:12px 0;display:flex}.password-form input{border:1px solid #dde4d8;border-radius:7px;width:100%;padding:10px}.password-form [role=alert]{color:#b33d2d}.mac-reader .sidebar nav>button,.mac-reader .sidebar .category-row button:first-child{border-bottom:1px solid #3446391f}.markdown-controls{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex;position:relative}.markdown-modes{background:#f6f2fa;border-radius:8px;gap:3px;padding:3px;display:flex}.markdown-modes button,.markdown-tools button{color:#796785;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:12px}.markdown-modes button[aria-pressed=true]{color:#78519b;background:#fff;box-shadow:0 1px 5px #62437518}.markdown-help{color:#796785;font-size:11px}.markdown-help summary{cursor:pointer;padding:8px 0}.markdown-help p{z-index:3;overflow-wrap:anywhere;background:#fff;border:1px solid #e7deef;border-radius:9px;width:330px;max-width:100%;padding:15px;line-height:2;position:absolute;top:35px;right:0;box-shadow:0 8px 25px #55406618}.markdown-tools{flex-wrap:wrap;flex-shrink:0;gap:2px;margin-bottom:10px;display:flex}.markdown-tools button{padding:6px 9px;font-size:11px}.markdown-tools button:hover{background:#f6f2fa}.markdown-tools button:disabled{opacity:.5;cursor:default}.markdown-panes{flex:1;grid-template-columns:minmax(0,1fr);min-height:160px;display:grid;overflow:hidden}.markdown-panes .note-body-input{height:100%;min-height:0;padding:8px 2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.85}.markdown-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.markdown-split .markdown-preview{border-left:1px solid #eee6f4;padding-left:18px}.markdown-preview{color:#665673;overflow-wrap:anywhere;min-width:0;padding:5px 2px 20px;font-size:14px;line-height:1.85;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#59406f;margin:1.2em 0 .6em;line-height:1.45}.markdown-preview h1{font-size:26px}.markdown-preview h2{font-size:22px}.markdown-preview h3{font-size:18px}.markdown-preview p{white-space:pre-wrap;margin:.7em 0}.markdown-preview ul,.markdown-preview ol{padding-left:1.6em}.markdown-preview .contains-task-list{padding-left:.3em;list-style:none}.markdown-preview input[type=checkbox]{accent-color:#9875ba;margin-right:7px}.markdown-preview blockquote{background:#faf7fc;border-left:3px solid #c7afd9;margin:1em 0;padding:2px 14px}.markdown-preview code{background:#f5f0f9;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.markdown-preview pre{background:#f5f0f9;border-radius:8px;padding:14px;overflow-x:auto}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview table{border-collapse:collapse;max-width:100%;margin:1em 0;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{border:1px solid #e9e0ef;padding:7px 12px}.markdown-preview th{background:#f8f4fb}.markdown-preview a{color:#78519b;text-decoration:underline}.markdown-preview img{border-radius:8px;max-width:100%;height:auto}.markdown-preview hr{border:0;border-top:1px solid #e9e0ef;margin:24px 0}.markdown-placeholder{color:#ad9eba}.markdown-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px 10px;padding:7px 0;display:flex;position:relative}.markdown-controls{display:contents}.markdown-tools{flex:1;gap:0;margin:0}.markdown-help{order:1;margin-left:auto}.markdown-modes{background:#eef2e8}.markdown-modes button,.markdown-tools button,.markdown-help{color:#637359}.markdown-modes button{padding:6px 10px}.markdown-tools button{padding:6px 7px}.markdown-help p{margin:0;top:100%}.note-body-input{resize:none;color:#45533e;background:0 0;border:0;outline:0;width:100%}.markdown-preview{color:#45533e}.markdown-panes{margin-top:8px}.markdown-preview input{width:auto}.markdown-preview a{color:#536d60}.markdown-preview pre{overflow:auto}.markdown-preview{overflow-wrap:anywhere}@media (max-width:760px){.markdown-toolbar{gap:4px 8px}.markdown-tools{flex-basis:100%;order:2}.markdown-tools button{min-height:32px;padding:6px}.markdown-split{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px}.markdown-split .markdown-preview{border-top:1px solid #e5eadd;border-left:0;padding:8px 2px}.markdown-panes .note-body-input{font-size:16px}}