:root{--bg:#fff;--bg-side:#f4f5f4;--text:#1f2321;--muted:#6b716e;--accent:#2f6f5e;--border:#e2e5e3;--hover:#e8ebe9;--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}}*{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,.page-link{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 8px}.new-page{color:var(--muted)}.new-page:hover,.page-link:hover,.page-link[aria-current=page]{background:var(--hover)}.page-list{margin:0;padding:0;list-style:none;overflow-y:auto}.page-link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{padding:48px 16px}.page{max-width:720px;margin:0 auto}.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}.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}}