:root{color:#25231f;font-synthesis:none;--bg:#f7f6f2;--panel:#fff;--panel-soft:#efede7;--line:#dedbd2;--text:#25231f;--muted:#6d6960;--accent:#f5c842;--accent-deep:#806400;--danger:#b3261e;--shadow:0 12px 36px #0000001a;background:#f7f6f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f3f0e8;--bg:#171714;--panel:#22221e;--panel-soft:#2c2b26;--line:#434039;--text:#f3f0e8;--muted:#b9b4aa;--accent:#f5c842;--accent-deep:#f8d96e;--danger:#ffb4ab;--shadow:0 12px 36px #00000059;background:#171714}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;border-radius:7px}button:focus-visible,input:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}svg{stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.primary,.icon-primary{background:var(--accent);color:#2d260b;font-weight:700}.primary{min-height:42px;padding:0 18px}.center-message{height:100%;color:var(--muted);place-items:center;display:grid}.error-banner{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:7px;padding:10px}.muted{color:var(--muted)}.spacer{flex:1}.login-shell{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 35%), var(--bg);place-items:center;height:100%;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);width:min(400px,100%);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:13px;padding:34px;display:flex}.login-card img{border-radius:13px}.login-card h1{margin:5px 0 0}.login-card p,.login-card small{color:var(--muted);margin:0}.login-card label{font-weight:650}.login-card input{border:1px solid var(--line);background:var(--bg);border-radius:8px;height:44px;padding:0 12px}.workspace{background:var(--bg);height:100%;display:grid}.layout-three{grid-template-columns:230px minmax(280px,340px) minmax(0,1fr)}.layout-two{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.layout-focus{grid-template-columns:minmax(0,1fr)}.sidebar,.note-list-panel,.editor-panel{background:var(--panel);min-width:0;min-height:0}.sidebar{border-right:1px solid var(--line);background:var(--panel-soft);flex-direction:column;padding:12px 10px;display:flex}.brand{align-items:center;gap:10px;height:48px;padding:0 8px 8px;font-size:18px;display:flex}.brand img{border-radius:8px;width:30px;height:30px}.sidebar nav{flex:1;overflow:auto}.scope-button{text-align:left;align-items:center;gap:10px;width:100%;min-height:36px;margin:2px 0;padding:0 9px;display:flex}.scope-button.active{background:color-mix(in srgb, var(--accent) 35%, var(--panel));font-weight:650}.scope-button svg{flex:none}.nav-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:18px 8px 6px;font-size:12px;display:flex}.nav-heading button{padding:5px}.folder-row{align-items:center;display:flex;position:relative}.folder-row .scope-button{padding-right:38px}.folder-menu{width:32px;height:28px;color:var(--muted);letter-spacing:1px;font-weight:700;position:absolute;right:2px}.sidebar-footer{border-top:1px solid var(--line);grid-template-columns:repeat(3,36px);justify-content:space-between;padding-top:10px;display:grid}.sidebar-footer button{place-items:center;width:36px;height:36px;padding:0;display:grid}.sidebar-footer button:first-child{grid-column:2}.settings-launcher{z-index:10;background:var(--panel-soft);place-items:center;width:36px;height:36px;padding:0;display:grid;position:fixed;bottom:12px;left:10px}.settings-launcher:hover{background:var(--line)}.folder-menu{place-items:center;padding:0;display:grid}@media (width<=767px){.settings-launcher{border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow)}}.note-list-panel{border-right:1px solid var(--line);flex-direction:column;display:flex}.list-header{border-bottom:1px solid var(--line);align-items:center;gap:7px;min-height:60px;padding:10px;display:flex}.search-box{border:1px solid var(--line);background:var(--bg);border-radius:9px;flex:1;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box svg{color:var(--muted)}.icon-primary{place-items:center;width:38px;height:38px;display:grid}.import-button{cursor:pointer;min-width:34px;height:34px;color:var(--muted);border-radius:7px;place-items:center;font-size:11px;font-weight:750;display:grid}.import-button:hover{background:var(--panel-soft)}.import-button input{display:none}.note-list{flex:1;overflow:auto}.note-row{border-bottom:1px solid var(--line);text-align:left;border-radius:0;width:100%;padding:13px 15px}.note-row:hover{background:var(--panel-soft)}.note-row.active{background:color-mix(in srgb, var(--accent) 25%, var(--panel))}.note-row div{align-items:center;gap:6px;display:flex}.note-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-row p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:6px 0;overflow:hidden}.note-row time{color:var(--muted);font-size:11px}.note-row .tiny{flex:none;width:13px;height:13px}.filled{fill:var(--accent)}.empty-state{color:var(--muted);text-align:center;padding:50px 12px}.editor-panel{flex-direction:column;display:flex;position:relative;overflow:hidden}.editor-meta{border-bottom:1px solid var(--line);align-items:center;gap:5px;min-height:50px;padding:7px 12px;display:flex}.editor-meta button{padding:8px}.editor-meta button.active{color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 20%, transparent)}.save-state{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12px;overflow:hidden}.status-error,.status-conflict{color:var(--danger)}.empty-editor{text-align:center;color:var(--muted);flex:1;place-content:center;justify-items:center;display:grid}.empty-editor img{border-radius:16px;width:64px;height:64px}.empty-editor h2{color:var(--text);margin-bottom:0}.empty-editor .primary{margin-top:12px}.folder-select{border:1px solid var(--line);background:var(--panel);max-width:140px;height:30px;color:var(--text);border-radius:6px}.draft-banner{background:color-mix(in srgb, var(--accent) 23%, var(--panel));border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.draft-banner span{flex:1}.draft-banner button{background:var(--panel);border:1px solid var(--line);padding:6px 8px}.editor-shell{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.format-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:1px;min-height:43px;padding:4px 10px;display:flex;overflow-x:auto}.format-toolbar button,.file-tool{cursor:pointer;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid}.format-toolbar button:hover,.format-toolbar button.active,.file-tool:hover{background:var(--panel-soft);color:var(--accent-deep)}.file-tool input{display:none}.file-tool.disabled{opacity:.38;cursor:not-allowed}.separator{background:var(--line);flex:none;width:1px;height:22px;margin:0 5px}.slash-menu{z-index:8;border:1px solid var(--line);background:var(--panel);width:min(300px,100% - 24px);max-height:280px;box-shadow:var(--shadow);border-radius:10px;padding:6px;position:absolute;top:92px;left:50%;overflow:auto;translate:-50%}.slash-menu button{text-align:left;gap:12px;width:100%;padding:9px 10px;display:flex}.slash-menu button.active,.slash-menu button:hover{background:var(--panel-soft)}.slash-menu strong{min-width:60px}.slash-menu span{color:var(--muted)}.readonly-banner{background:color-mix(in srgb, var(--accent) 20%, var(--panel));color:var(--muted);text-align:center;padding:6px 18px;font-size:12px}.find-bar{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:7px 14px;display:flex}.find-bar input{border:1px solid var(--line);background:var(--bg);border-radius:6px;height:32px;padding:0 9px}.find-bar span{min-width:70px;color:var(--muted);font-size:12px}.search-hit{background:#ffe477;border-radius:2px}.search-hit-current{background:#ffb928;outline:1px solid #9a6b00}.editor-content{cursor:text;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.editor-content>.prose-editor{flex:1 0 auto;width:100%}.prose-editor:has(>p:only-child>br:only-child)>p:before{content:"开始记录…";color:var(--muted);float:left;pointer-events:none;height:0}.tiptap{flex:1}.editor-shell>.tiptap{overflow:auto}.prose-editor{outline:none;max-width:820px;min-height:100%;margin:0 auto;padding:38px 54px 120px;font-size:16px;line-height:1.72}.layout-focus .prose-editor{max-width:760px}.prose-editor>:first-child{margin-top:0}.prose-editor p.is-editor-empty:first-child:before{color:var(--muted);content:"开始记录…";float:left;pointer-events:none;height:0}.prose-editor h1{font-size:2em}.prose-editor h2{font-size:1.55em}.prose-editor h3{font-size:1.25em}.prose-editor blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding-left:16px}.prose-editor pre{color:#f8f6ee;background:#24231f;border-radius:8px;padding:14px;overflow:auto}.prose-editor :not(pre)>code{background:var(--panel-soft);border-radius:4px;padding:2px 5px}.prose-editor mark{background:#ffe477;padding:1px 0}.prose-editor a{color:#276bd2;text-decoration:underline}.prose-editor table{border-collapse:collapse;table-layout:fixed;width:100%}.prose-editor td,.prose-editor th{border:1px solid var(--line);vertical-align:top;padding:7px}.prose-editor th{background:var(--panel-soft)}.prose-editor img{border-radius:8px;max-width:100%;height:auto;margin:18px auto;display:block}.resizable-image{width:fit-content;max-width:100%;margin:18px auto;position:relative}.resizable-image img{margin:0}.image-resize-handle{border:2px solid var(--panel);background:var(--accent-deep);cursor:nwse-resize;touch-action:none;border-radius:50%;width:15px;height:15px;padding:0;position:absolute;bottom:-5px;right:-5px}.prose-editor ul[data-type=taskList]{padding-left:0;list-style:none}.prose-editor ul[data-type=taskList] li{gap:8px;display:flex}.readonly .prose-editor{cursor:default}.version-panel{z-index:5;background:var(--panel);border-left:1px solid var(--line);width:min(390px,90%);box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;inset:50px 0 0 auto}.version-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.version-panel header button{padding:7px}.version-list,.version-preview{padding:12px;overflow:auto}.version-list button{text-align:left;border-bottom:1px solid var(--line);flex-direction:column;gap:5px;width:100%;padding:12px;display:flex}.version-list span{color:var(--muted);font-size:12px}.version-preview pre{white-space:pre-wrap;background:var(--panel-soft);border-radius:8px;padding:10px;font-size:11px}@media (width<=980px){.layout-three{grid-template-columns:210px 290px minmax(0,1fr)}.prose-editor{padding-inline:28px}}@media (width<=767px){.layout-three{grid-template-columns:280px minmax(0,1fr)}.layout-three .sidebar{display:none}.layout-two{grid-template-columns:280px minmax(0,1fr)}}@media (width<=580px){.layout-three,.layout-two{grid-template-columns:1fr}.workspace:has(.editor-panel .editor-shell) .note-list-panel{display:none}.editor-panel{min-width:100vw}.prose-editor{padding:24px 18px 100px}.format-toolbar{padding-inline:5px}}.editor-panel{container-type:inline-size}.editor-shell{min-height:0}.format-toolbar{flex-shrink:0}.editor-content{overscroll-behavior:contain}.editor-content>.prose-editor,.layout-focus .prose-editor{overflow-wrap:anywhere;max-width:none;padding:28px 16px 100px}.width-reading .editor-content>.prose-editor{max-width:860px}@container (width>=600px){.editor-content>.prose-editor{padding-inline:32px}}.prose-editor:focus-visible{outline:none}.editor-content:focus-within{box-shadow:inset 0 2px 0 color-mix(in srgb, var(--accent) 45%, transparent)}.prose-editor p{margin:.5em 0}.prose-editor h1,.prose-editor h2,.prose-editor h3{margin:1em 0 .5em}.prose-editor ul,.prose-editor ol,.prose-editor blockquote{margin-block:.5em}.prose-editor pre{white-space:pre;max-width:100%;overflow-x:auto}.tableWrapper{max-width:100%;margin:1em 0;padding:30px 30px 34px;position:relative;overflow-x:auto}.table-stage{min-width:64px;position:relative}.table-handles{pointer-events:none;position:absolute;inset:0}.table-handles button{pointer-events:auto;color:var(--muted);background:var(--panel-soft);place-items:center;padding:0;display:grid;position:absolute}.table-corner{border:1px solid var(--line);width:26px;height:26px;top:-28px;left:-28px}.table-row-handle{width:14px;height:26px;left:-22px;transform:translateY(-50%)}.table-column-handle{width:26px;height:14px;top:-22px;transform:translate(-50%)}.table-column-handle svg{transform:rotate(90deg)}.table-handles .table-insert-row,.table-handles .table-insert-column{z-index:2;color:#fff;opacity:0;background:#3370ff;border-radius:50%;width:22px;height:22px;font-size:20px}.table-insert-row{left:-26px;transform:translateY(-50%)}.table-insert-column{top:-26px;transform:translate(-50%)}.table-handles button:hover,.table-handles button:focus-visible{opacity:1;color:#3370ff;outline:2px solid #3370ff}.table-handles .table-insert-row:hover,.table-handles .table-insert-column:hover,.table-handles .table-insert-row:focus-visible,.table-handles .table-insert-column:focus-visible{color:#fff;opacity:1}.table-insert-row:hover:after,.table-insert-row:focus-visible:after{content:"";width:var(--table-width);pointer-events:none;border-top:2px solid #3370ff;position:absolute;top:50%;left:26px}.table-insert-column:hover:after,.table-insert-column:focus-visible:after{content:"";height:var(--table-height);pointer-events:none;border-left:2px solid #3370ff;position:absolute;top:26px;left:50%}.prose-editor table{table-layout:fixed;margin:0}.prose-editor td,.prose-editor th{min-width:64px;position:relative}.prose-editor td{text-align:left}.prose-editor th{text-align:center}.selectedCell:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--accent) 25%, transparent);border:2px solid var(--accent-deep);position:absolute;inset:0}.resize-cursor,.resize-cursor *{cursor:col-resize!important}.table-add-row,.table-add-column{background:var(--panel-soft);border:1px solid var(--line);min-width:28px;height:28px;position:absolute}.table-add-row{width:28px;bottom:-30px;left:50%;transform:translate(-50%)}.table-add-column{top:50%;right:-30px;transform:translateY(-50%)}.readonly .table-add-row,.readonly .table-add-column,.readonly .table-handles{display:none}.table-context-menu{z-index:40;background:var(--panel);width:min(296px,100vw - 16px);max-height:min(420px,100vh - 24px);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:10px;font-size:13px;position:fixed;overflow:auto}.table-context-menu header,.table-menu-tabs{justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.table-context-menu button,.table-picker button{border:1px solid var(--line);padding:7px 10px}.table-context-menu button:hover{background:var(--panel-soft)}.table-context-menu .table-menu{flex-direction:column;align-items:stretch}@media (pointer:coarse){.table-context-menu button{min-height:44px}.table-handles .table-insert-row,.table-handles .table-insert-column{opacity:1}}.table-menu{flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding-block:6px;display:flex}.table-menu input{width:82px}.table-menu label{align-items:center;gap:5px;display:flex}.table-picker{z-index:10;background:var(--panel);width:min(330px,100% - 24px);max-height:75%;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:8px;padding:12px;position:absolute;top:44px;left:12px;overflow:auto}.table-grid{grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:10px;display:grid}.table-grid button{padding:7px 0;font-size:11px}.table-picker input[type=number]{width:52px}select,.table-menu input,.table-picker input{color:var(--text);background:var(--panel);border:1px solid var(--line);font:inherit;border-radius:6px;padding:5px}.list-options{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;padding:7px;display:flex}.sort-controls{align-items:center;gap:5px;font-size:12px;display:flex}.sort-controls select{max-width:120px}.load-more{border:1px solid var(--line);width:100%;padding:14px}.settings-drawer{border:0;border-left:1px solid var(--line);background:var(--panel);width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);margin:0;padding:20px;position:fixed;inset:0 0 0 auto;overflow:auto}.settings-drawer::backdrop{background:#00000047}.settings-drawer header{justify-content:space-between;align-items:center;display:flex}.settings-drawer section{border-top:1px solid var(--line);padding-block:12px}.settings-drawer section>label{justify-content:space-between;align-items:center;margin:14px 0;display:flex}.settings-drawer p{color:var(--muted);line-height:1.6}.settings-drawer button{border:1px solid var(--line);padding:12px}.settings-drawer a{color:var(--accent-deep)}.notice{z-index:30;background:var(--panel-soft);border:1px solid var(--line);max-width:95vw;box-shadow:var(--shadow);border-radius:8px;padding:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.notice button{margin-left:10px;padding:6px;text-decoration:underline}.back-to-list{display:none}.prose-editor .resizable-image{text-align:center;width:100%;margin:18px 0}.prose-editor td .resizable-image,.prose-editor th .resizable-image{text-align:inherit}.image-frame{vertical-align:middle;max-width:100%;line-height:0;display:inline-block;position:relative}.image-selected .image-frame{outline:2px solid var(--accent-deep);outline-offset:3px;border-radius:8px}.readonly .image-resize-handle{display:none}@media (width<=580px){.back-to-list{display:inline-flex}.editor-meta{flex-wrap:wrap}.editor-meta button,.format-toolbar button,.table-tools button{min-width:44px;min-height:44px}.workspace:not(:has(.editor-shell)) .editor-panel{display:none}.settings-drawer{width:100vw}.editor-panel{min-width:0}.table-tools{font-size:12px}}