body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:450;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light dark}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.toast{animation:toastIn .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:8px;box-shadow:0 4px 16px #00000026;color:var(--text-color);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;max-width:400px;padding:10px 20px;pointer-events:auto;text-align:center}.toast-warning{border-color:#f59e0b66}.toast-error{border-color:#ef444466}.toast-success{border-color:#22c55e66}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.editor-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:8px;box-shadow:0 8px 24px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;gap:0;padding:4px 6px}.dark.editor-toolbar{background-color:#262626f2;border-color:#ffffff26;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff1a}.light.editor-toolbar{background-color:#fffffff2;border-color:#0000001a;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000f}.editor-toolbar .toolbar-buttons{align-items:center;display:flex;gap:1px}.editor-toolbar .toolbar-button{align-items:center;background:#0000;border:none;border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;padding:6px;position:relative;transition:background-color .15s,color .15s,transform .15s}.editor-toolbar .toolbar-button:hover{background-color:var(--button-hover)}.editor-toolbar .toolbar-button.active{background-color:var(--button-active);box-shadow:inset 0 0 0 1px var(--button-active-border);color:var(--text-active)}.dark .editor-toolbar .toolbar-button.active{background-color:#fff3;box-shadow:inset 0 0 0 1px #ffffff4d;color:#fff}.light .editor-toolbar .toolbar-button.active{background-color:#0000001f;box-shadow:inset 0 0 0 1px #0003;color:#000}.editor-toolbar .toolbar-button.heading-button{min-width:34px;padding:6px 8px}.editor-toolbar .heading-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px}.editor-toolbar .toolbar-divider{background-color:var(--menu-border);flex-shrink:0;height:18px;margin:0 3px;width:1px}.editor-toolbar .link-dropdown{animation:linkFadeIn .15s ease-out;border-top:1px solid var(--menu-border);margin-top:4px;padding:8px}.editor-toolbar .link-form{gap:8px}.editor-toolbar .link-form,.editor-toolbar .link-input-container{display:flex;flex-direction:column}.editor-toolbar .link-form input{background-color:initial;border:1px solid var(--menu-border);border-radius:5px;color:var(--text-color);font-family:DM Sans,sans-serif;font-size:13px;min-width:240px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.editor-toolbar .link-form input:focus{border-color:var(--text-active)}.editor-toolbar .link-form input.error{border-color:#ef4444}.dark .editor-toolbar .link-form input{background-color:#0003;border-color:#ffffff26}.dark .editor-toolbar .link-form input:focus{border-color:#ffffff80}.editor-toolbar .link-error{color:#ef4444;font-size:11px;margin-top:4px}.editor-toolbar .link-buttons{display:flex;gap:6px}.editor-toolbar .link-button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:background-color .15s,opacity .15s}.editor-toolbar .link-button.apply{background-color:var(--button-active);color:var(--text-active)}.editor-toolbar .link-button.apply:hover{opacity:.85}.editor-toolbar .link-button.apply:disabled{cursor:not-allowed;opacity:.4}.dark .editor-toolbar .link-button.apply{background-color:#fff3;color:#fff}.editor-toolbar .link-button.remove{background-color:initial;color:var(--text-color);opacity:.7}.editor-toolbar .link-button.remove:hover{background-color:var(--button-hover);opacity:1}@keyframes linkFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.editor-toolbar .toolbar-buttons{flex-wrap:wrap;gap:2px}.editor-toolbar .toolbar-button{height:28px;min-width:28px;padding:5px}.editor-toolbar .link-form input{min-width:200px}}.link-popover{animation:lpIn .1s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:8px;box-shadow:0 4px 12px #0000001f;padding:4px 6px;position:fixed;z-index:200}.dark.link-popover{background-color:#1e1e1ef2;box-shadow:0 4px 12px #0006}.lp-display,.lp-edit{align-items:center;display:flex;gap:2px}.lp-url{color:var(--status-color);font-family:DM Sans,sans-serif;font-size:12px;max-width:200px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.lp-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;padding:4px;transition:background-color .1s}.lp-btn:hover{background-color:var(--button-hover)}.lp-input{background:#0000;border:1px solid var(--menu-border);border-radius:4px;color:var(--text-color);font-family:DM Sans,sans-serif;font-size:12px;outline:none;padding:4px 8px;width:200px}.lp-input:focus{border-color:var(--text-active)}.dark .lp-input{background-color:#0003}@keyframes lpIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.calm-editor-container{display:flex;flex-direction:column;height:100%;width:100%}.calm-editor-container .tiptap{caret-color:var(--text-color);color:var(--text-color);cursor:text;font-family:DM Sans,sans-serif;font-size:18px;font-size:var(--editor-font-size,18px);font-weight:450;height:100%;line-height:1.7;line-height:var(--editor-line-height,1.7);outline:none}.calm-editor-container .tiptap p.is-editor-empty:first-child:before{color:var(--status-color);content:attr(data-placeholder);float:left;font-style:italic;height:0;opacity:.5;pointer-events:none}.calm-editor-container .tiptap p{margin:0 0 1em}.calm-editor-container .tiptap h1,.calm-editor-container .tiptap h2,.calm-editor-container .tiptap h3{font-family:DM Sans,sans-serif;line-height:1.3;margin-bottom:.5em;margin-top:1.2em}.calm-editor-container .tiptap h1{font-size:2em;font-weight:700}.calm-editor-container .tiptap h2{font-size:1.5em;font-weight:600}.calm-editor-container .tiptap h3{font-size:1.2em;font-weight:600}.calm-editor-container .tiptap blockquote{border-left:3px solid var(--menu-border);color:var(--status-color);font-style:italic;margin-left:0;margin-right:0;padding-left:1rem}.calm-editor-container .tiptap code{background-color:var(--button-hover);border-radius:4px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.88em;padding:.2em .4em}.calm-editor-container .tiptap pre{background-color:var(--button-hover);border-radius:6px;margin:1em 0;overflow-x:auto;padding:1em}.calm-editor-container .tiptap pre code{background:none;border-radius:0;padding:0}.calm-editor-container .tiptap a,.calm-editor-container .tiptap a.editor-link{border-bottom:1px solid;border-radius:2px;color:#1a73e8;cursor:pointer;margin:0 -2px;padding:0 2px;text-decoration:none;transition:color .2s ease,background-color .2s ease}.calm-editor-container .tiptap a:hover{background-color:#1a73e814;color:#0b5fca}.dark .calm-editor-container .tiptap a{color:#5ba6ff}.dark .calm-editor-container .tiptap a:hover{background-color:#5ba6ff1a;color:#83bbff}.calm-editor-container .tiptap ol,.calm-editor-container .tiptap ul{margin:.5em 0;padding-left:1.5rem}.calm-editor-container .tiptap li{margin:.25em 0}.calm-editor-container .tiptap li p{margin:0}.calm-editor-container .tiptap ul[data-type=taskList]{list-style:none;padding-left:0}.calm-editor-container .tiptap ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:.5rem;margin:.35em 0}.calm-editor-container .tiptap ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:.15em;-webkit-user-select:none;user-select:none}.calm-editor-container .tiptap ul[data-type=taskList] li>label input[type=checkbox]{accent-color:var(--text-active);cursor:pointer;height:16px;width:16px}.calm-editor-container .tiptap ul[data-type=taskList] li>div{flex:1 1 auto}.calm-editor-container .tiptap ul[data-type=taskList] li[data-checked=true]>div{opacity:.5;text-decoration:line-through}.calm-editor-container .tiptap hr{border:none;border-top:1px solid var(--menu-border);margin:1.5em 0}.calm-editor-container .tiptap s{text-decoration:line-through}.calm-editor-container .tiptap u{text-decoration:underline;text-underline-offset:2px}.dark .calm-editor-container .tiptap ::selection{background-color:#5ba6ff4d}.light .calm-editor-container .tiptap ::selection{background-color:#3b82f633}.calm-editor-container .tiptap>.active-node{transition:opacity .3s ease}.calm-editor-container.focus-mode .tiptap>*{opacity:.25;transition:opacity .4s ease}.calm-editor-container.focus-mode .tiptap>.active-node{opacity:1}.calm-editor-container:not(.focus-mode) .tiptap>.active-node{background-color:#80808008;border-radius:4px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.confirm-overlay{align-items:center;animation:confirmFadeIn .15s ease-out;background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.confirm-dialog{animation:confirmSlideIn .15s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:12px;box-shadow:0 16px 48px #0003;max-width:90vw;padding:24px;width:360px}.dark.confirm-dialog{background-color:#1e1e1ef5;box-shadow:0 16px 48px #00000080}.light.confirm-dialog{background-color:#fffffff5;box-shadow:0 16px 48px #00000026}.confirm-message{font-weight:450;line-height:1.5}.confirm-input,.confirm-message{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:14px;margin-bottom:20px}.confirm-input{background:#0000;border:1px solid var(--menu-border);border-radius:6px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.confirm-input:focus{border-color:var(--text-active)}.dark .confirm-input{background-color:#0003}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-btn{border:1px solid var(--menu-border);border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:7px 16px;transition:background-color .15s,color .15s,border-color .15s}.confirm-cancel{background:#0000;color:var(--text-color)}.confirm-cancel:hover{background-color:var(--button-hover)}.confirm-cancel:focus-visible{outline:2px solid var(--text-active);outline-offset:2px}.confirm-ok{background-color:var(--button-active);border-color:var(--button-active-border);color:var(--text-active)}.confirm-ok:hover{opacity:.85}.confirm-ok:focus-visible{outline:2px solid var(--text-active);outline-offset:2px}.confirm-ok.danger{background-color:#dc2626;border-color:#b91c1c;color:#fff}.dark .confirm-ok.danger{background-color:#991b1b;border-color:#7f1d1d}.confirm-ok.danger:hover{opacity:.9}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.space-tabs-bar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--menu-bg);border-bottom:1px solid var(--menu-border);display:flex;min-height:36px;padding:0 1rem;transition:opacity .3s ease;z-index:9}.space-tabs-scroll{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:2px;justify-content:center;overflow-x:auto;padding:4px 0;scrollbar-width:none}.space-tabs-scroll::-webkit-scrollbar{display:none}.space-tab{align-items:center;border-radius:6px;color:var(--status-color);cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:450;gap:4px;max-width:180px;padding:5px 10px;position:relative;transition:color .15s,background-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.space-tab:hover{background-color:var(--button-hover);color:var(--text-color)}.space-tab.drag-over{box-shadow:-2px 0 0 0 var(--text-active)}.space-tab[draggable=true]{cursor:grab}.space-tab[draggable=true]:active{cursor:grabbing}.space-tab.active{color:var(--text-color);font-weight:550}.space-tab.active:after{background-color:var(--text-color);border-radius:1px;bottom:-4px;content:"";height:2px;left:10px;opacity:.4;position:absolute;right:10px}.space-tab-title{max-width:140px;overflow:hidden;text-overflow:ellipsis}.space-tab-close{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--status-color);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;line-height:1;opacity:0;padding:2px;pointer-events:none;transition:opacity .15s ease,color .1s,background-color .1s}.space-tab:hover .space-tab-close{opacity:1;pointer-events:auto}.space-tab-close:hover{background-color:var(--button-hover);color:var(--text-color)}.space-tab-edit{background:#0000;border:1px solid var(--text-active);border-radius:3px;color:var(--text-color);font-family:DM Sans,sans-serif;font-size:13px;font-weight:450;outline:none;padding:1px 6px;width:120px}.dark .space-tab-edit{background-color:#0000004d}.space-tab-add{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--status-color);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:2px;padding:4px 8px;transition:color .15s,background-color .15s}.space-tab-add:hover{background-color:var(--button-hover);color:var(--text-color)}.command-palette-overlay{align-items:flex-start;animation:cmdOverlayIn .12s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000040;display:flex;inset:0;justify-content:center;padding-top:20vh;position:fixed;z-index:9999}.command-palette{animation:cmdPaletteIn .15s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:12px;box-shadow:0 16px 48px #0003;max-width:90vw;overflow:hidden;width:480px}.dark.command-palette{background-color:#1e1e1ef2;box-shadow:0 16px 48px #00000080}.command-input{background:#0000;border:none;border-bottom:1px solid var(--menu-border);color:var(--text-color);font-family:DM Sans,sans-serif;font-size:15px;font-weight:450;outline:none;padding:14px 16px;width:100%}.command-input::placeholder{color:var(--status-color)}.command-list{max-height:320px;overflow-y:auto;padding:6px}.command-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:450;justify-content:space-between;padding:10px 12px;text-align:left;transition:background-color .08s;width:100%}.command-item.selected,.command-item:hover,.command-shortcut{background-color:var(--button-hover)}.command-shortcut{border-radius:4px;color:var(--status-color);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:2px 6px}.command-empty{color:var(--status-color);font-size:13px;padding:24px;text-align:center}@keyframes cmdOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cmdPaletteIn{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.find-replace{animation:findSlideIn .15s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:16px;top:0;z-index:100}.dark.find-replace{background-color:#1e1e1ef2;box-shadow:0 4px 12px #0006}.find-row,.replace-row{align-items:center;display:flex;gap:4px}.find-input{background:#0000;border:1px solid var(--menu-border);border-radius:4px;color:var(--text-color);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:160px;outline:none;padding:6px 8px}.find-input:focus{border-color:var(--text-active)}.dark .find-input{background-color:#0003}.find-count{color:var(--status-color);font-size:11px;min-width:44px;text-align:center}.find-btn,.find-count{font-family:DM Sans,sans-serif;white-space:nowrap}.find-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:4px 6px;transition:background-color .1s}.find-btn:hover{background-color:var(--button-hover)}.find-btn:disabled{cursor:default;opacity:.3}.find-btn.active{background-color:var(--button-active)}.case-btn{font-size:13px;font-weight:600;min-width:28px}.search-result{background-color:#facc154d;border-radius:2px}.search-result-current{background-color:#facc1599;border-radius:2px;box-shadow:0 0 0 1px #facc15cc}.dark .search-result{background-color:#facc1533}.dark .search-result-current{background-color:#facc1566;box-shadow:0 0 0 1px #facc1599}@keyframes findSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.outline-overlay{background-color:#0000001f;inset:0;position:fixed;z-index:9998}.document-outline{animation:outlineIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--menu-bg);border-left:1px solid var(--menu-border);bottom:0;display:flex;flex-direction:column;max-width:80vw;position:fixed;right:0;top:0;width:280px;z-index:9999}.dark.document-outline{background-color:#181818f2}.light.document-outline{background-color:#fffffff2}.outline-header{align-items:center;border-bottom:1px solid var(--menu-border);display:flex;justify-content:space-between;padding:16px}.outline-title{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.outline-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;padding:4px}.outline-close:hover{background-color:var(--button-hover)}.outline-list{flex:1 1;overflow-y:auto;padding:8px}.outline-item{background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-size:13px;overflow:hidden;padding:8px 12px;text-align:left;text-overflow:ellipsis;transition:background-color .1s;white-space:nowrap;width:100%}.outline-item:hover{background-color:var(--button-hover)}.outline-h1{font-weight:600;padding-left:12px}.outline-h2{font-weight:500;padding-left:24px}.outline-h3{font-weight:450;opacity:.8;padding-left:36px}.outline-empty{color:var(--status-color);font-size:13px;line-height:1.5;padding:24px 16px;text-align:center}@keyframes outlineIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.settings-overlay{background-color:#0000001f;inset:0;position:fixed;z-index:9998}.settings-panel{animation:settingsIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--menu-bg);border-left:1px solid var(--menu-border);bottom:0;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:340px;z-index:9999}.dark.settings-panel{background-color:#181818f2}.light.settings-panel{background-color:#fffffff2}.settings-header{align-items:center;border-bottom:1px solid var(--menu-border);display:flex;justify-content:space-between;padding:16px}.settings-title{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.settings-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;padding:4px}.settings-close:hover{background-color:var(--button-hover)}.settings-body{flex:1 1;overflow-y:auto;padding:4px 0}.settings-section{padding:8px 16px}.settings-section-title{color:var(--status-color);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.settings-row{padding:6px 0}.settings-label{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.settings-desc{color:var(--status-color);display:block;font-size:11px;margin-top:1px}.slider-row{align-items:center;display:flex;gap:10px;margin-top:6px}.settings-slider{-webkit-appearance:none;appearance:none;background:var(--menu-border);border-radius:2px;flex:1 1;height:4px;outline:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-color);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{color:var(--status-color);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;min-width:42px;text-align:right}.toggle-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0}.toggle-info{flex:1 1}.toggle-switch{background-color:var(--menu-border);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;padding:0;position:relative;transition:background-color .2s;width:36px}.toggle-switch.on{background-color:var(--text-active)}.dark .toggle-switch.on{background-color:#ffffff80}.light .toggle-switch.on{background-color:#00000080}.toggle-thumb{background-color:var(--background-color);border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.toggle-switch.on .toggle-thumb{transform:translateX(16px)}@keyframes settingsIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.snapshots-overlay{background-color:#0000001f;inset:0;position:fixed;z-index:9998}.snapshots-panel{animation:snapshotsIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--menu-bg);border-left:1px solid var(--menu-border);bottom:0;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:340px;z-index:9999}.dark.snapshots-panel{background-color:#181818f2}.light.snapshots-panel{background-color:#fffffff2}.snapshots-header{align-items:center;border-bottom:1px solid var(--menu-border);display:flex;justify-content:space-between;padding:16px}.snapshots-title{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.snapshots-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;padding:4px}.snapshots-close:hover{background-color:var(--button-hover)}.snapshots-list{flex:1 1;overflow-y:auto;padding:8px}.snapshot-item{border-radius:6px;cursor:pointer;margin-bottom:2px;padding:10px 12px;transition:background-color .1s}.snapshot-item:hover{background-color:var(--button-hover)}.snapshot-row{align-items:center;display:flex;justify-content:space-between}.snapshot-info{display:flex;flex-direction:column;gap:2px}.snapshot-time{color:var(--text-color);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.snapshot-words{color:var(--status-color);font-size:11px}.snapshot-restore{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--status-color);cursor:pointer;display:flex;opacity:0;padding:4px;transition:opacity .15s,background-color .1s}.snapshot-item:hover .snapshot-restore{opacity:1}.snapshot-restore:hover{background-color:var(--button-hover);color:var(--text-color)}.snapshot-preview{background-color:var(--button-hover);border-radius:4px;font-size:12px;margin-top:8px;padding:8px}.snapshot-preview,.snapshots-empty{color:var(--status-color);line-height:1.5}.snapshots-empty{font-size:13px;padding:24px 16px;text-align:center}@keyframes snapshotsIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}*{box-sizing:border-box;margin:0;padding:0}.light{--background-color:#fff;--text-color:#1a1a1a;--menu-bg:#ffffffd1;--menu-border:#0000001a;--button-hover:#0000000d;--status-color:#6b7280;--button-active:#0000001a;--text-active:#000;--button-active-border:#00000040}.dark{--background-color:#1a1a1a;--text-color:#f3f4f6;--menu-bg:#1a1a1ad1;--menu-border:#ffffff1a;--button-hover:#ffffff14;--status-color:#9ca3af;--button-active:#ffffff26;--text-active:#fff;--button-active-border:#ffffff59}#root,.app,body,html{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:450;height:100%;width:100%}.app{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;transition:background-color .3s,color .3s}.menu-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--menu-bg);border-bottom:1px solid var(--menu-border);justify-content:space-between;padding:.75rem 1rem;transition:opacity .3s ease;z-index:10}.menu-bar,.menu-buttons{align-items:center;display:flex}.menu-buttons{gap:.5rem}.logo{font-size:1.1rem;font-weight:600;text-decoration:none}.icon-button,.logo{color:var(--text-color)}.icon-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .15s;width:32px}.icon-button:hover{background-color:var(--button-hover)}.icon-button:disabled{cursor:default;opacity:.35;pointer-events:none}.cmd-hint{font-size:12px;font-weight:500;gap:4px;opacity:.6;padding:0 8px;width:auto}.cmd-hint:hover{opacity:1}.cmd-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.editor-container{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:0 1rem;position:relative}.editor-content{max-width:880px;max-width:var(--editor-max-width,880px);padding:2rem 0;transition:max-width .3s ease,opacity .15s ease;width:100%}.editor-content.switching{opacity:0}.status-bar{align-items:center;border-top:1px solid var(--menu-border);color:var(--status-color);display:flex;font-size:.72rem;justify-content:space-between;padding:.6rem 1rem;transition:opacity .3s ease}.status-left a{color:var(--status-color);text-decoration:none}.status-left a:hover{text-decoration:underline}.status-right{align-items:center;display:flex;gap:12px}.status-metric{font-weight:550}.status-saved{opacity:.7}.visible{opacity:1;pointer-events:auto}.hidden{opacity:0;pointer-events:none}.focus-hint{color:var(--status-color);font-family:DM Sans,sans-serif;font-size:12px;left:50%;opacity:.4;pointer-events:none;position:fixed;top:12px;transform:translateX(-50%);transition:opacity .3s;z-index:5}.focus-hint kbd{background-color:var(--button-hover);border-radius:3px;font-family:inherit;font-size:11px;font-weight:600;padding:1px 5px}.app:hover .focus-hint{opacity:0}.menu-toggle-float{align-items:center;background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.5;padding:0;position:fixed;right:10px;top:10px;transition:opacity .2s,background-color .2s;width:36px;z-index:10}.menu-toggle-float:hover{background-color:var(--button-hover);opacity:1}.app-focus-mode .menu-bar,.app-focus-mode .space-tabs-bar,.app-focus-mode .status-bar{opacity:0;pointer-events:none;transition:opacity .4s ease}.app-focus-mode .menu-toggle-float{display:none}@media print{.command-palette-overlay,.editor-toolbar,.find-replace,.focus-hint,.link-popover,.menu-bar,.menu-toggle-float,.outline-overlay,.settings-overlay,.snapshots-overlay,.status-bar,.toast-container{display:none!important}.app{background:#fff!important;color:#000!important}.editor-container{overflow:visible!important}.editor-content{max-width:100%!important;padding:0!important}}@media (max-width:768px){.cmd-hint{display:none}.status-right{gap:8px}.menu-buttons{gap:.25rem}}