:root{color:#222321;background:#f7f7f4;font-family:Inter,Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #222321;--muted: #737570;--faint: #a4a6a0;--line: #e2e2dc;--paper: #fbfbf8;--sidebar: #efefeb;--accent: #5468d4;--accent-soft: #e9ebf8;--warning: #cb8c43}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable=true]:focus-visible{outline:2px solid rgba(84,104,212,.72);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);height:100svh;background:var(--paper);transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:60px minmax(0,1fr)}.app-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;background:var(--paper)}.app-main.has-plugin-inspector{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.plugin-workspace-host,.plugin-workspace-primary,.plugin-workspace-surface{min-width:0;min-height:0}.plugin-workspace-host,.plugin-workspace-primary{display:flex;flex-direction:column}.plugin-workspace-host{height:100%}.plugin-workspace-primary,.plugin-workspace-surface{flex:1}.plugin-workspace-surface{overflow:hidden}.plugin-workspace-surface>*{height:100%}.plugin-workspace-addon{flex:0 0 auto}.plugin-inspector{min-width:0;min-height:0;padding:18px 16px;overflow:auto;color:var(--ink);background:#f5f5f1;border-left:1px solid var(--line)}.plugin-inspector section+section{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.plugin-inspector h2{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.04em}.plugin-overlay-region{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;pointer-events:none}.plugin-overlay-region>*{pointer-events:auto}.notes-sidebar{position:relative;z-index:4;display:flex;min-width:0;min-height:0;flex-direction:column;padding:12px 10px 10px;overflow:hidden;background:var(--sidebar);border-right:1px solid var(--line)}.sidebar-topline{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 0 7px}.wordmark{display:flex;min-width:0;align-items:center;gap:9px;color:var(--ink)}.wordmark svg{width:18px;height:18px;flex:0 0 auto;color:var(--accent);stroke-width:1.8}.wordmark strong{overflow:hidden;font-size:12px;font-weight:750;letter-spacing:.14em}.icon-button{display:grid;width:32px;height:32px;flex:0 0 auto;padding:0;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:7px;transition:color .13s ease,background .13s ease}.icon-button:hover{color:var(--ink);background:#2223210f}.icon-button svg{width:16px;height:16px;stroke-width:1.7}.sidebar-collapsed .sidebar-topline{flex-direction:column;min-height:77px;padding:5px 0 0}.sidebar-actions{display:grid;gap:2px;margin-top:15px}.sidebar-actions button{display:flex;width:100%;min-height:34px;align-items:center;gap:10px;padding:0 9px;color:var(--ink);background:transparent;border:0;border-radius:7px;font-size:12px;font-weight:600;text-align:left;white-space:nowrap;transition:color .13s ease,background .13s ease}.sidebar-actions button:hover{background:#22232111}.sidebar-actions svg{width:16px;height:16px;flex:0 0 auto;stroke-width:1.7}.sidebar-collapsed .sidebar-actions button{justify-content:center;padding:0}.notes-index{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:24px}.notes-index-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 9px 8px}.sidebar-label{margin:0;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.notes-index-heading>span{color:var(--faint);font-size:9px;font-variant-numeric:tabular-nums}.notes-search{position:relative;display:flex;min-height:33px;align-items:center;margin:0 4px 10px;color:var(--faint);border-bottom:1px solid #d9d9d3}.notes-search:focus-within{color:var(--accent);border-color:#5468d48c}.notes-search svg{width:13px;height:13px;margin-left:5px;stroke-width:1.8}.notes-search input{min-width:0;flex:1;padding:7px 6px;color:var(--ink);background:transparent;border:0;outline:0;font-size:10px}.notes-search input::placeholder{color:#aaaca6}.notes-search input::-webkit-search-cancel-button{opacity:.45}.notes-index nav{min-height:0;overflow:auto;scrollbar-width:thin}.notes-index nav>button{position:relative;display:block;width:100%;padding:10px 9px 11px;color:var(--ink);background:transparent;border:0;border-radius:8px;text-align:left;transition:background .13s ease,transform .13s ease}.notes-index nav>button:hover{background:#ffffff7a}.notes-index nav>button:active{transform:translateY(1px)}.notes-index nav>button.active{background:#ffffffd1;box-shadow:inset 2px 0 0 var(--accent)}.note-row-title,.note-row-preview,.note-row-date{display:block}.note-row-title{padding-right:45px;overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-row-preview{margin-top:4px;padding-right:10px;overflow:hidden;color:#888a85;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.note-row-date{position:absolute;top:11px;right:9px;color:var(--faint);font-size:9px}.notes-status,.notes-empty{margin:8px 9px;color:var(--faint);font-size:10px;line-height:1.5}.notes-status.error{color:#9a625c}.notes-empty{padding-top:12px;text-align:center}.notes-empty svg{width:16px;color:#b6b7b1;stroke-width:1.5}.notes-empty p{margin:6px 0 0}.sidebar-footnote{margin:auto 7px 0;padding:13px 2px 4px;color:#a0a19c;border-top:1px solid var(--line);font-size:9px;line-height:1.4}.editor-workspace{display:flex;height:100%;min-width:0;min-height:0;flex-direction:column}.editor-loading{display:grid;height:100%;place-items:center;color:var(--faint);font-size:11px}.editor-topbar{display:flex;min-height:54px;flex:0 0 54px;align-items:center;gap:12px;padding:0 24px;background:#fbfbf8f0;border-bottom:1px solid var(--line)}.save-state{display:inline-flex;min-width:104px;align-items:center;gap:6px;color:var(--faint);font-size:10px;white-space:nowrap}.save-state:before{width:5px;height:5px;content:"";background:#b8b9b4;border-radius:50%}.save-state.dirty{color:#777970}.save-state.dirty:before{background:var(--warning)}.save-state.saving:before{background:var(--accent);animation:saving-pulse .9s ease-in-out infinite alternate}.note-metadata{color:var(--faint);font-size:9px;white-space:nowrap}.mode-switch{display:flex;margin-left:auto;align-items:center;gap:2px;padding:2px;background:#f0f0ec;border-radius:7px}.mode-switch button{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:0 9px;color:#81837d;background:transparent;border:0;border-radius:5px;font-size:10px;transition:color .13s ease,background .13s ease,box-shadow .13s ease}.mode-switch button:hover{color:var(--ink)}.mode-switch button.active{color:var(--ink);background:var(--paper);box-shadow:0 1px 2px #22232114}.mode-switch svg{width:13px;height:13px;stroke-width:1.7}.save-button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:7px;padding:0 13px;color:#fff;background:var(--ink);border:0;border-radius:7px;font-size:11px;font-weight:650;transition:background .13s ease,transform .13s ease,opacity .13s ease}.save-button:hover:not(:disabled){background:#3d3f3a}.save-button:active:not(:disabled){transform:translateY(1px)}.save-button:disabled{cursor:default;opacity:.42}.save-button svg{width:14px;height:14px;stroke-width:1.8}.format-toolbar{display:flex;min-height:43px;flex:0 0 43px;align-items:center;gap:7px;padding:0 24px;overflow-x:auto;color:var(--muted);background:#f8f8f5;border-bottom:1px solid var(--line);scrollbar-width:none}.format-toolbar::-webkit-scrollbar{display:none}.tool-group{display:flex;flex:0 0 auto;align-items:center;gap:2px}.tool-group button{display:grid;width:29px;height:29px;padding:0;place-items:center;color:#777973;background:transparent;border:0;border-radius:6px;transition:color .11s ease,background .11s ease}.tool-group button:hover:not(:disabled),.tool-group button.active{color:var(--ink);background:#e9e9e4}.tool-group button.active{color:var(--accent);background:var(--accent-soft)}.tool-group button:disabled{cursor:default;opacity:.28}.tool-group svg{width:14px;height:14px;stroke-width:1.75}.tool-divider{width:1px;height:17px;flex:0 0 auto;background:#ddddd7}.word-count{margin-left:auto;padding-left:14px;color:var(--faint);font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.source-hint{color:var(--faint);font-family:SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.02em}.document-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin}.document-canvas{width:min(760px,calc(100% - 64px));min-height:100%;margin:0 auto;padding:clamp(48px,7vh,80px) 0 120px;animation:canvas-in .22s ease both}.tiptap{min-height:calc(100svh - 250px);color:#333431;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.75;caret-color:var(--accent)}.tiptap:focus{outline:0}.tiptap>:first-child{margin:0 0 .65em;color:#242522;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.tiptap h1,.tiptap h2,.tiptap h3{color:#242522;font-family:Inter,Aptos,Segoe UI,sans-serif;letter-spacing:-.025em}.tiptap h1{margin:1.8em 0 .65em;font-size:32px;line-height:1.2}.tiptap h2{margin:2em 0 .6em;font-size:25px;line-height:1.25}.tiptap h3{margin:1.7em 0 .45em;font-size:18px}.tiptap p{margin:0 0 .85em}.tiptap ul,.tiptap ol{margin:0 0 1em;padding-left:1.5em}.tiptap li p{margin:0}.tiptap li+li{margin-top:.25em}.tiptap ul[data-type=taskList]{padding:0;list-style:none}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:9px}.tiptap ul[data-type=taskList] label{display:grid;padding-top:6px;place-items:center}.tiptap ul[data-type=taskList] input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.tiptap ul[data-type=taskList] li>div{flex:1}.tiptap blockquote{margin:1.7em 0;padding:2px 0 2px 18px;color:#5b5d58;border-left:2px solid var(--accent);font-style:italic}.tiptap blockquote p{margin:0}.tiptap code{padding:2px 5px;color:#4658b7;background:var(--accent-soft);border-radius:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78em}.tiptap pre{margin:1.5em 0;padding:18px 20px;overflow:auto;color:#e8e9e5;background:#292b29;border-radius:8px}.tiptap pre code{padding:0;color:inherit;background:transparent}.tiptap a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.tiptap hr{margin:2em 0;border:0;border-top:1px solid var(--line)}.tiptap p.is-editor-empty:first-child:before{height:0;float:left;color:#b6b7b1;content:attr(data-placeholder);pointer-events:none}.source-canvas{display:flex;align-items:stretch}.markdown-source{width:100%;min-height:calc(100svh - 217px);resize:none;padding:0;color:#333431;background:transparent;border:0;outline:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.75;-moz-tab-size:2;tab-size:2;caret-color:var(--accent)}.markdown-source::placeholder{color:#b6b7b1}.app-toast{position:fixed;z-index:30;right:18px;bottom:18px;max-width:min(390px,calc(100vw - 36px));padding:11px 14px;color:#fff;background:#292b29;border-radius:7px;box-shadow:0 14px 35px #1c1d1b33;font-size:11px;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.app-toast.visible{opacity:1;transform:translateY(0)}@keyframes canvas-in{0%{opacity:.55;transform:translateY(4px)}}@keyframes saving-pulse{to{opacity:.35;transform:scale(.78)}}@media(max-width:900px){.note-metadata{display:none}.save-state{margin-right:auto}}@media(max-width:760px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:54px minmax(0,1fr)}.notes-sidebar{padding-inline:7px}.app-main.has-plugin-inspector{grid-template-columns:minmax(0,1fr)}.plugin-inspector{position:absolute;z-index:10;inset:0 0 0 auto;width:min(320px,calc(100% - 34px));box-shadow:-18px 0 45px #1e1f1d24}.sidebar-collapsed .sidebar-topline{align-items:center}.editor-topbar,.format-toolbar{padding-inline:14px}.document-canvas{width:calc(100% - 34px);padding-top:42px}.tiptap{font-size:16px}}@media(max-width:620px){.save-state{min-width:0}.mode-switch button{width:29px;padding:0;justify-content:center;font-size:0}}@media(max-width:560px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:54px minmax(0,1fr)}.app-shell:not(.sidebar-collapsed) .notes-sidebar{position:fixed;z-index:12;inset:0 auto 0 0;width:min(280px,calc(100vw - 48px));padding-inline:10px;box-shadow:18px 0 45px #1e1f1d24}.app-shell:not(.sidebar-collapsed) .sidebar-topline{flex-direction:row;min-height:38px;padding:0 2px 0 7px}.app-main{grid-column:2}.editor-topbar{gap:7px;padding-inline:10px}.save-state{overflow:hidden;text-overflow:ellipsis}.format-toolbar{padding-inline:10px}.document-canvas{width:calc(100% - 26px);padding-top:36px}.save-button{padding-inline:10px}.word-count{padding-left:6px}}@media(max-width:410px){.save-state{width:16px;min-width:16px;font-size:0}.save-state:before{width:6px;height:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}