*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#f5f5f5;color:#111}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}header.svelte-12qhfyh{background:#036;color:#fff;display:flex;align-items:center;gap:2rem;padding:0 1.5rem;height:52px}.logo.svelte-12qhfyh{color:#fff;font-weight:700;font-size:1.2rem;text-decoration:none;letter-spacing:.5px}nav.svelte-12qhfyh{display:flex;gap:.25rem;flex:1}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#ffffffbf;text-decoration:none;font-size:.9rem;padding:.4rem .75rem;border-radius:4px;transition:background .15s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#ffffff26;color:#fff}.login.svelte-12qhfyh{color:#ffffffd9;font-size:.875rem;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.3rem .75rem;border-radius:4px}.login.svelte-12qhfyh:hover{background:#ffffff1a;color:#fff}main.svelte-12qhfyh{flex:1;padding:2rem 1.5rem;max-width:900px;width:100%;margin:0 auto}