:root{--bg:#0b1220;--bg-elevated:#0f182b;--surface:#ffffff0f;--surface2:#ffffff1a;--text:#e5e7eb;--muted:#a7b0c0;--border:#ffffff24;--grid:#94c5ff0d;--accent:#0ea5e9;--accent2:#6366f1;--accent-soft:#0ea5e924;--danger:#f87171;--danger-soft:#f8717124;--success:#34d399;--warning:#fbbf24;--radius:14px;--radius-sm:8px;--shadow:0 14px 36px #00000059;--header-h:56px;--header-bg:#0a0f1cc7;--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#f7fafc;--bg-elevated:#fff;--surface:#0f172a0d;--surface2:#0f172a14;--text:#0f172a;--muted:#475569;--border:#0f172a24;--grid:#0f172a0e;--accent:#0284c7;--accent-soft:#0284c71a;--danger:#dc2626;--danger-soft:#dc262614;--success:#059669;--warning:#b45309;--shadow:0 14px 30px #02061724;--header-bg:#f7fafcd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:34px 34px;background-attachment:fixed;margin:0;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.25}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:.8em}.icon{flex-shrink:0;width:18px;height:18px}.muted{color:var(--muted)}.small{font-size:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1100px,100% - 2.5rem);margin:0 auto}.row-gap{align-items:center;gap:10px;justify-content:inherit;flex-wrap:wrap;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.78rem}.accent-text{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:.93rem;font-weight:500;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--surface2);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#0284c7;border-color:#0000}.btn-primary:hover{background:#0369a1}.btn-danger{color:#fff;background:#dc2626;border-color:#0000}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:0 0;border-color:#0000}.btn-sm{min-height:32px;padding:5px 12px;font-size:.85rem}.btn-lg{min-height:46px;padding:10px 22px;font-size:1rem}.btn-block{width:100%}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface);color:var(--text);text-decoration:none}.icon-btn.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn-sm{border-color:#0000;width:28px;height:28px}.icon-btn-sm .icon{width:16px;height:16px}.link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.field{margin-bottom:1rem}.field label{margin-bottom:6px;font-size:.88rem;font-weight:500;display:block}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:42px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin:6px 0 0;font-size:.83rem}.field-hint{color:var(--muted);margin:6px 0 0;font-size:.83rem}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:1rem;padding:10px 12px;font-size:.9rem;display:flex}.alert .icon{margin-top:2px}.alert-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft)}.alert-info{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app-header{z-index:50;height:var(--header-h);background:var(--header-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.app-header-inner{align-items:center;gap:10px;height:100%;padding:0 16px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.brand:hover{color:var(--accent);text-decoration:none}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-link{border-radius:var(--radius-sm);color:var(--muted);font-family:var(--mono);padding:6px 10px;font-size:.8rem}.header-link:hover{background:var(--surface);color:var(--text);text-decoration:none}.avatar{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;place-items:center;width:100%;height:100%;font-size:.78rem;font-weight:600;display:grid}.menu .icon-btn:has(.avatar){border:0;padding:0;overflow:hidden}.menu{position:relative}.menu-list{z-index:60;border:1px solid var(--border);background:var(--bg-elevated);min-width:180px;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px)}.menu-end{right:0}.menu-start{left:0}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.9rem;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface2);outline:none}.menu-item .icon{width:16px;height:16px;color:var(--muted)}.menu-item.danger,.menu-item.danger .icon{color:var(--danger)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061799}.dialog-body{padding:18px 20px 20px}.dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dialog-header h2{margin:0;font-size:1.1rem}.dialog-header .icon-btn{border-color:#0000}.dialog-content p{margin-top:0}.dialog-footer,.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-elevated);box-shadow:var(--shadow);pointer-events:auto;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 10px 10px 14px;font-size:.9rem;animation:.2s toast-in;display:flex}.toast>span{flex:1;padding-top:1px}.toast .icon{margin-top:2px}.toast-success{border-left-color:var(--success)}.toast-success>.icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error>.icon{color:var(--danger)}.toast-info>.icon{color:var(--accent)}.toast-close{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.toast-close:hover{background:var(--surface2)}.toast-close .icon{width:14px;height:14px;margin:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.full-page-status{min-height:calc(100vh - var(--header-h));place-items:center;padding:24px 16px;display:grid}.full-page-status:first-child{min-height:100vh}.status-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:440px;display:flex}.status-card h1{margin:0;font-size:1.5rem}.status-card p{margin:0}.status-card .icon{color:var(--muted)}.markdown-body{overflow-wrap:break-word;font-size:.98rem;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{letter-spacing:-.01em;margin:1.4em 0 .5em}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.25em;font-size:1.7em}.markdown-body h2{font-size:1.35em}.markdown-body h3{font-size:1.12em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin:0 0 1em}.markdown-body ul,.markdown-body ol{padding-left:1.6em}.markdown-body li+li{margin-top:.2em}.markdown-body li.task-list-item{margin-left:-1.4em;list-style:none}.markdown-body input[type=checkbox]{accent-color:var(--accent);vertical-align:-1px;margin:0 .5em 0 0}.markdown-body blockquote{border-left:3px solid var(--accent2);background:var(--surface);color:var(--muted);border-radius:0 6px 6px 0;padding:.2em 1em}.markdown-body code{background:var(--surface2);font-family:var(--mono);border-radius:5px;padding:.15em .4em;font-size:.87em}.markdown-body pre{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 16px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0;font-size:.85em}.markdown-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 12px}.markdown-body th{background:var(--surface);font-weight:600}.markdown-body hr{border:0;border-top:1px solid var(--border);margin:1.5em 0}.markdown-body img{border-radius:8px;max-width:100%}.markdown-body ul{list-style-type:disc}.markdown-body ul ul,.markdown-body ol ul{list-style-type:circle}.markdown-body ul ul ul,.markdown-body ol ul ul,.markdown-body ul ol ul,.markdown-body ol ol ul{list-style-type:square}.markdown-body ol{list-style-type:decimal}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-alpha}.markdown-body ol ol ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ul ul ol{list-style-type:lower-roman}.markdown-body li>ul,.markdown-body li>ol{margin:.2em 0 0}.markdown-body li.task-list-item>input[type=checkbox]:not(:disabled){cursor:pointer}.markdown-body li.task-list-item:has(>input:checked){color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.markdown-body li.task-list-item:has(>input:checked) li{text-decoration:none}.markdown-body .attachment{max-width:100%;display:inline-block;position:relative}.markdown-body .attachment img{max-width:100%;height:auto;display:block}.markdown-body .attachment.is-doodle img{border:1px solid var(--border);border-radius:8px}.attachment-edit{opacity:0;box-shadow:var(--shadow);transition:opacity .15s;position:absolute;top:8px;right:8px}.attachment:hover .attachment-edit,.attachment-edit:focus-visible{opacity:1}@media (hover:none){.attachment-edit{opacity:1}}.attachment-placeholder{border:1px dashed var(--border);background:var(--surface);width:min(100%,320px);height:160px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.85rem;animation:1.2s ease-in-out infinite pulse;display:inline-flex}.attachment-placeholder.error{animation:none}.attachment-placeholder .icon{width:16px;height:16px}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.workspace{flex:1;grid-template-columns:250px 6px 330px 6px minmax(0,1fr);min-height:0;display:grid;position:relative}.sidebar{background:color-mix(in srgb, var(--bg) 88%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.sidebar-scroll{flex:1;min-height:0;padding:12px 10px 8px;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-link,.folder-link{border-radius:var(--radius-sm);min-height:34px;color:var(--muted);align-items:center;gap:10px;padding:6px 10px;font-size:.92rem;display:flex}.sidebar-link:hover,.folder-link:hover{background:var(--surface);color:var(--text);text-decoration:none}.sidebar-link.active,.folder-row.active .folder-link{background:var(--accent-soft);color:var(--accent)}.sidebar-link .icon,.folder-link .icon{width:17px;height:17px}.sidebar-link-label,.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count{font-family:var(--mono);color:var(--muted);font-size:.75rem}.sidebar-heading{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:18px 4px 6px 10px;font-size:.72rem;display:flex}.sidebar-tree{margin:0 -4px;padding:0 4px 4px}.sidebar-placeholder{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px;font-size:.88rem;display:flex}.sidebar-placeholder.error p{color:var(--danger);margin:0}.sidebar-close{display:none}.folder-tree,.folder-tree ul{margin:0;padding:0;list-style:none}.folder-row{padding-left:calc(var(--depth) * 14px);align-items:center;display:flex;position:relative}.folder-toggle,.folder-toggle-spacer{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;padding:0;display:grid}.folder-toggle:hover{background:var(--surface2);color:var(--text)}.folder-toggle .icon{width:14px;height:14px}.folder-link{flex:1;min-width:0;padding-left:6px}.row-menu .icon-btn{opacity:0;border-color:#0000;width:28px;height:28px}.folder-row:hover .row-menu .icon-btn,.tag-row:hover .row-menu .icon-btn,.row-menu .icon-btn:focus-visible,.row-menu .icon-btn[aria-expanded=true]{opacity:1}@media (hover:none){.row-menu .icon-btn{opacity:1}}.drawer-backdrop{display:none}.list-pane{background:color-mix(in srgb, var(--bg) 70%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.list-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 10px;display:flex}.list-title{min-width:0}.list-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;overflow:hidden}.list-title p{margin:2px 0 0}.breadcrumb{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.breadcrumb a{color:var(--muted)}.list-controls{border-bottom:1px solid var(--border);gap:8px;padding:0 16px 12px;display:flex}.search-box{flex:150px;min-width:0;position:relative}.search-box .icon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input,.sort-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;height:36px;font-size:.88rem}.search-box input{padding:0 10px 0 32px}.sort-select{text-overflow:ellipsis;flex:0 auto;width:auto;max-width:48%;padding:0 8px}.search-box input:focus,.sort-select:focus{border-color:var(--accent);outline:none}.note-list-scroll{flex:1;min-height:0;overflow-y:auto}.note-list{margin:0;padding:6px;list-style:none}.note-list.is-refreshing{opacity:.6}.note-item{color:var(--text);border:1px solid #0000;border-radius:10px;padding:10px 12px;display:block}.note-item:hover{background:var(--surface);text-decoration:none}.note-item.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.note-item-top{align-items:center;gap:8px;display:flex}.note-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.pin-icon{width:14px;height:14px;color:var(--accent)}.note-item-excerpt{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:2px 0 6px;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.note-item-meta{font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;font-size:.72rem;display:flex}.note-item-folder{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.note-item-folder .icon{width:12px;height:12px}.list-message{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.list-message p{margin:0}.load-more{justify-content:center;padding:8px 0 20px;display:flex}.note-skeleton{flex-direction:column;gap:8px;padding:12px;display:flex}.note-skeleton span{background:var(--surface2);border-radius:4px;height:10px;animation:1.2s ease-in-out infinite pulse}.note-skeleton span:first-child{width:60%;height:13px}.note-skeleton span:last-child{width:30%}@keyframes pulse{50%{opacity:.45}}.editor-pane{background:color-mix(in srgb, var(--bg) 55%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-message{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.editor-message h2{margin:4px 0 0;font-size:1.2rem}.editor-message p{max-width:420px;margin:0}.editor-message>.icon{color:var(--muted)}.empty-editor .icon{color:var(--accent)}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.editor-body{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.editor-body.with-info{grid-template-columns:minmax(0,1fr) 270px}.editor-main{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-topbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.editor-back{display:none}.editor-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.save-status{min-width:0;font-family:var(--mono);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.save-status .icon{width:14px;height:14px}.status-saved .icon{color:var(--success)}.status-pending{color:var(--warning)}.status-error{color:var(--danger)}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:inline-flex}.segmented button{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;display:inline-flex}.segmented button .icon{width:15px;height:15px}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface2);color:var(--text)}.editor-meta{padding:14px 20px 8px}.title-input{letter-spacing:-.015em;background:0 0;border:0;width:100%;padding:2px 0;font-size:1.6rem;font-weight:600}.title-input:focus{outline:none}.title-input::placeholder{color:var(--muted);opacity:.6}.editor-meta-row{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;display:flex}.folder-picker{border:1px solid var(--border);max-width:100%;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 8px;display:inline-flex}.folder-picker .icon{width:14px;height:14px}.folder-picker select{max-width:220px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:3px 4px;font-size:.83rem}.folder-picker select:focus{outline:none}.folder-picker:focus-within{border-color:var(--accent)}.folder-picker option{background:var(--bg-elevated)}.md-editor{flex-direction:column;flex:1;min-height:0;display:flex}.md-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);scrollbar-width:none;gap:2px;padding:4px 16px;display:flex;overflow-x:auto}.tool-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.tool-btn:active{background:var(--surface2)}@media (hover:hover){.tool-btn:hover{background:var(--surface2);color:var(--text)}}.tool-btn .icon{width:16px;height:16px}.md-panes{flex:1;min-height:0;display:grid}.view-split .md-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.view-preview .md-panes{border-top:1px solid var(--border)}.md-input-wrap{min-width:0;min-height:0;display:flex;position:relative}.md-input,.md-preview{min-height:0;padding:18px 20px 40px;overflow-y:auto}.md-input{resize:none;width:100%;height:100%;font-family:var(--mono);tab-size:2;background:0 0;border:0;font-size:.92rem;line-height:1.7}.md-input:focus{outline:none}.md-input::placeholder{color:var(--muted);opacity:.7}.view-split .md-preview{min-width:0}.md-preview:focus-visible{outline-offset:-2px}.preview-empty{color:var(--muted);font-style:italic}@media (width<=1099px){.sidebar{z-index:40;background:var(--bg-elevated);width:min(300px,85vw);box-shadow:var(--shadow);visibility:hidden;transition:transform .22s,visibility .22s;position:absolute;inset:0 auto 0 0;transform:translate(-105%)}.drawer-open .sidebar{visibility:visible;transform:none}.drawer-open .drawer-backdrop{z-index:30;background:#02061780;border:0;display:block;position:absolute;inset:0}.sidebar-close{margin-top:8px;display:inline-flex}.hide-md{display:none}}@media (width<=699px){.editor-back{display:inline-grid}.editor-topbar{padding:8px 12px}.editor-meta{padding:12px 14px 6px}.title-input{font-size:1.3rem}.md-toolbar{padding:4px 8px}.md-input,.md-preview{padding:14px 14px 40px;font-size:16px}.hide-sm,.list-header .btn span{display:none}.save-status{text-overflow:ellipsis;flex:1;overflow:hidden}}[data-color=sky]{--tag:#0ea5e9}[data-color=indigo]{--tag:#6366f1}[data-color=violet]{--tag:#8b5cf6}[data-color=rose]{--tag:#f43f5e}[data-color=orange]{--tag:#f97316}[data-color=amber]{--tag:#d97706}[data-color=emerald]{--tag:#10b981}[data-color=teal]{--tag:#14b8a6}[data-color=slate]{--tag:#94a3b8}.tag-chip{border:1px solid color-mix(in srgb, var(--tag,#94a3b8) 45%, transparent);background:color-mix(in srgb, var(--tag,#94a3b8) 14%, transparent);max-width:100%;color:color-mix(in srgb, var(--tag,#94a3b8) 70%, var(--text));white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-size:.8rem;line-height:1.5;display:inline-flex}.tag-sm{padding:0 7px;font-size:.75rem}.tag-xs{gap:4px;padding:0 6px;font-size:.68rem}.tag-dot{background:var(--tag,#94a3b8);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tag-name{text-overflow:ellipsis;overflow:hidden}.tag-remove{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-4px;padding:0;display:grid}.tag-remove:hover{background:color-mix(in srgb, var(--tag,#94a3b8) 30%, transparent)}.tag-remove .icon{width:11px;height:11px}.tag-input{cursor:text;border:1px solid #0000;border-radius:999px;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:180px;min-height:30px;padding:2px 8px;display:flex;position:relative}.tag-input:hover{border-color:var(--border)}.tag-input:focus-within{border-color:var(--accent)}.tag-input-icon{width:14px;height:14px;color:var(--muted)}.tag-input-field{flex:1;min-width:90px;position:relative}.tag-input-field input{background:0 0;border:0;width:100%;padding:3px 2px;font-size:.83rem}.tag-input-field input:focus{outline:none}.tag-suggestions,.link-suggestions{z-index:20;border:1px solid var(--border);background:var(--bg-elevated);min-width:220px;max-width:320px;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute}.tag-suggestions{top:calc(100% + 6px);left:-8px}.tag-suggestions li,.link-suggestions li{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:.86rem;display:flex}.tag-suggestions li.active,.tag-suggestions li:hover,.link-suggestions li.active,.link-suggestions li:hover{background:var(--surface2)}.link-suggestions li{justify-content:flex-start}.link-suggestions .icon{width:15px;height:15px;color:var(--muted)}.link-suggestions span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-list{margin:0;padding:0 0 4px;list-style:none}.tag-row{border-radius:var(--radius-sm);align-items:center;display:flex}.tag-row:hover{background:var(--surface)}.tag-filter{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:32px;padding:4px 8px;display:flex}.tag-row.active .tag-filter{background:var(--accent-soft)}.tag-row.active .tag-chip{box-shadow:0 0 0 1.5px var(--tag,#94a3b8)}.sidebar-clear{font-family:var(--font);text-transform:none;letter-spacing:0;font-size:.75rem}.starred-link .icon,.star-icon{color:#f59e0b}.active-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.list-hint{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin:0;padding:6px 16px;display:flex}.list-hint .icon{width:14px;height:14px}.color-field{border:0;margin:0 0 1rem;padding:0}.color-field legend{margin-bottom:6px;font-size:.88rem;font-weight:500}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--tag,#94a3b8);cursor:pointer;border-radius:50%;width:28px;height:28px;position:relative}.swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.swatch:has(input:checked){box-shadow:0 0 0 2px var(--bg-elevated), 0 0 0 4px var(--tag,#94a3b8)}.swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}mark{color:inherit;background:#facc1573;border-radius:3px;padding:0 1px}.wiki-link{background:var(--accent-soft);border-radius:4px;padding:0 2px;text-decoration:none}.wiki-link:before{content:"[[";opacity:.45}.wiki-link:after{content:"]]";opacity:.45}.wiki-link.missing{color:var(--muted);background:0 0;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.resizer{z-index:5;cursor:col-resize;touch-action:none;width:6px;margin:0 -3px;position:relative}.resizer:after{content:"";background:var(--border);width:1px;transition:background .15s,width .15s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.resizer:hover:after,.resizer:focus-visible:after,.resizer.dragging:after{background:var(--accent);width:3px}.resizer:focus-visible{outline:none}.md-panes>.resizer{margin:0}.drop-over>.sidebar-link,.folder-row.drop-over,.sidebar-heading.drop-over{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:var(--radius-sm);background:var(--accent-soft)}.sidebar-heading.drop-over{color:var(--accent)}.is-dragging{opacity:.45}.drag-preview{border:1px solid var(--accent);background:var(--bg-elevated);max-width:260px;box-shadow:var(--shadow);cursor:grabbing;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;display:inline-flex}.drag-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-item-wrap{align-items:stretch;display:flex}.note-item-wrap .note-item{flex:1;min-width:0}.note-item{touch-action:manipulation;-webkit-touch-callout:none}.drag-handle{width:22px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.drag-handle:hover{background:var(--surface2);color:var(--text)}.drag-handle .icon{width:15px;height:15px}.file-drag-over{outline:2px dashed var(--accent);outline-offset:-6px}.file-drop-hint{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--accent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex;position:absolute;inset:0}.list-header-actions{align-items:center;gap:6px;display:flex}.list-header-actions .menu .icon-btn{width:32px;height:32px}.split-button{display:inline-flex;position:relative}.split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-toggle{border-left:1px solid #ffffff59;border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;padding:5px 7px}.split-toggle .icon{width:15px;height:15px}.template-menu{width:280px;max-height:70vh;right:0;overflow-y:auto}.menu-label,.menu-note{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 8px 6px;font-size:.7rem}.menu-note{text-transform:none;letter-spacing:0;font-family:var(--font);font-size:.85rem}.template-menu .menu-item{align-items:flex-start}.template-menu .menu-item span{flex-direction:column;display:flex}.template-menu small{color:var(--muted);font-size:.75rem;line-height:1.35}.template-menu hr,.menu-list hr{border:0;border-top:1px solid var(--border);margin:6px 4px}.list-subheading{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 16px 4px;font-size:.72rem;font-weight:500}.list-note{margin:4px 16px 8px}.badge{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);border-radius:999px;padding:0 7px;font-size:.68rem}.dialog-md{width:min(560px,100vw - 32px)}.dialog-xl{width:min(1040px,100vw - 32px)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.drop-zone.over{border-color:var(--accent);background:var(--accent-soft)}.drop-zone>.icon{color:var(--accent)}.drop-zone p{margin:0}.import-progress{flex-direction:column;align-items:center;gap:10px;padding:24px 0;display:flex}.import-progress progress{width:100%;accent-color:var(--accent)}.import-result .ok{color:var(--success);vertical-align:-3px}.skipped-list{max-height:200px;margin:8px 0 0;padding-left:18px;font-size:.85rem;overflow-y:auto}.versions{grid-template-columns:300px minmax(0,1fr);gap:16px;height:min(70vh,640px);display:grid}.versions-list{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.versions-list ul{margin:6px 0 0;padding:0;list-style:none}.save-version{gap:6px;margin-bottom:8px;display:flex}.save-version input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1;min-width:0;height:32px;padding:0 10px;font-size:.85rem}.version-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%;padding:8px 10px;display:flex}.version-item:hover{background:var(--surface)}.version-item.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.version-item .muted{flex-basis:100%}.version-when{font-size:.9rem;font-weight:500}.version-kind{background:var(--surface2);font-family:var(--mono);border-radius:999px;padding:0 6px;font-size:.68rem}.kind-manual{background:color-mix(in srgb, var(--accent) 22%, transparent)}.kind-restore{background:#f59e0b40}.version-label{font-size:.85rem;font-style:italic}.versions-view{flex-direction:column;min-width:0;min-height:0;display:flex}.versions-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.confirm-inline{flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.diff-legend{gap:14px;margin:0 0 6px;display:flex}.diff{border:1px solid var(--border);background:var(--bg);min-height:0;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;flex:1;margin:0;padding:12px;font-size:.8rem;line-height:1.6;overflow:auto}.diff-add{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.diff-del{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.diff-legend .diff-add,.diff-legend .diff-del{border-radius:4px;padding:0 6px}.versions-preview{border:1px solid var(--border);border-radius:10px;flex:1;min-height:0;padding:12px 16px;overflow:auto}.info-panel{border-left:1px solid var(--border);flex-direction:column;gap:18px;min-height:0;padding:14px 16px 24px;display:flex;overflow-y:auto}dialog .info-panel{border:0;padding:0}dialog .info-header{display:none}.info-header{justify-content:space-between;align-items:center;display:flex}.info-panel h2{margin:0;font-size:1rem}.info-panel h3{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.7rem;font-weight:500}.info-panel section p{margin:0}.outline{margin:0;padding:0;list-style:none}.outline li{padding-left:calc((var(--level) - 1) * 12px)}.outline-link{text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;width:100%;padding:3px 6px;font-size:.86rem;display:block;overflow:hidden}.outline-link:hover{background:var(--surface2);color:var(--accent)}.stats{gap:4px;margin:0;display:grid}.stats div{justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.stats dt{color:var(--muted)}.stats dd{text-align:right;margin:0}.backlinks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.backlinks a{align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.backlinks .icon{width:14px;height:14px}.recovery-banner{border-bottom:1px solid color-mix(in srgb, var(--warning) 40%, transparent);background:color-mix(in srgb, var(--warning) 12%, transparent);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 16px;font-size:.88rem;display:flex}.recovery-banner>.icon{color:var(--warning)}.recovery-banner span{flex:1;min-width:200px}.status-offline{color:var(--warning)}.list-toggle{display:inline-grid}.trash-item{border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.trash-item:hover{background:var(--surface)}.trash-item.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.trash-main{color:var(--text);flex-direction:column;gap:2px;min-width:0;display:flex}.trash-main:hover{text-decoration:none}.trash-main .note-item-title{align-items:center;gap:6px;display:flex}.trash-main .icon{width:15px;height:15px;color:var(--muted)}.trash-main .note-item-excerpt{margin:0}.trash-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.danger-text{color:var(--danger)}.trash-preview-body{flex:1;min-height:0;padding:18px 22px 40px;overflow-y:auto}.trash-preview-body>h1{margin:0 0 8px}.template-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px;padding:14px 20px 4px;display:grid}.template-fields .field{margin-bottom:10px}.template-fields .field input{min-height:36px}.placeholder-help{grid-column:1/-1;margin-bottom:10px;font-size:.86rem}.placeholder-help summary{cursor:pointer;color:var(--accent)}.placeholder-help ul{margin:6px 0 0;padding-left:18px}.template-source{border:1px solid var(--border);background:var(--surface);font-family:var(--mono);white-space:pre-wrap;border-radius:10px;padding:14px 16px;font-size:.85rem}.toast-action{border:1px solid var(--border);background:var(--surface2);cursor:pointer;white-space:nowrap;border-radius:6px;padding:2px 10px;font-size:.82rem;font-weight:600}.toast-action:hover{border-color:var(--accent);color:var(--accent)}@media (width<=899px){.versions{grid-template-columns:1fr;height:auto;max-height:75vh}.versions-list{max-height:30vh}}@media (width<=699px){.tag-input{flex-basis:100%}.list-header-actions .split-main span{display:none}}.print-area{display:none}@media print{body{color:#000;background:#fff!important}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{color:#000;--text:#000;--muted:#444;--border:#ccc;--surface:#f4f4f5;--surface2:#e4e4e7;width:100%;padding:0;display:block;position:absolute;inset:0 auto auto 0}.print-area h1{margin:0 0 6px;font-size:22pt}.print-tags{gap:6px;margin:0 0 14px;display:flex}.print-area .markdown-body{font-size:11pt}.print-area pre,.print-area blockquote,.print-area table{break-inside:avoid}.print-area a{color:#000;text-decoration:underline}.app-shell{height:auto;overflow:visible}}.tool-group{border-right:1px solid var(--border);gap:2px;margin-right:4px;padding-right:6px;display:inline-flex}.tool-group:last-child{border-right:0;margin-right:0}.tool-anchor{display:inline-flex;position:relative}.md-toolbar{flex-wrap:wrap;row-gap:2px;overflow:visible}.table-picker{z-index:30;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.table-picker:focus-visible{outline:2px solid var(--accent)}.table-grid{grid-template-columns:repeat(var(--cols), 18px);gap:3px;display:grid}.table-cell{border:1px solid var(--border);cursor:pointer;border-radius:3px;width:18px;height:18px}.table-cell.on{border-color:var(--accent);background:var(--accent-soft)}.table-picker-label{white-space:nowrap;margin:8px 0 0;font-size:.82rem}.doodle-toolbar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.doodle-colors{gap:6px;display:flex}.doodle-swatch{border:2px solid var(--bg-elevated);background:var(--swatch);width:24px;height:24px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%;padding:0}.doodle-swatch.active{box-shadow:0 0 0 2px var(--accent)}.doodle-swatch:disabled{opacity:.35;cursor:not-allowed}.size-dot{width:var(--dot);height:var(--dot);background:currentColor;border-radius:50%;display:inline-block}.doodle-history{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.doodle-paper{aspect-ratio:1200/750;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;max-height:62vh;margin:0 auto;position:relative;overflow:hidden}.doodle-paper canvas{width:100%;height:100%;position:absolute;inset:0}.doodle-input{touch-action:none;cursor:crosshair}.doodle-input.tool-eraser{cursor:cell}.doodle-overlay{color:#334155;background:#fffc;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.camera-stage{aspect-ratio:4/3;background:#000;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.camera-stage video,.camera-stage img{object-fit:contain;width:100%;height:100%}.camera-stage video.mirrored{transform:scaleX(-1)}.camera-overlay{color:#e5e7eb;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.camera-overlay p{max-width:360px;margin:0}.camera-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;display:grid}.camera-actions>:first-child{justify-self:start}.camera-actions>:last-child{justify-self:end}.camera-actions:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}.shutter{width:58px;height:58px;box-shadow:0 0 0 2px var(--border);cursor:pointer;background:#dc2626;border:4px solid #fff;border-radius:50%}.shutter:active{transform:scale(.94)}.page{flex-direction:column;min-height:100vh;display:flex}.landing{flex:1}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding:72px 0 56px;display:grid}.hero h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.1rem)}.lede{max-width:34rem;color:var(--muted);margin:0 0 1.6rem;font-size:1.08rem}.demo-window{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);overflow:hidden}.demo-bar{border-bottom:1px solid var(--border);gap:6px;padding:10px 14px;display:flex}.demo-bar span{background:var(--surface2);border-radius:50%;width:10px;height:10px}.demo-body{padding:18px 22px;font-size:.92rem}.section-title{margin:0 0 1.2rem;font-size:1.4rem}.features{padding:24px 0 72px}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 20px}.feature-card .icon{width:22px;height:22px;color:var(--accent)}.feature-card h3{margin:10px 0 4px;font-size:1.02rem}.feature-card p{color:var(--muted);margin:0;font-size:.93rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:22px 0;font-size:.87rem}@media (width<=860px){.hero{grid-template-columns:1fr;gap:32px;padding:44px 0 32px}}.auth-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex}.auth-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);width:min(420px,100%);box-shadow:var(--shadow);padding:28px}.auth-card h1{margin:0 0 4px;font-size:1.5rem}.auth-card>p{margin:0 0 1.4rem}.auth-card form .btn-block{margin-top:6px}.auth-footer{color:var(--muted);margin-top:18px;font-size:.92rem}.slow-hint{text-align:center;margin:12px 0 0}@media (width<=480px){.auth-card{padding:22px 18px}}.settings{flex:1;max-width:680px;padding:28px 0 64px}.settings h1{margin:12px 0 4px;font-size:1.7rem}.settings>p{margin:0 0 24px}.back-link{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.back-link .icon{width:16px;height:16px}.settings-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:18px;padding:20px 22px}.settings-card h2{margin:0 0 14px;font-size:1.1rem}.settings-card form{max-width:400px}.danger-card{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.danger-card p{margin-top:0}