:root{--text: #37352f;--text-h: #202020;--text-secondary: #9b9a97;--bg: #ffffff;--border: #e9e9e7;--code-bg: #f7f6f3;--accent: #aa3bff;--bg-sidebar: #202020;--text-sidebar: #d4d4d4;--text-sidebar-secondary: #9b9b9b;--bg-sidebar-hover: rgba(255, 255, 255, .055);--bg-sidebar-active: rgba(255, 255, 255, .09);--bg-hover: rgba(55, 53, 47, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--text-h1-size: 2rem;--text-h1-weight: 700;--text-h2-size: 1.5rem;--text-h2-weight: 600;--text-h3-size: 1.25rem;--text-h3-weight: 600;--text-body-line-height: 1.6;--text-caption-size: .75rem;--text-small-size: .9rem;--transition-fast: .15s ease;--radius: 4px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;--warn-bg: #fff3cd;--warn-text: #664d03;--warn-border: #ffe69c;--error-bg: #f8d7da;--error-text: #58151c;--error-border: #f1aeb5;--success-bg: #d1e7dd;--success-text: #0a3622;--success-border: #a3cfbb;font:16px/145% var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--text: #d4d4d4;--text-h: #f3f4f6;--text-secondary: #6f6f6f;--bg: #191919;--border: #2f2f2f;--code-bg: #202020;--accent: #c084fc;--bg-hover: rgba(255, 255, 255, .06);--warn-bg: #332701;--warn-text: #ffda6a;--warn-border: #664d03;--error-bg: #2c0b0e;--error-text: #ea868f;--error-border: #842029;--success-bg: #051b11;--success-text: #75b798;--success-border: #0f5132}}body{margin:0;min-height:100vh}h1,h2,h3{color:var(--text-h);font-family:var(--sans);line-height:1.3}h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight)}h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight)}h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight)}p,li,blockquote,span{line-height:var(--text-body-line-height)}code{font-family:var(--mono)}pre{background:var(--code-bg);border-radius:var(--radius);padding:var(--space-3);overflow-x:auto}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1}.sidebar{flex:0 0 240px;background:var(--bg-sidebar);color:var(--text-sidebar);box-sizing:border-box;padding:var(--space-5) var(--space-3);display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);color:var(--text-sidebar-secondary);font-size:var(--text-caption-size)}.main-content{flex:1;min-width:0;padding:var(--space-6);box-sizing:border-box}.main-content>*{max-width:720px;margin-left:auto;margin-right:auto}.sidebar-heading{color:var(--text-sidebar-secondary);font-size:var(--text-caption-size);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3)}.data-section{border-top:1px solid var(--bg-sidebar-hover);padding-top:var(--space-3);margin-top:var(--space-3)}.data-button{display:block;width:100%;text-align:left;background:transparent;border:none;font:inherit;font-size:var(--text-small-size);color:var(--text-sidebar);padding:var(--space-1) var(--space-2);border-radius:var(--radius);cursor:pointer}.data-button:hover:not(:disabled){background:var(--bg-sidebar-hover)}.data-button:disabled{opacity:.5;cursor:not-allowed}.create-page-button{display:block;width:100%;text-align:left;background:transparent;border:none;font:inherit;color:var(--text-sidebar);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast)}.create-page-button:hover{background:var(--bg-sidebar-hover)}.page-list{list-style:none;margin:var(--space-3) 0 0;padding:0;overflow-y:auto}.page-item{display:flex;align-items:center;border-radius:var(--radius);transition:background var(--transition-fast)}.page-item:hover{background:var(--bg-sidebar-hover)}.page-drag-handle{background:transparent;border:none;color:var(--text-sidebar-secondary);cursor:grab;opacity:0;transition:opacity var(--transition-fast);padding:var(--space-1)}.page-drag-handle:active{cursor:grabbing}.page-button{flex:1;text-align:left;background:transparent;border:none;font:inherit;color:var(--text-sidebar);padding:var(--space-2);border-radius:var(--radius);cursor:pointer;font-size:var(--text-small-size)}.page-button.active{background:var(--bg-sidebar-active);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.page-delete-button{background:transparent;border:none;color:var(--text-sidebar-secondary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);padding:var(--space-1)}.page-item:hover .page-drag-handle,.page-item:hover .page-delete-button,.page-item:focus-within .page-drag-handle,.page-item:focus-within .page-delete-button{opacity:1}.page-header{display:flex;align-items:center;gap:var(--space-2)}.page-header .page-title-input{flex:1}.export-md-button{background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:var(--text-caption-size);padding:var(--space-1) var(--space-2);white-space:nowrap}.export-md-button:hover{background:var(--bg-hover)}.page-title-input{display:block;width:100%;font-family:var(--sans);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:1.3;color:var(--text-h);border:none;outline:none;background:transparent;padding:var(--space-2) 0;margin-bottom:var(--space-4);border-radius:var(--radius);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.page-title-input:hover{background:var(--bg-hover)}.page-title-input:focus{box-shadow:0 0 0 2px var(--accent);background:transparent}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;transition:transform var(--transition-fast)}input[type=checkbox]:not(:disabled){cursor:pointer}input[type=checkbox]:not(:disabled):hover{transform:scale(1.08)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-small-size);border-bottom:1px solid}.app-banner--warning{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.app-banner--error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.app-banner--info{background:var(--code-bg);color:var(--text);border-color:var(--border)}.lazy-chunk-failed{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-small-size);background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius)}.toast-host{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-sidebar);color:var(--text-sidebar);padding:var(--space-2) var(--space-4);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;font-size:var(--text-small-size)}.toast button{background:transparent;border:none;color:var(--accent);cursor:pointer;font:inherit;font-weight:600}