.home.svelte-1uha8ag{max-width:1240px;margin:0 auto;padding:clamp(18px,4vh,44px) var(--gutter) 40px}.hello.svelte-1uha8ag{margin-bottom:clamp(18px,3vh,30px);animation:svelte-1uha8ag-rise .5s var(--ease-out)}.hello.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(38px,6.5vw,72px);font-weight:600;margin:6px 0 8px}.bento.svelte-1uha8ag{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}.card.svelte-1uha8ag{padding:clamp(18px,2.2vw,26px);display:grid;align-content:start;gap:10px;overflow:hidden;animation:svelte-1uha8ag-rise .55s var(--ease-out) both}a.card.svelte-1uha8ag{transition:transform .25s var(--ease-out),box-shadow .25s}@media(hover:hover){a.card.svelte-1uha8ag:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}.small.svelte-1uha8ag{font-size:14px}.go.svelte-1uha8ag{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);transition:transform .25s var(--ease-spring)}a.card.svelte-1uha8ag:hover .go:where(.svelte-1uha8ag){transform:translate(4px) rotate(-8deg)}.hero.svelte-1uha8ag{grid-column:span 8;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt art" "cta art";align-items:end;min-height:250px;background:radial-gradient(500px 260px at 100% 0%,var(--accent-soft),transparent 70%),var(--card)}.hero-txt.svelte-1uha8ag{grid-area:txt;display:grid;gap:10px;align-self:start}.hero.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:clamp(28px,3.4vw,40px)}.chips.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:8px}.chip.svelte-1uha8ag{padding:6px 16px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:clamp(22px,2.6vw,30px);font-weight:600;animation:svelte-1uha8ag-rise .5s var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms + .15s)}.meta.svelte-1uha8ag{font-size:15px}.hero-cta.svelte-1uha8ag{grid-area:cta;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero-art.svelte-1uha8ag{grid-area:art;width:clamp(110px,14vw,170px);opacity:.9;transform:rotate(6deg);align-self:center}.streak.svelte-1uha8ag{grid-column:span 4;align-content:space-between}.streak-top.svelte-1uha8ag{display:flex;align-items:center;gap:14px}.flame.svelte-1uha8ag{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--sunken);color:var(--ink-3)}.flame.lit.svelte-1uha8ag{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -8px var(--accent)}.big.svelte-1uha8ag{font-size:46px;font-weight:700;line-height:1}.big.svelte-1uha8ag small:where(.svelte-1uha8ag){margin-left:6px;font-size:20px;font-weight:500;color:var(--ink-2)}.week.svelte-1uha8ag{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week.svelte-1uha8ag li:where(.svelte-1uha8ag){display:grid;justify-items:center;gap:4px}.week.svelte-1uha8ag .dot:where(.svelte-1uha8ag){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sunken);color:var(--on-accent)}.week.svelte-1uha8ag .done:where(.svelte-1uha8ag) .dot:where(.svelte-1uha8ag){background:var(--green);color:#fff}.week.svelte-1uha8ag .today:where(.svelte-1uha8ag) .dot:where(.svelte-1uha8ag){box-shadow:0 0 0 2px var(--accent)}.week.svelte-1uha8ag .future:where(.svelte-1uha8ag) .dot:where(.svelte-1uha8ag){opacity:.4}.wl.svelte-1uha8ag{font-size:11px;font-weight:600;color:var(--ink-3)}.today.svelte-1uha8ag .wl:where(.svelte-1uha8ag){color:var(--accent)}.weak.svelte-1uha8ag{grid-column:span 4}.pair.svelte-1uha8ag{font-size:clamp(38px,4vw,52px);font-weight:600;display:flex;align-items:baseline;gap:10px}.pair.svelte-1uha8ag i:where(.svelte-1uha8ag){font-style:normal;font-size:.6em;color:var(--accent)}.weak.svelte-1uha8ag .btn:where(.svelte-1uha8ag){justify-self:start}.tune.svelte-1uha8ag{grid-column:span 4;background:linear-gradient(135deg,var(--meter-face),var(--meter-face-2));color:var(--meter-ink)}.tune.svelte-1uha8ag .label:where(.svelte-1uha8ag),.tune.svelte-1uha8ag .muted:where(.svelte-1uha8ag){color:#2a211aa6}.tune-row.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center}.tune-notes.svelte-1uha8ag{display:flex;gap:10px;font-size:clamp(26px,3vw,34px);font-weight:600}.tune.svelte-1uha8ag .go:where(.svelte-1uha8ag){background:var(--meter-ink);color:var(--meter-face)}.stats.svelte-1uha8ag{grid-column:span 4;grid-template-columns:repeat(3,1fr);align-content:center;gap:8px}.stats.svelte-1uha8ag div:where(.svelte-1uha8ag){display:grid;gap:4px}.stats.svelte-1uha8ag b:where(.svelte-1uha8ag){font-size:clamp(30px,3.2vw,40px);font-weight:600;line-height:1}.stats.svelte-1uha8ag .label:where(.svelte-1uha8ag){font-size:10px;letter-spacing:.1em}.chords.svelte-1uha8ag{grid-column:span 8}.chords-head.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center}.grid.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:8px}.cchip.svelte-1uha8ag{min-width:52px;padding:8px 12px;text-align:center;border-radius:var(--r-xs);font-family:var(--font-display);font-size:19px;font-weight:600;background:var(--tier-soft);color:var(--ink);border:1.5px solid var(--tier)}.cchip.tier-new.svelte-1uha8ag{border-color:var(--line-2);color:var(--ink-2);background:transparent}.legend.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-2)}.legend.svelte-1uha8ag span:where(.svelte-1uha8ag){display:inline-flex;align-items:center;gap:6px}.legend.svelte-1uha8ag i:where(.svelte-1uha8ag){width:9px;height:9px;border-radius:50%;background:var(--tier)}.quiz.svelte-1uha8ag{grid-column:span 4;position:relative}.quiz.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:26px;padding-right:48px}.quiz.svelte-1uha8ag .go:where(.svelte-1uha8ag){position:absolute;top:clamp(18px,2.2vw,26px);right:clamp(18px,2.2vw,26px)}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2){animation-delay:60ms}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(3){animation-delay:.12s}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4){animation-delay:.16s}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(5){animation-delay:.2s}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(6){animation-delay:.24s}.bento.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(7){animation-delay:.28s}@keyframes svelte-1uha8ag-rise{0%{opacity:0;transform:translateY(14px)}}@media(max-width:1100px){.hero.svelte-1uha8ag{grid-column:span 12}.streak.svelte-1uha8ag,.weak.svelte-1uha8ag,.tune.svelte-1uha8ag{grid-column:span 4}.stats.svelte-1uha8ag{grid-column:span 12}.chords.svelte-1uha8ag{grid-column:span 8}}@media(max-width:820px){.bento.svelte-1uha8ag>:where(.svelte-1uha8ag){grid-column:span 12!important}.streak.svelte-1uha8ag,.weak.svelte-1uha8ag{grid-column:span 6!important}.hero.svelte-1uha8ag{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "cta";min-height:0}.hero-art.svelte-1uha8ag{position:absolute;right:-14px;top:18px;width:110px;opacity:.18}}@media(max-width:560px){.streak.svelte-1uha8ag,.weak.svelte-1uha8ag{grid-column:span 12!important}.hero-cta.svelte-1uha8ag .btn-lg:where(.svelte-1uha8ag){flex:1}}
