:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#37352f;--muted:#9b9a97;--accent:#2f7ed3;--accent-ink:#fff;--border:#e9e9e7;--sidebar-bg:#f7f7f5;--danger:#d44c47;--radius:6px}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:var(--bg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}#app{height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:var(--radius);padding:4px 10px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover{filter:brightness(1.05)}button.ghost{background:0 0}button.tiny{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:12px;line-height:1.6}button.tiny:hover{color:var(--fg)}button.tiny.danger:hover{color:var(--danger)}button:disabled{opacity:.5;cursor:default}.shell{height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex:none;width:260px;padding:12px;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.logo{letter-spacing:.02em;font-weight:700}.sidebar-actions{gap:6px;margin-bottom:12px;display:flex}.sidebar-actions .ghost{flex:1}.content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.welcome{text-align:center;margin:auto}.welcome h1{margin-bottom:8px;font-size:42px}.welcome p{color:var(--muted);margin-bottom:20px}.loading{color:var(--muted);margin:auto}.tree,.tree-kids{margin:0;padding:0;list-style:none}.tree-kids{padding-left:14px}.tree-row{border-radius:var(--radius);align-items:center;gap:2px;min-height:28px;padding:2px 4px;display:flex}.tree-row:hover{background:#ececea}.tree-row.active{background:#e3e3e0;font-weight:600}.twirl{color:var(--muted);background:0 0;border:none;width:16px;padding:0 4px;font-size:10px}.twirl-spacer{width:16px;display:inline-block}.tree-link{color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:2px 0;overflow:hidden}.tree-link:hover{text-decoration:underline}.tree-actions{visibility:hidden;gap:2px;display:flex}.tree-row:hover .tree-actions{visibility:visible}.editor-wrap{flex-direction:column;min-width:0;height:100%;display:flex}.doc-head{align-items:center;gap:12px;padding:10px 24px 0;display:flex}.title-input{background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:26px;font-weight:700}.save-bar{align-items:center;gap:10px;display:flex}.dirty{color:var(--muted);font-size:12px}.saved{color:#4f9d69;font-size:12px}.conflict{color:#b7791f;font-size:12px}.editor-scroll{background:var(--bg);flex:1;padding:8px 24px 24px;overflow-y:auto}.editor-scroll .ProseMirror{background:var(--bg);max-width:720px;min-height:60%;color:var(--fg);outline:none;margin:0 auto}.editor-scroll .ProseMirror>*+*{margin-top:.5em}.editor-scroll .tiptap p.is-editor-empty:first-child:before,.editor-scroll .tiptap h1.is-editor-empty:first-child:before,.editor-scroll .tiptap h2.is-editor-empty:first-child:before,.editor-scroll .tiptap h3.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#b3b2af;float:left;pointer-events:none;height:0}.editor-scroll .ProseMirror h1{margin-top:.8em;font-size:28px}.editor-scroll .ProseMirror h2{font-size:22px}.editor-scroll .ProseMirror h3{font-size:18px}.editor-scroll .ProseMirror ul,.editor-scroll .ProseMirror ol{padding-left:1.4em}.editor-scroll .ProseMirror blockquote{border-left:3px solid var(--border);color:#5f5e5a;margin-left:0;padding-left:1em}.editor-scroll .ProseMirror pre{border-radius:var(--radius);background:#f7f6f3;padding:12px 14px;overflow-x:auto}.editor-scroll .ProseMirror code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.editor-scroll .ProseMirror hr{border:none;border-top:1px solid var(--border);margin:1em 0}.mention{background:#e8f1fb;border-radius:3px;padding:0 3px}.backlinks{border-top:1px solid var(--border);max-height:30vh;padding:12px 24px 20px;overflow-y:auto}.backlinks h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:13px}.backlinks ul{margin:0;padding:0;list-style:none}.backlinks li{padding:2px 0}.backlinks .empty{color:var(--muted);font-size:13px}.backlinks code{background:#f1f1ef;border-radius:3px;padding:0 4px}.auth-wrap{border:1px solid var(--border);border-radius:10px;max-width:360px;margin:10vh auto;padding:32px}.auth-wrap h1{margin:0 0 4px}.tagline{color:var(--muted);margin:0 0 20px}.auth-form label{color:#5f5e5a;margin-bottom:12px;font-size:13px;display:block}.auth-form input{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:8px 10px;display:block}.auth-form button[type=submit]{width:100%;margin-top:8px;padding:8px}.auth-form .error{color:var(--danger);font-size:13px}.auth-form .swap{text-align:center;margin:14px 0 0;font-size:13px}.auth-form .swap.closed{color:var(--muted)}.ws-list{margin-bottom:16px}.ws-list h2{margin:0 0 8px;font-size:15px}.ws-list ul{margin:0;padding:0;list-style:none}.ws-list li{margin-bottom:6px}.ws-list button{text-align:left;width:100%;padding:8px 10px}.ws-list hr{border:none;border-top:1px solid var(--border);margin:14px 0 0}.tippy-box{font-size:13px}.items{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:220px;max-height:240px;padding:4px;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000014}.items button{text-align:left;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 8px;display:block}.items button:hover,.items button.is-selected{background:#eef4fb}