:root{--color-gray-0:#fff;--color-gray-50:#fafaf9;--color-gray-100:#f5f4f2;--color-gray-200:#e8e6e3;--color-gray-300:#d0cec9;--color-gray-400:#a8a49e;--color-gray-500:#807c75;--color-gray-600:#605d57;--color-gray-700:#434039;--color-gray-800:#2c2a25;--color-gray-900:#1a1917;--color-gray-950:#100f0d;--color-indigo-100:#e8e9f8;--color-indigo-200:#c7caf0;--color-indigo-300:#9ba0e5;--color-indigo-400:#7178d9;--color-indigo-500:#4f57ce;--color-indigo-600:#3b43bb;--color-indigo-700:#2e3599;--color-indigo-800:#232877;--color-indigo-900:#191c55;--color-green-400:#4ade80;--color-green-600:#16a34a;--color-amber-400:#fbbf24;--color-amber-600:#d97706;--color-red-400:#f87171;--color-red-600:#dc2626;--color-bg:var(--color-gray-50);--color-bg-raised:var(--color-gray-0);--color-bg-sunken:var(--color-gray-100);--color-bg-overlay:#100f0d7a;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-500);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-gray-0);--color-text-accent:var(--color-indigo-600);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-border-focus:var(--color-indigo-500);--color-accent:var(--color-indigo-600);--color-accent-hover:var(--color-indigo-700);--color-accent-subtle:var(--color-indigo-100);--color-accent-text:var(--color-indigo-600);--color-success:var(--color-green-600);--color-warning:var(--color-amber-600);--color-danger:var(--color-red-600);--color-success-subtle:#f0fdf4;--color-danger-subtle:#fef2f2;--color-editor-bg:var(--color-gray-0);--color-editor-text:var(--color-gray-900);--color-editor-cursor:var(--color-indigo-600);--color-editor-selection:var(--color-indigo-200);--color-editor-line-hl:var(--color-gray-50);--color-editor-gutter:var(--color-gray-400);--color-syntax-heading:var(--color-gray-900);--color-syntax-code:var(--color-indigo-600);--color-syntax-link:var(--color-indigo-500);--color-syntax-quote:var(--color-gray-500);--color-syntax-marker:var(--color-gray-300);--color-preview-bg:var(--color-gray-50);--color-preview-text:var(--color-gray-900);--color-preview-link:var(--color-indigo-600);--color-preview-code-bg:var(--color-gray-100);--color-preview-hr:var(--color-gray-200);--color-preview-quote-border:var(--color-gray-300);--color-preview-quote-text:var(--color-gray-600);--color-preview-table-border:var(--color-gray-200);--color-preview-table-head:var(--color-gray-100);--color-checkbox-border:var(--color-gray-400);--color-checkbox-checked:var(--color-indigo-600);--color-checkbox-check:var(--color-gray-0);--color-checkbox-done-text:var(--color-gray-400);--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-editor:"JetBrains Mono", "Fira Code", monospace;--font-preview:"Inter", system-ui, sans-serif;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.563rem;--text-xl:1.953rem;--text-2xl:2.441rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-caps:.08em;--editor-font-size:15px;--editor-line-height:1.75;--editor-max-width:68ch;--preview-font-size:16px;--preview-line-height:1.75;--preview-max-width:68ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-shell-height:52px;--space-toolbar-height:40px;--space-statusbar-height:28px;--space-content-x:var(--space-6);--space-content-y:var(--space-8);--space-editor-top:var(--space-10);--space-modal-padding:var(--space-6);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--radius-button:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-full);--radius-checkbox:var(--radius-sm);--radius-code:var(--radius-sm);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 24px -4px #0000001f, 0 4px 8px -2px #0000000f;--shadow-xl:0 24px 48px -8px #0000002e;--shadow-focus:0 0 0 3px var(--color-border-focus);--duration-fast:.1s;--duration-normal:.18s;--duration-slow:.3s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-raised:10;--z-dropdown:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-tooltip:500}[data-theme=dark]{--color-bg:var(--color-gray-950);--color-bg-raised:var(--color-gray-900);--color-bg-sunken:#0d0c0a;--color-bg-overlay:#000000a3;--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-400);--color-text-tertiary:var(--color-gray-600);--color-text-inverse:var(--color-gray-950);--color-text-accent:var(--color-indigo-300);--color-border:var(--color-gray-800);--color-border-strong:var(--color-gray-700);--color-border-focus:var(--color-indigo-400);--color-accent:var(--color-indigo-400);--color-accent-hover:var(--color-indigo-300);--color-accent-subtle:#4f57ce26;--color-accent-text:var(--color-indigo-300);--color-success:var(--color-green-400);--color-warning:var(--color-amber-400);--color-danger:var(--color-red-400);--color-success-subtle:#16a34a1f;--color-danger-subtle:#dc26261f;--color-editor-bg:var(--color-gray-950);--color-editor-text:var(--color-gray-100);--color-editor-cursor:var(--color-indigo-400);--color-editor-selection:#4f57ce47;--color-editor-line-hl:#ffffff08;--color-editor-gutter:var(--color-gray-600);--color-syntax-heading:var(--color-gray-50);--color-syntax-code:var(--color-indigo-300);--color-syntax-link:var(--color-indigo-300);--color-syntax-quote:var(--color-gray-500);--color-syntax-marker:var(--color-gray-700);--color-preview-bg:var(--color-gray-950);--color-preview-text:var(--color-gray-100);--color-preview-link:var(--color-indigo-300);--color-preview-code-bg:var(--color-gray-900);--color-preview-hr:var(--color-gray-800);--color-preview-quote-border:var(--color-gray-700);--color-preview-quote-text:var(--color-gray-400);--color-preview-table-border:var(--color-gray-800);--color-preview-table-head:var(--color-gray-900);--color-checkbox-border:var(--color-gray-600);--color-checkbox-checked:var(--color-indigo-400);--color-checkbox-check:var(--color-gray-950);--color-checkbox-done-text:var(--color-gray-600);--shadow-sm:0 0 0 1px var(--color-border);--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 32px #00000080;--shadow-xl:0 24px 64px #0009}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}
.prose{color:var(--color-preview-text);font-family:var(--font-preview);font-size:var(--preview-font-size);line-height:var(--preview-line-height);max-width:var(--preview-max-width)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-preview-text);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-top:1.5em;margin-bottom:.5em}.prose h1{font-size:var(--text-2xl);margin-top:0}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose h4{font-size:var(--text-md)}.prose h5,.prose h6{font-size:var(--text-base)}.prose p{margin-bottom:var(--space-4)}.prose a{color:var(--color-preview-link);text-decoration:none}.prose a:hover{text-decoration:underline}.prose strong{font-weight:var(--weight-bold)}.prose em{font-style:italic}.prose code{font-family:var(--font-editor);background:var(--color-preview-code-bg);border-radius:var(--radius-code);padding:2px 5px;font-size:.875em}.prose pre{background:var(--color-preview-code-bg);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto}.prose pre code{background:0 0;border-radius:0;padding:0;font-size:.875em}.prose blockquote{border-left:3px solid var(--color-preview-quote-border);padding-left:var(--space-4);color:var(--color-preview-quote-text);margin:var(--space-4) 0;font-style:italic}.prose hr{background:var(--color-preview-hr);height:1px;margin:var(--space-8) 0;border:none}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.prose li{margin-bottom:var(--space-1)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose ul.contains-task-list{padding-left:var(--space-6)}.prose ul li.task-list-item{margin-left:calc(-1 * var(--space-6));padding-left:var(--space-6);list-style:none;position:relative}.prose input[type=checkbox]{appearance:none;border:1.5px solid var(--color-checkbox-border);border-radius:var(--radius-checkbox);cursor:pointer;vertical-align:middle;width:16px;height:16px;margin-right:var(--space-2);transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);outline:none;flex-shrink:0;margin-top:-2px;position:relative}.prose input[type=checkbox]:focus,.prose input[type=checkbox]:focus-visible{box-shadow:none;outline:none}.prose input[type=checkbox]:checked{background:var(--color-checkbox-checked);border-color:var(--color-checkbox-checked)}.prose input[type=checkbox]:checked:after{content:"";border:2px solid var(--color-checkbox-check);border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.prose li:has(input[type=checkbox]:checked)>span{color:var(--color-checkbox-done-text);text-decoration:line-through}.prose li:has(input[type=checkbox]:checked){color:var(--color-checkbox-done-text);text-decoration:line-through}.prose table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4);font-size:var(--text-sm)}.prose th,.prose td{border:1px solid var(--color-preview-table-border);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:var(--color-preview-table-head);font-weight:var(--weight-semibold)}.prose tr:nth-child(2n) td{background:var(--color-bg-sunken)}
*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text-primary);transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{box-shadow:var(--shadow-focus);outline:none}:focus:not(:focus-visible){outline:none}.cm-editor,.cm-editor.cm-focused{outline:none!important}.cm-content:focus-visible{outline:none;box-shadow:none!important}@keyframes spin{to{transform:rotate(360deg)}}.cm-placeholder{color:var(--color-text-tertiary)!important;white-space:pre!important;font-style:normal!important}.pane-divider{background:var(--color-border);flex-shrink:0;width:1px}@media print{header,.toolbar-bar,footer,.cm-editor,.pane-divider{display:none!important}.app-root{height:auto!important;display:block!important}main{height:auto!important;min-height:unset!important;display:block!important;overflow:visible!important}.preview-pane{background:#fff!important;height:auto!important;padding:0!important;overflow:visible!important}.prose{color:#1a1a1a!important;max-width:none!important}html,body{background:#fff!important;height:auto!important;overflow:visible!important}}