@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg,#fff);color:var(--text,#3c3c3c);-webkit-font-smoothing:antialiased;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}#root{min-height:100vh}:root{--primary:#4cc45e;--primary-hover:#3da84d;--primary-shadow:#2e8b3e;--primary-light:#d2f5d7;--secondary:#1aace0;--secondary-hover:#1590bd;--secondary-light:#d6f1fc;--error:#ff4b4b;--error-shadow:#e53535;--error-light:#ffdfe0;--bg:#fff;--bg-surface:#fff;--bg-hover:#f7f7f7;--bg-active:#d6f1fc;--border:#e5e5e5;--border-thick:#d9d9d9;--text:#3c3c3c;--text-secondary:#777;--text-muted:#afafaf;--icon-muted:#afafaf;--shimmer-a:#f7f7f7;--shimmer-b:#ebebeb;--auth-gradient:linear-gradient(135deg, #d6f1fc 0%, #d2f5d7 50%, #fff7db 100%);--cover-border:#e5e5e5;--menu-shadow:0 4px 12px #0000000f}.dark{--primary:#5bd96b;--primary-hover:#4cc45e;--primary-shadow:#3da84d;--primary-light:#1c2e1e;--secondary:#22bdf0;--secondary-hover:#1aace0;--secondary-light:#1a2a30;--error:#ff6b6b;--error-shadow:#e55555;--error-light:#2e1a1a;--bg:#141414;--bg-surface:#1c1c1c;--bg-hover:#262626;--bg-active:#1a2a30;--border:#2e2e2e;--border-thick:#383838;--text:#e5e5e5;--text-secondary:#909090;--text-muted:#5c5c5c;--icon-muted:#5c5c5c;--shimmer-a:#1c1c1c;--shimmer-b:#2e2e2e;--auth-gradient:linear-gradient(135deg, #141414 0%, #1a1a1a 50%, #141414 100%);--cover-border:#2e2e2e;--menu-shadow:0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark body,.dark{background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:2px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;padding:20px 20px 64px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;border-right:none;width:0;padding:0}.sidebar-resize-handle{cursor:col-resize;z-index:10;background:0 0;width:4px;height:100%;transition:background .15s;position:absolute;top:0;right:0}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--secondary)}.sidebar-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sidebar-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.sidebar-toggle:hover{background:var(--bg-hover)}.toggle-icon{border-top:2.5px solid var(--icon-muted);border-bottom:2.5px solid var(--icon-muted);box-sizing:border-box;width:16px;height:14px;display:block;position:relative}.toggle-icon:before{content:"";background:var(--icon-muted);border-radius:2px;width:100%;height:2.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.top-navbar{z-index:60;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:0;left:0;right:0}.top-navbar.scrolled{background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:color-mix(in srgb, var(--border) 50%, transparent)}.sidebar-open-btn{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.sidebar-open-btn:hover{background:var(--bg-hover)}.sidebar-open-btn:active{border-bottom-width:2px;transform:translateY(1px)}.nav-back-btn{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.nav-back-btn:hover{background:var(--bg-hover)}.nav-back-btn:active{border-bottom-width:2px;transform:translateY(1px)}.sidebar-title{color:var(--primary);letter-spacing:0;padding:8px 4px;font-size:18px;font-weight:800}.sidebar-pages{flex:1;min-height:0;margin-bottom:12px;overflow-y:auto}.sidebar-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:4px;font-size:12px;font-weight:800;display:flex}.add-page-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:18px;line-height:1}.add-page-btn:hover{background:var(--primary-light);color:var(--primary)}.sidebar-page-list{margin-top:4px}.drag-over-container{border-top:3px solid var(--secondary);border-radius:2px}.sidebar-expand-btn{cursor:pointer;width:22px;height:22px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:flex}.sidebar-expand-btn:hover{background:var(--bg-hover);color:var(--text)}.expand-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid;width:0;height:0}.sidebar-expand-btn.expanded{transform:rotate(90deg)}.sidebar-no-subpages{color:var(--text-muted);padding:3px 8px;font-size:12px}.sidebar-page-item{cursor:pointer;color:var(--text);border-left:3px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:15px;transition:background .1s;display:flex}.sidebar-page-item:hover{background:var(--bg-hover)}.sidebar-page-item.active{background:var(--bg-active);border-left-color:var(--secondary);font-weight:700}.sidebar-page-icon{flex-shrink:0;font-size:15px}.sidebar-page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-page-delete{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;padding:0 2px;font-size:16px;transition:opacity .1s}.sidebar-page-item:hover .sidebar-page-delete{opacity:1}.sidebar-page-delete:hover{color:var(--error);background:var(--error-light)}.sidebar-trash{border-top:2px solid var(--border);margin-top:16px;padding-top:16px}.sidebar-trash-toggle{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:700;display:flex}.sidebar-trash-toggle:hover{background:var(--bg-hover);color:var(--text)}.trash-icon{font-size:14px}.trash-count{background:var(--error-light);color:var(--error);border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.trash-list{margin-top:4px}.trash-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:5px 10px 5px 16px;font-size:13px;display:flex}.trash-item:hover{background:var(--bg-hover)}.trash-item-icon{flex-shrink:0;font-size:12px}.trash-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.trash-item-days{color:var(--text-muted);flex-shrink:0;font-size:11px}.trash-restore-btn,.trash-delete-btn{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:14px;transition:opacity .1s}.trash-item:hover .trash-restore-btn,.trash-item:hover .trash-delete-btn{opacity:1}.trash-restore-btn:hover{color:var(--secondary);background:var(--secondary-light)}.trash-delete-btn:hover{color:var(--error);background:var(--error-light)}.trash-empty{color:var(--text-muted);padding:8px 16px;font-size:12px}.empty-state{height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.add-page-btn-large{background:var(--primary);border:none;border-bottom:4px solid var(--primary-shadow);cursor:pointer;color:#fff;border-radius:12px;margin-top:16px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .1s}.add-page-btn-large:hover{background:var(--primary-hover)}.add-page-btn-large:active{border-bottom-width:2px;transform:translateY(2px)}.sidebar-breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;min-height:28px;padding:4px 4px 16px;font-size:13px;display:flex}.breadcrumb{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:3px 6px;font-size:13px;font-weight:700}.breadcrumb:hover{background:var(--bg-hover);color:var(--text)}.breadcrumb.active{color:var(--text);font-weight:800}.breadcrumb-sep{color:var(--text-muted);margin:0 2px;font-size:12px}.main{background:var(--bg);margin-left:var(--sidebar-width,240px);flex:1;justify-content:center;transition:margin-left .1s;display:flex}.sidebar-collapsed .main{margin-left:0}.editor-container{width:100%;max-width:720px;padding:48px 32px 100px;position:relative;overflow:visible}.main{overflow-x:hidden}.editor-toolbar{min-height:36px;top:10px;left:calc(var(--sidebar-width,240px) + 32px);z-index:3;align-items:center;gap:8px;transition:left .1s,background .2s;display:flex;position:fixed;right:32px}.sidebar-collapsed .editor-toolbar{left:32px}.editor-toolbar-spacer{flex:1}.back-btn{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:6px 14px;font-size:14px;font-weight:700}.back-btn:hover{background:var(--bg-hover)}.back-btn:active{border-bottom-width:2px;transform:translateY(1px)}.toolbar-action{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:10px;padding:5px 12px;font-size:13px;font-weight:700}.toolbar-action:hover{background:var(--bg-hover);color:var(--text)}.toolbar-action:active{border-bottom-width:2px;transform:translateY(1px)}.block-editor{width:100%}.page-cover{width:100vw;max-width:calc(100vw - var(--sidebar-width,240px));border-bottom:3px solid var(--cover-border);height:25vh;margin-top:-48px;margin-bottom:0;position:relative;left:50%;transform:translate(-50%)}.sidebar-collapsed .page-cover{max-width:100vw}.page-cover img{object-fit:cover;width:100%;height:100%;display:block}.page-cover-actions{opacity:0;pointer-events:none;gap:6px;transition:opacity .15s;display:flex;position:absolute;bottom:12px;right:24px}.page-cover:hover .page-cover-actions{opacity:1;pointer-events:auto}.page-cover-actions button{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700}.page-cover-actions button:hover{background:var(--bg-hover)}.page-cover-actions button:active{border-bottom-width:2px;transform:translateY(1px)}.page-header{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.page-header.has-cover{z-index:1;margin-top:-32px;position:relative}.page-header.has-cover .page-icon-btn{font-size:64px}.page-icon-picker{position:relative}.page-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px;font-size:52px;line-height:1;transition:background .1s}.page-icon-btn:hover{background:var(--bg-hover)}.emoji-picker-full{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:300;border-radius:16px;flex-direction:column;width:340px;max-height:380px;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.emoji-search{border:none;border-bottom:2px solid var(--border);color:var(--text);background:0 0;outline:none;flex-shrink:0;padding:10px 14px;font-size:14px;font-weight:600}.emoji-search::placeholder{color:var(--text-muted)}.emoji-category-tabs{border-bottom:2px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:1px;padding:4px 6px;display:flex;overflow-x:auto}.emoji-category-tabs::-webkit-scrollbar{display:none}.emoji-tabs-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;margin-right:2px;font-size:9px;font-weight:800}.emoji-tab{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:3px 5px;font-size:16px;line-height:1;transition:opacity .1s,background .1s}.emoji-tab:hover{background:var(--bg-hover);opacity:.8}.emoji-tab.active{opacity:1;background:var(--bg-active)}.emoji-scroll{flex:1;padding:8px;overflow-y:auto}.emoji-section{margin-bottom:8px}.emoji-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 4px 6px;font-size:11px;font-weight:800}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px;font-size:22px;line-height:1;transition:background .1s}.emoji-option:hover{background:var(--bg-active)}.emoji-no-results{text-align:center;color:var(--text-muted);padding:20px;font-size:14px;font-weight:600}.page-title{width:100%;color:var(--text);letter-spacing:-.02em;background:0 0;border:none;outline:none;font-size:42px;font-weight:800;line-height:1.2}.page-title:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.blocks{flex-direction:column;display:flex}.editor-bottom{cursor:text;min-height:200px}.block-wrapper{border-radius:8px;align-items:flex-start;transition:background .1s;display:flex;position:relative}.block-wrapper:hover .block-controls,.block-wrapper.block-selected .block-controls{opacity:1}.block-wrapper.drag-over{border-top:3px solid var(--secondary)}.block-controls{opacity:0;align-items:center;gap:1px;transition:opacity .15s;display:flex;position:absolute;top:2px;left:-50px}.block-controls-mobile{z-index:2;display:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.block-controls-mobile .block-type-btn{opacity:.4;width:20px;font-size:16px}.block-handle,.block-type-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.block-handle:hover,.block-type-btn:hover{background:var(--bg-hover);color:var(--text)}.block-type-selector{position:relative}.type-dropdown{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:100;border-radius:12px;min-width:170px;padding:6px;position:absolute;top:100%;left:0}.type-option{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:600;display:flex}.type-option:hover,.type-option.active{background:var(--bg-hover)}.type-icon{text-align:center;width:24px;font-size:14px;font-weight:700}.type-dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:11px;font-weight:800}.type-divider{background:var(--border);height:2px;margin:4px 0}.type-delete{color:var(--error)}.type-delete:hover{background:var(--error-light)}.block-body{flex:1;min-width:0;padding:3px 0;position:relative}.block-content{word-break:break-word;width:100%;min-height:1.5em;color:var(--text);outline:none;line-height:1.5}.block-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-text{font-size:16px}.block-h1{letter-spacing:-.02em;margin:16px 0 4px;font-size:32px;font-weight:800;line-height:1.3}.block-h2{letter-spacing:-.01em;margin:12px 0 4px;font-size:26px;font-weight:700;line-height:1.3}.block-h3{margin:8px 0 2px;font-size:22px;font-weight:700;line-height:1.3}strong.block-content,.block-bold{font-size:16px;font-weight:800}.block-task{align-items:flex-start;gap:8px;display:flex}.block-task input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:4px}.task-content{word-break:break-word;min-height:1.5em;color:var(--text);outline:none;flex:1;font-size:16px;line-height:1.5}.task-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.task-content.checked{color:var(--text-muted);text-decoration:line-through}.block-bullet{align-items:flex-start;gap:8px;display:flex}.bullet-marker{color:var(--primary);text-align:center;flex-shrink:0;width:16px;font-size:16px;font-weight:800;line-height:1.5}.bullet-content{word-break:break-word;min-height:1.5em;color:var(--text);outline:none;flex:1;font-size:16px;line-height:1.5}.bullet-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-numbered{align-items:flex-start;gap:8px;display:flex}.numbered-marker{color:var(--secondary);text-align:right;flex-shrink:0;min-width:20px;font-size:16px;font-weight:700;line-height:1.5}.numbered-content{word-break:break-word;min-height:1.5em;color:var(--text);outline:none;flex:1;font-size:16px;line-height:1.5}.numbered-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-divider{border:none;border-top:2px solid var(--border);width:100%;margin:8px 0}.block-content a,.bullet-content a,.numbered-content a,.task-content a{color:var(--secondary);cursor:pointer;text-decoration:underline;position:relative}.block-content a:hover,.bullet-content a:hover,.numbered-content a:hover,.task-content a:hover{color:var(--secondary-hover);cursor:pointer}.block-content a:hover:after,.bullet-content a:hover:after,.numbered-content a:hover:after,.task-content a:hover:after{content:"Cmd+click to open";background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;z-index:100;border-radius:8px;margin-bottom:4px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.block-page{cursor:pointer;border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;transition:background .1s,transform .1s;display:flex}.block-page:hover{background:var(--bg-hover);transform:translateY(-1px)}.block-page:active{border-bottom-width:2px;transform:translateY(1px)}.page-icon{flex-shrink:0;font-size:18px}.page-title-text{min-height:1.5em;color:var(--text);outline:none;flex:1;font-size:16px;font-weight:600;line-height:1.5}.page-arrow{color:var(--text-muted);flex-shrink:0;font-size:16px;font-weight:700}.block-pagelink{cursor:pointer;background:var(--bg-hover);border-left:3px solid var(--secondary);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:background .1s;display:flex}.block-pagelink:hover{background:var(--bg-active)}.pagelink-icon{flex-shrink:0;font-size:16px}.pagelink-title{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:600;overflow:hidden}.pagelink-arrow{color:var(--text-muted);flex-shrink:0;font-size:14px}.pagelink-picker{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:200;border-radius:12px;width:280px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden}.pagelink-search{border:none;border-bottom:2px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:10px 12px;font-size:14px;font-weight:600}.pagelink-search::placeholder{color:var(--text-muted)}.pagelink-list{max-height:220px;padding:4px;overflow-y:auto}.pagelink-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.pagelink-item:hover,.pagelink-item.active{background:var(--bg-hover)}.pagelink-item-icon{flex-shrink:0;font-size:16px}.pagelink-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pagelink-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px;font-weight:600}.image-input-options{justify-content:center;gap:8px;display:flex}.image-input-option{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.image-input-option:hover{background:var(--bg-hover)}.image-input-option:active{border-bottom-width:2px;transform:translateY(1px)}.image-input-url{width:100%}.image-url-field{border:2px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:10px;outline:none;margin-bottom:8px;padding:10px 12px;font-size:14px;font-weight:600}.image-url-field:focus{border-color:var(--secondary)}.image-url-field::placeholder{color:var(--text-muted)}.image-input-actions{justify-content:flex-end;gap:6px;display:flex}.image-input-btn{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.image-input-btn:hover{background:var(--bg-hover)}.image-input-btn.primary{background:var(--primary);border-color:var(--primary-shadow);color:#fff}.image-input-btn.primary:hover{background:var(--primary-hover)}.image-input-btn:active{border-bottom-width:2px;transform:translateY(1px)}.cover-input-dropdown{z-index:4;background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);border-radius:12px;min-width:260px;padding:12px;position:absolute;top:48px;right:32px}.cover-input-dropdown.over-cover{position:absolute;top:auto;bottom:12px;right:24px}.block-image{width:100%}.image-wrapper{position:relative}.block-image img{cursor:pointer;object-fit:contain;border-radius:12px;max-width:100%;max-height:20vh;display:block}.image-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.image-wrapper:hover .image-actions{opacity:1}.image-actions button{background:var(--bg-surface);border:2px solid var(--border);border-bottom:3px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.image-actions button:hover{background:var(--bg-hover)}.image-actions button:active{border-bottom-width:2px;transform:translateY(1px)}.image-change-dropdown{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:10;border-radius:12px;min-width:240px;padding:12px;position:absolute;top:44px;right:8px}.image-lightbox{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.image-lightbox img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4px;max-width:100%;max-height:100%;transition:transform .15s}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff4d}.lightbox-reset{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-reset:hover{background:#ffffff4d}.image-placeholder{border:2px dashed var(--text-muted);text-align:center;cursor:pointer;color:var(--text-secondary);border-radius:12px;padding:32px;font-size:15px;font-weight:700;transition:background .1s}.image-placeholder:hover{background:var(--bg-hover)}.image-loading{background:var(--shimmer-a);border-radius:12px;justify-content:center;align-items:center;height:200px;animation:1.5s ease-in-out infinite shimmer;display:flex}.cover-loading{background:var(--shimmer-a);width:100%;height:220px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background:var(--shimmer-a)}50%{background:var(--shimmer-b)}to{background:var(--shimmer-a)}}.image-caption{color:var(--text-secondary);outline:none;min-height:1.5em;margin-top:6px;font-size:14px;line-height:1.5}.image-caption:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-menu{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:200;border-radius:16px;min-width:270px;margin-top:4px;padding:8px;position:absolute;top:100%;left:0}.block-menu-filter{width:100%;color:var(--text);border:none;border-bottom:2px solid var(--border);background:0 0;outline:none;margin-bottom:4px;padding:10px 12px;font-size:15px;font-weight:600}.block-menu-filter::placeholder{color:var(--text-muted)}.block-menu-items{max-height:280px;overflow-y:auto}.block-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.block-menu-item:hover,.block-menu-item.active{background:var(--bg-hover)}.menu-item-icon{background:var(--bg-hover);border:2px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.menu-item-text{flex:1}.menu-item-label{color:var(--text);font-size:15px;font-weight:700}.menu-item-desc{color:var(--text-secondary);font-size:12px}.block-menu-item.delete-item .menu-item-label{color:var(--error)}.block-menu-item.delete-item:hover,.block-menu-item.delete-item.active{background:var(--error-light)}.block-menu-empty{text-align:center;color:var(--text-secondary);padding:12px;font-size:14px;font-weight:600}.page-title-text:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-selected{background:var(--secondary-light);border-radius:8px}.block-selected .block-controls{opacity:1}.selection-rect{pointer-events:none;z-index:400;background:#1aace014;border:2px solid #1aace04d;border-radius:8px}.selection-toolbar{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:500;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute}.selection-count{color:var(--text-secondary);padding:0 6px;font-size:12px;font-weight:700}.stb-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:700}.stb-btn:hover{background:var(--bg-hover)}.stb-delete{color:var(--error)}.stb-delete:hover{background:var(--error-light)}.stb-convert-wrap{position:relative}.stb-convert-dropdown{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:510;border-radius:12px;min-width:150px;margin-top:4px;padding:6px;position:absolute;top:100%;left:0}.stb-convert-option{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:600;display:flex}.stb-convert-option:hover{background:var(--bg-hover)}.stb-convert-icon{text-align:center;width:20px;font-weight:700}.auth-container{background:var(--auth-gradient);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-surface);border:2px solid var(--border);border-bottom:4px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:56px 48px}.auth-title{color:var(--primary);letter-spacing:-.02em;margin-bottom:8px;font-size:36px;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:16px;font-weight:600}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input{border:2px solid var(--border);color:var(--text);background:var(--bg);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;font-weight:600;transition:border-color .15s}.auth-input:focus{border-color:var(--secondary)}.auth-input::placeholder{color:var(--text-muted)}.auth-btn{background:var(--primary);color:#fff;border:none;border-bottom:4px solid var(--primary-shadow);cursor:pointer;border-radius:12px;padding:14px;font-size:16px;font-weight:700;transition:background .15s}.auth-btn:hover{background:var(--primary-hover)}.auth-btn:active{border-bottom-width:2px;transform:translateY(2px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--error);background:var(--error-light);border:2px solid var(--error);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.auth-success{color:var(--primary);background:var(--primary-light);border:2px solid var(--primary);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.auth-switch{color:var(--secondary);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:0;font-size:14px;font-weight:700}.auth-switch:hover{text-decoration:underline}.sidebar-settings{position:absolute;bottom:16px;left:16px}.sidebar-settings-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;display:flex}.sidebar-settings-btn:hover{background:var(--bg-hover)}.settings-menu{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--menu-shadow);z-index:300;border-radius:12px;min-width:210px;padding:6px;position:absolute;bottom:44px;left:0}.settings-menu-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:600;overflow:hidden}.settings-menu-divider{background:var(--border);height:2px;margin:4px 0}.settings-menu-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 12px 2px;font-size:11px;font-weight:800}.settings-menu-item{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.settings-menu-item:hover{background:var(--bg-hover)}.settings-menu-item.active{color:var(--primary);font-weight:700}.settings-signout{color:var(--error)}.settings-signout:hover{background:var(--error-light)}.loading-screen{min-height:100vh;color:var(--text-secondary);background:var(--bg);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.page-loading{flex-direction:column;gap:16px;padding-top:20px;display:flex}.page-loading-cover{background:var(--shimmer-a);border-radius:12px;height:120px;animation:1.5s ease-in-out infinite shimmer}.page-loading-title{background:var(--shimmer-a);border-radius:10px;width:60%;height:42px;animation:1.5s ease-in-out infinite shimmer}.page-loading-block{background:var(--shimmer-a);border-radius:8px;width:100%;height:18px;animation:1.5s ease-in-out infinite shimmer}.page-loading-block.short{width:70%}@media (width<=768px){.sidebar{z-index:100;transition:transform .25s;width:100vw!important}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-resize-handle{display:none}.main{margin-left:0!important}.sidebar-open-btn{z-index:99;display:flex}.editor-container{padding:56px 16px 80px}.editor-toolbar{z-index:61;position:fixed;top:10px;left:auto;right:16px}.sidebar-collapsed .editor-toolbar{left:auto}.editor-toolbar .back-btn{display:none}.toolbar-action{padding:5px 10px;font-size:12px}.block-controls-desktop{display:none!important}.block-controls-mobile{opacity:1!important;display:flex!important}.block-body{margin-left:22px}.page-cover{margin-top:-56px;max-width:100vw!important}.page-cover-actions{opacity:1;pointer-events:auto;gap:4px;bottom:8px;right:8px}.page-cover-actions button{border-radius:8px;padding:4px 8px;font-size:11px}.page-title{font-size:32px}.page-icon-btn{font-size:40px}.page-header.has-cover .page-icon-btn{font-size:48px}.emoji-picker-full{width:calc(100vw - 32px);max-width:340px}.cover-input-dropdown{min-width:240px;top:40px;left:auto;right:0}.cover-input-dropdown.over-cover{bottom:8px;left:auto;right:8px}.pagelink-picker{width:calc(100vw - 48px);max-width:280px}.block-menu{min-width:220px;max-width:calc(100vw - 48px)}.image-actions{opacity:1}.image-change-dropdown{min-width:auto;left:0;right:0}.sidebar-page-delete{opacity:1}}