:root{--bg:#fff;--bg-side:#f4f5f4;--text:#1f2321;--muted:#6b716e;--accent:#2f6f5e;--border:#e2e5e3;--hover:#e8ebe9;--danger:#b4452f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171a19;--bg-side:#1f2321;--text:#e6e9e7;--muted:#9aa19d;--accent:#6fbfa8;--border:#2c312f;--hover:#2a2f2d;--danger:#e58a72}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-side);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:16px 8px;display:flex}.sidebar-brand{color:var(--accent);padding:0 8px 8px;font-weight:600}.new-page{font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 8px}.new-page:hover{background:var(--hover)}.page-tree,.page-tree [role=group]{margin:0;padding:0;list-style:none}.page-tree{overflow-y:auto}.tree-item{outline:none}.tree-row{cursor:pointer;border-radius:6px;align-items:center;gap:2px;padding-top:4px;padding-bottom:4px;padding-right:4px;display:flex}.tree-row:hover,.tree-item[aria-selected=true]>.tree-row{background:var(--hover)}.tree-item:focus-visible>.tree-row{outline:2px solid var(--accent);outline-offset:-2px}.tree-toggle{width:18px;height:18px;color:var(--muted);border-radius:4px;flex:none;place-items:center;display:grid}.tree-toggle[data-open]:before{content:"";border:4px solid #0000;border-left:6px solid;border-right:0;transition:transform .12s}.tree-toggle[data-open=true]:before{transform:rotate(90deg)}.tree-toggle[data-open]:hover{background:var(--border)}.tree-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:2px 4px;overflow:hidden}.tree-add,.tree-actions-button{width:22px;height:22px;font:inherit;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;flex:none;line-height:1}.tree-row:hover>.tree-add,.tree-add:focus-visible,.tree-item:focus-visible>.tree-row>.tree-add,.tree-row:hover .tree-actions-button,.tree-actions-button:focus-visible,.tree-actions-button[aria-expanded=true],.tree-item:focus-visible>.tree-row .tree-actions-button{opacity:1}.tree-add:hover,.tree-actions-button:hover{background:var(--border);color:var(--text)}@media (hover:none){.tree-add,.tree-actions-button{opacity:1}}.tree-actions{display:flex}.tree-menu{z-index:10;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px #00000026}.tree-menu button{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 8px}.tree-menu button:hover,.tree-menu button:focus{background:var(--hover);outline:none}.tree-menu .danger,.dialog .danger{color:var(--danger)}.dialog{width:min(440px,100vw - 32px);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:20px}.dialog::backdrop{background:#00000059}.dialog h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:1.05rem}.dialog p{margin:0 0 12px}.dialog-search{width:100%;font:inherit;color:inherit;background:var(--bg-side);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.dialog-list{max-height:280px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.dialog-list [role=option]{cursor:pointer;overflow-wrap:anywhere;border-radius:6px;padding:6px 8px}.dialog-list [role=option]:hover,.dialog-list [aria-selected=true]{background:var(--hover)}.dialog-list [aria-disabled=true]{color:var(--muted);cursor:default}.dialog-list [aria-disabled=true]:hover{background:0 0}.dialog-empty{color:var(--muted);margin-top:8px;font-size:.875rem}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-actions button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px}.dialog-actions button:hover{background:var(--hover)}.content{padding:48px 16px}.page{max-width:720px;margin:0 auto}.breadcrumb ol{color:var(--muted);flex-wrap:wrap;align-items:center;margin:0 0 12px;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";margin:0 6px}.breadcrumb li[aria-current=page]{color:var(--text)}.breadcrumb button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px}.breadcrumb button:hover{background:var(--hover);color:var(--text)}.page-header{align-items:baseline;gap:12px;display:flex}.page-title{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:2rem;font-weight:700}.save-status{color:var(--muted);white-space:nowrap;font-size:.8rem}.editor{outline:none;min-height:50vh;margin-top:16px;line-height:1.6}.empty{color:var(--muted);text-align:center;margin-top:20vh}.account{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:auto;padding-top:8px;display:flex}.account-user{align-items:center;gap:8px;min-width:0;padding:4px 8px;display:flex}.account-avatar{background:var(--accent);width:24px;height:24px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.account-email{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.account-button{font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 8px}.account-button:hover:not(:disabled){background:var(--hover)}.account-button:disabled{cursor:default;opacity:.6}.account-note{color:var(--muted);margin:0;padding:0 8px;font-size:.75rem}.sync{flex-direction:column;gap:4px;display:flex}.sync-status{color:var(--muted);align-items:center;gap:6px;margin:0;padding:0 8px;font-size:.75rem;display:flex}.sync-status:empty{display:none}.sync-status:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.sync-status[data-sync=sincronizado]:before{background:var(--accent);border-color:var(--accent)}.sync-status[data-sync=erro],.sync-status[data-sync=reconectar]{color:var(--danger)}.sync-status[data-sync=erro]:before,.sync-status[data-sync=reconectar]:before{background:currentColor}.sync-files summary{cursor:pointer}.sync-files ul{max-height:160px;color:var(--muted);margin:4px 0 0;padding:0 8px 0 24px;font-size:.75rem;overflow-y:auto}.update-banner{background:var(--bg-side);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.update-banner button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:4px 10px}.update-reload{background:var(--accent);color:var(--bg)}.update-dismiss{color:var(--muted);background:0 0}.update-dismiss:hover{background:var(--hover)}@media (width<=640px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.content{padding:24px 16px}}