:root{--bg: #ffffff;--bg-elev: #f7f7f8;--bg-hover: #ececee;--fg: #1a1a1a;--fg-muted: #6b7280;--border: #e5e7eb;--accent: #3b82f6;--accent-fg: #ffffff;--code-bg: #f3f4f6;--scrollbar-thumb: #c1c5cd;--scrollbar-thumb-hover: #9aa0a6}body[data-theme=dark]{--bg: #0f1115;--bg-elev: #1a1d23;--bg-hover: #262a32;--fg: #e7e9ed;--fg-muted: #9aa0a6;--border: #2a2e36;--accent: #60a5fa;--accent-fg: #0f1115;--code-bg: #1a1d23;--scrollbar-thumb: #6b7280;--scrollbar-thumb-hover: #9ca3af}body[data-theme=sepia]{--bg: #f7f1e3;--bg-elev: #efe6d2;--bg-hover: #e6dcc4;--fg: #3a2e1f;--fg-muted: #7a6850;--border: #d6c9a8;--accent: #b85c1a;--accent-fg: #f7f1e3;--code-bg: #efe6d2;--scrollbar-thumb: #b8a98a;--scrollbar-thumb-hover: #8b7c5e}body[data-theme=high-contrast]{--bg: #000000;--bg-elev: #0a0a0a;--bg-hover: #1a1a1a;--fg: #ffffff;--fg-muted: #cccccc;--border: #ffffff;--accent: #ffff00;--accent-fg: #000000;--code-bg: #1a1a1a;--scrollbar-thumb: #ffffff;--scrollbar-thumb-hover: #ffff00}html{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;height:100%;--sidebar-width: 260px}.app:has(.sidebar.collapsed){--sidebar-width: 32px}.sidebar{display:flex;flex-direction:column;width:260px;background:var(--bg-elev);border-right:1px solid var(--border);flex-shrink:0;position:relative;transition:width .15s ease}.sidebar.collapsed{width:32px}@media (min-width: 601px){.sidebar.collapsed>:not(.sidebar-toggle):not(.sidebar-expand-strip){display:none}}.sidebar-expand-strip{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:none;padding:0;margin:0;cursor:pointer;z-index:5;font:inherit;color:inherit}.sidebar-expand-strip:hover{background:var(--bg-hover)}@media (max-width: 600px){.sidebar-expand-strip{display:none}}.sidebar-toggle{position:absolute;top:14px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--fg);cursor:pointer;z-index:10;font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover)}@media (max-width: 600px){.sidebar{position:absolute;top:0;bottom:0;left:0;width:260px;transition:transform .2s ease;z-index:50}.sidebar.collapsed{transform:translate(-260px);width:260px;border-right:1px solid var(--border)}.sidebar .sidebar-toggle{top:auto;bottom:16px;right:-48px;left:auto;width:40px;height:40px;font-size:18px}.document-view.editing:not(.split) .markdown-body{padding:12px}.document-view.split .editor-pane{padding:8px}.modal,.modal.modal-wide{min-width:0;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}}.sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.sidebar-header h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.doc-filter{display:flex;gap:6px;margin-top:8px}.doc-filter-input{flex:1;min-width:0;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:12px;font-family:inherit}.doc-filter-input:focus{outline:none;border-color:var(--accent)}.doc-filter-toggle{flex:0 0 auto;width:26px;padding:0;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);cursor:pointer;font-size:13px;line-height:1}.doc-filter-toggle:hover{background:var(--bg-hover)}.doc-filter-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.doc-list{flex:1;display:flex;flex-direction:column;min-height:0}.doc-list-items{flex:1 1 auto;overflow-y:auto;min-height:0;padding:8px}.doc-item{display:flex;align-items:center;border-radius:6px;margin-bottom:2px}.doc-item:hover{background:var(--bg-hover)}.doc-item.active{background:var(--accent)}.doc-item.active .doc-name,.doc-item.active .doc-close{color:var(--accent-fg)}.doc-name{flex:1;text-align:left;background:none;border:none;padding:8px 12px;cursor:pointer;color:var(--fg);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.doc-close{background:none;border:none;padding:4px 10px;cursor:pointer;color:var(--fg-muted);font-size:18px;line-height:1;border-radius:4px}.doc-close:hover{background:#0000001a}.doc-actions{display:flex;gap:4px;padding:4px 0;margin-bottom:2px}.doc-action-btn{flex:1;height:31px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;font-size:15px;font-family:inherit;padding:0;display:flex;align-items:center;justify-content:center;gap:10px;line-height:1}.doc-action-btn kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--bg-elev);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:10px;color:var(--fg-muted);line-height:1.4}.doc-action-btn:hover{background:var(--bg-hover);color:var(--fg);border-color:var(--accent)}.doc-action-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}::highlight(find-match){background-color:#ffdc0059;color:inherit}::highlight(find-current){background-color:var(--accent);color:var(--accent-fg)}.find-bar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000002e;font-family:inherit}.find-input{width:220px;padding:5px 9px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:13px;outline:none}.find-input:focus{border-color:var(--accent)}.find-count{font-size:12px;color:var(--fg-muted);min-width:64px;text-align:center}.find-btn{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--fg);font-size:13px;font-family:inherit;line-height:1}.find-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.find-btn:disabled{opacity:.4;cursor:default}.find-close{font-size:16px}@media (max-width: 600px){.find-bar{width:calc(100vw - 24px);max-width:none}.find-input{flex:1;width:auto}}.floating-edit-btn{position:fixed;bottom:24px;left:calc(var(--sidebar-width, 260px) + 24px);z-index:5;width:36px;height:36px;border-radius:8px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000014;font-family:inherit;transition:left .15s ease}.floating-edit-btn:hover{background:var(--bg-hover)}.floating-edit-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}@media (max-width: 600px){.floating-edit-btn{display:none}}.outline-floating{position:fixed;top:24px;right:32px;z-index:5}.outline.outline-floating{width:220px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000014;overflow:hidden}.outline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px 12px;border-bottom:1px solid var(--border)}.outline-header-button{background:none;border:none;border-bottom:1px solid var(--border);width:100%;font-family:inherit;cursor:pointer;color:inherit}.outline-header-button:hover{background:var(--bg-hover)}.outline-header-button:hover .outline-collapse-btn{color:var(--fg)}.outline-label{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em}.outline-collapse-btn{background:none;border:none;font-size:18px;color:var(--fg-muted);cursor:pointer;line-height:1;padding:0 6px;font-family:inherit}.outline-collapse-btn:hover{color:var(--fg)}.outline-list{list-style:none;padding:6px 8px;margin:0;overflow-y:auto;overscroll-behavior:contain}.outline-item{margin:0}.outline-link{display:block;width:100%;text-align:left;background:none;border:none;padding:3px 8px;cursor:pointer;color:var(--fg-muted);font-size:12px;font-family:inherit;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.outline-link:hover{background:var(--bg-hover);color:var(--fg)}.outline-level-1 .outline-link{font-weight:600;color:var(--fg)}.outline-floating-collapsed{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;font-family:inherit;cursor:pointer;opacity:.55;transition:opacity .15s ease,color .15s ease}.outline-floating-collapsed:hover{opacity:1;color:var(--fg)}.empty-hint{padding:16px;color:var(--fg-muted);font-size:13px;line-height:1.5}.empty-hint code{background:var(--code-bg);padding:1px 5px;border-radius:3px;font-size:.9em}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sidebar-footer button{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);cursor:pointer;font-size:13px;font-family:inherit}.sidebar-footer button:hover{background:var(--bg-hover)}.sidebar-footer button.with-hotkey{display:flex;align-items:center;justify-content:center;gap:12px}.sidebar-footer button kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--bg-elev);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:11px;color:var(--fg-muted);line-height:1.4}.document-view{flex:1;min-width:0;overflow-y:auto;background:var(--bg);color:var(--fg);padding-top:24px;padding-bottom:96px}.document-view.editing,.document-view.empty{padding-top:0;padding-bottom:0}.document-view.empty{display:flex;align-items:center;justify-content:center}.empty-message{text-align:center;color:var(--fg-muted);max-width:480px}.empty-message h1{color:var(--fg);margin-bottom:8px}.empty-message .muted{font-size:13px;opacity:.8}.empty-message code{background:var(--code-bg);padding:1px 6px;border-radius:3px;font-size:.9em}.markdown-body{max-width:80ch;margin:0 auto;overflow-wrap:anywhere}.document-view.full-width .markdown-body{max-width:none}.document-view.editing{display:flex;flex-direction:column;overflow:hidden}.document-view.editing:not(.split) .markdown-body{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;padding:32px}.split-edit{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden}.split-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.split-pane.editor-pane{padding:16px}.split-pane.preview-pane{overflow-y:auto}.split-pane.preview-pane .markdown-body{max-width:none;margin:0}.split-divider{flex:0 0 6px;background:var(--bg-elev);border-left:1px solid var(--border);border-right:1px solid var(--border);cursor:col-resize;transition:background .1s ease;touch-action:none}.split-divider:hover,.split-divider:active{background:var(--accent)}.editor-shell{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.editor-shell:focus-within{border-color:var(--accent)}.editor-shell .markdown-editor{border:none;border-radius:0}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;background:var(--bg-elev);border-bottom:1px solid var(--border);flex:0 0 auto}.editor-toolbar-btn{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);cursor:pointer;padding:4px 8px;min-width:28px;height:26px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center}.editor-toolbar-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--fg)}.editor-toolbar-btn:active{background:var(--accent);color:var(--accent-fg)}.editor-toolbar-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.editor-toolbar-btn.active:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);opacity:.9}.editor-toolbar-end{margin-left:auto}.markdown-editor{flex:1;width:100%;display:flex;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.markdown-editor:focus-within{border-color:var(--accent)}.markdown-editor .cm-editor{flex:1;height:100%;background:transparent;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;line-height:inherit}.markdown-editor .cm-editor.cm-focused{outline:none}.markdown-editor .cm-scroller{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-editor .cm-content{padding:12px 0;caret-color:var(--fg)}.markdown-editor .cm-line{padding:0 12px}.markdown-editor .cm-cursor{border-left-color:var(--fg)}.markdown-editor .cm-editor .cm-selectionBackground,.markdown-editor .cm-editor.cm-focused .cm-selectionBackground{background:var(--bg-hover)!important}.markdown-editor .cm-activeLine{background:transparent}.cm-tooltip.cm-tooltip-autocomplete{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0000002e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--fg)}.cm-tooltip.cm-tooltip-autocomplete>ul{font-family:inherit;max-height:260px}.cm-tooltip.cm-tooltip-autocomplete>ul>li{padding:4px 10px;display:flex;align-items:baseline;gap:12px}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent);color:var(--accent-fg)}.cm-tooltip.cm-tooltip-autocomplete .cm-completionLabel{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail{margin-left:auto;color:var(--fg-muted);font-style:normal;font-size:12px}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail{color:var(--accent-fg);opacity:.85}.markdown-body>*:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.25}.markdown-body h1{font-size:1.8em;border-bottom:1px solid var(--border);padding-bottom:.2em}.markdown-body h2{font-size:1.4em;border-bottom:1px solid var(--border);padding-bottom:.15em}.markdown-body h3{font-size:1.15em}.markdown-body p,.markdown-body li{margin:.5em 0}.markdown-body ul,.markdown-body ol{padding-left:1.5em}.markdown-body code{background:var(--code-bg);padding:.15em .35em;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.markdown-body pre{background:var(--code-bg);padding:12px;border-radius:6px;overflow-x:auto}.markdown-body pre code{background:none;padding:0;font-size:.85em}.markdown-body blockquote{margin:1em 0;padding-left:1em;border-left:3px solid var(--border);color:var(--fg-muted)}.markdown-body table{border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{padding:6px 12px;border:1px solid var(--border)}.markdown-body th{background:var(--bg-elev)}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body img{max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.markdown-body .md-checkbox{cursor:pointer;margin-right:.5em;transform:scale(1.15);vertical-align:middle;accent-color:var(--accent)}.markdown-body li:has(.md-checkbox){list-style:none;margin-left:-1.2em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-elev);color:var(--fg);border-radius:10px;width:480px;max-width:520px;max-height:85vh;overflow-y:auto;border:1px solid var(--border);box-shadow:0 20px 60px #0000004d}.modal.modal-wide{max-width:640px;min-width:480px}.modal header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-elev);z-index:1}.modal header h2{margin:0;font-size:16px}.modal header button{background:none;border:none;font-size:22px;color:var(--fg-muted);cursor:pointer;padding:0 4px;line-height:1}.modal section{padding:14px 20px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.modal section:last-child{border-bottom:none}.modal section>label{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.modal section select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}.modal section input[type=range]{width:100%;accent-color:var(--accent)}.share-url{width:100%;min-height:80px;padding:8px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;resize:vertical;word-break:break-all;outline:none}.share-url:focus{border-color:var(--accent)}.share-copy-btn{align-self:flex-start;padding:8px 16px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:4px;cursor:pointer;font-size:13px;font-family:inherit}.share-copy-btn:hover{opacity:.9}.modal.modal-dialog{width:380px;min-width:0;max-width:90vw}.modal-dialog section{gap:14px}.dialog-input{width:100%;padding:8px 10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:14px;outline:none}.dialog-input:focus{border-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);cursor:pointer;font-family:inherit;font-size:13px}.dialog-actions button:hover{background:var(--bg-hover)}.dialog-actions .dialog-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.dialog-actions .dialog-primary:hover{background:var(--accent);opacity:.9}.dialog-actions .dialog-destructive{background:#dc2626;border-color:#dc2626;color:#fff}.dialog-actions .dialog-destructive:hover{background:#b91c1c;border-color:#b91c1c}.modal-close-floating{display:none}@media (max-width: 600px){.modal-close-floating{display:flex;position:fixed;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);font-size:26px;line-height:1;padding:0;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000040;z-index:200}.modal-close-floating:active{background:var(--bg-hover)}}.chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-row button{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);cursor:pointer;font-size:12px;text-transform:capitalize;font-family:inherit}.chip-row button:hover{background:var(--bg-hover)}.chip-row button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.chip-tag{font-size:11px;color:var(--fg-muted);font-style:italic;padding:0 4px}.color-swatch{width:36px;height:28px;padding:2px;border:1px solid var(--border);border-radius:4px;background:var(--bg);cursor:pointer}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:2px}.modal section h3{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-weight:600}.modal section p{margin:0 0 8px;font-size:14px;line-height:1.5}.modal section p.muted{color:var(--fg-muted);font-size:13px}.modal section code{background:var(--code-bg);padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.hotkey-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.hotkey-list li{display:flex;align-items:center;gap:12px;font-size:13px}.hotkey-list kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--code-bg);padding:3px 8px;border-radius:4px;border:1px solid var(--border);font-size:12px;min-width:56px;text-align:center;color:var(--fg)}.modal section.native-promo{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:8px 20px;padding:12px 16px}.modal section.native-promo h3{margin-bottom:6px}.modal section.native-promo p{margin:0 0 4px}.native-promo-link{color:var(--accent);font-weight:500;text-decoration:none}.native-promo-link:hover{color:var(--accent);text-decoration:underline}.modal section.modal-credit-section{text-align:center;padding:12px 20px 16px}.modal section.modal-credit-section .credit{font-size:12px;color:var(--fg-muted);margin:0}.modal section.modal-credit-section .credit a{color:var(--accent);text-decoration:none}.modal section.modal-credit-section .credit a:hover{text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 8px 10px;text-align:center}.stat-value{font-size:22px;font-weight:600;color:var(--fg);line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.task-progress-text{font-size:14px;margin-bottom:8px}.task-progress-text .muted{color:var(--fg-muted)}.progress-bar{height:8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b82f61f;border:4px dashed var(--accent);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200}.drop-message{background:var(--bg);color:var(--fg);padding:20px 40px;border-radius:10px;font-size:18px;font-weight:500;border:1px solid var(--border);box-shadow:0 12px 32px #0003}.shortcut-hints{position:fixed;bottom:24px;right:32px;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--fg);font-family:inherit;text-align:left;cursor:pointer;opacity:.85;transition:opacity .15s ease,padding .15s ease,background .15s ease,border-color .15s ease,font-size .15s ease}.shortcut-hints:hover{opacity:1}.shortcut-hints.collapsed{padding:4px 10px;font-size:11px;opacity:.35;background:transparent;border-color:transparent;color:var(--fg-muted);gap:0}.shortcut-hints.collapsed:hover{opacity:.9;background:var(--bg-elev);border-color:var(--border);color:var(--fg)}.shortcut-collapsed-label{letter-spacing:.04em}.shortcut-row{display:flex;align-items:center;gap:10px}.shortcut-row kbd{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:5px 10px;font-size:14px;letter-spacing:.05em;color:var(--fg);min-width:48px;text-align:center;font-weight:500}@media (max-width: 600px){.shortcut-hints{display:none}}@page{margin:.75in}@media print{.sidebar,.shortcut-hints,.outline-floating,.floating-edit-btn,.find-bar,.modal-backdrop,.editor-toolbar,.split-divider{display:none!important}html,body,#root,.app,.document-view{height:auto!important;overflow:visible!important}.document-view{padding:0!important}body,.document-view,.markdown-body{background:#fff!important;color:#000!important}.markdown-body{max-width:none!important;margin:0!important;box-shadow:none!important}.markdown-body p,.markdown-body li,.markdown-body pre,.markdown-body blockquote{break-inside:avoid}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{break-after:avoid}}.account-panel form{display:flex;flex-direction:column;gap:10px}.account-panel input[type=email]{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:14px;font-family:inherit}.account-panel .account-actions{display:flex;gap:8px;flex-wrap:wrap}.account-panel .account-actions button{padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);cursor:pointer;font-size:13px;font-family:inherit}.account-panel .account-actions button:hover:not(:disabled){background:var(--bg-hover)}.account-panel .account-actions button:disabled{opacity:.6;cursor:not-allowed}.account-panel .account-hint{color:var(--fg-muted);font-size:13px}.account-panel .account-error{color:#c0392b;font-size:13px}.cloud-badge{font-size:10px;margin-right:6px;opacity:.7;vertical-align:middle}.sidebar-footer button.account-btn{display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-footer button.account-btn .account-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-muted)}.sidebar-footer button.account-btn.signed-in .account-dot{background:#2ecc71}