*{box-sizing:border-box;margin:0;padding:0}body{color:#2d2b55;background-color:#f0f0ff;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");min-height:100vh;font-family:Fredoka,sans-serif}nav.svelte-12qhfyh{color:#fff;z-index:100;background:#6c5ce7;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 15px #6c5ce74d}.nav-logo.svelte-12qhfyh{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-links.svelte-12qhfyh{gap:1rem;display:flex}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#fff;border-radius:20px;padding:.4rem .8rem;font-weight:500;text-decoration:none;transition:background .2s}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#fff3}.nav-reset-btn.svelte-12qhfyh{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:.4rem .8rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;transition:background .2s}.nav-reset-btn.svelte-12qhfyh:hover{background:#fff3}main.svelte-12qhfyh{max-width:900px;margin:0 auto;padding:1.5rem 1rem}@media (width>=768px){main.svelte-12qhfyh{padding:2rem}}