canvas.svelte-1e5txib{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;cursor:crosshair}.cell-count.svelte-1e5txib{position:fixed;top:1rem;right:1.25rem;z-index:2;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);opacity:.7;letter-spacing:.03em}.bottom-bar.svelte-1e5txib{position:fixed;bottom:1rem;right:1.25rem;z-index:2;display:flex;align-items:center;gap:1rem}.control-group.svelte-1e5txib{display:flex;align-items:center;gap:.35rem}.hint.svelte-1e5txib{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-secondary);opacity:.5;letter-spacing:.03em;pointer-events:none;text-transform:uppercase}.keys.svelte-1e5txib{display:flex;gap:.15rem}kbd.svelte-1e5txib{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:.1rem .3rem;min-width:1.2em;line-height:1.2;box-shadow:0 1px 0 var(--color-border);opacity:.7}.space-key.svelte-1e5txib{padding:.1rem .5rem}.play-pause.svelte-1e5txib{background:var(--color-text);border:1px solid transparent;border-radius:4px;padding:.2rem .25rem;cursor:pointer;color:var(--color-bg);opacity:.7;transition:opacity .2s,border-color .2s;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1}.play-pause.svelte-1e5txib:hover{opacity:1;border-color:var(--color-text-secondary)}@media(max-width:767px){canvas.svelte-1e5txib,.cell-count.svelte-1e5txib,.bottom-bar.svelte-1e5txib{display:none}}.hero.svelte-1uha8ag{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 8rem);pointer-events:none}.hero-box.svelte-1uha8ag{cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center;background:#f0eeea4d;border:16px solid rgba(229,226,220,.6);border-radius:8px;padding:2.5rem 3rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-name.svelte-1uha8ag{margin-bottom:.5rem}.hero-logo.svelte-1uha8ag{height:1.6rem;width:auto;margin-bottom:.75rem}.hero-tagline.svelte-1uha8ag{font-family:var(--font-sans);font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;pointer-events:auto}.mithryl-link.svelte-1uha8ag{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px;transition:text-decoration-color .2s}.mithryl-link.svelte-1uha8ag svg{display:inline-block;vertical-align:middle;margin-left:2px;opacity:.4;width:.85em;height:.85em}.mithryl-link.svelte-1uha8ag:hover{text-decoration-color:var(--color-text)}.hero-actions.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem;pointer-events:auto}.hero-links.svelte-1uha8ag{display:flex;gap:.5rem;width:100%}.hero-link.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;padding:.5em 1.2em;border:1px solid var(--color-border);border-radius:4px;transition:color .2s,border-color .2s}.hero-link.svelte-1uha8ag svg{flex-shrink:0}.hero-link.svelte-1uha8ag:hover{color:var(--color-text);border-color:var(--color-text)}.hero-link.meet-me.svelte-1uha8ag{width:100%;justify-content:center;font-size:.9rem;padding:.6em 1.2em;color:var(--color-text);border-color:var(--color-text)}.hero-link.meet-me.svelte-1uha8ag:hover{background:var(--color-text);color:var(--color-bg)}.hero-links.svelte-1uha8ag .hero-link:where(.svelte-1uha8ag){flex:1;justify-content:center}.hero-link.linkedin.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.4em;color:#fff;background:#7a8a9e;border-color:#7a8a9e;transition:background .2s,border-color .2s}.hero-link.linkedin.svelte-1uha8ag:hover{color:#fff;background:#5c6d82;border-color:#5c6d82}@media(max-width:767px){.hero.svelte-1uha8ag{min-height:100vh;min-height:100dvh;padding:0 1.5rem}.hero-box.svelte-1uha8ag{background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;width:100%;max-width:20rem}.hero-logo.svelte-1uha8ag{height:1.8rem;margin-bottom:1rem}.hero-tagline.svelte-1uha8ag{font-size:1.05rem;margin-bottom:2rem;pointer-events:auto}.hero-actions.svelte-1uha8ag{width:100%;gap:.75rem}.hero-link.svelte-1uha8ag{padding:.75em 1.2em;font-size:.9rem}.hero-link.meet-me.svelte-1uha8ag{font-size:1rem;padding:.85em 1.2em}.hero-links.svelte-1uha8ag{gap:.75rem}}