.ProseMirror{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.8;color:var(--text-primary);max-width:var(--content-width);margin:0 auto;padding:var(--space-8) var(--space-4);min-height:400px;outline:none}.ProseMirror h1{font-size:var(--text-3xl);font-weight:600;line-height:1.3;margin-top:var(--space-12);margin-bottom:var(--space-4);color:var(--text-primary)}.ProseMirror h2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text-primary)}.ProseMirror h3{font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--text-primary)}.ProseMirror p{margin-bottom:var(--space-4)}.ProseMirror>*:first-child{margin-top:0}.ProseMirror blockquote{border-left:3px solid var(--accent-warm-muted);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--text-secondary);font-style:italic}.ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-6) 0}.ProseMirror ul,.ProseMirror ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.ProseMirror li{margin-bottom:var(--space-2)}.ProseMirror li p{margin-bottom:var(--space-1)}.ProseMirror code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}.ProseMirror pre{background-color:var(--bg-secondary);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-6) 0;overflow-x:auto}.ProseMirror pre code{background:none;padding:0;font-size:var(--text-sm);line-height:1.6}.ProseMirror hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:var(--space-8) 0}.ProseMirror a{color:var(--accent-warm);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0;font-style:italic}.ProseMirror .is-empty:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0;font-style:italic}:root{--bg-primary: #1a1a1f;--bg-secondary: #222228;--bg-tertiary: #2a2a32;--bg-elevated: #32323c;--text-primary: #e8e4df;--text-secondary: #a8a4a0;--text-tertiary: #6e6a66;--accent-warm: #c49a6c;--accent-warm-hover: #d4aa7c;--accent-warm-muted: #8a6a4a;--accent-success: #6b9e78;--accent-danger: #c46c6c;--font-serif: "Lora", "Georgia", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--content-width: 720px;--sidebar-width: 280px;--header-height: 60px;--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-light: 1px solid rgba(255, 255, 255, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-warm);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-warm-hover)}::selection{background-color:var(--accent-warm-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:var(--text-primary)}input,textarea,select{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-tertiary);border:var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-warm-muted)}textarea{resize:vertical}img{max-width:100%;height:auto}.article-content h1{font-size:var(--text-3xl);font-weight:600;line-height:1.3;margin-top:var(--space-12);margin-bottom:var(--space-4)}.article-content h2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content h3{font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-content p{margin-bottom:var(--space-4)}.article-content>*:first-child{margin-top:0}.article-content blockquote{border-left:3px solid var(--accent-warm-muted);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--text-secondary);font-style:italic}.article-content ul,.article-content ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content img{border-radius:var(--radius-md);margin:var(--space-6) 0}.article-content code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}.article-content pre{background-color:var(--bg-secondary);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-6) 0;overflow-x:auto}.article-content pre code{background:none;padding:0;font-size:var(--text-sm)}.article-content a{color:var(--accent-warm);text-decoration:underline;text-underline-offset:2px}.article-content hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:var(--space-8) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){:root{--sidebar-width: 220px;--space-8: 1rem}}@media(max-width:480px){:root{--sidebar-width: 200px}}