*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-2: #f7f7f8;--surface: #f0f0f1;--surface-2: #e8e8ea;--border: #dddde0;--border-subtle: #ebebed;--text: #18181b;--text-muted: #52525b;--text-subtle: #a1a1aa;--accent: #3b82f6;--accent-hover: #2563eb;--accent-fg: #ffffff;--danger: #ef4444;--sidebar-w: 220px;--menubar-h: 36px;--toolbar-h: 38px;--radius: 6px;--radius-sm: 4px;--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editor: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--editor-scale: 1}[data-theme=dark]{--bg: #18181b;--bg-2: #1f1f23;--surface: #27272a;--surface-2: #3f3f46;--border: #3f3f46;--border-subtle: #2e2e32;--text: #f4f4f5;--text-muted: #a1a1aa;--text-subtle: #52525b;--shadow: 0 4px 16px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3)}[data-accent=default]{--accent: #3b82f6;--accent-hover: #2563eb}[data-accent=green]{--accent: #16a34a;--accent-hover: #15803d}[data-accent=red]{--accent: #dc2626;--accent-hover: #b91c1c}[data-accent=blue]{--accent: #0891b2;--accent-hover: #0e7490}[data-accent=orange]{--accent: #ea580c;--accent-hover: #c2410c}[data-accent=yellow]{--accent: #ca8a04;--accent-hover: #a16207}[data-accent=purple]{--accent: #9333ea;--accent-hover: #7e22ce}[data-accent=pink]{--accent: #db2777;--accent-hover: #be185d}[data-typeface=helvetica]{--font-editor: "Helvetica Neue", Helvetica, Arial, sans-serif}[data-typeface=humanist]{--font-editor: "Gill Sans", Optima, Candara, sans-serif}[data-typeface=serif]{--font-editor: Georgia, "Times New Roman", serif}[data-typeface=rounded]{--font-editor: ui-rounded, "Varela Round", sans-serif}[data-density=airy]{--editor-line-height: 2}[data-density=balanced]{--editor-line-height: 1.75}[data-density=tight]{--editor-line-height: 1.45}[data-density=normal]{--editor-line-height: 1.6}[data-canvas=paper] .editor-surface{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}[data-canvas=grain] .editor-surface{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}html{font-size:14px}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.menu-bar{height:var(--menubar-h);display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:0 8px;flex-shrink:0;gap:4px;-webkit-user-select:none;user-select:none}.menu-left{display:flex;align-items:center;gap:2px}.menu-right{display:flex;align-items:center;gap:4px}.app-brand{font-weight:700;font-size:13px;color:var(--accent);padding:0 8px;letter-spacing:-.3px;white-space:nowrap}.menu{position:relative}.menu-trigger{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12.5px;font-family:var(--font-ui);white-space:nowrap;transition:background .12s,color .12s}.menu-trigger:hover,.menu-trigger.active{background:var(--surface-2);color:var(--text)}.menu-dropdown{display:none;position:absolute;top:calc(100% + 2px);left:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;min-width:180px;padding:4px}.menu-dropdown.open{display:block}.menu-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;font-family:var(--font-ui);white-space:nowrap;transition:background .12s}.menu-dropdown button:hover{background:var(--surface)}.theme-toggle{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:15px;line-height:1;transition:background .12s;color:var(--text-muted)}.theme-toggle:hover{background:var(--surface-2)}.info-circle-btn{background:none;border:1px solid var(--border);cursor:pointer;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:var(--text-subtle);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.info-circle-btn:hover{background:var(--surface-2);color:var(--text)}.accent-picker{position:relative}.accent-menu-button{background:none;border:1px solid var(--border);cursor:pointer;width:24px;height:24px;border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center;transition:border-color .12s}.accent-menu-button:hover{border-color:var(--accent)}.accent-dot,.theme-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.theme-swatch.default{background:#3b82f6}.theme-swatch.green{background:#16a34a}.theme-swatch.red{background:#dc2626}.theme-swatch.blue{background:#0891b2}.theme-swatch.orange{background:#ea580c}.theme-swatch.yellow{background:#ca8a04}.theme-swatch.purple{background:#9333ea}.theme-swatch.pink{background:#db2777}.accent-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;padding:4px;min-width:130px}.accent-menu.open{display:block}.accent-menu-option{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;font-family:var(--font-ui);transition:background .12s}.accent-menu-option:hover{background:var(--surface)}.mobile-notes-toggle{display:none;background:none;border:none;cursor:pointer;font-size:18px;padding:4px 6px;color:var(--text-muted);border-radius:var(--radius-sm)}.toolbar{display:flex;align-items:center;gap:2px;padding:3px 10px;background:var(--bg);border-bottom:1px solid var(--border-subtle);height:var(--toolbar-h);flex-shrink:0;flex-wrap:wrap}.tool-btn{background:none;border:none;cursor:pointer;padding:4px 7px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-family:var(--font-ui);transition:background .12s,color .12s;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.tool-btn:hover{background:var(--surface);color:var(--text)}.icon-link{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.icon-table{display:inline-block;width:14px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Crect x='0' y='0' width='14' height='12' rx='1' fill='none' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='0' y1='4' x2='14' y2='4' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='0' y1='8' x2='14' y2='8' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='4.5' y1='0' x2='4.5' y2='12' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='9.5' y1='0' x2='9.5' y2='12' stroke='currentColor' stroke-width='1.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Crect x='0' y='0' width='14' height='12' rx='1' fill='none' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='0' y1='4' x2='14' y2='4' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='0' y1='8' x2='14' y2='8' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='4.5' y1='0' x2='4.5' y2='12' stroke='currentColor' stroke-width='1.2'/%3E%3Cline x1='9.5' y1='0' x2='9.5' y2='12' stroke='currentColor' stroke-width='1.2'/%3E%3C/svg%3E") center/contain no-repeat}.icon-hr{display:inline-block;width:16px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cline x1='0' y1='5' x2='16' y2='5' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cline x1='0' y1='5' x2='16' y2='5' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}.icon-strike{text-decoration:line-through}.workspace{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--bg-2);border-right:1px solid var(--border);overflow:hidden;transition:width .18s,min-width .18s;flex-shrink:0}.sidebar.collapsed{width:32px;min-width:32px}.sidebar-top{padding:10px 10px 4px;flex-shrink:0}.sidebar-pane-title{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);padding:0 2px 6px}.sidebar.collapsed .sidebar-pane-title,.sidebar.collapsed .sidebar-search,.sidebar.collapsed .sidebar-views,.sidebar.collapsed .sidebar-tags{display:none}.sidebar-controls{display:flex;align-items:center;justify-content:space-between}.sidebar-actions{display:flex;gap:4px}.sidebar-btn{background:none;border:none;cursor:pointer;padding:3px 6px;border-radius:var(--radius-sm);color:var(--text-subtle);font-size:12px;transition:background .12s,color .12s}.sidebar-btn:hover{background:var(--surface);color:var(--text)}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:var(--radius-sm);color:var(--text-subtle);font-size:11px;transition:background .12s}.sidebar-toggle-btn:hover{background:var(--surface)}.sidebar-toggle-collapsed{display:none}.sidebar.collapsed .sidebar-toggle-collapsed{display:flex;align-items:center;justify-content:center;padding:6px}.sidebar-search{margin-top:6px}.sidebar-search-row{display:flex;align-items:center;gap:3px}.sidebar-search-input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;color:var(--text);font-family:var(--font-ui);outline:none;transition:border-color .15s}.sidebar-search-input:focus{border-color:var(--accent)}.sidebar-search-input::placeholder{color:var(--text-subtle)}.search-options-btn{background:none;border:none;cursor:pointer;padding:2px 5px;font-size:13px;color:var(--text-subtle);border-radius:var(--radius-sm);transition:background .12s}.search-options-btn:hover{background:var(--surface)}.search-options-menu{display:none;justify-content:flex-end;gap:4px;padding:4px 0}.search-options-menu.open{display:flex}.search-options-menu button{background:none;border:1px solid var(--border);cursor:pointer;padding:2px 7px;border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);transition:background .12s,border-color .12s}.search-options-menu button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.search-options-menu button:hover:not(.active){background:var(--surface)}.sidebar-views{display:flex;align-items:center;gap:4px;margin-top:8px;padding-bottom:4px}.sidebar-view-btn{background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:11.5px;font-family:var(--font-ui);transition:background .12s,color .12s}.sidebar-view-btn.active,.sidebar-view-btn:hover{background:var(--surface-2);color:var(--text)}.sort-wrap{margin-left:auto;position:relative}.sidebar-sort-btn{background:none;border:none;cursor:pointer;padding:3px 7px;font-size:11px;color:var(--text-subtle);border-radius:var(--radius-sm);transition:background .12s;white-space:nowrap}.sidebar-sort-btn:hover{background:var(--surface)}.sort-menu{display:none;position:absolute;right:0;top:calc(100% + 2px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);z-index:100;min-width:140px;padding:4px}.sort-menu.open{display:block}.sort-menu button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text);font-family:var(--font-ui);transition:background .12s}.sort-menu button:hover{background:var(--surface)}.sort-menu button.active{color:var(--accent)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:4px;padding:4px 2px;min-height:0}.tag-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}.tag-chip:hover,.tag-chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.document-list{flex:1;overflow-y:auto;padding:4px 6px;list-style:none}.document-list::-webkit-scrollbar{width:4px}.document-list::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:2px}.doc-item{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border-radius:var(--radius);cursor:pointer;transition:background .12s;margin-bottom:1px;position:relative}.doc-item:hover{background:var(--surface)}.doc-item.active{background:var(--surface-2)}.doc-item.active .doc-item-title{color:var(--text);font-weight:500}.doc-item-pin{font-size:10px;opacity:.5;flex-shrink:0;margin-top:1px}.doc-item-title{font-size:12.5px;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.doc-item-meta{font-size:10px;color:var(--text-subtle);white-space:nowrap;flex-shrink:0;margin-top:1px}.doc-item-delete{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-subtle);padding:2px 4px;border-radius:var(--radius-sm);transition:color .12s,background .12s;line-height:1}.doc-item:hover .doc-item-delete{display:block}.doc-item-delete:hover{color:var(--danger);background:var(--surface-2)}.sidebar-bottom{padding:8px;flex-shrink:0}.sidebar-trash-actions{display:flex;gap:6px}.sidebar-trash-btn{flex:1;background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);font-size:11.5px;color:var(--text-muted);font-family:var(--font-ui);transition:background .12s}.sidebar-trash-btn:hover{background:var(--surface-2)}.sidebar-trash-btn.danger{color:var(--danger)}.sidebar-trash-btn.danger:hover{background:#fee2e2}.editor-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.editor-surface{flex:1;display:flex;flex-direction:column;padding:0 max(24px,calc(50% - 360px));overflow-y:auto;background:var(--bg)}.editor-surface::-webkit-scrollbar{width:6px}.editor-surface::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:3px}.welcome-screen{max-width:560px;margin:80px auto;padding:0 16px;text-align:center;color:var(--text-muted)}.welcome-title{font-size:22px;font-weight:600;color:var(--text);margin-bottom:16px}.welcome-screen p{line-height:1.7;margin-bottom:12px;font-size:14px}.welcome-screen a{color:var(--accent);text-decoration:none}.welcome-screen a:hover{text-decoration:underline}.welcome-actions{margin-top:24px}.welcome-start-btn{background:var(--accent);color:var(--accent-fg);border:none;cursor:pointer;padding:10px 24px;border-radius:var(--radius);font-size:14px;font-family:var(--font-ui);font-weight:500;transition:background .15s}.welcome-start-btn:hover{background:var(--accent-hover)}.doc-header{padding:32px 0 16px;flex-shrink:0}.doc-title-display{font-size:26px;font-weight:700;color:var(--text);cursor:pointer;line-height:1.3;outline:none;word-break:break-word;font-family:var(--font-editor)}.doc-title-display:hover{opacity:.85}.doc-title-input{display:none;width:100%;font-size:26px;font-weight:700;background:none;border:none;border-bottom:2px solid var(--accent);color:var(--text);outline:none;font-family:var(--font-editor);padding:2px 0}.doc-title-input.visible{display:block}.doc-title-display.hidden{display:none}.doc-subtitle{font-size:12px;color:var(--text-subtle);margin-top:4px;padding:2px 0}.doc-tags-wrap{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.doc-tags-display{background:none;border:1px dashed var(--border);cursor:pointer;padding:2px 8px;border-radius:10px;font-size:11.5px;color:var(--text-subtle);transition:border-color .12s,color .12s}.doc-tags-display:hover{border-color:var(--accent);color:var(--accent)}.doc-tag{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px;color:var(--text-muted)}.doc-tags-input{font-size:12px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);outline:none;padding:2px 4px;width:200px;display:none;font-family:var(--font-ui)}.doc-tags-input.visible{display:inline-block}.editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.editor-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.editor-tab{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;padding:6px 14px;font-size:12px;color:var(--text-muted);font-family:var(--font-ui);transition:color .12s,border-color .12s}.editor-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-tab:hover:not(.active){color:var(--text)}.editor-textarea{flex:1;width:100%;resize:none;background:none;border:none;color:var(--text);font-family:var(--font-editor);font-size:calc(14px * var(--editor-scale));line-height:var(--editor-line-height, 1.6);outline:none;padding:4px 0 60px;min-height:320px}.editor-textarea::placeholder{color:var(--text-subtle)}.editor-preview{flex:1;padding:4px 0 60px;color:var(--text);font-family:var(--font-editor);font-size:calc(14px * var(--editor-scale));line-height:var(--editor-line-height, 1.6);overflow-y:auto}.editor-preview h1{font-size:1.9em;font-weight:700;margin:1em 0 .5em;color:var(--text)}.editor-preview h2{font-size:1.5em;font-weight:600;margin:1em 0 .4em;color:var(--text)}.editor-preview h3{font-size:1.2em;font-weight:600;margin:.9em 0 .35em;color:var(--text)}.editor-preview h4,.editor-preview h5,.editor-preview h6{font-weight:600;margin:.8em 0 .3em;color:var(--text)}.editor-preview p{margin:0 0 .75em}.editor-preview strong{font-weight:700}.editor-preview em{font-style:italic}.editor-preview del{text-decoration:line-through;color:var(--text-muted)}.editor-preview code{background:var(--surface-2);border-radius:3px;padding:1px 5px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.88em;color:var(--accent)}.editor-preview pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:0 0 1em;overflow-x:auto}.editor-preview pre code{background:none;padding:0;color:var(--text);font-size:.87em;border-radius:0}.editor-preview blockquote{border-left:3px solid var(--accent);margin:0 0 .75em;padding:4px 12px;color:var(--text-muted);font-style:italic}.editor-preview ul,.editor-preview ol{padding-left:1.5em;margin:0 0 .75em}.editor-preview li{margin-bottom:.25em}.editor-preview a{color:var(--accent);text-decoration:none}.editor-preview a:hover{text-decoration:underline}.editor-preview hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.editor-preview table{width:100%;border-collapse:collapse;margin:0 0 1em}.editor-preview th,.editor-preview td{border:1px solid var(--border);padding:6px 12px;text-align:left}.editor-preview th{background:var(--surface);font-weight:600}.editor-preview input[type=checkbox]{margin-right:6px}.floating-metrics-trigger{position:sticky;bottom:12px;margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:11px;color:var(--text-subtle);cursor:pointer;transition:background .12s,color .12s;width:fit-content;align-self:flex-end}.floating-metrics-trigger:hover{background:var(--surface-2);color:var(--text)}.floating-metrics-separator{opacity:.4}[data-reading-rail=on] .editor-surface{padding-right:80px}.app[data-focus-mode=true] .menu-bar,.app[data-focus-mode=true] .toolbar,.app[data-focus-mode=true] .sidebar{display:none}.app[data-focus-mode=true] .editor-surface{padding:0 max(60px,calc(50% - 360px))}.focus-exit-button{display:none;position:fixed;top:12px;right:12px;z-index:900;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:13px;color:var(--text-muted);transition:background .12s}.app[data-focus-mode=true] .focus-exit-button{display:flex;align-items:center;justify-content:center}.status-live-region{flex-shrink:0;height:22px;padding:0 10px;font-size:11px;color:var(--text-subtle);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center}.support-bubble{position:fixed;bottom:40px;right:16px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--shadow-sm);font-size:12px;z-index:200;max-width:300px}.support-bubble.hidden{display:none}.support-bubble-link{color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:6px;font-size:12px}.support-bubble-link:hover{color:var(--text)}.support-bubble-coffee{font-size:16px}.support-bubble-dismiss{background:none;border:none;cursor:pointer;color:var(--text-subtle);font-size:12px;padding:2px 4px;border-radius:var(--radius-sm)}.support-bubble-dismiss:hover{color:var(--text);background:var(--surface)}.dialog-overlay{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.dialog-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;position:relative}.dialog-box::-webkit-scrollbar{width:4px}.dialog-box::-webkit-scrollbar-thumb{background:var(--surface-2)}.dialog-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:14px;padding-right:28px}.dialog-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-subtle);font-size:16px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .12s,color .12s}.dialog-close:hover{background:var(--surface);color:var(--text)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.dialog-actions button{background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:12.5px;color:var(--text-muted);font-family:var(--font-ui);transition:background .12s}.dialog-actions button:hover{background:var(--surface-2);color:var(--text)}.dialog-box p{font-size:13px;line-height:1.65;color:var(--text-muted);margin-bottom:10px}.dialog-box a{color:var(--accent);text-decoration:none}.dialog-box a:hover{text-decoration:underline}.about-section-title{font-weight:600;color:var(--text)!important;margin-top:14px!important}.about-coffee-btn{font-weight:500}.dialog-box ul{padding-left:1.4em;margin-bottom:12px}.dialog-box li{font-size:13px;line-height:1.65;color:var(--text-muted);margin-bottom:4px}.stats-grid{display:flex;flex-direction:column;gap:2px}.stats-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:var(--radius-sm);font-size:12.5px}.stats-row:nth-child(2n){background:var(--surface)}.stats-row span{color:var(--text-muted)}.stats-row strong{color:var(--text);font-weight:600}.settings-section{margin-bottom:20px}.settings-section h3{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle);gap:12px}.setting-row.setting-row-stack{flex-direction:column;align-items:flex-start}.setting-label{font-size:13px;color:var(--text);flex-shrink:0}.settings-options{display:flex;gap:4px;flex-wrap:wrap}.settings-options-wrap{flex-wrap:wrap}.setting-chip{background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:4px 10px;border-radius:12px;font-size:12px;color:var(--text-muted);font-family:var(--font-ui);transition:background .12s,border-color .12s,color .12s}.setting-chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.setting-chip:hover:not(.active){background:var(--surface-2);color:var(--text)}.settings-palette-grid{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.palette-option{background:none;border:2px solid var(--border);cursor:pointer;padding:5px 10px;border-radius:var(--radius);font-size:12px;color:var(--text-muted);font-family:var(--font-ui);display:flex;align-items:center;gap:6px;transition:border-color .12s,color .12s}.palette-option.active{border-color:var(--accent);color:var(--text)}.palette-option:hover:not(.active){border-color:var(--surface-2);background:var(--surface)}.settings-switch{background:var(--surface-2);border:none;cursor:pointer;width:38px;height:20px;border-radius:10px;padding:2px;transition:background .15s;position:relative;flex-shrink:0}.settings-switch[aria-pressed=true]{background:var(--accent)}.settings-switch-knob{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.settings-switch[aria-pressed=true] .settings-switch-knob{transform:translate(18px)}.settings-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.settings-reset-btn{background:none;border:1px solid var(--border);cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-subtle);font-family:var(--font-ui);transition:background .12s,color .12s}.settings-reset-btn:hover{background:var(--surface);color:var(--text)}.find-grid{display:grid;grid-template-columns:60px 1fr;gap:8px 10px;align-items:center;margin-bottom:12px}.find-label{font-size:12.5px;color:var(--text-muted)}.find-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text);font-family:var(--font-ui);outline:none;transition:border-color .15s}.find-input:focus{border-color:var(--accent)}.find-options,.find-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.find-actions button{background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted);font-family:var(--font-ui);transition:background .12s}.find-actions button:hover{background:var(--surface-2);color:var(--text)}.shortcut-hint{font-size:11.5px;color:var(--text-subtle);margin-bottom:8px}.shortcut-hint code{background:var(--surface);border-radius:var(--radius-sm);padding:1px 4px;font-size:11px}.find-results{list-style:none;margin-top:6px;max-height:260px;overflow-y:auto}.find-results li{padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .12s}.find-results li:hover{background:var(--surface)}.find-results li mark{background:#fde68a;color:var(--text);border-radius:2px;padding:0 2px}.command-dialog .dialog-box{max-width:480px}.command-results{list-style:none;margin-top:8px;max-height:300px;overflow-y:auto}.command-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-muted);transition:background .12s}.command-item:hover,.command-item.focused{background:var(--surface);color:var(--text)}.command-item-icon{font-size:14px;flex-shrink:0}.command-item-label{flex:1}.command-item-kbd{font-size:11px;color:var(--text-subtle);background:var(--surface-2);padding:1px 5px;border-radius:var(--radius-sm)}.snapshot-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);font-size:12.5px;color:var(--text-muted);transition:background .12s}.snapshot-item:hover{background:var(--surface)}.snapshot-item-time{flex:1}.snapshot-actions{display:flex;gap:4px}.snapshot-btn{background:none;border:1px solid var(--border);cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;color:var(--text-subtle);transition:background .12s,color .12s}.snapshot-btn:hover{background:var(--surface-2);color:var(--text)}.snapshot-btn.danger:hover{color:var(--danger)}.markdown-help-examples{display:flex;flex-direction:column;gap:6px;margin-top:10px}.markdown-help-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface);border-radius:var(--radius-sm);font-size:12.5px}.markdown-help-row code{font-family:Consolas,Monaco,monospace;background:var(--surface-2);padding:1px 5px;border-radius:3px;font-size:12px;color:var(--accent)}.markdown-help-row span{color:var(--text-muted)}.danger-action{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.danger-action:hover{opacity:.9}.slash-menu{position:absolute;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:500;min-width:180px;padding:4px}.slash-menu button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-muted);font-family:var(--font-ui);transition:background .12s}.slash-menu button:hover{background:var(--surface);color:var(--text)}.mobile-notes-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:299;border:none;cursor:pointer}@media(max-width:680px){.menu-left .app-brand{display:block}.toolbar{overflow-x:auto;flex-wrap:nowrap;padding:3px 6px}.mobile-notes-toggle{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:300;transform:translate(-100%);transition:transform .22s ease;max-width:80vw;min-width:220px}.sidebar.mobile-open{transform:translate(0)}.mobile-notes-backdrop{display:block}.editor-surface{padding:0 16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.menu-trigger-pro[data-v-c8dd71e9]{background:linear-gradient(135deg,#6c63ff,#a78bfa);color:#fff!important;font-weight:700;border-radius:4px}.menu-trigger-pro[data-v-c8dd71e9]:hover,.menu-trigger-pro.active[data-v-c8dd71e9]{opacity:.88}.tts-pro-badge[data-v-139c0eec]{display:flex;justify-content:flex-end;margin-bottom:10px}.tts-pro-label[data-v-139c0eec]{background:linear-gradient(135deg,#6c63ff,#a78bfa);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 10px;border-radius:999px}.tts-unsupported[data-v-139c0eec]{color:var(--text-subtle, #888);font-size:13px;padding:12px 0}.tts-field[data-v-139c0eec]{margin-bottom:12px}.tts-label[data-v-139c0eec]{display:block;font-size:11.5px;font-weight:600;color:var(--text-subtle, #888);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.tts-textarea[data-v-139c0eec]{width:100%;resize:vertical;box-sizing:border-box;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #111);border:1px solid var(--border, #ddd);border-radius:6px;padding:8px 10px;font-size:13.5px;font-family:inherit;line-height:1.5;outline:none;transition:border-color .15s}.tts-textarea[data-v-139c0eec]:focus{border-color:var(--accent, #6c63ff)}.tts-controls-row[data-v-139c0eec]{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:4px}.tts-field-voice[data-v-139c0eec]{flex:1 1 180px}.tts-field-range[data-v-139c0eec]{flex:1 1 130px}.tts-select[data-v-139c0eec]{width:100%;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #111);border:1px solid var(--border, #ddd);border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit;outline:none}.tts-range[data-v-139c0eec]{width:100%;accent-color:var(--accent, #6c63ff);margin-top:2px}.tts-actions[data-v-139c0eec]{display:flex;gap:8px;margin:14px 0 8px;flex-wrap:wrap}.tts-btn[data-v-139c0eec]{padding:6px 16px;border-radius:6px;border:1px solid var(--border, #ddd);background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #111);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s}.tts-btn[data-v-139c0eec]:disabled{opacity:.4;cursor:default}.tts-btn-primary[data-v-139c0eec]{background:var(--accent, #6c63ff);color:#fff;border-color:transparent;font-weight:600}.tts-btn-primary[data-v-139c0eec]:not(:disabled):hover{opacity:.88}.tts-btn-stop[data-v-139c0eec]{color:#e53935;border-color:#e5393533}.tts-hint[data-v-139c0eec]{font-size:11px;color:var(--text-subtle, #999);margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}