*{margin:0;padding:0;box-sizing:border-box}body{background:#f0e8da;color:#2a2520;font-family:Playfair Display,Georgia,serif;overflow-x:hidden}::selection{background:#d4a053;color:#f0e8da}.page.svelte-1uha8ag{min-height:100vh;position:relative;display:flex;flex-direction:column}.grain.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:100%;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}header.svelte-1uha8ag{padding:4rem 4rem 2rem;max-width:800px;margin:0 auto;width:100%}.header-top.svelte-1uha8ag{display:flex;justify-content:space-between;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.22,1,.36,1)}.loaded.svelte-1uha8ag .header-top:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.title.svelte-1uha8ag{display:flex;flex-direction:column;line-height:.9;margin-bottom:1.5rem}.title-line.svelte-1uha8ag{display:block;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.22,1,.36,1)}.loaded.svelte-1uha8ag .title-line-1:where(.svelte-1uha8ag){opacity:1;transform:translateY(0);transition-delay:.1s}.loaded.svelte-1uha8ag .title-line-2:where(.svelte-1uha8ag){opacity:1;transform:translateY(0);transition-delay:.25s}.title-line-1.svelte-1uha8ag{font-size:clamp(3rem,10vw,7rem);font-weight:400;font-style:italic;color:#8a7e6e}.title-line-2.svelte-1uha8ag{font-size:clamp(4.5rem,14vw,11rem);font-weight:900;letter-spacing:-.03em;color:#2a2520}.subtitle.svelte-1uha8ag{font-size:clamp(.95rem,2vw,1.2rem);font-style:italic;color:#8a7e6e;max-width:450px;line-height:1.6;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.22,1,.36,1) .4s}.loaded.svelte-1uha8ag .subtitle:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.header-rule.svelte-1uha8ag{width:100%;height:1px;background:linear-gradient(90deg,#d4a053,transparent);margin:1.5rem 0 0;opacity:0;transform:scaleX(0);transform-origin:left;transition:all 1s cubic-bezier(.22,1,.36,1) .5s}.loaded.svelte-1uha8ag .header-rule:where(.svelte-1uha8ag){opacity:1;transform:scaleX(1)}.mono-small.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:#6a6055}main.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;max-width:800px;margin:0 auto;width:100%;gap:3rem}.bpm-section.svelte-1uha8ag{display:flex;align-items:center;gap:2rem}.bpm-display.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.25rem}.bpm-number.svelte-1uha8ag{font-size:clamp(4rem,12vw,8rem);font-weight:900;line-height:1;letter-spacing:-.03em;color:#2a2520}.bpm-adjust.svelte-1uha8ag{width:48px;height:48px;border:1px solid #d5cec4;background:none;color:#6a6055;font-size:1.5rem;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.bpm-adjust.svelte-1uha8ag:hover{border-color:#d4a053;color:#d4a053}.bpm-adjust.svelte-1uha8ag:active{background:#d4a05314}.beat-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem;width:100%;max-width:600px}.beat-cell.svelte-1uha8ag{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #d5cec4;transition:all .08s}.beat-cell.active.svelte-1uha8ag{background:#2a2520;border-color:#2a2520}.beat-cell.accent.svelte-1uha8ag{background:#d4a053;border-color:#d4a053}.beat-number.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-size:clamp(1rem,3vw,1.8rem);font-weight:500;color:#8a7e6e;transition:color .08s}.beat-cell.active.svelte-1uha8ag .beat-number:where(.svelte-1uha8ag){color:#f0e8da}.beat-cell.accent.svelte-1uha8ag .beat-number:where(.svelte-1uha8ag){color:#f0e8da}.controls.svelte-1uha8ag{display:flex;gap:1.5rem}.btn-play.svelte-1uha8ag,.btn-tap.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;padding:1.2rem 3rem;cursor:pointer;transition:all .3s}.btn-play.svelte-1uha8ag{background:#2a2520;color:#f0e8da;border:1px solid #2a2520}.btn-play.svelte-1uha8ag:hover{background:#4a4540;border-color:#4a4540}.btn-tap.svelte-1uha8ag{background:none;color:#d4a053;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{padding:3rem 4rem 4rem;max-width:800px;margin:0 auto;width:100%}.footer-rule.svelte-1uha8ag{width:100%;height:1px;background:linear-gradient(90deg,transparent,#d5cec4,transparent);margin-bottom:1.5rem}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){text-align:center}@media(max-width:600px){header.svelte-1uha8ag{padding:3rem 1.5rem 1.5rem}main.svelte-1uha8ag{padding:2rem 1.5rem;gap:2.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{width:100%;text-align:center}footer.svelte-1uha8ag{padding:2rem 1.5rem 3rem}}