:root{--bg:#fbfaf8;--bg-sidebar:#f3f1ed;--surface:#fff;--border:#e4e0d9;--border-strong:#d3cec5;--text:#25221e;--muted:#7a746b;--accent:#6b4fd8;--accent-text:#fff;--accent-soft:#ece7fb;--hover:#0000000d;--warning-bg:#fff6e0;--warning-text:#7a5600;--error-bg:#fdecea;--error-text:#9b2c20;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1b1a19;--bg-sidebar:#222120;--surface:#272624;--border:#363432;--border-strong:#46433f;--text:#e9e5df;--muted:#9a948b;--accent:#a48ff2;--accent-text:#17141f;--accent-soft:#2e2944;--hover:#ffffff0f;--warning-bg:#3a3017;--warning-text:#f2d48a;--error-bg:#3d1f1b;--error-text:#f4a79c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.button{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;text-decoration:none;display:inline-flex}.button:hover{background:var(--hover)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.primary:hover{filter:brightness(1.08)}.button.small{padding:3px 9px;font-size:12.5px}.button.ghost{background:0 0;border-color:#0000}.icon-button{border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.icon-button:hover{background:var(--hover)}.menu-button,.close-sidebar{display:none}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sidebar);padding:2px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-size:12.5px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.notice{border-radius:var(--radius);margin:12px 0;padding:8px 12px;font-size:13px}.notice.warning{background:var(--warning-bg);color:var(--warning-text)}.notice.error{background:var(--error-bg);color:var(--error-text)}.badge{background:var(--warning-bg);color:var(--warning-text);border-radius:999px;padding:0 6px;font-size:11px}.app{grid-template-columns:272px minmax(0,1fr);height:100%;display:grid}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.scrim{display:none}.fullscreen-message,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:24px;display:flex}.empty-state h2{margin:0}.row{gap:8px;margin-top:12px;display:flex}.menu-button.floating{position:absolute;top:10px;left:10px}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:14px 14px 8px;display:flex}.brand{align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.sidebar-actions{gap:6px;padding:4px 14px 10px;display:flex}.sidebar-actions .button{flex:1}.sidebar-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;margin:0 14px 8px;padding:6px 10px}.sidebar-search:focus{border-color:var(--accent)}.sidebar-body{flex:1;min-height:0;padding:4px 8px 16px;overflow-y:auto}.tree,.tree ul,.search-results{margin:0;padding:0;list-style:none}.tree{min-height:100%}.tree-row{border-radius:6px;align-items:center;display:flex}.tree-row:hover{background:var(--hover)}.tree-row.active{background:var(--accent-soft)}.tree-row.selected .tree-label{font-weight:600}.tree-label{min-width:0;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:4px;padding:4px;text-decoration:none;display:flex;overflow:hidden}.tree-icon{width:14px;color:var(--muted);text-align:center;flex:none;font-size:11px}.tree-icon.base-icon{color:var(--accent)}.tree-actions{opacity:0;padding-right:2px;display:flex}.tree-row:hover .tree-actions,.tree-row:focus-within .tree-actions{opacity:1}.tree-actions button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px}.tree-actions button:hover{background:var(--hover);color:var(--text)}.empty-tree{padding:8px}.search-results a{color:var(--text);border-radius:6px;flex-direction:column;padding:6px 8px;text-decoration:none;display:flex}.search-results a:hover,.search-results a.active{background:var(--hover)}.snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.user{align-items:center;gap:8px;min-width:0;display:flex}.avatar{background:var(--accent);width:26px;height:26px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document{flex-direction:column;height:100%;min-height:0;display:flex}.doc-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 20px;display:flex}.doc-title{flex:1;min-width:0}.breadcrumb{color:var(--muted);font-size:12px}.doc-title input{background:0 0;border:none;outline:none;width:100%;padding:0;font-size:20px;font-weight:650}.doc-actions{align-items:center;gap:12px;display:flex}.save-status{min-width:64px;color:var(--muted);text-align:right;font-size:12px}.save-status.status-error{color:var(--error-text)}.placeholder{color:var(--muted);padding:32px}.panes{flex:1;min-height:0;display:grid}.panes.mode-split{grid-template-columns:1fr 1fr}.pane{min-width:0;min-height:0;overflow:auto}.mode-split .editor-pane{border-right:1px solid var(--border)}.editor-pane{overflow:hidden}.cm-host{height:100%}.cm-host .cm-editor{height:100%;font-size:15px;background:0 0!important}.cm-host .cm-editor.cm-focused{outline:none}.cm-host .cm-scroller{font-family:var(--mono);line-height:1.6}.cm-host .cm-content{max-width:820px;margin:0 auto;padding:24px 28px 120px}.cm-host .cm-gutters{border:none;background:0 0!important}.markdown-body{overflow-wrap:break-word;max-width:820px;margin:0 auto;padding:24px 32px 120px;font-size:15.5px;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.4em 0 .5em;line-height:1.3}.markdown-body h1:first-child,.markdown-body .properties+h1{margin-top:.4em}.markdown-body code{background:var(--hover);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:.88em}.markdown-body pre{border-radius:var(--radius);background:var(--bg-sidebar);padding:12px 14px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin:1em 0;padding:0 1em}.markdown-body img{max-width:100%}.markdown-body>table:not(.properties){border-collapse:collapse}.markdown-body>table:not(.properties) th,.markdown-body>table:not(.properties) td{border:1px solid var(--border);padding:4px 10px}.markdown-body input[type=checkbox]{margin-right:6px}.markdown-body li:has(>input[type=checkbox]){margin-left:-1.2em;list-style:none}.wikilink{border-bottom:1px dashed;text-decoration:none}.properties{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:13.5px}.properties th,.properties td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:4px 8px}.properties th{width:30%;color:var(--muted);font-weight:500}.chips{flex-wrap:wrap;gap:4px;display:inline-flex}.chip{background:var(--accent-soft);border-radius:999px;padding:0 8px;font-size:12.5px;line-height:20px}.value-number{font-variant-numeric:tabular-nums}.value-error{color:var(--error-text);cursor:help}.base-page{flex:1;min-height:0;padding:16px 20px 80px;overflow:auto}.embedded-base{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:1em 0;padding:10px 12px;font-size:14px;line-height:1.5}.base-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.base-tabs{flex-wrap:wrap;gap:2px;display:flex}.base-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.base-tabs button:hover{background:var(--hover)}.base-tabs button.active{background:var(--accent-soft);color:var(--text)}.view-icon{font-size:12px}.base-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.base-filter,.add-column{border:1px solid var(--border);background:var(--surface);border-radius:6px;outline:none;padding:3px 8px;font-size:12.5px}.base-filter{width:140px}.base-filter:focus{border-color:var(--accent)}.count{font-size:12.5px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.base-table{border-collapse:collapse;width:100%}.base-table th,.base-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:0}.base-table th+th,.base-table td+td{border-left:1px solid var(--border)}.base-table tbody tr:last-child td{border-bottom:none}.base-table tbody tr:hover td{background:var(--hover)}.th-inner{align-items:center;display:flex}.th-label{color:var(--muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:4px;padding:7px 10px;font-size:12.5px;font-weight:600;display:flex}.sort-indicator{color:var(--accent)}.th-remove{visibility:hidden;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-right:4px}th:hover .th-remove{visibility:visible}.base-table td>*{min-height:34px;padding:6px 10px;display:block}.base-table td>.chips,.base-table td>input[type=checkbox]{margin:0;display:flex}.base-table td>input[type=checkbox]{min-height:0;margin:10px}.note-link{white-space:nowrap;font-weight:500;text-decoration:none}.cell-editable{cursor:text}.cell-editable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.base-table .cell-input,.card .cell-input{outline:2px solid var(--accent);outline-offset:-2px;background:var(--surface);border:none;width:100%;min-width:120px}.empty-row{text-align:center;padding:16px 10px!important}.group-row td{background:var(--bg-sidebar)}.group-heading{padding:6px 10px;font-weight:600}.card-group+.card-group{margin-top:16px}.card-group>.group-heading{padding:0 0 6px}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.card-title{margin-bottom:8px;font-weight:600;text-decoration:none;display:block}.card dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px;display:grid}.card dt{color:var(--muted)}.card dd{min-width:0;margin:0}.card .cell-editable{min-height:20px}.login{place-items:center;height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px;padding:36px 28px;display:flex}.login-card h1{margin:8px 0 0;font-size:24px}.login-card p{margin:0 0 16px}.login-card .button{width:100%}@media (width<=900px){.panes.mode-split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.mode-split .editor-pane{border-right:none;border-bottom:1px solid var(--border)}}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;width:min(86vw,320px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar-open .sidebar{transform:none;box-shadow:0 0 40px #00000040}.sidebar-open .scrim{z-index:10;background:#00000059;display:block;position:fixed;inset:0}.menu-button,.close-sidebar{display:inline-flex}.tree-actions{opacity:1}.doc-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.doc-actions{justify-content:space-between;width:100%}.markdown-body,.cm-host .cm-content{padding:16px 16px 80px}.base-page{padding:12px}}