:root{--bg:#fff;--fg:#37352f;--fg-muted:#9b9a97;--bg-hover:#f1f1ef;--bg-active:#e9e9e7;--border:#e9e9e7;--accent:#2383e2;--accent-bg:#e8f0fe;--sidebar-bg:#f7f7f5;--red:#eb5757;--green:#4dab9a;--blue:#529cca;--orange:#e9744f;--purple:#9065b0;--shadow:0 4px 24px #0000001f;--callout-bg:#f8f3ed;--code-bg:#f7f6f3;--selection:#2383e240;--toolbar-bg:#2f2f2f;--toolbar-fg:#fff}html.dark{--bg:#191919;--fg:#e0e0e0;--fg-muted:#777;--bg-hover:#252525;--bg-active:#2f2f2f;--border:#333;--accent:#529cca;--accent-bg:#1e3a5f;--sidebar-bg:#202020;--red:#f55555;--green:#63c489;--blue:#529cca;--orange:#ff8e5e;--purple:#b07cd8;--shadow:0 4px 24px #0006;--callout-bg:#262310;--code-bg:#262626;--selection:#529cca4d;--toolbar-bg:#272727;--toolbar-fg:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--selection)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{background:var(--bg);color:var(--fg)}.editor-content{max-width:768px;margin:0 auto;padding:40px 2rem 40vh 5rem}@media (max-width:900px){.editor-content{padding-left:4rem}}@media (max-width:600px){.editor-content{padding-left:3.5rem}.block-actions{display:none}}.block{border-radius:3px;max-width:100%;padding:1px 0;transition:background 80ms;position:relative;overflow:visible}.block:hover{background:var(--bg-hover)}.block.selected-block{background:var(--accent-bg)!important}.block[data-type=toggle]:hover{background:0 0}.block-inner{align-items:center;min-height:1.6em;display:flex}.block-actions{opacity:0;z-index:100;pointer-events:auto;gap:1px;transition:opacity .1s;display:flex;position:absolute;top:2px;left:-48px}.block.hovered>.block-actions,.block.selected-block>.block-actions{opacity:1}.block[data-type=toggle].has-children>.block-actions{top:0}.block[data-type=toggle].has-children.hovered>.block-actions,.block[data-type=toggle].has-children:hover>.block-actions{opacity:1}.block[data-type=toggle].has-children>.toggle-children{margin-top:0;margin-left:24px}.block-actions button{width:22px;height:22px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.block-actions button:hover{background:var(--bg-hover)}.block-actions .drag-handle{cursor:grab}.block-prefix{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-height:1.6em;display:flex}.block-prefix.todo-cb{border:2px solid var(--fg-muted);cursor:pointer;color:#fff;border-radius:3px;width:18px;height:18px;margin-right:6px;font-size:11px;transition:all .12s}.block-prefix.todo-cb.checked{background:var(--accent);border-color:var(--accent)}.block-prefix.toggle-arrow{cursor:pointer;width:20px;height:20px;color:var(--fg-muted);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5em;line-height:1;transition:transform .15s,background .12s;display:flex}.block-prefix.toggle-arrow:hover{background:var(--bg-active);color:var(--fg)}.block-prefix.toggle-arrow.open{transform:rotate(90deg)}.block[data-type=toggle] .block-content{flex:1;min-width:0}.block[data-type=toggle] .toggle-children{margin-top:2px;margin-left:24px;padding-left:0}.block[data-type=toggle].has-children>.toggle-children{clear:both;margin-top:2px;margin-left:24px}.block.toggle-collapsed>.toggle-children,.toggle-children.hidden{display:none}.block-prefix.bullet-dot{color:var(--fg-muted);font-size:1.3em;line-height:1.6}.block-prefix.numbered-num{color:var(--fg-muted);margin-right:4px;font-size:.95em;line-height:1.6}.block-content{outline:none;flex:1;min-width:0}.block.dragging{opacity:.35!important}.block.drag-over-top{border-radius:0;border-top:2px solid var(--accent)!important}.block.drag-over-bottom{border-radius:0;border-bottom:2px solid var(--accent)!important}#sidebar{flex-direction:column;transition:width .2s,transform .2s;display:flex;overflow:hidden}#sidebar.collapsed{border:none;width:0!important;padding:0!important}@media (max-width:768px){#sidebar{z-index:50;box-shadow:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:240px!important}#sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}#sidebar.collapsed{width:240px!important;transform:translate(-100%)!important}}@media (min-width:769px){#mobileOverlay{display:none}}.sidebar-page-item{background:0 0;transition:background 80ms}.sidebar-page-item:hover{background:var(--bg-hover)!important}.header-area{padding-top:0}.has-cover .header-area{margin-top:-36px}#pageIcon{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;transform-origin:0;font-size:60px;line-height:1;transition:transform .1s;display:inline-block;position:relative}.page-icon:hover{transform:scale(1.08)translateY(-2px)}#iconArea{z-index:20;margin-top:40px;margin-bottom:8px;position:relative}.has-cover #iconArea{margin-top:-36px;margin-bottom:8px}.cover-img{object-fit:cover;cursor:pointer;width:100%;max-width:100%;max-height:220px;display:block}#coverOuter{z-index:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;max-width:100%;min-height:220px;position:relative;overflow:hidden}html.dark #coverOuter{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%)}#workspace{position:relative}#contentInner{z-index:10;position:relative}html.dark .header-actions{color:var(--fg-muted)}.header-actions{opacity:0;transition:opacity .15s}.header-area:hover .header-actions{opacity:1}.has-cover .header-actions{pointer-events:none;opacity:0!important}.slash-menu{z-index:600;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;max-width:320px;max-height:280px;position:fixed;overflow-y:auto}.slash-menu.hidden{display:none}.slash-menu .item{cursor:pointer;padding:8px 10px}.slash-menu .item:hover{background:var(--bg-hover)}.slash-menu .item.active{background:var(--accent-bg)}.float-toolbar{z-index:500;position:fixed}.float-toolbar.hidden{display:none}.color-dropdown{z-index:550;position:fixed}.color-dropdown.hidden{display:none}.context-menu{z-index:500;position:fixed}.context-menu.hidden{display:none}.emoji-picker{z-index:650;position:fixed}.emoji-picker.hidden{display:none}.search-modal{z-index:700;position:fixed}.search-modal.hidden{display:none}.search-modal{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.confirm-modal{z-index:750;position:fixed}.confirm-modal.hidden{display:none}.trash-modal{z-index:700;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;position:fixed}.trash-modal.hidden{display:none}.drop-indicator{background:var(--accent);pointer-events:none;z-index:100;border-radius:1px;height:2px;position:absolute;left:0;right:0}