*{box-sizing:border-box;margin:0;padding:0}body{color:#2a2520;background:#f0e8da;font-family:Playfair Display,Georgia,serif;overflow-x:hidden}::selection{color:#f0e8da;background:#d4a053}.page.svelte-1uha8ag{flex-direction:column;min-height:100vh;display:flex;position:relative}.grain.svelte-1uha8ag{pointer-events:none;z-index:1000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}header.svelte-1uha8ag{width:100%;max-width:800px;margin:0 auto;padding:4rem 4rem 2rem}.header-top.svelte-1uha8ag{opacity:0;justify-content:space-between;margin-bottom:2rem;transition:all .8s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(20px)}.loaded.svelte-1uha8ag .header-top:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.title.svelte-1uha8ag{flex-direction:column;margin-bottom:1.5rem;line-height:.9;display:flex}.title-line.svelte-1uha8ag{opacity:0;transition:all .9s cubic-bezier(.22,1,.36,1);display:block;transform:translateY(40px)}.loaded.svelte-1uha8ag .title-line-1:where(.svelte-1uha8ag){opacity:1;transition-delay:.1s;transform:translateY(0)}.loaded.svelte-1uha8ag .title-line-2:where(.svelte-1uha8ag){opacity:1;transition-delay:.25s;transform:translateY(0)}.title-line-1.svelte-1uha8ag{color:#8a7e6e;font-size:clamp(3rem,10vw,7rem);font-style:italic;font-weight:400}.title-line-2.svelte-1uha8ag{letter-spacing:-.03em;color:#2a2520;font-size:clamp(4.5rem,14vw,11rem);font-weight:900}.subtitle.svelte-1uha8ag{color:#8a7e6e;opacity:0;max-width:450px;font-size:clamp(.95rem,2vw,1.2rem);font-style:italic;line-height:1.6;transition:all .8s cubic-bezier(.22,1,.36,1) .4s;transform:translateY(20px)}.loaded.svelte-1uha8ag .subtitle:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.header-rule.svelte-1uha8ag{opacity:0;transform-origin:0;background:linear-gradient(90deg,#d4a053,#0000);width:100%;height:1px;margin:1.5rem 0 0;transition:all 1s cubic-bezier(.22,1,.36,1) .5s;transform:scaleX(0)}.loaded.svelte-1uha8ag .header-rule:where(.svelte-1uha8ag){opacity:1;transform:scaleX(1)}.mono-small.svelte-1uha8ag{letter-spacing:.15em;text-transform:uppercase;color:#6a6055;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:300}main.svelte-1uha8ag{flex-direction:column;flex:1;align-items:center;gap:3rem;width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem;display:flex}.bpm-section.svelte-1uha8ag{align-items:center;gap:2rem;display:flex}.bpm-display.svelte-1uha8ag{flex-direction:column;align-items:center;gap:.25rem;display:flex}.bpm-number.svelte-1uha8ag{letter-spacing:-.03em;color:#2a2520;font-size:clamp(4rem,12vw,8rem);font-weight:900;line-height:1}.bpm-adjust.svelte-1uha8ag{color:#6a6055;cursor:pointer;background:0 0;border:1px solid #d5cec4;justify-content:center;align-items:center;width:48px;height:48px;font-family:JetBrains Mono,monospace;font-size:1.5rem;transition:all .2s;display:flex}.bpm-adjust.svelte-1uha8ag:hover{color:#d4a053;border-color:#d4a053}.bpm-adjust.svelte-1uha8ag:active{background:#d4a05314}.beat-grid.svelte-1uha8ag{grid-template-columns:repeat(8,1fr);gap:.75rem;width:100%;max-width:600px;display:grid}.beat-cell.svelte-1uha8ag{aspect-ratio:1;border:1px solid #d5cec4;justify-content:center;align-items:center;transition:all 80ms;display:flex}.beat-cell.active.svelte-1uha8ag{background:#2a2520;border-color:#2a2520}.beat-cell.accent.svelte-1uha8ag{background:#d4a053;border-color:#d4a053}.beat-number.svelte-1uha8ag{color:#8a7e6e;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,3vw,1.8rem);font-weight:500;transition:color 80ms}.beat-cell.active.svelte-1uha8ag .beat-number:where(.svelte-1uha8ag),.beat-cell.accent.svelte-1uha8ag .beat-number:where(.svelte-1uha8ag){color:#f0e8da}.controls.svelte-1uha8ag{gap:1.5rem;display:flex}.btn-play.svelte-1uha8ag,.btn-tap.svelte-1uha8ag{letter-spacing:.25em;text-transform:uppercase;cursor:pointer;padding:1.2rem 3rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:400;transition:all .3s}.btn-play.svelte-1uha8ag{color:#f0e8da;background:#2a2520;border:1px solid #2a2520}.btn-play.svelte-1uha8ag:hover{background:#4a4540;border-color:#4a4540}.btn-tap.svelte-1uha8ag{color:#d4a053;background:0 0;border:1px solid #d4a053}.btn-tap.svelte-1uha8ag:hover{background:#d4a05314;box-shadow:0 0 30px #d4a0531a}.btn-tap.svelte-1uha8ag:active{background:#d4a05326}.hint.svelte-1uha8ag{opacity:.6}footer.svelte-1uha8ag{width:100%;max-width:800px;margin:0 auto;padding:3rem 4rem 4rem}.footer-rule.svelte-1uha8ag{background:linear-gradient(90deg,#0000,#d5cec4,#0000);width:100%;height:1px;margin-bottom:1.5rem}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){text-align:center}@media (width<=600px){header.svelte-1uha8ag{padding:3rem 1.5rem 1.5rem}main.svelte-1uha8ag{gap:2.5rem;padding:2rem 1.5rem}.beat-grid.svelte-1uha8ag{gap:.4rem}.controls.svelte-1uha8ag{flex-direction:column;width:100%;max-width:300px}.btn-play.svelte-1uha8ag,.btn-tap.svelte-1uha8ag{text-align:center;width:100%}footer.svelte-1uha8ag{padding:2rem 1.5rem 3rem}}