:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-editor: var(--font-ui);--editor-font-size: 15px;--ui-font-size: 13px;--readable-width: 760px;--radius-s: 4px;--radius-m: 6px;--radius-l: 10px;--sidebar-width: 268px;--outline-width: 250px;--duration: .12s}[data-theme=dark]{--background-primary: #202020;--background-primary-alt: #161616;--background-secondary: #191919;--background-secondary-alt: #262626;--background-modifier-border: #363636;--background-modifier-border-hover: #4a4a4a;--background-modifier-form-field: #2a2a2a;--text-normal: #dcddde;--text-muted: #999a9b;--text-faint: #6e6e6e;--text-accent: #7f6df2;--text-accent-hover: #9184f5;--text-on-accent: #ffffff;--text-selection: #2b3f6b;--text-highlight-bg: rgba(255, 214, 111, .25);--interactive-normal: #2a2a2a;--interactive-hover: #333333;--interactive-accent: #7f6df2;--interactive-accent-hover: #9184f5;--md-h1: #e6c07b;--md-h2: #e6c07b;--md-h3: #e6c07b;--md-h4: #e6c07b;--md-h5: #e6c07b;--md-h6: #e6c07b;--md-strong: #eaeaea;--md-em: #d6d6d6;--md-muted: #8b8b8b;--md-link: #7f9cf5;--md-url: #8f9bb3;--md-quote: #a3b3c2;--md-code: #98c379;--md-list: #e6c07b;--background-secondary-alt-transparent: rgba(255, 255, 255, .03);--text-highlight-bg-transparent: rgba(255, 255, 255, .08);--shadow-s: 0 1px 2px rgba(0, 0, 0, .4);--shadow-m: 0 4px 12px rgba(0, 0, 0, .45);--shadow-l: 0 12px 32px rgba(0, 0, 0, .55);--ring: rgba(127, 109, 242, .35);color-scheme:dark}[data-theme=light]{--background-primary: #ffffff;--background-primary-alt: #f7f7f7;--background-secondary: #f2f3f5;--background-secondary-alt: #e9eaec;--background-modifier-border: #dfdfdf;--background-modifier-border-hover: #c9c9c9;--background-modifier-form-field: #ffffff;--text-normal: #2e3338;--text-muted: #6a6a6a;--text-faint: #8e8e8e;--text-accent: #6c5ce0;--text-accent-hover: #5a4bd1;--text-on-accent: #ffffff;--text-selection: #cfd9fb;--text-highlight-bg: rgba(255, 214, 111, .45);--interactive-normal: #f2f3f5;--interactive-hover: #e3e5e8;--interactive-accent: #6c5ce0;--interactive-accent-hover: #5a4bd1;--md-h1: #a0682a;--md-h2: #a0682a;--md-h3: #a0682a;--md-h4: #a0682a;--md-h5: #a0682a;--md-h6: #a0682a;--md-strong: #1a1a1a;--md-em: #333333;--md-muted: #777777;--md-link: #3b6fd4;--md-url: #6b7788;--md-quote: #5c6b7a;--md-code: #2a7d3f;--md-list: #a0682a;--background-secondary-alt-transparent: rgba(0, 0, 0, .03);--text-highlight-bg-transparent: rgba(0, 0, 0, .06);--shadow-s: 0 1px 2px rgba(0, 0, 0, .08);--shadow-m: 0 4px 12px rgba(0, 0, 0, .1);--shadow-l: 0 12px 32px rgba(0, 0, 0, .14);--ring: rgba(108, 92, 224, .25);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);font-size:var(--ui-font-size);color:var(--text-normal);background:var(--background-primary);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit}.btn:focus-visible,.tab:focus-visible,.note-item:focus-visible,.modal__item:focus-visible,.outline__item:focus-visible,.picker__cell:focus-visible,.tabbar__new:focus-visible,.tab__close:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}input:focus-visible,select:focus-visible{outline:none;border-color:var(--text-accent)!important;box-shadow:0 0 0 3px var(--ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--background-modifier-border);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--background-modifier-border-hover);background-clip:content-box}.app{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"titlebar titlebar titlebar" "sidebar  tabs     outline" "sidebar  editor   outline" "sidebar  status   outline";height:100%;background:var(--background-primary)}.app.no-sidebar{grid-template-columns:1fr auto;grid-template-areas:"titlebar titlebar" "tabs     outline" "editor   outline" "status   outline"}.app.no-outline{grid-template-columns:auto 1fr;grid-template-areas:"titlebar titlebar" "sidebar  tabs" "sidebar  editor" "sidebar  status"}.app.no-sidebar.no-outline{grid-template-columns:1fr;grid-template-areas:"titlebar" "tabs" "editor" "status"}.titlebar{grid-area:titlebar;display:flex;align-items:center;gap:4px;height:42px;padding:0 6px;background:var(--background-secondary);border-bottom:1px solid var(--background-modifier-border);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.titlebar__brand{display:flex;align-items:center;gap:7px;padding:0 8px;font-weight:600;font-size:13px;color:var(--text-normal);letter-spacing:.2px}.titlebar__brand svg{width:18px;height:18px;color:var(--text-accent)}.titlebar__spacer{flex:1}.titlebar__actions{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 9px;background:var(--interactive-normal);border:1px solid var(--background-modifier-border);border-radius:var(--radius-s);box-shadow:var(--shadow-s);color:var(--text-muted);cursor:pointer;transition:background var(--duration),color var(--duration);white-space:nowrap}.btn:hover{background:var(--interactive-hover);color:var(--text-normal)}.btn:active{transform:translateY(.5px)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn--ghost:hover{background:var(--interactive-hover)}.btn--active{background:var(--interactive-accent);color:var(--text-on-accent)}.btn--active:hover{background:var(--interactive-accent-hover);color:var(--text-on-accent)}.btn--danger:hover{background:#4a2a2a;color:#ff8a8a}.btn--icon{padding:0;width:30px}.btn--sm{height:27px;min-width:27px;padding:0 7px;font-size:12.5px}.btn svg{width:18px;height:18px;flex:none}.btn--sm svg{width:16px;height:16px}.btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080;animation:fade var(--duration) ease}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;width:var(--sidebar-width);min-width:0;background:var(--background-secondary);border-right:1px solid var(--background-modifier-border);overflow:hidden}.sidebar__header{display:flex;align-items:center;gap:6px;padding:8px 8px 4px}.sidebar__title{flex:1;min-width:0;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__search{padding:4px 8px 8px}.sidebar__search input{width:100%;height:28px;padding:0 9px;background:var(--background-modifier-form-field);border:1px solid var(--background-modifier-border);border-radius:var(--radius-s);color:var(--text-normal);font-family:inherit;font-size:12.5px;outline:none}.sidebar__search input:focus{border-color:var(--text-accent)}.sidebar__list{flex:1;overflow-y:auto;padding:0 6px 12px}.note-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-s);cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.note-item:hover{background:var(--interactive-hover);color:var(--text-normal)}.note-item--active{background:var(--interactive-accent);color:var(--text-on-accent)}.note-item--active:hover{background:var(--interactive-accent-hover);color:var(--text-on-accent)}.note-item__icon{width:16px;height:16px;flex:none;opacity:.8}.note-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.note-item__meta{font-size:10.5px;opacity:.7;flex:none}.note-item__actions{display:none;gap:2px;flex:none}.note-item:hover .note-item__actions,.note-item--active .note-item__actions{display:flex}.note-item__actions .btn{background:transparent;border-color:transparent;box-shadow:none;height:24px;width:24px;min-width:24px;color:inherit;opacity:.75}.note-item__actions .btn:hover{background:#ffffff29;border-color:transparent;color:inherit;opacity:1}.note-item__actions .btn--danger:hover{background:#e06c7540;color:#ffb3b3}.note-item__actions .btn svg{width:15px;height:15px}.note-item__rename{flex:1;min-width:0;height:24px;padding:0 6px;background:var(--background-primary);border:1px solid var(--text-accent);border-radius:var(--radius-s);color:var(--text-normal);font-family:inherit;font-size:13px;outline:none}.note-item--new{color:var(--text-accent);font-weight:500;margin-bottom:0}.note-item--new:hover{background:var(--interactive-hover);color:var(--text-accent-hover)}.sidebar__empty{padding:16px 12px;color:var(--text-faint);font-size:12px;text-align:center;line-height:1.6}.sidebar__list{align-content:flex-start}.tabbar{grid-area:tabs;display:flex;align-items:stretch;gap:1px;height:34px;padding:0 6px;background:var(--background-secondary);border-bottom:1px solid var(--background-modifier-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:6px;max-width:220px;padding:0 6px 0 11px;border-radius:var(--radius-s) var(--radius-s) 0 0;color:var(--text-faint);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;flex:none;font-size:12.5px}.tab:hover{background:var(--interactive-hover);color:var(--text-normal)}.tab--active{background:var(--background-primary);color:var(--text-normal);box-shadow:inset 0 2px 0 var(--text-accent)}.tab--active:hover{background:var(--background-primary)}.tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab__close{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text-faint);cursor:pointer;flex:none}.tab__close:hover{background:var(--background-modifier-border);color:var(--text-normal)}.tab__close svg{width:13px;height:13px}.tabbar__new{display:inline-flex;align-items:center;justify-content:center;width:28px;margin:4px 0 4px 4px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text-faint);cursor:pointer;flex:none}.tabbar__new:hover{background:var(--interactive-hover);color:var(--text-normal)}.tabbar__new svg{width:16px;height:16px}.toolbar{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:5px 8px;background:var(--background-primary);border-bottom:1px solid var(--background-modifier-border)}.toolbar::-webkit-scrollbar{display:none}.toolbar__spacer{flex:1 1 auto;min-width:0}.toolbar__sep{width:1px;height:20px;margin:0 4px;background:var(--background-modifier-border);flex:none}.toolbar__more{position:relative;flex:none}.toolbar__menu{position:fixed;z-index:70;min-width:190px;padding:4px;display:flex;flex-direction:column;background:var(--background-secondary);border:1px solid var(--background-modifier-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m)}.toolbar__menu .btn{justify-content:flex-start;background:transparent;height:29px;padding:0 8px;gap:8px}.toolbar__modes{display:inline-flex;background:var(--interactive-normal);border-radius:var(--radius-s);padding:2px;gap:2px}.toolbar__modes .btn{background:transparent;height:24px;padding:0 10px;font-size:12.5px}.toolbar__modes .btn--active{background:var(--background-primary);color:var(--text-normal)}.editor-area{grid-area:editor;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--background-primary);overflow:hidden}.editor-area__body{flex:1;display:flex;min-height:0;position:relative}.editor-pane{flex:1 1 50%;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.editor-pane--source{border-right:1px solid var(--background-modifier-border)}.editor-pane--hidden{display:none}.editor-host{flex:1;min-height:0;overflow:hidden;padding:0 18px}.editor-host .cm-editor{height:100%}.preview{flex:1;min-height:0;overflow-y:auto;padding:18px 26px 45vh;line-height:1.65;font-family:var(--editor-font, var(--font-ui));font-size:var(--editor-font-size);color:var(--text-normal);word-wrap:break-word}.preview__inner{max-width:var(--readable-width);margin:0 auto}.preview__inner>*{content-visibility:auto;contain-intrinsic-size:auto 120px}.preview>:first-child,.preview__inner>:first-child{margin-top:0}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{margin:1.4em 0 .5em;font-weight:700;line-height:1.3;scroll-margin-top:20px}.preview h1{font-size:1.75em;color:var(--md-h1);border-bottom:1px solid var(--background-modifier-border);padding-bottom:.3em}.preview h2{font-size:1.4em;color:var(--md-h2);border-bottom:1px solid var(--background-modifier-border);padding-bottom:.25em}.preview h3{font-size:1.2em;color:var(--md-h3)}.preview h4{font-size:1.08em;color:var(--md-h4)}.preview h5{font-size:1em;color:var(--md-h5)}.preview h6{font-size:.95em;color:var(--md-h6)}.preview p{margin:.7em 0}.preview a{color:var(--md-link);text-decoration:none}.preview a:hover{text-decoration:underline}.preview strong{color:var(--md-strong);font-weight:700}.preview em{color:var(--md-em)}.preview del{color:var(--text-faint)}.preview ul,.preview ol{margin:.6em 0;padding-left:1.5em}.preview li{margin:.25em 0}.preview li>ul,.preview li>ol{margin:.2em 0}.preview li.task-list-item{list-style:none;margin-left:-1.35em}.preview li.task-list-item input[type=checkbox]{margin-right:7px;accent-color:var(--text-accent);width:15px;height:15px;cursor:pointer;vertical-align:-2px}.preview li.task-list-item:has(input:checked){color:var(--text-faint);text-decoration:line-through}.preview blockquote{margin:.9em 0;padding:.1em 0 .1em 1em;border-left:3px solid var(--text-accent);color:var(--md-quote);background:var(--background-secondary-alt-transparent)}.preview blockquote p{margin:.4em 0}.preview code{padding:.15em .4em;background:var(--background-secondary-alt);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:.87em;color:var(--md-code)}.preview pre{margin:.9em 0;padding:12px 14px;background:var(--background-secondary-alt);border:1px solid var(--background-modifier-border);border-radius:var(--radius-m);overflow-x:auto}.preview pre code{padding:0;background:none;color:var(--text-normal);font-size:.85em;line-height:1.55}.preview table{margin:.9em 0;border-collapse:collapse;width:100%;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--background-modifier-border);padding:7px 11px}.preview th{background:var(--background-secondary);font-weight:700}.preview tr:nth-child(2n) td{background:var(--background-secondary-alt-transparent)}.preview hr{margin:1.5em 0;border:none;border-top:1px solid var(--background-modifier-border)}.preview img{max-width:100%;border-radius:var(--radius-m)}.preview kbd{display:inline-block;padding:1px 5px;background:var(--background-secondary-alt);border:1px solid var(--background-modifier-border);border-bottom-width:2px;border-radius:var(--radius-s);font-family:var(--font-mono);font-size:.82em}.preview .contains-task-list{list-style:none;padding-left:1.5em}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#c678dd}.hljs-string,.hljs-title.class_,.hljs-doctag,.hljs-regexp,.hljs-addition{color:#98c379}.hljs-number,.hljs-built_in,.hljs-symbol,.hljs-bullet,.hljs-attr{color:#d19a66}.hljs-title,.hljs-title.function_,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#61afef}.hljs-variable,.hljs-template-variable,.hljs-params,.hljs-attribute{color:#e06c75}.hljs-type,.hljs-class .hljs-title{color:#e5c07b}.hljs-deletion{color:#e06c75}.outline{grid-area:outline;display:flex;flex-direction:column;width:var(--outline-width);background:var(--background-secondary);border-left:1px solid var(--background-modifier-border);overflow:hidden}.outline__header{display:flex;align-items:center;gap:6px;padding:8px}.outline__title{flex:1;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint)}.outline__list{flex:1;overflow-y:auto;padding:0 6px 12px}.outline__item{display:block;width:100%;text-align:left;padding:4px 8px;background:transparent;border:none;border-radius:var(--radius-s);color:var(--text-muted);cursor:pointer;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.outline__item:hover{background:var(--interactive-hover);color:var(--text-normal)}.outline__empty{padding:14px 10px;color:var(--text-faint);font-size:12px;text-align:center}.statusbar{grid-area:status;display:flex;align-items:center;gap:10px;height:26px;padding:0 10px;background:var(--background-secondary);border-top:1px solid var(--background-modifier-border);color:var(--text-faint);font-size:11.5px;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.statusbar__spacer{flex:1}.statusbar__item{display:inline-flex;align-items:center;gap:4px}.statusbar__dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}.statusbar__dot--ok{background:#6ec77a}.statusbar__dot--dirty{background:#e5c07b}.statusbar__dot--error{background:#e06c75}.statusbar__dot--local{background:#8f9bb3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50;animation:fade var(--duration) ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(560px,calc(100vw - 32px));max-height:70vh;display:flex;flex-direction:column;background:var(--background-secondary);border:1px solid var(--background-modifier-border);border-radius:var(--radius-l);box-shadow:var(--shadow-l);overflow:hidden}.modal__input{padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--background-modifier-border);color:var(--text-normal);font-family:inherit;font-size:15px;outline:none}.modal__input::placeholder{color:var(--text-faint)}.modal__list{flex:1;overflow-y:auto;padding:6px}.modal__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius-m);color:var(--text-normal);cursor:pointer;text-align:left;font-family:inherit;font-size:13.5px}.modal__item--active{background:var(--interactive-accent);color:var(--text-on-accent)}.modal__item svg{width:17px;height:17px;flex:none;opacity:.85}.modal__item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal__item__hint{font-size:11px;color:var(--text-faint);flex:none}.modal__item--active .modal__item__hint{color:#ffffffbf}.modal__empty{padding:24px 14px;text-align:center;color:var(--text-faint);font-size:13px}.modal__footer{padding:7px 12px;border-top:1px solid var(--background-modifier-border);color:var(--text-faint);font-size:11px;display:flex;gap:12px}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:transparent}.picker{position:fixed;z-index:46;width:min(420px,calc(100vw - 24px));max-height:340px;display:flex;flex-direction:column;background:var(--background-secondary);border:1px solid var(--background-modifier-border);border-radius:var(--radius-l);box-shadow:var(--shadow-l);overflow:hidden}.picker__header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--background-modifier-border)}.picker__search{flex:1;min-width:0;height:26px;padding:0 8px;background:var(--background-modifier-form-field);border:1px solid var(--background-modifier-border);border-radius:var(--radius-s);color:var(--text-normal);font-family:inherit;font-size:13px;outline:none}.picker__search:focus{border-color:var(--text-accent)}.picker__grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:3px}.picker__cell{height:34px;background:transparent;border:1px solid transparent;border-radius:var(--radius-s);color:var(--text-normal);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.picker__cell:hover{background:var(--interactive-hover);border-color:var(--background-modifier-border)}.picker__cell--wide{font-size:12px;font-family:var(--font-mono)}.picker__empty{grid-column:1 / -1;padding:20px;text-align:center;color:var(--text-faint);font-size:12px}.settings{width:min(620px,calc(100vw - 32px))}.settings__body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:12px;font-weight:600;color:var(--text-normal)}.field__hint{font-size:11.5px;color:var(--text-faint);line-height:1.5}.field input[type=text],.field input[type=password],.field input[type=number],.field select{height:30px;padding:0 9px;background:var(--background-modifier-form-field);border:1px solid var(--background-modifier-border);border-radius:var(--radius-s);color:var(--text-normal);font-family:inherit;font-size:13px;outline:none;width:100%}.field input:focus,.field select:focus{border-color:var(--text-accent)}.field__row{display:flex;gap:8px;align-items:center}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:19px;background:var(--interactive-normal);border:1px solid var(--background-modifier-border);border-radius:999px;position:relative;cursor:pointer;transition:background var(--duration);flex:none;margin:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;background:var(--text-normal);border-radius:50%;transition:transform var(--duration)}.switch input:checked{background:var(--interactive-accent);border-color:var(--interactive-accent)}.switch input:checked:after{transform:translate(15px);background:#fff}.spinner{width:12px;height:12px;border:2px solid var(--background-modifier-border);border-top-color:var(--text-accent);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-faint);text-align:center;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toasts{position:fixed;right:16px;bottom:40px;z-index:80;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:240px;max-width:min(380px,calc(100vw - 32px));padding:10px 14px 10px 10px;background:var(--background-secondary);border:1px solid var(--background-modifier-border);border-radius:var(--radius-l);box-shadow:var(--shadow-l);color:var(--text-normal);font-family:inherit;font-size:13px;line-height:1.45;text-align:left;cursor:pointer;animation:toast-in .18s ease}.toast:hover{border-color:var(--background-modifier-border-hover)}.toast__icon{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast__icon svg{width:14px;height:14px}.toast--ok .toast__icon{background:#6ec77a26;color:#6ec77a}.toast--err .toast__icon{background:#e06c7526;color:#e06c75}.toast--info .toast__icon{background:var(--ring);color:var(--text-accent)}.toast__text{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:780px){:root{--sidebar-width: 240px;--outline-width: 220px}.app,.app.no-outline{grid-template-columns:1fr;grid-template-areas:"titlebar" "tabs" "editor" "status"}.sidebar{position:fixed;z-index:60;top:52px;bottom:26px;left:0;box-shadow:var(--shadow-l)}.app.no-sidebar .sidebar{display:none}.sidebar-scrim{display:block}.outline{display:none}.toolbar{min-height:54px;max-height:54px;overflow-x:auto}.toolbar .btn{height:44px;min-width:44px;padding:0 10px}.toolbar .btn svg{width:20px;height:20px}.toolbar__modes .btn{height:40px;padding:0 14px}.titlebar{height:52px;padding:0 8px}.titlebar .btn{height:44px;width:44px;min-width:44px}.tabbar{height:48px}.tab{min-height:44px;font-size:13.5px}.tabbar__new{width:44px;min-height:40px}.note-item{min-height:44px;padding:8px 10px}.note-item__actions .btn{height:44px;width:44px;min-width:44px}.picker__cell{height:44px}.sidebar__search input,.picker__search,.modal__input,.field input[type=text],.field input[type=password],.field input[type=number],.field select{font-size:16px;height:40px}.toasts{left:12px;right:12px;bottom:36px;align-items:stretch}.toast{min-width:0;max-width:none}.editor-area__body{flex-direction:column}.editor-pane--source{border-right:none;border-bottom:1px solid var(--background-modifier-border)}}@media print{.titlebar,.sidebar,.tabbar,.toolbar,.outline,.statusbar,.editor-pane--source,.picker,.modal-backdrop{display:none!important}html,body,#root{height:auto!important;overflow:visible!important;background:#fff!important}body{color:#000!important}.app,.app.no-sidebar,.app.no-outline{display:block!important;height:auto!important}.editor-area,.editor-area__body{display:block!important;overflow:visible!important}.editor-pane{display:block!important;height:auto!important;overflow:visible!important;border:none!important}.preview{overflow:visible!important;padding:0!important;color:#000!important;font-size:11pt!important}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{color:#000!important;page-break-after:avoid}.preview a{color:#000!important;text-decoration:underline!important}.preview code{background:#f2f2f2!important;color:#000!important}.preview pre{background:#f6f6f6!important;border:1px solid #ddd!important;page-break-inside:avoid;white-space:pre-wrap!important}.preview blockquote{border-left-color:#999!important;color:#444!important}.preview table{page-break-inside:avoid}.preview img{max-width:100%!important}}.hljs-comment,.hljs-quote{color:#7f848e;font-style:italic}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#e06c75}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#d19a66}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-string,.hljs-symbol{color:#98c379}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title.class_,.hljs-title.function_{color:#c678dd}.hljs-function .hljs-title,.hljs-title,.hljs-class .hljs-title{color:#61afef}.hljs-attr,.hljs-property,.hljs-punctuation,.hljs-operator{color:#abb2bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#6a737d}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-section,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-title.class_,[data-theme=light] .hljs-title.function_{color:#a626a4}[data-theme=light] .hljs-string,[data-theme=light] .hljs-addition,[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-symbol{color:#50a14f}[data-theme=light] .hljs-number,[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-type,[data-theme=light] .hljs-meta{color:#986801}[data-theme=light] .hljs-title,[data-theme=light] .hljs-function .hljs-title,[data-theme=light] .hljs-name{color:#4078f2}[data-theme=light] .hljs-variable,[data-theme=light] .hljs-deletion,[data-theme=light] .hljs-template-variable{color:#e45649}