@font-face{font-family:Ancizar Sans;src:url(./AncizarSansRegular-rvLp7.DSheC34P.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ancizar Sans;src:url(./AncizarSansSemibold-MAgwY.B_2Pcs3x.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Ancizar Sans;src:url(./AncizarSansBold-7OJKV.DrTDbiNJ.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#050507;--color-surface:#101015;--color-text:#f4f3fa;--color-muted:#aaa8bb;--color-accent:#a88aff;--color-secondary:#45e5ef;--color-kick:#fd369b;--color-drum:#a88aff;--color-clap:#00e1fd;--color-hat:#42f399;--color-bass:#884cfc;--color-clear:transparent;--color-panel-border:#232447;--color-panel-surface:#071321;--color-action:#de01fe;--color-panel-text:#b7b0e4;--color-beat-inactive:#5d1596;--font-family:"Ancizar Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-small:clamp(.75rem, 1.3vmin, 1rem);--font-body:clamp(.875rem, 1.8vmin, 1.25rem);--font-heading:clamp(1.25rem, 3.5vmin, 2.75rem);--font-pad:clamp(1.25rem, 4vmin, 3.5rem);--font-control:clamp(.85rem, 1.9vmin, 1rem);--font-compact:clamp(.7rem, 1.45vmin, .8rem);--font-caption:clamp(.6rem, 1.2vmin, .7rem);--weight-normal:400;--weight-strong:600;--weight-bold:700;--line-height-body:1.4;--line-height-heading:1.15;--line-height-tempo:.95;--line-height-tight:1;--circle-radius:50%;--viewport-full:100dvh;--space-xs:clamp(.25rem, .6vmin, .5rem);--space-sm:clamp(.5rem, 1.2vmin, 1rem);--space-md:clamp(.75rem, 2vmin, 1.75rem);--space-lg:clamp(1rem, 3vmin, 3rem);--radius:1rem;--radius-control:clamp(.65rem, 1.8vmin, 1rem);--border:1px;--focus-ring:2px;--touch-target:48px;--icon-size:1.5rem;--content-width:100rem;--portrait-width:48rem;--neon-shadow:0 0 .7rem;--visually-hidden-size:1px;--visually-hidden-offset:-1px;--visually-hidden-clip:inset(50%);--dialog-width:min(var(--portrait-width), calc(100% - var(--space-lg) * 2));--dialog-max-height:calc(100dvh - var(--space-lg) * 2);--dialog-backdrop:color-mix(in srgb, var(--color-background) 80%, var(--color-clear));--disabled-opacity:.35;--muted-opacity:.5;--transition-duration:.12s;--area-color:var(--color-accent);--panel-background:radial-gradient(ellipse at center, var(--color-background) 25%, var(--color-panel-surface));--selected-background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-action) 23%, var(--color-background)), var(--color-background));--selected-shadow:inset 0 0 .5rem color-mix(in srgb, var(--color-action) 28%, transparent), 0 0 .45rem color-mix(in srgb, var(--color-action) 28%, transparent);--panel-raised-background:radial-gradient(ellipse at top, var(--color-panel-surface), var(--color-background) 75%)}.area{--area-background:radial-gradient(ellipse at center, var(--color-clear), color-mix(in srgb, var(--area-color) 18%, var(--color-clear)))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body);line-height:var(--line-height-body);overscroll-behavior:none}#app{display:contents}h1,h2,p{margin:0}h1{font-size:var(--font-heading);font-weight:var(--weight-strong);line-height:var(--line-height-heading)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:var(--color-clear);touch-action:manipulation}:focus-visible{outline:var(--focus-ring) solid var(--color-secondary);outline-offset:var(--space-xs)}.app-shell.svelte-12qhfyh{height:100%;height:var(--viewport-full);gap:var(--space-md);padding:max(var(--space-sm), env(safe-area-inset-top,0px)) max(var(--space-md), env(safe-area-inset-right,0px)) max(var(--space-sm), env(safe-area-inset-bottom,0px)) max(var(--space-md), env(safe-area-inset-left,0px));max-width:var(--content-width);grid-template-rows:auto minmax(0,1fr);margin-inline:auto;display:grid}.beat-shell.svelte-12qhfyh{padding:max(var(--space-xs), env(safe-area-inset-top,0px)) max(var(--space-sm), env(safe-area-inset-right,0px)) max(var(--space-xs), env(safe-area-inset-bottom,0px)) max(var(--space-sm), env(safe-area-inset-left,0px));grid-template-rows:minmax(0,1fr);gap:0}.beat-shell.svelte-12qhfyh main:where(.svelte-12qhfyh){touch-action:pan-x pan-y}.app-header.svelte-12qhfyh{grid-template-columns:var(--touch-target) minmax(0, 1fr) var(--touch-target);align-items:center;gap:var(--space-sm);display:grid}.brand.svelte-12qhfyh{font-weight:var(--weight-strong);text-align:center}.icon-button.svelte-12qhfyh{width:var(--touch-target);height:var(--touch-target);padding:var(--space-sm);background:var(--color-clear);border:var(--border) solid var(--color-clear);border-radius:var(--radius);cursor:pointer;place-items:center;display:grid}.caption.svelte-12qhfyh{font-size:var(--font-small);color:var(--color-muted)}.gradient-text.svelte-12qhfyh{color:var(--color-accent);background:linear-gradient(to right, var(--color-accent), var(--color-secondary));-webkit-text-fill-color:var(--color-clear);-webkit-background-clip:text;background-clip:text}main.svelte-12qhfyh{touch-action:pan-y pinch-zoom;min-width:0;min-height:0}@media (orientation:landscape) and (height<=540px){:where(.app-shell.svelte-12qhfyh:not(.beat-shell)){gap:var(--space-sm)}}@media (hover:hover){.icon-button.svelte-12qhfyh:hover{background:var(--color-surface)}}@media (forced-colors:active){.gradient-text.svelte-12qhfyh{-webkit-text-fill-color:currentColor;background:0 0}}