*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #f5f0e8;--paper-dark: #ede6d3;--paper-line: #d4c9b0;--ink: #2c2416;--ink-light: #6b5e4a;--ink-faint: #a89880;--accent: #8b3a2a;--accent-soft: #c4614e;--accent-glow: rgba(139,58,42,.15);--tag-bg: #e8dcc8;--bg-body: #c8b89a;--sidebar-bg: #3d1f15;--shadow: rgba(44,36,22,.18);--modal-overlay: rgba(44,36,22,.52);--toast-bg: #2c2416;--toast-color: #f5f0e8;--toolbar-bg: #f0e8d8;--border: var(--paper-line);--font-typed: "Courier Prime", monospace;--font-hand: "Caveat", cursive;--font-body: "Lora", serif}[data-theme=dark]{--paper: #1a1612;--paper-dark: #221e18;--paper-line: #3a3228;--ink: #e8dcc8;--ink-light: #b8a888;--ink-faint: #6b5e4a;--accent: #c4614e;--accent-soft: #e07060;--accent-glow: rgba(196,97,78,.18);--tag-bg: #2e2820;--bg-body: #0e0c0a;--sidebar-bg: #140f0a;--shadow: rgba(0,0,0,.45);--modal-overlay: rgba(0,0,0,.65);--toast-bg: #e8dcc8;--toast-color: #1a1612;--toolbar-bg: #221e18;--border: #3a3228}html,body{height:100%}body{background:var(--bg-body);background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(139,58,42,.05) 31px,rgba(139,58,42,.05) 32px);min-height:100vh;font-family:var(--font-body);color:var(--ink);transition:background .3s,color .3s}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--paper-line);border-radius:2px}.ProseMirror{outline:none;min-height:340px;font-family:var(--font-body);font-size:1rem;line-height:32px;color:var(--ink);padding:14px 18px}.ProseMirror p{margin-bottom:.4em}.ProseMirror h1{font-size:1.6rem;font-family:var(--font-body);margin-bottom:.3em}.ProseMirror h2{font-size:1.25rem;font-family:var(--font-body);margin-bottom:.3em}.ProseMirror ul,.ProseMirror ol{padding-left:1.4em;margin-bottom:.4em}.ProseMirror mark{background:#ffe066;color:var(--ink);border-radius:2px;padding:0 2px}[data-theme=dark] .ProseMirror mark{background:#6b5500;color:#ffe066}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ink-faint);font-style:italic;pointer-events:none;float:left;height:0}body.font-hand .ProseMirror{font-family:var(--font-hand);font-size:1.22rem;color:#1a3a6b}[data-theme=dark] body.font-hand .ProseMirror{color:#90b4e8}body.font-typed .ProseMirror{font-family:var(--font-typed);font-size:.9rem}.page-fade{animation:pageFade .22s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}