:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans SC,sans-serif;color:#2c3338;background:#fff;font-synthesis:none;color-scheme:light;--canvas: #ffffff;--paper: #ffffff;--sidebar: #ffffff;--soft: #f6f7f7;--hover: #f6f7f7;--line: #dcdcde;--line-strong: #c3c4c7;--ink: #2c3338;--muted: #646970;--subtle: #8c8f94;--accent: #3361cc;--accent-hover: #2145a5;--accent-soft: #ced9f2;--accent-text: #2c3338;--primary: #3361cc;--primary-hover: #2145a5;--danger: #d63638;--warning: #b26200;--success: #008a20;--syntax-comment: #687078;--syntax-keyword: #8b3d88;--syntax-string: #167044;--syntax-number: #a04b00;--syntax-title: #185fad;--syntax-built-in: #79590a;--syntax-variable: #a43f28;--syntax-meta: #5353a6;--footer-height: 32px;--toolbar-height: 44px}:root[data-theme=dark]{color-scheme:dark;--canvas: #1d2327;--paper: #1d2327;--sidebar: #1d2327;--soft: #2c3338;--hover: #2c3338;--line: #2c3338;--line-strong: #50575e;--ink: #ffffff;--muted: #a7aaad;--subtle: #8c8f94;--accent: #84a4f0;--accent-hover: #a8bdf2;--accent-soft: rgba(51, 97, 204, .4);--accent-text: #ffffff;--primary: #3361cc;--primary-hover: #416bd0;--danger: #ff8085;--warning: #faa754;--success: #68de7c;--syntax-comment: #9aa1a8;--syntax-keyword: #e19bd8;--syntax-string: #7bd6a3;--syntax-number: #f0a46b;--syntax-title: #8abaf1;--syntax-built-in: #e2c46d;--syntax-variable: #ef9a87;--syntax-meta: #aaa8f0;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box;letter-spacing:0}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--canvas)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);background:var(--paper);border-radius:3px;padding:7px 11px;font-size:13px;line-height:1.4}button:hover{background:var(--hover);border-color:var(--subtle)}button:disabled{opacity:.45;cursor:not-allowed}input,select{min-width:0;background:var(--paper);border:1px solid var(--line-strong);border-radius:3px;padding:8px 9px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--ink)}svg{flex:0 0 auto}h1,h2,h3,p{margin-top:0}.primary{color:#fff;background:var(--primary);border-color:var(--primary);font-weight:500}.primary:hover{color:#fff;background:var(--primary-hover);border-color:var(--primary-hover)}.danger{color:var(--danger);border-color:var(--danger)}.icon-button.danger-icon{color:var(--danger)}.icon-button.danger-icon:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--paper))}.icon-button{position:relative;height:32px;width:32px;padding:0;border:0;background:transparent;flex:0 0 32px;color:var(--muted)}.icon-button:hover{color:var(--accent);background:var(--hover);border-color:transparent}.icon-button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:20;top:calc(100% + 7px);left:50%;width:max-content;max-width:240px;padding:5px 8px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);box-shadow:0 3px 10px #00000024;font-size:12px;font-weight:400;line-height:1.35;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-2px);transition:opacity .1s ease,transform .1s ease}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.spin{animation:spin .8s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;font-weight:600;white-space:nowrap}.brand-icon{display:block;flex:0 0 auto;border-radius:4px}.brand .icon-button{margin-left:auto}.app-shell{display:grid;grid-template-columns:212px var(--note-list-width, 300px) 5px minmax(0,1fr);height:100dvh;min-height:420px;background:var(--canvas)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:12px 12px 0;display:flex;flex-direction:column;min-height:0;z-index:1}.sidebar .brand{min-height:40px;padding:0 6px 12px}.new-note{width:100%;justify-content:flex-start;height:36px;margin-bottom:16px;color:#fff;background:var(--primary);border-color:var(--primary);font-weight:500}.new-note:hover{color:#fff;background:var(--primary-hover);border-color:var(--primary-hover)}nav{display:flex;flex-direction:column;gap:2px}nav button{min-height:36px;justify-content:flex-start;padding:7px 10px;overflow-wrap:anywhere;text-align:left;color:var(--muted);background:transparent;border:0}nav button:hover{color:var(--ink);background:var(--hover);border-color:transparent}nav button.active{color:var(--accent-text);background:var(--accent-soft);font-weight:500}nav button.active svg{color:var(--accent)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:24px 0 6px;padding:0 10px;color:var(--muted);font-size:11px;font-weight:500}.section-label .icon-button{width:24px;height:24px;flex-basis:24px}.tag-nav{overflow-y:auto}.tag-nav button{font-size:13px}.tag-dot{width:6px;height:6px;margin:0 4px;flex:0 0 6px;background:var(--accent);border-radius:50%}.sidebar-bottom{height:var(--footer-height);min-height:var(--footer-height);flex:0 0 var(--footer-height);margin:auto -12px 0;padding:0 12px;border-top:1px solid var(--line);display:flex;align-items:center}.account{width:100%;height:30px;min-height:30px;padding:0 5px;justify-content:flex-start;background:transparent;border:0}.account:hover{color:var(--accent);border-color:transparent}.account>span:nth-child(2){flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.avatar{display:flex;width:22px;height:22px;align-items:center;justify-content:center;color:#fff;background:var(--primary);border-radius:50%;font-size:11px;font-weight:600}.note-list{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-right:1px solid var(--line)}.list-header{padding:8px 12px 11px;background:var(--paper);border-bottom:1px solid var(--line)}.list-heading{display:flex;align-items:center;min-height:32px;margin-bottom:7px;gap:2px}.list-heading h1{flex:1;min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:15px;font-weight:600}.bulk-toolbar{display:flex;min-height:34px;align-items:center;gap:7px;margin-bottom:7px;color:var(--muted);font-size:11px}.bulk-toolbar span{flex:1}.bulk-toolbar button{min-height:28px;padding:4px 8px}.search-field{display:flex;align-items:center;gap:7px;min-height:34px;padding-left:10px;color:var(--muted);background:var(--soft);border:1px solid transparent;border-radius:3px}.search-field input{width:100%;padding:7px 8px 7px 0;background:transparent;border:0;box-shadow:none;font-size:13px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.list-scroll{overflow-y:auto;flex:1}.note-row{position:relative;display:block;width:100%;min-height:78px;padding:11px 14px 10px;text-align:left;background:var(--paper);border:0;border-bottom:1px solid var(--line);border-radius:0}.note-row:hover{background:var(--hover);border-color:var(--line)}.note-row:focus-visible{z-index:1;outline-offset:-2px}.note-row.selected{background:var(--accent-soft)}.note-row.checked{box-shadow:inset 3px 0 var(--accent)}.note-row-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--ink);font-size:15px;font-weight:500}.note-row-title span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.note-row-title svg{color:var(--accent)}.note-excerpt{display:-webkit-box;min-height:18px;overflow:hidden;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.5;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.note-row-meta{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--subtle);font-size:10px}.note-row-meta span:not(.local-dot){color:var(--accent)}.local-dot{width:5px;height:5px;margin-left:auto;background:var(--warning);border-radius:50%}.list-footer{height:var(--footer-height);min-height:var(--footer-height);flex:0 0 var(--footer-height);padding:0 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);background:var(--paper);font-size:10px}.list-footer span{display:inline-flex;align-items:center;gap:4px}.load-more{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--accent)}.note-list-resizer{position:relative;min-width:5px;cursor:col-resize;touch-action:none;outline:none;background:var(--paper)}.note-list-resizer:before{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;background:var(--line);transition:background-color .15s,inset .15s}.note-list-resizer:hover:before,.note-list-resizer:focus-visible:before,.resizing-list .note-list-resizer:before{top:0;right:1px;bottom:0;left:1px;background:var(--accent)}.resizing-list,.resizing-list *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper)}.workspace-body{display:flex;flex:1;min-width:0;min-height:0}.workspace-toolbar{height:var(--toolbar-height);min-height:var(--toolbar-height);flex-shrink:0;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;background:var(--paper);z-index:1}.save-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.status-dot{width:6px;height:6px;background:var(--success);border-radius:50%}.pending .status-dot{background:var(--warning)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:2px}.segmented{display:flex;margin-right:7px;padding:2px;background:var(--soft);border:1px solid var(--line);border-radius:3px}.segmented button{width:30px;height:26px;padding:0;color:var(--muted);background:transparent;border:0}.segmented button:hover{color:var(--accent)}.segmented button[aria-pressed=true]{color:var(--accent);background:var(--paper);box-shadow:0 0 0 1px var(--line)}.document-scroll{flex:1;min-width:0;min-height:0;overflow:auto;padding:0 28px;background:var(--paper)}.document{width:100%;max-width:900px;min-height:100%;margin:0;padding:42px 0 80px;background:var(--paper)}.document.wide{max-width:1080px}.note-title{width:100%;padding:0;color:var(--ink);background:transparent;border:0;border-radius:0;box-shadow:none;font-size:28px;font-weight:500;line-height:1.35}.note-title::placeholder{color:var(--subtle)}.note-title:focus{box-shadow:none}.document-meta{display:flex;gap:12px;margin:9px 0 27px;color:var(--subtle);font-size:11px}.code-editor{font-size:16px}.cm-editor{outline:none!important;color:var(--ink);background:transparent}.cm-scroller{font-family:inherit!important;line-height:1.65!important;overflow-wrap:anywhere}.cm-content{min-height:320px;padding:0!important;caret-color:var(--accent)}.cm-line{padding:0!important}.cm-placeholder{color:var(--subtle)!important}.cm-cursor{border-left-color:var(--ink)!important}.cm-selectionBackground{background:var(--accent-soft)!important}.document-footer{height:var(--footer-height);min-height:var(--footer-height);flex:0 0 var(--footer-height);padding:0 14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;background:var(--paper)}.document-footer .icon-button{width:28px;height:28px;flex-basis:28px}.mobile-pdf-action,.mobile-share-action{display:none}.tags-input{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:var(--muted)}.tags-input:focus-within{color:var(--accent)}.tags-input input{width:100%;padding:4px 0;background:transparent;border:0;box-shadow:none;font-size:12px}.word-count{color:var(--muted);font-size:11px;white-space:nowrap}.markdown{min-height:100px;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.65}.markdown h1{font-size:30px;font-weight:300}.markdown h2{font-size:23px}.markdown h3{font-size:19px}.markdown h1,.markdown h2,.markdown h3{margin:30px 0 12px;line-height:1.2}.markdown h2,.markdown h3{font-weight:600}.markdown p{margin:0 0 1.5em}.markdown .task-list-item{list-style:none}.markdown .task-list-item>input,.markdown .task-list-item>p>input{width:16px;height:16px;margin:0 8px 0 -24px;vertical-align:-2px;accent-color:var(--primary);cursor:pointer}.markdown .task-list-item>input:disabled,.markdown .task-list-item>p>input:disabled{opacity:1;cursor:default}.markdown .task-list-item.done{color:var(--muted)}.markdown .mermaid-diagram p{margin:0;line-height:normal}.markdown img{display:block;max-width:100%;max-height:650px;height:auto;margin:20px 0;border:1px solid var(--line);border-radius:3px;cursor:zoom-in}.markdown a{color:var(--accent)}.markdown a[data-note-id]{text-decoration-style:dotted;text-underline-offset:3px}.markdown a[data-private-file]:before{content:"↓ "}.markdown pre{padding:16px;overflow-x:auto;background:var(--soft);border:1px solid var(--line-strong);border-radius:3px;font-size:13px}.markdown code{padding:2px 4px;background:var(--soft);border-radius:2px}.markdown pre code{padding:0}.markdown .hljs-comment,.markdown .hljs-quote{color:var(--syntax-comment);font-style:italic}.markdown .hljs-keyword,.markdown .hljs-selector-tag,.markdown .hljs-literal,.markdown .hljs-doctag{color:var(--syntax-keyword)}.markdown .hljs-string,.markdown .hljs-regexp,.markdown .hljs-attribute,.markdown .hljs-addition{color:var(--syntax-string)}.markdown .hljs-number,.markdown .hljs-symbol,.markdown .hljs-bullet{color:var(--syntax-number)}.markdown .hljs-title,.markdown .hljs-section,.markdown .hljs-selector-id,.markdown .hljs-selector-class{color:var(--syntax-title);font-weight:600}.markdown .hljs-built_in,.markdown .hljs-type{color:var(--syntax-built-in)}.markdown .hljs-variable,.markdown .hljs-template-variable,.markdown .hljs-deletion{color:var(--syntax-variable)}.markdown .hljs-meta,.markdown .hljs-meta .hljs-keyword{color:var(--syntax-meta)}.markdown [data-footnote-ref]{font-size:.75em;text-decoration:none;vertical-align:super}.markdown [data-footnotes-separator]{margin-top:40px}.markdown [data-footnotes]{color:var(--muted);font-size:14px}.markdown [data-footnotes] ol{padding-left:24px}.markdown [data-footnotes] li{padding-left:4px;scroll-margin-block:30vh}.markdown [data-footnotes] p{margin-bottom:.8em}.markdown [data-footnote-backref]{margin-left:4px;text-decoration:none}.markdown details{margin:20px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.markdown summary{color:var(--accent);cursor:pointer;font-weight:500}.markdown details>:last-child{margin-bottom:0}.markdown mark{padding:1px 3px;color:var(--ink);background:#f0c93080}.markdown kbd{padding:2px 5px;background:var(--soft);border:1px solid var(--line-strong);border-radius:3px;font-size:.85em}.markdown blockquote{margin-left:0;padding-left:16px;color:var(--muted);border-left:4px solid var(--line);font-style:italic}.markdown table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.markdown tr:nth-child(2n){background:var(--soft)}.markdown td,.markdown th{padding:7px 12px;border:1px solid var(--line-strong)}.markdown hr{margin:26px 0;border:0;border-top:1px solid var(--line)}.mermaid-diagram{width:100%;max-width:100%;margin:26px 0;overflow:hidden;text-align:left}.mermaid-diagram svg{display:block;width:auto;max-width:100%;height:auto;margin:0}.mermaid-diagram .mindmap-node>.label-container~.label text{text-anchor:middle}.mermaid-error{margin:20px 0;padding:12px 14px;color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--paper));border-left:3px solid var(--danger);white-space:pre-wrap;font-size:12px}.blocked-image{color:var(--muted);font-size:12px}.empty-state{padding:54px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);font-size:13px}.workspace-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--line-strong)}.workspace-empty h2{margin:0;color:var(--muted);font-size:18px;font-weight:400}.error-strip{padding:9px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px;color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--paper));font-size:12px}.error-strip details{flex:1;min-width:0}.error-strip summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.error-strip pre{max-height:150px;overflow:auto}.trash-banner{display:flex;justify-content:space-between;padding:9px 20px;align-items:center;color:var(--muted);background:var(--soft);font-size:12px}.trash-banner button{color:var(--danger)}.mobile-filters,.mobile-back{display:none}.sidebar-hidden{grid-template-columns:var(--note-list-width, 300px) 5px minmax(0,1fr)}.sidebar-hidden .sidebar{display:none}dialog{width:min(560px,calc(100% - 28px));max-height:85dvh;padding:22px;overflow:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:4px;box-shadow:0 12px 40px #0000002e}dialog::backdrop{background:#0006}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{margin:0;font-size:18px;font-weight:600}dialog.pdf-export-dialog{width:min(1080px,calc(100% - 28px));height:min(780px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden}dialog.pdf-export-dialog[open]{display:flex;flex-direction:column}.pdf-export-dialog .dialog-header{flex-shrink:0}.setting-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px}.setting-row:last-child{border:0}.button-group{display:flex;gap:8px;flex-wrap:wrap}.ai-access{border-bottom:1px solid var(--line)}.ai-access-heading{padding-bottom:12px;border:0}.ai-access-heading svg{color:var(--muted)}.token-secret{display:grid;gap:9px;margin-bottom:14px;padding:12px;background:var(--soft);border-left:3px solid var(--success);font-size:12px}.token-secret>div{display:flex;align-items:center;gap:7px;color:var(--success)}.token-secret code{padding:8px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:var(--paper);border:1px solid var(--line)}.token-secret button{width:fit-content}.token-form{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;padding-bottom:16px}.token-form label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.token-form input,.token-form select{width:100%;height:36px;color:var(--ink);font-size:13px}.token-form>.primary{align-self:end;min-height:36px}.token-list{padding-bottom:14px}.token-empty{padding:9px 0;color:var(--muted);font-size:12px}.token-row{display:flex;min-height:50px;align-items:center;gap:12px;border-top:1px solid var(--line)}.token-row>div:first-child{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.token-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.token-row span{color:var(--muted);font-size:11px}.token-actions{display:flex;gap:6px}.token-actions button{min-height:30px;padding:5px 8px}.knowledge-panel{width:240px;min-width:240px;overflow-y:auto;background:var(--paper);border-left:1px solid var(--line)}.knowledge-panel>header{position:sticky;top:0;z-index:1;display:flex;min-height:42px;padding:5px 8px 5px 14px;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.knowledge-panel section{padding:14px 8px;border-bottom:1px solid var(--line)}.knowledge-panel h3{margin:0 6px 8px;color:var(--muted);font-size:11px;font-weight:600}.knowledge-panel nav button{min-height:30px;font-size:12px}.panel-empty{padding:7px 8px;color:var(--subtle);font-size:12px}.command-search{display:flex;height:40px;align-items:center;gap:8px;padding:0 10px;background:var(--soft);border:1px solid var(--line-strong)}.command-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.command-search input{width:100%;padding:0;background:transparent;border:0;box-shadow:none}.command-list{max-height:360px;margin-top:10px;overflow-y:auto}.command-list button{width:100%;min-height:38px;justify-content:flex-start;border:0;border-radius:0}.command-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-list button:focus-visible{outline-offset:-2px;background:var(--accent-soft)}.command-list kbd{margin-left:auto;padding:2px 5px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:3px;font-size:10px;white-space:nowrap}.shortcut-list{display:grid}.shortcut-list>div{display:flex;min-height:39px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);font-size:13px}.shortcut-list>div:last-child{border-bottom:0}.shortcut-list kbd{padding:3px 7px;color:var(--muted);background:var(--soft);border:1px solid var(--line-strong);border-radius:3px;font-size:11px;white-space:nowrap}.print-document{display:none;--paper: #ffffff;--soft: #f5f6f7;--line: #d7d9dc;--line-strong: #b7bbc0;--ink: #202428;--muted: #5d6268;--accent: #2145a5;--syntax-comment: #687078;--syntax-keyword: #8b3d88;--syntax-string: #167044;--syntax-number: #a04b00;--syntax-title: #185fad;--syntax-built-in: #79590a;--syntax-variable: #a43f28;--syntax-meta: #5353a6;min-height:0;color:var(--ink);background:var(--paper);font-size:11pt}.print-document.pdf-rendering{display:block;position:fixed;top:0;left:-10000px;width:174mm;z-index:-10000;pointer-events:none}.print-document .markdown{min-height:0;color:var(--ink);font-size:11pt;line-height:1.6}.print-document .markdown h1{font-size:21pt}.print-document .markdown h2{font-size:17pt}.print-document .markdown h3{font-size:14pt}.print-document .markdown h1,.print-document .markdown h2,.print-document .markdown h3{break-after:avoid-page;page-break-after:avoid}.print-document .markdown pre,.print-document .markdown blockquote,.print-document .markdown img,.print-document .markdown .mermaid-diagram,.print-document .markdown tr{break-inside:avoid-page;page-break-inside:avoid}.print-document .markdown img{max-width:100%;max-height:230mm;border-color:var(--line);cursor:default}.print-document .markdown table{display:table;width:100%;overflow:visible}.print-document .markdown pre{overflow:visible;white-space:pre-wrap}.print-document .mermaid-diagram{overflow:visible}.print-document .markdown a{color:#202428;text-decoration:underline}.account-security section{padding:2px 0 20px;border-bottom:1px solid var(--line)}.account-security section+section{padding-top:20px}.account-security section:last-child{border-bottom:0}.account-security h3{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px}.account-security label,.form-grid label,.single-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--muted);font-size:12px}.account-security input,.form-grid input,.form-grid select,.single-field input,.single-field select{width:100%;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.login-actions button{color:var(--accent);background:transparent;border:0}.recovery-result{display:grid;gap:9px;margin-bottom:18px;padding:12px;background:var(--soft);border-left:3px solid var(--success);font-size:12px}.recovery-result code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.recovery-result p{margin:0;color:var(--muted);line-height:1.5}.recovery-result button{width:fit-content}.task-center{display:grid;max-height:62dvh;overflow-y:auto}.task-center>button{display:grid;width:100%;min-height:54px;padding:9px 10px;justify-items:start;border-width:0 0 1px;border-radius:0;text-align:left}.task-center>button span{overflow-wrap:anywhere}.task-center>button small{color:var(--muted);font-size:11px}.share-status{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px;background:var(--soft);border:1px solid var(--line)}.share-status>div{display:grid;gap:3px}.share-status span{color:var(--muted);font-size:11px}.share-url{display:flex;gap:8px;margin-bottom:14px}.share-url input{min-width:0;flex:1;font-size:12px}.user-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 110px auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.user-create-form h3{grid-column:1 / -1;margin:0;font-size:14px}.user-list{max-height:48dvh;overflow-y:auto}.user-row{padding:14px 0;border-bottom:1px solid var(--line)}.user-row-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:13px}.user-row-heading span{color:var(--muted);font-size:11px}.user-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 100px 70px minmax(0,1.25fr);gap:7px}.inline-check{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.inline-check input{width:auto}.user-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.shared-page{height:100dvh;min-height:0;overflow-y:auto;color:var(--ink);background:var(--paper)}.shared-page>header{display:flex;height:52px;padding:0 20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.shared-document{width:min(900px,calc(100% - 40px));margin:0 auto;padding:56px 0 80px}.shared-document>h1{margin-bottom:10px;overflow-wrap:anywhere;font-size:34px}.shared-document .markdown{min-height:0;margin-top:36px}.shared-loading,.shared-error{display:flex;min-height:calc(100dvh - 52px);align-items:center;justify-content:center;gap:10px}.shared-error{flex-direction:column}.shared-error h1{margin:0;font-size:22px}.shared-error p{color:var(--muted)}.import-guide{padding:14px 0 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.import-guide summary{width:fit-content;color:var(--accent);cursor:pointer}.import-guide p{margin:12px 0 0;line-height:1.6}.import-guide pre{margin:12px 0 0;padding:12px;overflow-x:auto;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:3px;line-height:1.55}.switch{width:44px;height:24px;padding:3px;justify-content:flex-start;background:var(--line);border-color:transparent;border-radius:14px}.switch.on{justify-content:flex-end;color:#fff;background:var(--primary)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.pdf-export-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0;flex:1;gap:20px}.pdf-preview-panel{display:flex;min-width:0;min-height:0;flex-direction:column;border:1px solid var(--line-strong)}.pdf-preview-panel>header{display:flex;min-height:38px;padding:0 12px;align-items:center;justify-content:space-between;color:var(--muted);background:var(--soft);border-bottom:1px solid var(--line);font-size:11px}.pdf-preview-panel>header strong{color:var(--ink);font-size:12px}.pdf-preview-pages{display:grid;min-height:0;padding:16px;flex:1;align-content:start;gap:16px;overflow:auto;background:#4d5053}.pdf-preview-pages figure{display:grid;width:min(100%,620px);margin:0 auto;gap:6px}.pdf-preview-pages img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 8px #00000052}.pdf-preview-pages figcaption{color:#fff;font-size:11px;text-align:center}.pdf-preview-status,.pdf-preview-error{display:flex;min-height:240px;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:12px}.pdf-preview-error{padding:24px;color:#ffd8d8;text-align:center}.pdf-export-sidebar{display:flex;min-width:0;flex-direction:column}.pdf-export-sidebar .dialog-actions{margin-top:auto}.pdf-export-form{display:grid;gap:18px}.pdf-export-form .single-field{margin:0}.pdf-name-input{display:flex;align-items:center}.pdf-name-input input{min-width:0;flex:1;color:var(--ink)}.pdf-name-input>span{margin-left:6px;color:var(--muted);font-size:13px}.pdf-export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdf-export-options label{display:grid;gap:6px;color:var(--muted);font-size:12px}.pdf-export-options select{width:100%;color:var(--ink)}.pdf-orientation{margin:0;padding:0;border:0}.pdf-orientation legend{margin-bottom:6px;color:var(--muted);font-size:12px}.pdf-orientation .segmented{width:fit-content;margin:0}.pdf-orientation .segmented button{width:82px}.pdf-orientation:disabled{opacity:.65}.conflict-summary{display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere;font-size:13px}.conflict-summary span{color:var(--muted)}.version-list{max-height:220px;overflow:auto}.version-list button{display:flex;justify-content:space-between;width:100%;margin-bottom:5px;font-size:12px}.version-list button.selected{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent)}.version-list time{color:var(--muted)}.version-preview{max-height:300px;margin-top:18px;padding-top:18px;overflow:auto;border-top:1px solid var(--line)}.version-preview h3{font-size:16px}.lightbox-image{width:100%;max-height:65dvh;object-fit:contain}.confirm-title{font-size:14px;overflow-wrap:anywhere}.transfer-progress{padding:15px 0;color:var(--accent);font-size:12px}.toast{position:absolute;right:20px;bottom:48px;z-index:10;display:flex;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:10px 14px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:3px;box-shadow:0 4px 16px #00000026;font-size:12px}.toast svg{color:var(--success)}.login{min-height:100dvh;padding:24px;display:grid;place-items:center;overflow:auto;background:var(--paper)}.login-form{width:100%;max-width:360px;padding:24px}.login-brand{flex-direction:column;justify-content:center;gap:12px;margin-bottom:34px;color:var(--accent)}.login-brand .brand-icon{width:48px;height:48px}.login-brand h1{margin:0;color:var(--ink);font-size:24px;font-weight:600}.login-heading{margin-bottom:22px;color:var(--ink);font-size:18px;font-weight:500;text-align:center}.login-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;color:var(--muted);font-size:13px}.login-form input{height:42px;color:var(--ink);font-size:15px}.login-form>.primary{width:100%;height:42px;margin-top:4px}.error-box{margin-top:20px;color:var(--danger)}@media(max-width:1100px){.app-shell{grid-template-columns:196px var(--note-list-width, 300px) 5px minmax(0,1fr)}.sidebar-hidden{grid-template-columns:var(--note-list-width, 300px) 5px minmax(0,1fr)}.document-width-toggle{display:none}.document-scroll{padding:0 24px}.document{padding-top:36px}}@media(max-width:900px){.app-shell,.sidebar-hidden{grid-template-columns:var(--note-list-width, 300px) 5px minmax(0,1fr)}.sidebar{display:none}.mobile-filters{display:flex;justify-content:space-between;margin-top:10px}.mobile-filters select{padding:0;background:transparent;border:0;box-shadow:none;color:var(--muted);font-size:12px}.save-status{font-size:10px}.knowledge-panel{width:210px;min-width:210px}}@media(max-width:640px){.app-shell,.sidebar-hidden{display:block;min-height:0}.note-list-resizer{display:none}.note-list{height:100dvh;border:0}.workspace{display:none;height:100dvh}.workspace{position:relative}.mobile-note .note-list{display:none}.mobile-note .workspace{display:flex}.mobile-back{display:inline-flex}.list-header{padding:9px 14px 12px}.list-heading h1{font-size:18px}.note-row{min-height:82px;padding:12px 16px 11px}.note-row-title{font-size:15px}.workspace-toolbar{height:48px;min-height:48px;padding:0 7px;gap:2px}.toolbar-right{gap:0}.toolbar-right>.icon-button{width:28px;flex-basis:28px}.toolbar-link-action,.toolbar-outline-action,.toolbar-share-action,.toolbar-history-action,.print-action{display:none}.mobile-pdf-action,.mobile-share-action{display:inline-flex}.segmented{margin-right:1px}.segmented button{width:27px}.save-status{gap:4px;font-size:10px}.document-scroll{padding:0 22px}.knowledge-panel{position:absolute;inset:48px 0 32px auto;z-index:4;width:min(290px,100%);min-width:0;box-shadow:-8px 0 24px #0000001f}.document{width:100%;padding:30px 0 52px}.note-title{font-size:25px}.document-meta{margin-bottom:24px}.code-editor,.markdown{font-size:15px}.document-footer{padding:0 14px;gap:9px}.word-count{font-size:10px}.setting-row{flex-wrap:wrap}.token-form,.form-grid,.user-create-form,.user-edit-grid{grid-template-columns:1fr}.shared-document{width:calc(100% - 36px);padding-top:34px}.shared-document>h1{font-size:27px}dialog.pdf-export-dialog{width:calc(100% - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:14px}.pdf-export-layout{grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) auto;gap:14px}.pdf-preview-pages{padding:8px;gap:8px}.pdf-export-form{gap:12px}.pdf-export-options{grid-template-columns:1fr}.pdf-export-sidebar .dialog-actions{margin-top:16px}.dialog-header{margin-bottom:15px}}@media(max-width:350px){.workspace-toolbar{padding:0 5px}.save-status{max-width:76px;overflow:hidden;text-overflow:ellipsis}.toolbar-right>.icon-button{width:27px;flex-basis:27px}.segmented button{width:26px}.document-scroll{padding:0 20px}.word-count{display:none}}