:root{--bg: #ffffff;--bg-side: #fbfbfa;--border: #ededec;--text: #2b2b2b;--text-soft: #6b6b6b;--text-faint: #9b9b97;--accent: #2f6df6;--accent-soft: #eaf1ff;--hover: #f1f1f0;--radius: 10px;--maxw: 760px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.boot{display:grid;place-items:center;height:100%;color:var(--text-faint)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;flex-shrink:0;background:var(--bg-side);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:6px 8px 14px}.brand-dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#2f6df6,#8a5bff)}.new-doc{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--text-soft);font-size:13.5px;font-weight:500;padding:8px;border-radius:8px}.new-doc:hover{background:var(--hover);color:var(--text)}.doc-list{margin-top:8px;flex:1;overflow-y:auto}.doc-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;color:var(--text-soft);font-size:13.5px}.doc-row:hover{background:var(--hover)}.doc-row.is-active{background:var(--hover);color:var(--text);font-weight:500}.doc-emoji{font-size:14px}.doc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-del{border:0;background:transparent;cursor:pointer;color:var(--text-faint);opacity:0;font-size:12px;padding:2px 4px;border-radius:6px}.doc-row:hover .doc-del{opacity:1}.doc-del:hover{background:#e7e7e6;color:var(--text)}.save-state{font-size:11.5px;color:var(--text-faint);padding:8px;border-top:1px solid var(--border);margin-top:6px}.canvas{flex:1;overflow-y:auto}.cover{height:220px;background-size:cover;background-position:center;position:relative}.cover-actions{position:absolute;right:16px;bottom:12px;display:flex;gap:8px;opacity:0;transition:opacity .15s}.cover:hover .cover-actions{opacity:1}.cover-actions button,.cover-add button{border:0;cursor:pointer;font-size:12.5px;background:#ffffffeb;color:var(--text);padding:6px 10px;border-radius:7px;box-shadow:0 1px 3px #0000001f}.cover-add{max-width:var(--maxw);margin:0 auto;padding:28px 24px 0}.cover-add button{background:transparent;color:var(--text-faint);padding:6px 0}.cover-add button:hover{color:var(--text-soft)}.page{max-width:var(--maxw);margin:0 auto;padding:18px 24px 160px}.title-input{width:100%;border:0;outline:0;resize:none;overflow:hidden;font-family:inherit;font-weight:800;font-size:40px;line-height:1.15;color:var(--text);background:transparent;padding:8px 0 4px}.title-input::placeholder{color:#dcdcda}.editor-wrap{position:relative}.prose .ProseMirror{outline:none;font-size:17px;line-height:1.7;color:var(--text);min-height:320px}.prose .ProseMirror>*+*{margin-top:2px}.prose p{margin:4px 0}.prose h1{font-size:30px;font-weight:700;margin:28px 0 6px;line-height:1.25}.prose h2{font-size:23px;font-weight:700;margin:24px 0 4px;line-height:1.3}.prose h3{font-size:19px;font-weight:600;margin:20px 0 2px}.prose ul,.prose ol{padding-left:26px;margin:4px 0}.prose li{margin:2px 0}.prose blockquote{border-left:3px solid #d9d9d7;margin:10px 0;padding:2px 0 2px 16px;color:var(--text-soft);font-family:Newsreader,Georgia,serif;font-style:italic;font-size:19px}.prose code{background:#f4f4f3;border-radius:5px;padding:1.5px 5px;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:14.5px}.prose pre{background:#1e1e21;color:#f2f2f2;border-radius:10px;padding:16px 18px;margin:12px 0;overflow-x:auto;font-size:14px;line-height:1.55}.prose pre code{background:transparent;color:inherit;padding:0}.prose hr{border:0;border-top:1px solid var(--border);margin:26px 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.prose img.pe-image,.prose .pe-image{max-width:100%;border-radius:12px;display:block}.prose .pe-image-wrap{position:relative;width:fit-content;max-width:100%;margin:12px 0;line-height:0}.prose .pe-image-wrap img.pe-image{margin:0;height:auto}.prose .pe-image-wrap.is-resizing{-webkit-user-select:none;user-select:none}.prose .pe-image-handle{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:4px;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;opacity:0;transition:opacity .12s;box-shadow:0 1px 4px #00000059}.prose .pe-image-wrap:hover .pe-image-handle,.prose .pe-image-wrap.is-resizing .pe-image-handle{opacity:1}.prose .ProseMirror-selectednode.pe-image-wrap img.pe-image,.prose .ProseMirror-selectednode.pe-image,.prose img.ProseMirror-selectednode{outline:3px solid var(--accent-soft)}.pe-video{position:relative;margin:14px 0;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.pe-video iframe,.pe-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.pe-video-empty{display:grid;place-items:center;color:#fff;height:100%}.ProseMirror-selectednode .pe-video,.pe-video.ProseMirror-selectednode{outline:3px solid var(--accent)}.prose ul[data-type=taskList]{list-style:none;padding-left:4px}.prose ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.prose ul[data-type=taskList] li>label{margin-top:5px}.prose ul[data-type=taskList] input{width:16px;height:16px;accent-color:var(--accent)}.prose .ProseMirror p.is-editor-empty:first-child:before,.prose .ProseMirror .is-empty:before{content:attr(data-placeholder);color:var(--text-faint);float:left;height:0;pointer-events:none}.bubble{display:flex;align-items:center;gap:1px;background:#1f1f22;border-radius:9px;padding:4px;box-shadow:0 8px 24px #00000038}.tb-btn{border:0;background:transparent;color:#e6e6e6;cursor:pointer;min-width:28px;height:28px;padding:0 7px;border-radius:6px;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center}.tb-btn:hover{background:#ffffff1f}.tb-btn.is-active{background:var(--accent);color:#fff}.bubble-sep{width:1px;height:18px;background:#ffffff2e;margin:0 3px}.insert-rail{position:absolute;top:0;left:-44px;z-index:42;width:44px;padding-right:14px;box-sizing:border-box;display:flex;align-items:flex-start}.insert-plus{width:30px;height:30px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-soft);font-size:18px;line-height:1;display:grid;place-items:center;box-shadow:0 1px 2px #0000000a}.insert-plus:hover{background:var(--hover);color:var(--text)}.insert-plus.is-open{background:var(--accent);color:#fff;border-color:var(--accent)}.insert-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.insert-menu{position:absolute;top:36px;left:0;z-index:41;width:230px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 34px #00000024}.insert-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;color:var(--text);font-size:13.5px;padding:7px 8px;border-radius:8px}.insert-item:hover{background:var(--hover)}.insert-hint{width:26px;height:26px;border-radius:6px;background:#f4f4f3;display:grid;place-items:center;font-size:12px;color:var(--text-soft);flex-shrink:0}.insert-divider{height:1px;background:var(--border);margin:5px 6px}.title-static{font-weight:800;font-size:40px;line-height:1.15;margin:8px 0 4px;color:var(--text)}.draft-tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:#ffe9c7;color:#9a6a00;padding:1px 6px;border-radius:6px;flex-shrink:0}.empty-public{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-soft);position:relative}.empty-public p{font-size:15px}.brand.big{font-size:22px}.brand.big .brand-dot{width:26px;height:26px;border-radius:8px}.lock-btn{border:0;background:transparent;cursor:pointer;font-size:14px;color:var(--text-faint);padding:8px;border-radius:8px}.lock-btn:hover{background:var(--hover);color:var(--text-soft)}.lock-btn.ghost{margin-top:6px;border-top:1px solid var(--border);width:100%;text-align:left;border-radius:0}.empty-public .lock-btn{position:fixed;bottom:18px;right:18px;font-size:18px}.admin-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;background:#fffaf2;border-bottom:1px solid #f0e4cf;padding:8px 18px;font-size:13px}.admin-pill{font-weight:600;color:#9a6a00;background:#ffe9c7;padding:3px 9px;border-radius:999px;font-size:12px}.pub-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-soft)}.pub-toggle input{width:15px;height:15px;accent-color:var(--accent)}.admin-grow{flex:1}.bar-btn{border:1px solid var(--border);background:#fff;cursor:pointer;font-size:12.5px;color:var(--text-soft);padding:5px 10px;border-radius:7px}.bar-btn:hover{background:var(--hover);color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141661;display:grid;place-items:center;z-index:100}.modal{width:320px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px #00000047;display:flex;flex-direction:column;gap:12px}.modal h3{margin:0;font-size:17px}.modal input{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none}.modal input:focus{border-color:var(--accent)}.modal-err{font-size:12.5px;color:#c0392b}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn-primary{border:0;background:var(--accent);color:#fff;cursor:pointer;padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:500}.btn-primary:disabled{opacity:.6}.btn-ghost{border:0;background:transparent;color:var(--text-soft);cursor:pointer;padding:9px 14px;border-radius:9px;font-size:13.5px}.btn-ghost:hover{background:var(--hover)}@media (max-width: 720px){.sidebar{display:none}.insert-rail{left:-36px}}