:root{--color-text: #e8e6e3;--color-text-secondary: #d3cfca;--color-text-muted: #9c9386;--color-bg: #1a1510;--color-bg-secondary: #2d2518;--color-bg-warm: #2d2214;--color-border: #736b5e;--color-accent: #c8a97a;--color-accent-dark: #7a5c3a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:"Source Sans 3",sans-serif;font-size:18px;line-height:1.7;height:100%;overflow:hidden;margin:0}h1,h2,h3{font-family:Lora,serif;line-height:1.3}.app.svelte-12qhfyh{height:100vh;display:flex;flex-direction:column;overflow:hidden}header.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.wordmark.svelte-12qhfyh{font-family:Lora,serif;font-size:1.5rem;font-weight:600;color:var(--color-text);text-decoration:none}nav.svelte-12qhfyh{display:flex;align-items:center;gap:1.5rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-secondary);text-decoration:none;font-size:.95rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-text)}nav.svelte-12qhfyh button:where(.svelte-12qhfyh){background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:.95rem;font-family:inherit}main.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden}