:root{--paper: #f3efe4;--paper-hi: #faf7ee;--paper-lo: #e7e2d3;--card: #f7f4ea;--bg-grad: radial-gradient(1100px 700px at 75% -12%, #faf7ee 0%, #f3efe4 58%);--raise: linear-gradient(145deg, #f9f6ed, #ebe6d7);--docbg: #faf7ee;--ink: #2b2820;--ink2: #6b665a;--ink3: #8f8b7e;--pencil: #8f8b7e;--blue: #2c4a8a;--red: #b03a2e;--green: #3a7d44;--amber: #a06a1f;--sh-raise: -6px -6px 14px rgba(255, 255, 255, .85), 8px 10px 22px rgba(120, 110, 88, .26);--sh-raise-sm: -3px -3px 8px rgba(255, 255, 255, .85), 4px 5px 12px rgba(120, 110, 88, .24);--sh-inset: inset 4px 4px 9px rgba(120, 110, 88, .26), inset -3px -3px 8px rgba(255, 255, 255, .85);--line: rgba(60, 55, 40, .13);--line-strong: rgba(60, 55, 40, .26);--glass-bg: rgba(250, 247, 238, .6);--glass-border: rgba(255, 255, 255, .85);--blur: 10px;--grain: .5}[data-grain=none]{--grain: 0}[data-grain=heavy]{--grain: 1}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink)}#root{min-height:100vh}body{font-family:"Source Serif 4",Georgia,serif}a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#1e355f;text-decoration-thickness:2px}button{font-family:inherit}::selection{background:#2c4a8a2e}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.hand{font-family:Caveat,cursive}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:var(--grain);mix-blend-mode:multiply;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/><feColorMatrix type="saturate" values="0"/></filter><rect width="240" height="240" filter="url(%23n)" opacity="0.18"/></svg>')}*{scrollbar-width:thin;scrollbar-color:rgba(120,110,88,.4) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#786e5859;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#786e588c;background-clip:padding-box}.doc-frame{width:100%;min-height:70vh;border:0;background:#fff;display:block}