:root{--color-bg:#faf6ee;--color-surface:#fdfbf6;--color-text:#2b2b28;--color-text-muted:#6b6456;--color-primary:#2f4a3c;--color-primary-hover:#243b30;--color-accent-soft:#e7efe8;--color-border:#e0d9c8;--font-display:"Fraunces", serif;--font-body:"Work Sans", sans-serif}html,body{background-color:var(--color-bg);color:var(--color-text)}body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:var(--color-primary)}button,input,select,textarea{font-family:var(--font-body)}main{box-sizing:border-box;max-width:36rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.4rem;padding:.5rem 1rem;font-size:1em}input,select,textarea{border:1px solid var(--color-border);border-radius:.4rem;padding:.5rem .75rem;font-size:1em}.app-nav.svelte-12qhfyh{border-bottom:1px solid var(--color-border)}.app-nav-inner.svelte-12qhfyh{align-items:center;gap:.4rem;max-width:36rem;margin:0 auto;padding:.6rem;display:flex}.app-nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){flex:1;gap:.3rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.app-nav.svelte-12qhfyh li:where(.svelte-12qhfyh){flex:1 1 0;min-width:0}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){text-overflow:ellipsis;white-space:nowrap;text-align:center;border:1px solid var(--color-border);color:inherit;font-family:var(--font-body);border-radius:999px;padding:.4rem .3rem;font-size:.85em;text-decoration:none;display:block;overflow:hidden}.app-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.app-nav.svelte-12qhfyh .logout:where(.svelte-12qhfyh){flex:none}.app-nav.svelte-12qhfyh .logout:where(.svelte-12qhfyh) button:where(.svelte-12qhfyh){border:1px solid var(--color-border);width:2.2rem;height:2.2rem;color:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.app-nav.svelte-12qhfyh .logout:where(.svelte-12qhfyh) svg:where(.svelte-12qhfyh){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (width<=420px){.app-nav.svelte-12qhfyh{padding:.5rem .4rem}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:.35rem .2rem;font-size:.78em}.app-nav.svelte-12qhfyh .logout:where(.svelte-12qhfyh) button:where(.svelte-12qhfyh){width:2rem;height:2rem}}