:root{--mono-jb:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--mono-plex:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans-inter:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sans-sys:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--serif-source:"Source Serif 4", Georgia, "Times New Roman", serif;--sans-dyslexic:"OpenDyslexic", "Comic Sans MS", sans-serif;--radius:8px;--radius-lg:12px;--bar-h:46px;--foot-h:30px;--side-w:268px;--shadow-lg:0 22px 60px #00000038;--bg:#edefea;--panel:#f8f9f5;--rail:#e6e9e1;--edge:#daded4;--edge-soft:#e4e8df;--ink:#1b211e;--ink-2:#48524d;--mute:#7a857f;--accent:#2c6b5a;--accent-soft:#dce9e3;--on-accent:#fff;--warn:#b0762a;--mark:#f0e7c8}@media (prefers-color-scheme:dark){:root{--bg:#12171a;--panel:#181d20;--rail:#151a1d;--edge:#242c30;--edge-soft:#1e2528;--ink:#dce4e0;--ink-2:#aab6b1;--mute:#75827d;--accent:#67cbaa;--accent-soft:#1b2e2a;--on-accent:#0e1416;--warn:#d2a257;--mark:#3a3517}}:root[data-font=jbmono]{--app-font:var(--mono-jb)}:root[data-font=plex]{--app-font:var(--mono-plex)}:root[data-font=inter]{--app-font:var(--sans-inter)}:root[data-font=system]{--app-font:var(--sans-sys)}:root[data-font=serif]{--app-font:var(--serif-source)}:root[data-font=dyslexic]{--app-font:var(--sans-dyslexic)}:root[data-theme=sage]{--bg:#edefea;--panel:#f8f9f5;--rail:#e6e9e1;--edge:#daded4;--edge-soft:#e4e8df;--ink:#1b211e;--ink-2:#48524d;--mute:#7a857f;--accent:#2c6b5a;--accent-soft:#dce9e3;--on-accent:#fff;--warn:#b0762a;--mark:#f0e7c8}:root[data-theme=iris]{--bg:#ede9e2;--panel:#f7f4ef;--rail:#e6e1d8;--edge:#dad3c8;--edge-soft:#e4dfd5;--ink:#22201c;--ink-2:#4e4941;--mute:#847d71;--accent:#4a4494;--accent-soft:#e0def0;--on-accent:#fff;--warn:#a8722c;--mark:#efe3b8}:root[data-theme=frost]{--bg:#e9edf1;--panel:#f6f8fa;--rail:#e1e6ec;--edge:#d2d9e1;--edge-soft:#e1e6ec;--ink:#171d24;--ink-2:#414b57;--mute:#78838f;--accent:#2b5f97;--accent-soft:#dce6f1;--on-accent:#fff;--warn:#9c6b22;--mark:#e4e0ae}:root[data-theme=paper]{--bg:#fff;--panel:#fdfdfd;--rail:#f2f2f2;--edge:#e0e0e0;--edge-soft:#ebebeb;--ink:#111;--ink-2:#454545;--mute:#767676;--accent:#1552b8;--accent-soft:#e3ebf8;--on-accent:#fff;--warn:#a85d16;--mark:#fdf1a0}:root[data-theme=sepia]{--bg:#f4ecd8;--panel:#faf4e6;--rail:#ede3c9;--edge:#ddcda8;--edge-soft:#e7dcbc;--ink:#3a2e1d;--ink-2:#5c4c34;--mute:#8a7a5c;--accent:#8a5522;--accent-soft:#ecdcc0;--on-accent:#fff8ec;--warn:#9c3f1c;--mark:#e8d183}:root[data-theme=pine]{--bg:#12171a;--panel:#181d20;--rail:#151a1d;--edge:#242c30;--edge-soft:#1e2528;--ink:#dce4e0;--ink-2:#aab6b1;--mute:#75827d;--accent:#67cbaa;--accent-soft:#1b2e2a;--on-accent:#0e1416;--warn:#d2a257;--mark:#3a3517}:root[data-theme=carbon]{--bg:#151515;--panel:#1c1c1c;--rail:#181818;--edge:#2b2b2b;--edge-soft:#232323;--ink:#e4e1db;--ink-2:#afaba3;--mute:#7c7972;--accent:#d89a3c;--accent-soft:#33260f;--on-accent:#181307;--warn:#c77b54;--mark:#3b3212}:root[data-theme=plum]{--bg:#16121d;--panel:#1d1826;--rail:#191420;--edge:#2c2438;--edge-soft:#241d2e;--ink:#e1daec;--ink-2:#aea4be;--mute:#7c7290;--accent:#c77bc4;--accent-soft:#2e1f32;--on-accent:#140f19;--warn:#ce9160;--mark:#3d2a20}:root[data-theme=oled]{--bg:#000;--panel:#0a0a0a;--rail:#060606;--edge:#202020;--edge-soft:#171717;--ink:#e8e8e8;--ink-2:#a8a8a8;--mute:#707070;--accent:#4ea1ff;--accent-soft:#12233a;--on-accent:#071018;--warn:#e2a53f;--mark:#332a12}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--app-font);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent-soft);color:var(--ink)}button,input,select,textarea{font-family:inherit}.cm-editor,.cm-editor .cm-content,.cm-editor .cm-scroller,.cm-editor .cm-line{font-family:var(--app-font)!important}.cm-editor{height:100%;color:var(--ink)!important;background:0 0!important}.cm-editor .cm-gutters{border-right:1px solid var(--edge-soft)!important;color:var(--mute)!important;background:0 0!important}.cm-editor .cm-content{caret-color:var(--accent)!important}.cm-editor .cm-cursor{border-left-color:var(--accent)!important}.cm-editor .cm-selectionBackground{background:var(--accent-soft)!important}.cm-editor.cm-focused .cm-activeLine,.cm-editor .cm-activeLineGutter{background:var(--edge-soft)!important}#app{height:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.icon{vertical-align:-.15em;flex-shrink:0;width:1em;height:1em;display:inline-block}button .icon{margin-right:.4em}.narrow{display:none}button.icon-btn .icon{margin-right:0}.icon-btn{appearance:none;color:var(--ink-2);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer;padding:7px 9px;font-family:inherit;font-size:15px;line-height:1;transition:background .15s,color .15s}.icon-btn:hover{background:var(--edge-soft);color:var(--ink)}.icon-btn[aria-pressed=false]{opacity:.75}.fbtn{appearance:none;color:var(--ink-2);background:var(--panel);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;padding:5px 11px;font-family:inherit;font-size:12px;display:inline-flex}.fbtn:hover{background:var(--edge-soft);color:var(--ink)}.fbtn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{appearance:none;color:var(--mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;padding:4px 8px;font-family:inherit;font-size:11px;display:inline-flex}.ghost-btn:hover{background:var(--edge-soft);color:var(--ink)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.seg{border:1px solid var(--edge);border-radius:var(--radius);background:var(--panel);display:flex;overflow:hidden}.seg button{appearance:none;color:var(--ink-2);cursor:pointer;border:0;border-right:1px solid var(--edge);background:0 0;padding:7px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.seg button:last-child{border-right:0}.seg button:hover{background:var(--edge-soft);color:var(--ink)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}select.pick{appearance:none;color:var(--ink-2);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer;padding:6px 10px;font-family:inherit;font-size:12px}select.pick.full{width:100%}.spacer{flex:1}form{flex-direction:column;gap:.75rem;display:flex}.field{color:var(--ink-2);flex-direction:column;gap:6px;margin-bottom:20px;font-size:11px;display:flex}.field input{font-family:var(--mono-plex);color:var(--ink);background:var(--bg);border:1px solid var(--edge);border-radius:var(--radius);outline:0;padding:8px 10px;font-size:13px}.field input:focus{border-color:var(--accent)}.field-error,.form-error{color:var(--warn);font-size:11.5px}.field-error:empty,.form-error:empty{display:none}.auth-view{flex-direction:column;gap:14px;width:100%;display:flex}.auth-view h1{letter-spacing:.01em;color:var(--accent);margin:0;font-size:16px;font-weight:600}.auth-view>p{color:var(--mute);margin:0;font-size:12px}.auth-view>p button{appearance:none;font-family:inherit;font-size:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.auth-view>p button:hover{color:var(--ink)}.auth-view button[type=submit]{appearance:none;cursor:pointer;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600}.auth-view button[type=submit]:hover{filter:brightness(1.08)}.auth-view button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-shell[data-sidebar-hidden=true] .sidebar{display:none}.app-middle{flex-direction:row;flex:1;min-height:0;display:flex;position:relative}.sidebar-backdrop{display:none}.sidebar{width:var(--side-w);background:var(--rail);border-right:1px solid var(--edge);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.side-top{gap:7px;padding:10px 10px 8px;display:flex}.side-top .filter{flex:1;min-width:0}.add{cursor:pointer;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:14px;line-height:1;display:inline-flex}.add:hover{filter:brightness(1.08)}.add .icon{margin-right:0}.filter{width:100%;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);outline:0;padding:6px 9px;font-family:inherit;font-size:12px}.filter:focus{border-color:var(--accent)}.filter::placeholder{color:var(--mute)}.note-list{flex:1;min-height:0;margin:0;padding:2px 8px 14px;list-style:none;overflow:hidden auto}.note-list li{cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-bottom:2px;padding:7px 6px 7px 19px;line-height:1.5;display:flex;position:relative}.note-list li[hidden]{display:none}.note-list li:hover{background:var(--edge-soft)}.note-list li[aria-current=true]{background:color-mix(in srgb, var(--accent) 9%, transparent)}.note-list li[aria-current=true]:before{content:"›";color:var(--accent);font-size:13px;position:absolute;left:7px}.note-item{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mute);cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-family:inherit;font-size:12.5px;overflow:hidden}.note-list li:hover .note-item{color:var(--ink-2)}.note-list li[aria-current=true] .note-item{color:var(--ink)}.note-delete{color:var(--mute);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;padding:1px;line-height:1}.note-list li:hover .note-delete{opacity:1}.note-delete:hover{color:var(--warn)}.note-rename-input{width:100%;color:var(--ink);background:var(--panel);border:1px solid var(--accent);border-radius:4px;flex:1;padding:2px 5px;font-family:inherit;font-size:12.5px}.sidebar-footer{border-top:1px solid var(--edge);color:var(--mute);justify-content:space-between;padding:8px 12px;font-size:10.5px;display:flex}.sidebar-auth{border-top:1px solid var(--edge);color:var(--ink-2);justify-content:space-between;align-items:center;gap:.5rem;padding:8px 12px;font-size:11.5px;display:flex}.app-header,.app-footer,.sidebar{transition:opacity .45s}body.dozing .app-header,body.dozing .app-footer,body.dozing .sidebar{opacity:.2}body.dozing .app-header:hover,body.dozing .app-footer:hover,body.dozing .sidebar:hover,body.dozing .app-header:focus-within,body.dozing .app-footer:focus-within,body.dozing .sidebar:focus-within{opacity:1}.app-header{height:var(--bar-h);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge-soft);align-items:center;gap:10px;padding:0 12px;display:flex}.mode-switcher{flex-shrink:0}.save-status{color:var(--mute);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;display:flex}.status-dot{aspect-ratio:1;background:var(--mute);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s;display:inline-block;position:relative}.status-dot[data-state=saved]{background:var(--accent)}.status-dot[data-state=saving]{background:var(--warn)}.app-body{flex:1;min-width:0;min-height:0;display:flex}.editor-pane,.preview-pane{overscroll-behavior:contain;flex:1;min-width:0;height:100%;overflow:auto}.editor-pane,.preview-pane,.note-list{scrollbar-width:thin}.editor-pane{scrollbar-color:var(--edge) var(--bg)}.preview-pane{scrollbar-color:var(--edge) var(--panel)}.note-list{scrollbar-color:var(--edge) var(--rail)}.editor-pane::-webkit-scrollbar{width:10px}.preview-pane::-webkit-scrollbar{width:10px}.note-list::-webkit-scrollbar{width:10px}.editor-pane::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--bg);border-radius:20px}.preview-pane::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}.note-list::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--rail);border-radius:20px}.editor-pane::-webkit-scrollbar-track{background:0 0}.preview-pane::-webkit-scrollbar-track{background:0 0}.note-list::-webkit-scrollbar-track{background:0 0}#shortcuts-dialog,#appearance-dialog,#auth-dialog,#export-dialog,#confirm-dialog,#export-note-list,.markdown-content pre,.markdown-content table{scrollbar-width:thin;scrollbar-color:var(--edge) var(--panel)}.markdown-content pre{scrollbar-color:var(--edge) var(--edge-soft)}#shortcuts-dialog::-webkit-scrollbar{width:10px;height:10px}#appearance-dialog::-webkit-scrollbar{width:10px;height:10px}#auth-dialog::-webkit-scrollbar{width:10px;height:10px}#export-dialog::-webkit-scrollbar{width:10px;height:10px}#confirm-dialog::-webkit-scrollbar{width:10px;height:10px}#export-note-list::-webkit-scrollbar{width:10px;height:10px}.markdown-content pre::-webkit-scrollbar{width:10px;height:10px}.markdown-content table::-webkit-scrollbar{width:10px;height:10px}#shortcuts-dialog::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}#appearance-dialog::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}#auth-dialog::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}#export-dialog::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}#confirm-dialog::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}#export-note-list::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}.markdown-content table::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--panel);border-radius:20px}.markdown-content pre::-webkit-scrollbar-thumb{background:var(--edge);border:3px solid var(--edge-soft);border-radius:20px}#shortcuts-dialog::-webkit-scrollbar-track{background:0 0}#appearance-dialog::-webkit-scrollbar-track{background:0 0}#auth-dialog::-webkit-scrollbar-track{background:0 0}#export-dialog::-webkit-scrollbar-track{background:0 0}#confirm-dialog::-webkit-scrollbar-track{background:0 0}#export-note-list::-webkit-scrollbar-track{background:0 0}.markdown-content pre::-webkit-scrollbar-track{background:0 0}.markdown-content table::-webkit-scrollbar-track{background:0 0}.editor-pane .cm-editor{height:100%}.editor-pane .cm-content{padding:44px max(24px,5vw) 45vh;font-size:15px;line-height:1.75}.preview-pane{border-left:1px solid var(--edge);background:var(--panel)}.app-shell[data-mode=editor] .preview-pane,.app-shell[data-mode=preview] .editor-pane{display:none}.app-shell[data-mode=preview] .preview-pane{border-left:0}.split-divider{cursor:col-resize;flex:0 0 6px}.app-shell:not([data-mode=split]) .split-divider{display:none}body.is-resizing-split{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing-split .editor-pane,body.is-resizing-split .preview-pane{pointer-events:none}.preview-pane{padding:48px max(28px,5vw) 45vh}.markdown-content{font-family:var(--app-font);color:var(--ink);font-size:15px;line-height:1.75}.markdown-content>:first-child,.markdown-content>div>:first-child{margin-top:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:1.8em 0 .6em;font-weight:600;line-height:1.3}.markdown-content h1{letter-spacing:-.01em;border-bottom:1px solid var(--edge);padding-bottom:.3em;font-size:1.7em}.markdown-content h2{font-size:1.32em}.markdown-content h3{font-size:1.12em}.markdown-content h4{color:var(--ink-2);font-size:1em}.markdown-content p{margin:0 0 1em}.markdown-content a{color:var(--accent);text-underline-offset:3px}.markdown-content strong{font-weight:700}.markdown-content ul,.markdown-content ol{margin:0 0 1em;padding-left:1.4em}.markdown-content ol{padding-left:2em}.markdown-content li{margin:.28em 0}.markdown-content li::marker{color:var(--mute)}.markdown-content li input[type=checkbox]{accent-color:var(--accent);margin-right:.5em;transform:translateY(1px)}.markdown-content blockquote{border-left:2px solid var(--accent);color:var(--ink-2);margin:1em 0;padding:.1em 0 .1em 1em}.markdown-content code{font-family:var(--mono-plex);background:var(--edge-soft);border-radius:4px;padding:.15em .4em;font-size:.88em}.markdown-content pre{background:var(--edge-soft);border:1px solid var(--edge);border-radius:var(--radius);margin:0;padding:14px 16px;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0;font-size:.86em;line-height:1.6}.markdown-content .code-block{margin:0 0 1em;position:relative}.markdown-content .code-copy{color:var(--mute);background:var(--panel);border:1px solid var(--edge);cursor:pointer;opacity:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;transition:opacity .15s,background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.markdown-content .code-block:hover .code-copy,.markdown-content .code-copy:focus-visible{opacity:1}.markdown-content .code-copy:hover{background:var(--edge-soft);color:var(--ink)}.markdown-content .code-copy:disabled{cursor:default;color:var(--accent);border-color:var(--accent);opacity:1}.markdown-content hr{border:0;border-top:1px solid var(--edge);margin:2em 0}.markdown-content table{border-collapse:collapse;margin:0 0 1em;font-size:.92em;display:block;overflow-x:auto}.markdown-content th,.markdown-content td{border:1px solid var(--edge);text-align:left;padding:7px 11px}.markdown-content th{background:var(--edge-soft);font-weight:600}.markdown-content img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:70vh}.markdown-content mark{background:var(--mark);color:var(--ink);padding:.05em .2em}.app-footer{height:var(--foot-h);background:var(--rail);border-top:1px solid var(--edge-soft);color:var(--mute);align-items:center;gap:14px;padding:0 12px;font-size:11px;display:flex}.sync-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.sync-message{color:var(--mute);font-size:11px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px}dialog::backdrop{background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{letter-spacing:.01em;color:var(--accent);margin:0 0 12px;font-size:14px;font-weight:600}dialog h3{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:1.2em 0 .4em;font-size:11px;font-weight:500}dialog p{color:var(--mute);font-size:11.5px;line-height:1.6}.row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.row button{flex:1}dialog button:not(.shortcuts-close){appearance:none;cursor:pointer;border-radius:var(--radius);border:1px solid var(--edge);background:var(--bg);color:var(--ink-2);padding:8px 14px;font-family:inherit;font-size:12px}dialog button:not(.shortcuts-close):hover{background:var(--edge-soft);color:var(--ink)}#shortcuts-dialog,#appearance-dialog,#auth-dialog,#export-dialog,#confirm-dialog{width:min(480px,90vw);max-height:80vh;position:relative;overflow:auto}#auth-dialog{width:min(360px,90vw)}.shortcuts-close{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;position:absolute;top:12px;right:12px}.shortcuts-close:hover{background:var(--edge-soft);color:var(--ink)}.shortcuts-close .icon{margin-right:0}#shortcuts-dialog table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:12px}#shortcuts-dialog td,#shortcuts-dialog th{text-align:left;border-bottom:1px solid var(--edge-soft);color:var(--ink-2);padding:5px 0}#shortcuts-dialog td:last-child{text-align:right;color:var(--mute);font-family:var(--mono-plex);white-space:nowrap;font-size:11px}#toast-container{z-index:1000;flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--ink);color:var(--bg);border-radius:100px;align-items:center;gap:12px;padding:8px 10px 8px 15px;font-size:12px;animation:.2s ease-out toast-in;display:flex}.toast button{appearance:none;cursor:pointer;color:var(--ink);background:var(--bg);border:0;border-radius:100px;padding:4px 11px;font-family:inherit;font-size:11.5px}#export-note-list{border:1px solid var(--edge);border-radius:var(--radius);flex-direction:column;max-height:40vh;margin-bottom:1rem;padding:4px;display:flex;overflow:auto}.export-note-item{color:var(--ink-2);border-radius:6px;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;display:flex}.export-note-item:hover{background:var(--edge-soft);color:var(--ink)}.export-note-item input{accent-color:var(--accent)}#export-dialog h2{margin-bottom:16px}#export-dialog fieldset{margin:20px 0}#export-confirm{margin-top:4px}#pdf-print-area{width:0;height:0;position:absolute;top:0;left:-9999px;overflow:hidden}@media print{#app,#toast-container{display:none!important}#pdf-print-area{color:#000;--ink:#000;--ink-2:#333;--mute:#666;--edge:#ccc;--edge-soft:#f0f0f0;--accent:#1a1a1a;--panel:#fff;--mark:#fff59d;background:#fff;width:auto;height:auto;font-family:Georgia,serif;position:static;overflow:visible}#pdf-print-area pre,#pdf-print-area code{white-space:pre-wrap;font-family:ui-monospace,monospace}#pdf-print-area img{max-width:100%}#pdf-print-area .code-copy{display:none!important}}body.is-dragging-file #app{outline:3px dashed var(--accent);outline-offset:-3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}body.dozing .app-header,body.dozing .app-footer,body.dozing .sidebar{opacity:1}}@media (hover:none){body.dozing .app-header,body.dozing .app-footer,body.dozing .sidebar,.note-delete{opacity:1}.icon-btn,.fbtn,.ghost-btn{min-width:38px;min-height:38px}.note-list li{padding-top:11px;padding-bottom:11px}}@media (width<=860px){.sidebar{z-index:30;width:min(320px,82vw);position:absolute;inset:0 auto 0 0;box-shadow:0 0 50px #00000038}.app-shell[data-sidebar-hidden=false] .sidebar-backdrop{z-index:29;background:color-mix(in srgb, var(--bg) 55%, transparent);display:block;position:absolute;inset:0}.wide{display:none}.narrow{display:inline}.app-shell[data-mode=split] .app-body{flex-direction:column}.app-shell[data-mode=split] .split-divider{display:none}.app-shell[data-mode=split] .preview-pane{border-left:0;border-top:1px solid var(--edge)}}@media (width<=560px){:root{--bar-h:52px;--foot-h:44px}.app-header,.app-footer{gap:8px;padding:0 10px}.seg button,.fbtn,.ghost-btn{padding:8px 10px}.save-status span:not(.status-dot){display:none}.editor-pane .cm-content,.preview-pane{padding:20px 18px 45vh;font-size:16px}dialog{border-radius:14px 14px 0 0;width:100%;max-width:100%;max-height:92vh;margin:0;padding:16px;position:fixed;inset:auto 0 0}#shortcuts-dialog,#appearance-dialog,#auth-dialog,#export-dialog,#confirm-dialog{width:100%}.row{gap:6px}.row button{min-width:44%;padding:11px 12px}}@media (width<=400px){.app-header{gap:4px;padding:0 10px}.icon-btn{padding:6px 5px}.seg button{padding:8px 7px}}