:root{--sidebar:#ebebea;--list:#f4f4f3;--editor:#f7f7f6;--surface:#fafaf9db;--text:#1d1d1f;--muted:#8b8b90;--faint:#b4b4b8;--border:#00000014;--hover:#0000000b;--selected:#00000013;--accent:#f25c5c;--accent-soft:#f25c5c24;--code-bg:#0000000e;--shadow:0 18px 50px #00000029, 0 2px 8px #0000000f;--zoom:1;--keyboard:0px;--header:max(52px, env(titlebar-area-height,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sidebar:#1b1b1d;--list:#202022;--editor:#232325;--surface:#2c2c2fdb;--text:#ececee;--muted:#8e8e93;--faint:#5c5c61;--border:#ffffff14;--hover:#ffffff0d;--selected:#ffffff17;--accent:#ff6b6b;--accent-soft:#ff6b6b29;--code-bg:#ffffff14;--shadow:0 18px 50px #00000080, 0 2px 8px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--editor);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}.icon{flex:none;width:18px;height:18px}.icon.small{width:14px;height:14px}.icon.accent{color:var(--accent)}.app{height:100%;padding-top:env(safe-area-inset-top);display:flex}.pane-header{height:var(--header);app-region:drag;-webkit-app-region:drag;flex:none;align-items:center;gap:4px;padding:0 10px;display:flex}.pane-header button,.pane-header input{app-region:no-drag;-webkit-app-region:no-drag}.icon-button{width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-button:hover,.icon-button.active{background:var(--hover);color:var(--text)}.icon-button:focus-visible,.folder-row:focus-visible,.note-row:focus-visible,.palette-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex:none;width:230px;display:flex}.sidebar-header .titlebar-spacer{min-width:env(titlebar-area-x,0px);flex:1}.sidebar-scroll{flex:1;padding:2px 10px 12px;overflow-y:auto}.sidebar-label{color:var(--muted);padding:16px 10px 6px;font-size:12px;font-weight:600}.folder-row{text-align:left;border-radius:9px;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px 0 8px;display:flex}.folder-row:hover{background:var(--hover)}.folder-row.selected{background:var(--selected)}.folder-row .chevron{width:14px;color:var(--muted);place-items:center;margin-right:-4px;display:grid}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count{color:var(--muted);font-variant-numeric:tabular-nums}.trash-row{color:var(--text);margin-top:14px}.new-folder input{border:1px solid var(--accent);background:var(--editor);border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px}.sync-status{padding:10px 20px calc(12px + env(safe-area-inset-bottom));color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.sync-status .dot{background:#34c759;border-radius:50%;width:7px;height:7px}.sync-status.syncing .dot{background:#f5a623}.sync-status.offline .dot,.sync-status.unauthorized .dot{background:var(--faint)}.note-list{background:var(--list);border-right:1px solid var(--border);flex-direction:column;flex:none;width:310px;display:flex}.list-header .titlebar-left{margin-left:env(titlebar-area-x,0px)}.app:has(.sidebar) .list-header .titlebar-left{margin-left:0}.list-title{flex-direction:column;flex:1;min-width:0;padding-left:8px;line-height:1.2;display:flex}.list-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.list-title span{color:var(--muted);font-size:12px}.list-search{background:var(--hover);height:32px;color:var(--muted);border-radius:9px;align-items:center;gap:6px;margin:0 14px 8px;padding:0 10px;display:flex}.list-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.list-scroll{flex:1;padding:0 10px 16px;overflow-y:auto}.list-group-name{align-items:center;gap:6px;padding:14px 10px 6px;font-size:15px;font-weight:700;display:flex}.list-empty{color:var(--muted);text-align:center;padding:40px 0}.note-row{text-align:left;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 12px 10px;display:flex;position:relative}.note-row+.note-row:before{content:"";border-top:1px solid var(--border);position:absolute;top:0;left:12px;right:12px}.note-row:hover{background:var(--hover)}.note-row.selected{background:var(--selected)}.note-row.selected:before,.note-row.selected+.note-row:before,.note-row:hover:before,.note-row:hover+.note-row:before{border-color:#0000}.note-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.note-meta{gap:8px;min-width:0;font-size:13px;display:flex}.note-date{flex:none}.note-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-folder{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.editor-pane{background:var(--editor);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor-header{justify-content:space-between}.editor-header .titlebar-left{flex:1;min-width:0;display:flex}.app:not(:has(.sidebar)):not(:has(.note-list)) .editor-header .titlebar-left{padding-left:env(titlebar-area-x,0px)}.titlebar-actions{flex:1;justify-content:flex-end;gap:2px;display:flex}.note-heading,.title-input{max-width:50%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:none;padding:4px 10px;font-size:14px;font-weight:500;overflow:hidden}.note-heading:hover{background:var(--hover);color:var(--text)}.title-input{border:1px solid var(--accent);background:var(--editor);color:var(--text);text-align:center;outline:none;width:280px}.editor-scroll{cursor:text;flex:1;padding:4px clamp(20px,5vw,48px) 120px;overflow-y:auto}.editor-empty{color:var(--muted);text-align:center;cursor:default;margin-top:30vh}.editor-footer{pointer-events:none;height:44px;color:var(--faint);background:linear-gradient(transparent, var(--editor) 60%);padding-bottom:env(safe-area-inset-bottom);place-items:center;font-size:13px;display:grid;position:absolute;bottom:0;left:0;right:0}.format-toggle{right:14px;bottom:calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-radius:50%;width:36px;height:36px;position:absolute;box-shadow:0 1px 4px #0000001a}.format-bar{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(1.6);box-shadow:var(--shadow);border:1px solid var(--border);z-index:5;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;transform:translate(-50%)}.format-group{gap:2px;display:flex}.format-group+.format-group{border-left:1px solid var(--border);padding-left:4px}.format-close{color:var(--text)}.menu-anchor{position:relative}.menu{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(1.6);min-width:170px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:-6px}.menu button{text-align:left;border-radius:8px;padding:8px 10px;font-size:14px}.menu button:hover{background:var(--selected)}.readonly{cursor:default;max-width:760px;margin:0 auto}.readonly-banner{background:var(--hover);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.readonly-banner button{color:var(--accent);font-weight:600}.readonly pre{white-space:pre-wrap;font:inherit;font-size:calc(17px * var(--zoom));-webkit-user-select:text;user-select:text;line-height:1.6}.editor-host{max-width:760px;margin:0 auto}.cm-editor{font-size:calc(17px * var(--zoom));background:0 0;line-height:1.6}.cm-editor.cm-focused{outline:none}.cm-editor .cm-scroller{line-height:1.6;font-family:inherit!important;overflow:visible!important}.cm-content{caret-color:var(--accent);padding:8px 0 40px}.cm-line{padding:1px 0}.cm-cursor{border-left:2px solid var(--accent)!important}.cm-selectionBackground,.cm-focused .cm-selectionBackground{background:var(--accent-soft)!important}.cm-content ::selection{background:var(--accent-soft)!important}.cm-placeholder{color:var(--faint)}.cm-h{letter-spacing:-.01em;font-weight:700}.cm-h1{font-size:1.75em;line-height:1.3;padding-top:.3em!important}.cm-h2{font-size:1.4em;line-height:1.35;padding-top:.4em!important}.cm-h3{font-size:1.18em;padding-top:.3em!important}.cm-h4,.cm-h5,.cm-h6{font-size:1em}.cm-title{letter-spacing:-.01em;font-size:1.45em;font-weight:700;line-height:1.35;padding-bottom:.15em!important}.cm-list-line{text-indent:calc(-1 * var(--hang));padding-left:var(--hang)!important}.cm-indent{display:inline-block}.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-strike{color:var(--muted);text-decoration:line-through}.cm-inline-code{background:var(--code-bg);border-radius:5px;padding:1px 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.cm-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.cm-task{border:1.75px solid var(--accent);vertical-align:-3px;cursor:pointer;border-radius:6px;width:19px;height:19px;margin-right:10px;transition:background .12s;display:inline-block}.cm-task-checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 13px no-repeat}.cm-task-done{color:var(--muted)}.cm-bullet{background:var(--accent);vertical-align:3px;border-radius:50%;width:6px;height:6px;margin:0 2px 0 4px;display:inline-block}.cm-ordered{color:var(--accent);font-variant-numeric:tabular-nums}.cm-quote{border-left:3px solid var(--border);color:var(--muted);padding-left:14px!important}.cm-codeblock{background:var(--code-bg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.84em;padding:0 14px!important}.cm-codeblock-first{border-radius:10px 10px 0 0;padding-top:8px!important}.cm-codeblock-last{border-radius:0 0 10px 10px;padding-bottom:8px!important}.cm-codeblock-first.cm-codeblock-last{border-radius:10px}.cm-hr{border-top:2px solid var(--border);vertical-align:middle;width:100%;display:inline-block}.cm-image{border-radius:10px;max-width:100%;max-height:420px;margin:6px 0;display:block}.cm-panels{background:var(--editor)!important;border-color:var(--border)!important}.cm-panels-top{border-bottom:1px solid var(--border)!important}.cm-search{font-size:13px;padding:6px 10px!important}.cm-search input,.cm-search button{font-size:13px}.cm-textfield{border:1px solid var(--border);background:var(--list);border-radius:6px;padding:3px 6px}.cm-searchMatch{background:#ffc40059}.cm-tooltip.cm-slash-menu{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(1.6);box-shadow:var(--shadow);border-radius:16px;padding:4px 6px;font-family:inherit;overflow:hidden}.cm-tooltip.cm-slash-menu>ul{min-width:220px;max-height:340px!important;font-family:inherit!important}.cm-tooltip.cm-slash-menu>ul>completion-section{color:var(--muted);padding:10px 10px 4px;font-size:12px;display:block;opacity:1!important;border:0!important}.cm-tooltip.cm-slash-menu>ul>completion-section:not(:first-child){margin-top:4px;border-top:1px solid var(--border)!important}.cm-tooltip.cm-slash-menu>ul>li.cm-slash-option{color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;font-size:15px;display:flex}.cm-tooltip.cm-slash-menu>ul>li[aria-selected]{background:var(--selected);color:var(--text)}.cm-slash-icon{color:var(--text);place-items:center;display:grid}.palette-backdrop{z-index:50;padding-top:max(12vh, env(safe-area-inset-top));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{background:var(--surface);-webkit-backdrop-filter:blur(30px)saturate(1.7);width:min(560px,100vw - 32px);max-height:min(520px,70vh);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.palette-input{border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;padding:16px 20px;font-size:17px}.palette-input::placeholder{color:var(--muted)}.palette-list{padding:6px;overflow-y:auto}.palette-section{color:var(--muted);padding:10px 12px 4px;font-size:12px}.palette-section.divided,.palette-divider{border-top:1px solid var(--border);margin-top:6px}.palette-item{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:15px;display:flex}.palette-item.active{background:var(--selected)}.palette-item.danger{color:#dc2626}.palette-item.disabled{opacity:.4}.palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette-hint{color:var(--muted);font-size:13px}.palette-empty{color:var(--muted);text-align:center;padding:20px}.keys{gap:4px;display:flex}kbd{border:1px solid var(--border);min-width:24px;height:24px;font:inherit;color:var(--muted);border-radius:7px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.login{place-items:center;height:100%;padding:16px;display:grid}.login-card{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.login-card h1{margin:0;font-size:24px}.login-card p{color:var(--muted);margin:0}.login-card input{border:1px solid var(--border);background:var(--list);border-radius:10px;outline:none;height:42px;padding:0 12px}.login-card input:focus{border-color:var(--accent)}.login-card .login-error{color:#dc2626}.login-card button{background:var(--text);height:42px;color:var(--editor);border-radius:10px;font-weight:600}.login-card .login-switch{color:var(--muted);background:0 0;height:auto;font-weight:500}.login-card button:disabled{opacity:.5}.app.mobile .sidebar,.app.mobile .note-list{border-right:0;width:100%}.app.mobile .folder-row{height:44px;font-size:16px}.app.mobile .note-row{padding:11px 12px 12px;font-size:16px}.app.mobile .editor-scroll{padding:4px 20px calc(140px + var(--keyboard))}.app.mobile .format-bar{bottom:calc(var(--keyboard) + 8px + env(safe-area-inset-bottom));scrollbar-width:none;max-width:calc(100vw - 16px);position:fixed;overflow-x:auto}.app.mobile .format-bar::-webkit-scrollbar{display:none}.app.mobile .format-close,.app.mobile .format-toggle,.app.mobile .editor-footer{display:none}.app.mobile .cm-task{width:22px;height:22px}