.practice-map.svelte-1m4h20{display:grid;gap:18px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent 46%),var(--surface)}.practice-map__header.svelte-1m4h20{display:grid;gap:8px}.practice-map__header.svelte-1m4h20 h2:where(.svelte-1m4h20),.practice-map__header.svelte-1m4h20 p:where(.svelte-1m4h20),.practice-map__drills.svelte-1m4h20 h3:where(.svelte-1m4h20),.practice-map__drills.svelte-1m4h20 p:where(.svelte-1m4h20),.practice-map__next.svelte-1m4h20{margin:0}.practice-map__kicker.svelte-1m4h20,.practice-map__bars.svelte-1m4h20{font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.practice-map__facts.svelte-1m4h20{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.practice-map__facts.svelte-1m4h20 div:where(.svelte-1m4h20){display:grid;gap:5px;padding:14px;background:var(--surface)}.practice-map__facts.svelte-1m4h20 dt:where(.svelte-1m4h20){font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-soft)}.practice-map__facts.svelte-1m4h20 dd:where(.svelte-1m4h20){margin:0;line-height:1.5;color:var(--text-strong)}.practice-map__slide.svelte-1m4h20{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:12px;align-items:start;padding:14px;border-left:3px solid var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--surface));line-height:1.6}.practice-map__drills.svelte-1m4h20{display:grid;gap:12px}.practice-map__drills.svelte-1m4h20 h3:where(.svelte-1m4h20){font-family:var(--font-sans);font-size:1.08rem;color:var(--text-strong)}.practice-map__drills.svelte-1m4h20 ol:where(.svelte-1m4h20){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.practice-map__drills.svelte-1m4h20 li:where(.svelte-1m4h20){display:grid;gap:6px;padding:14px;border:1px solid var(--line);background:var(--surface)}.practice-map__links.svelte-1m4h20{display:flex;flex-wrap:wrap;gap:8px}.practice-map__links.svelte-1m4h20 a:where(.svelte-1m4h20){display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border:1px solid var(--line);background:var(--surface);color:var(--text-strong);font-weight:700;text-decoration:none}.practice-map__links.svelte-1m4h20 a:where(.svelte-1m4h20):hover{border-color:var(--brand);color:var(--brand)}.practice-map__next.svelte-1m4h20{padding-top:2px}@media(max-width:680px){.practice-map__facts.svelte-1m4h20,.practice-map__drills.svelte-1m4h20 ol:where(.svelte-1m4h20){grid-template-columns:1fr}.practice-map__slide.svelte-1m4h20{grid-template-columns:1fr;gap:4px}}.lesson-tool.svelte-o49kg7{display:grid;gap:16px;min-width:0;padding-top:clamp(22px,3vw,34px);border-top:1px solid var(--line)}.lesson-tool__header.svelte-o49kg7{display:grid;gap:7px}.lesson-tool__header.svelte-o49kg7 h4:where(.svelte-o49kg7),.lesson-tool__header.svelte-o49kg7 p:where(.svelte-o49kg7),.lesson-tool__fallback.svelte-o49kg7 p:where(.svelte-o49kg7),.lesson-tool__placeholder.svelte-o49kg7 p:where(.svelte-o49kg7){margin:0}.lesson-tool__header.svelte-o49kg7 h4:where(.svelte-o49kg7){font-family:var(--font-display);font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:650;line-height:1.18;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.lesson-tool__header.svelte-o49kg7 p:where(.svelte-o49kg7){max-width:70ch;line-height:1.65;color:var(--text-soft)}.lesson-tool__body.svelte-o49kg7{min-width:0}.lesson-tool__placeholder.svelte-o49kg7{position:relative;display:grid;grid-template-rows:repeat(5,1fr);gap:18px;min-height:320px;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.lesson-tool--quiz.svelte-o49kg7 .lesson-tool__placeholder:where(.svelte-o49kg7){min-height:390px}.lesson-tool__placeholder.svelte-o49kg7:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 24%,color-mix(in srgb,white 72%,transparent) 48%,transparent 72%);transform:translate(-100%);animation:svelte-o49kg7-lesson-tool-loading 1.5s ease-in-out infinite;content:""}.lesson-tool__placeholder.svelte-o49kg7 span:where(.svelte-o49kg7){display:block;height:1px;background:var(--line)}.lesson-tool__placeholder.svelte-o49kg7 p:where(.svelte-o49kg7){position:absolute;right:18px;bottom:14px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-soft)}.lesson-tool__fallback.svelte-o49kg7{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:120px;padding:20px;border:1px solid var(--line);background:var(--soft)}.lesson-tool__fallback.svelte-o49kg7 button:where(.svelte-o49kg7){min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--color-text-on-accent);font:inherit;font-weight:700;cursor:pointer}.lesson-tool__fallback.svelte-o49kg7 button:where(.svelte-o49kg7):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 32%,transparent);outline-offset:2px}@keyframes svelte-o49kg7-lesson-tool-loading{to{transform:translate(100%)}}@media(max-width:640px){.lesson-tool.svelte-o49kg7{gap:12px;padding-top:22px}.lesson-tool__placeholder.svelte-o49kg7,.lesson-tool--quiz.svelte-o49kg7 .lesson-tool__placeholder:where(.svelte-o49kg7){min-height:280px;padding:28px 18px}.lesson-tool__fallback.svelte-o49kg7{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.lesson-tool__placeholder.svelte-o49kg7:after{animation:none}}.song-lesson.svelte-1cg8ufk{display:grid;gap:clamp(32px,4vw,56px);color:var(--text)}.song-lesson.svelte-1cg8ufk :is(h2:where(.svelte-1cg8ufk),h3:where(.svelte-1cg8ufk)){margin:0;font-family:var(--font-display);color:var(--ink);text-wrap:balance}.song-lesson.svelte-1cg8ufk p:where(.svelte-1cg8ufk),.song-lesson.svelte-1cg8ufk li:where(.svelte-1cg8ufk){margin:0;line-height:1.68;color:var(--text)}.tip-grid.svelte-1cg8ufk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));border-block:1px solid var(--line)}.tip-panel.svelte-1cg8ufk,.mistakes-panel.svelte-1cg8ufk,.context-panel.svelte-1cg8ufk{display:grid;align-content:start;gap:14px}.tip-panel.svelte-1cg8ufk{padding:clamp(24px,3vw,34px) clamp(22px,3vw,36px) clamp(26px,3vw,36px) 0}.tip-panel.svelte-1cg8ufk+.tip-panel:where(.svelte-1cg8ufk){padding-right:0;padding-left:clamp(22px,3vw,36px);border-left:1px solid var(--line)}.tip-panel.svelte-1cg8ufk h2:where(.svelte-1cg8ufk),.mistakes-panel.svelte-1cg8ufk h2:where(.svelte-1cg8ufk),.context-panel.svelte-1cg8ufk h2:where(.svelte-1cg8ufk){font-size:clamp(1.3rem,2vw,1.72rem);font-weight:650;line-height:1.08;letter-spacing:-.035em}.lesson-list.svelte-1cg8ufk{display:grid;gap:0;margin:0;padding:0;list-style:none}.lesson-list.svelte-1cg8ufk li:where(.svelte-1cg8ufk){position:relative;padding:9px 0 9px 18px;border-top:1px solid var(--line)}.lesson-list.svelte-1cg8ufk li:where(.svelte-1cg8ufk):before{position:absolute;top:1.17rem;left:0;width:6px;height:6px;border-radius:50%;background:var(--brand);content:""}.practice-path.svelte-1cg8ufk{display:grid;gap:clamp(24px,4vw,40px)}.practice-path-header.svelte-1cg8ufk{display:flex;gap:20px;align-items:end;justify-content:space-between}.practice-path-header.svelte-1cg8ufk h2:where(.svelte-1cg8ufk){font-size:clamp(1.75rem,3vw,2.55rem);font-weight:650;line-height:1;letter-spacing:-.035em}.chapter-layout.svelte-1cg8ufk{display:grid;grid-template-columns:minmax(132px,168px) minmax(0,1fr);gap:clamp(24px,3vw,42px);align-items:start;min-width:0}.chapter-rail.svelte-1cg8ufk{--rail-practiced: #52cbbb;--rail-bronze: #c9793f;--rail-silver: #96a5b1;--rail-gold: #c89c05;position:sticky;top:calc(var(--page-header-clearance, 47px) + 18px);min-width:0}.chapter-rail__inner.svelte-1cg8ufk{display:grid;gap:12px;max-height:calc(100vh - var(--page-header-clearance, 47px) - 36px);padding-right:14px;border-right:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chapter-rail__label.svelte-1cg8ufk{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)!important}.chapter-rail.svelte-1cg8ufk ol:where(.svelte-1cg8ufk){display:grid;margin:0;padding:0;list-style:none}.chapter-rail.svelte-1cg8ufk li:where(.svelte-1cg8ufk){min-width:0}.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk){display:grid;grid-template-columns:26px minmax(0,1fr) 9px;gap:7px;align-items:center;min-height:44px;padding:8px 7px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);color:var(--text-soft);text-decoration:none;transition:background-color .15s ease,color .15s ease}.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk):hover,.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk):focus-visible,.chapter-rail.svelte-1cg8ufk a.active:where(.svelte-1cg8ufk){background:var(--soft);color:var(--ink);text-decoration:none}.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:-3px}.chapter-rail__index.svelte-1cg8ufk{font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-faint)}.chapter-rail__title.svelte-1cg8ufk{min-width:0;font-size:.78rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.chapter-rail__status.svelte-1cg8ufk{display:block;width:8px;height:8px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface)}.chapter-rail.svelte-1cg8ufk .tone-warmup:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk),.chapter-rail.svelte-1cg8ufk .tone-practiced:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk){border-color:var(--brand-dark);background:var(--rail-practiced)}.chapter-rail.svelte-1cg8ufk .tone-bronze:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk){border-color:color-mix(in srgb,var(--rail-bronze) 78%,black);background:var(--rail-bronze)}.chapter-rail.svelte-1cg8ufk .tone-silver:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk){border-color:color-mix(in srgb,var(--rail-silver) 78%,black);background:var(--rail-silver)}.chapter-rail.svelte-1cg8ufk .tone-gold:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk){border-color:color-mix(in srgb,var(--rail-gold) 78%,black);background:var(--rail-gold)}.chapter-rail.svelte-1cg8ufk .tone-locked:where(.svelte-1cg8ufk) .chapter-rail__status:where(.svelte-1cg8ufk){border-radius:2px;background:var(--line)}.module-list.svelte-1cg8ufk{min-width:0;border-top:1px solid var(--line)}.module-summary.svelte-1cg8ufk{position:relative;display:grid;gap:clamp(24px,4vw,38px);min-width:0;padding:clamp(34px,5vw,64px) 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--page-header-clearance, 47px) + 28px)}.module-summary-main.svelte-1cg8ufk,.module-summary--locked.svelte-1cg8ufk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,52px);align-items:start}.module-summary-copy.svelte-1cg8ufk{display:grid;gap:10px;max-width:70ch}.module-summary-copy.svelte-1cg8ufk h3:where(.svelte-1cg8ufk){font-size:clamp(1.35rem,2.1vw,1.8rem);font-weight:650;line-height:1.12;letter-spacing:-.03em}.module-summary-copy.svelte-1cg8ufk>p:where(.svelte-1cg8ufk){color:var(--text-soft)}.module-tasks.svelte-1cg8ufk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;margin:5px 0 0;padding:0;list-style:none}.module-tasks.svelte-1cg8ufk li:where(.svelte-1cg8ufk){position:relative;padding-left:15px;font-size:.92rem;color:var(--text-soft)}.module-tasks.svelte-1cg8ufk li:where(.svelte-1cg8ufk):before{position:absolute;top:.7em;left:0;width:5px;height:5px;border-radius:50%;background:var(--brand);content:""}.module-summary-status.svelte-1cg8ufk{display:grid;gap:2px;min-width:82px;text-align:right}.module-summary-status.svelte-1cg8ufk span:where(.svelte-1cg8ufk),.locked-label.svelte-1cg8ufk,.ready-kicker.svelte-1cg8ufk,.preview-lockup-kicker.svelte-1cg8ufk{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.module-summary-status.svelte-1cg8ufk strong:where(.svelte-1cg8ufk){font-size:1.45rem;line-height:1;color:var(--ink)}.module-tools.svelte-1cg8ufk{display:grid;gap:clamp(30px,5vw,52px);min-width:0}.module-summary--locked.svelte-1cg8ufk{padding-inline:clamp(16px,2.5vw,24px);background:color-mix(in srgb,var(--soft) 72%,transparent)}.module-summary--locked.svelte-1cg8ufk .module-summary-copy:where(.svelte-1cg8ufk){padding-left:0}.locked-label.svelte-1cg8ufk{align-self:start;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--brand-dark)}.preview-lockup.svelte-1cg8ufk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:clamp(26px,5vw,48px);border-radius:var(--radius);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft-bg) 72%,var(--surface)));box-shadow:var(--shadow-lg);overflow:hidden}.preview-lockup.svelte-1cg8ufk:before{position:absolute;top:0;left:clamp(26px,5vw,48px);width:54px;height:1px;background:var(--brand);content:""}.preview-lockup-copy.svelte-1cg8ufk,.ready-panel.svelte-1cg8ufk>div:where(.svelte-1cg8ufk){display:grid;gap:12px}.preview-lockup.svelte-1cg8ufk h2:where(.svelte-1cg8ufk),.preview-lockup.svelte-1cg8ufk p:where(.svelte-1cg8ufk){margin:0}.preview-lockup-kicker.svelte-1cg8ufk{color:var(--brand-dark)!important}.preview-lockup.svelte-1cg8ufk h2:where(.svelte-1cg8ufk){font-size:clamp(1.9rem,4vw,3.3rem);font-weight:650;letter-spacing:-.055em;line-height:.98}.preview-lockup-summary.svelte-1cg8ufk{font-size:1.02rem;font-weight:700;color:var(--ink)}.preview-lockup-button.svelte-1cg8ufk,.full-practice-link.svelte-1cg8ufk{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:var(--radius);font-size:.94rem;font-weight:700;text-align:center}.preview-lockup-button.svelte-1cg8ufk{background:var(--ink);color:var(--color-text-on-accent)}.mistakes-panel.svelte-1cg8ufk,.context-panel.svelte-1cg8ufk{padding:clamp(22px,3vw,32px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ready-panel.svelte-1cg8ufk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:clamp(28px,5vw,48px);border-radius:var(--radius);background:var(--ink);box-shadow:var(--shadow-lg)}.ready-panel.svelte-1cg8ufk h2:where(.svelte-1cg8ufk),.ready-panel.svelte-1cg8ufk p:where(.svelte-1cg8ufk){color:var(--surface)}.ready-panel.svelte-1cg8ufk h2:where(.svelte-1cg8ufk){font-size:clamp(2rem,4vw,3.5rem);font-weight:630;line-height:.98;letter-spacing:-.055em}.ready-panel.svelte-1cg8ufk p:where(.svelte-1cg8ufk):not(.ready-kicker){max-width:58ch;color:color-mix(in srgb,var(--surface) 72%,transparent)}.ready-kicker.svelte-1cg8ufk{color:color-mix(in srgb,var(--brand-soft-bg) 90%,white)!important}.full-practice-link.svelte-1cg8ufk{background:var(--surface);color:var(--ink)!important;white-space:nowrap}.context-panel.svelte-1cg8ufk a:where(.svelte-1cg8ufk){justify-self:start}.song-lesson code{padding:.14em .38em;border-radius:var(--radius);background:var(--brand-soft-bg);color:var(--brand-dark);font-family:var(--font-mono);font-size:.95em}.song-lesson.svelte-1cg8ufk a:where(.svelte-1cg8ufk){color:var(--brand-dark);font-weight:700;text-decoration:none;text-underline-offset:4px}.song-lesson.svelte-1cg8ufk a:where(.svelte-1cg8ufk):hover,.song-lesson.svelte-1cg8ufk a:where(.svelte-1cg8ufk):focus-visible{text-decoration:underline}.song-lesson a.preview-lockup-button{background:var(--ink);color:var(--color-text-on-accent)}.song-lesson a.preview-lockup-button:hover,.song-lesson a.preview-lockup-button:focus-visible{background:var(--brand-dark);color:var(--color-text-on-accent);text-decoration:none}.song-lesson a.full-practice-link:hover,.song-lesson a.full-practice-link:focus-visible{background:var(--brand-soft-bg);color:var(--ink);text-decoration:none}@media(max-width:1180px){.chapter-layout.svelte-1cg8ufk{grid-template-columns:1fr;gap:24px}.chapter-rail.svelte-1cg8ufk{top:var(--page-header-clearance, 47px);z-index:12;min-width:0;background:color-mix(in srgb,var(--page-bg) 94%,transparent);box-shadow:0 12px 22px -22px color-mix(in srgb,var(--ink) 42%,transparent)}.chapter-rail__inner.svelte-1cg8ufk{display:block;max-height:none;padding:0;border-block:1px solid var(--line);border-right:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.chapter-rail__label.svelte-1cg8ufk{display:none}.chapter-rail.svelte-1cg8ufk ol:where(.svelte-1cg8ufk){display:flex;width:max-content;min-width:100%}.chapter-rail.svelte-1cg8ufk li:where(.svelte-1cg8ufk){flex:1 0 142px}.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk){grid-template-columns:26px minmax(72px,1fr) 9px;min-height:50px;border-top:0;border-right:1px solid var(--line)}.module-summary.svelte-1cg8ufk{scroll-margin-top:calc(var(--page-header-clearance, 47px) + 72px)}}@media(max-width:760px){.song-lesson.svelte-1cg8ufk{gap:34px}.tip-grid.svelte-1cg8ufk,.preview-lockup.svelte-1cg8ufk,.ready-panel.svelte-1cg8ufk{grid-template-columns:1fr}.tip-panel.svelte-1cg8ufk{padding:24px 0}.tip-panel.svelte-1cg8ufk+.tip-panel:where(.svelte-1cg8ufk){padding:24px 0 0;border-top:1px solid var(--line);border-left:0}.practice-path-header.svelte-1cg8ufk{display:grid;gap:12px;align-items:start}.module-summary-main.svelte-1cg8ufk,.module-summary--locked.svelte-1cg8ufk{grid-template-columns:1fr;gap:14px}.module-tasks.svelte-1cg8ufk{grid-template-columns:1fr}.module-summary-status.svelte-1cg8ufk{display:flex;align-items:baseline;gap:8px;text-align:left}.module-summary--locked.svelte-1cg8ufk .module-summary-copy:where(.svelte-1cg8ufk){padding:0}.locked-label.svelte-1cg8ufk{justify-self:start;margin:0}.preview-lockup-button.svelte-1cg8ufk,.full-practice-link.svelte-1cg8ufk{width:100%;white-space:normal}}@media(max-width:520px){.chapter-rail.svelte-1cg8ufk li:where(.svelte-1cg8ufk){flex-basis:56px}.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk){grid-template-columns:1fr 9px;gap:5px;padding-inline:9px}.chapter-rail__title.svelte-1cg8ufk{display:none}.chapter-rail__index.svelte-1cg8ufk{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.chapter-rail.svelte-1cg8ufk a:where(.svelte-1cg8ufk){transition:none}}.song-lesson-hero.svelte-xga7p5{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(8px,1vw,12px);min-width:0;min-height:0;height:100%}.song-lesson-hero__top.svelte-xga7p5{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:clamp(24px,3vw,48px);align-items:stretch}.song-lesson-hero__lead.svelte-xga7p5{display:grid;align-content:center;gap:10px;min-width:0}.song-lesson-hero__title-group.svelte-xga7p5{display:grid;gap:6px}h1.svelte-xga7p5,p.svelte-xga7p5{margin:0}h1.svelte-xga7p5{font-family:var(--font-display);color:var(--ink);text-wrap:balance}h1.svelte-xga7p5{max-width:16ch;font-size:clamp(2.35rem,4vw,3.75rem);font-weight:650;line-height:.94;letter-spacing:-.04em}.song-lesson-hero__lead.svelte-xga7p5>p:where(.svelte-xga7p5){max-width:63ch;display:-webkit-box;overflow:hidden;font-size:clamp(.92rem,1vw,1rem);line-height:1.5;color:var(--text-soft);text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.song-lesson-hero__progress.svelte-xga7p5{display:grid;align-content:center;gap:10px;min-width:0;padding-left:clamp(22px,2.6vw,34px);border-left:1px solid var(--line)}.song-lesson-hero__resume.svelte-xga7p5{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.song-lesson-hero__resume.svelte-xga7p5>span:where(.svelte-xga7p5){font-size:.92rem;font-weight:650;line-height:1.35;color:var(--ink)}.song-lesson-hero__actions.svelte-xga7p5{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.song-lesson-hero__primary-action.svelte-xga7p5{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius);font-size:.9rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.song-lesson-hero__primary-action.svelte-xga7p5{flex:1 1 148px;border-color:var(--ink);background:var(--ink);color:var(--color-text-on-accent)}.song-lesson-hero__secondary-action.svelte-xga7p5{display:inline-flex;align-items:center;min-height:44px;font-size:.82rem;font-weight:650;line-height:1.25;color:var(--brand-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s ease}.song-lesson-hero__primary-action.svelte-xga7p5:hover,.song-lesson-hero__primary-action.svelte-xga7p5:focus-visible{border-color:var(--brand-dark);background:var(--brand-dark);color:var(--color-text-on-accent)}.song-lesson-hero__secondary-action.svelte-xga7p5:hover,.song-lesson-hero__secondary-action.svelte-xga7p5:focus-visible{color:var(--ink)}.song-lesson-hero__primary-action.svelte-xga7p5:focus-visible,.song-lesson-hero__secondary-action.svelte-xga7p5:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 34%,transparent);outline-offset:3px}.song-lesson-hero__facts.svelte-xga7p5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;border-block:1px solid var(--line)}.song-lesson-hero__facts.svelte-xga7p5>div:where(.svelte-xga7p5){display:grid;gap:3px;min-width:0;padding:8px clamp(12px,1.7vw,20px)}.song-lesson-hero__facts.svelte-xga7p5>div:where(.svelte-xga7p5)+div:where(.svelte-xga7p5){border-left:1px solid var(--line)}.song-lesson-hero__facts.svelte-xga7p5 dt:where(.svelte-xga7p5){font-family:var(--font-mono);font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.song-lesson-hero__facts.svelte-xga7p5 dd:where(.svelte-xga7p5){margin:0;font-size:.9rem;font-weight:650;line-height:1.3;color:var(--ink);text-wrap:pretty}@media(max-width:760px){.song-lesson-hero__top.svelte-xga7p5{grid-template-columns:1fr}.song-lesson-hero__top.svelte-xga7p5{gap:26px}.song-lesson-hero__progress.svelte-xga7p5{padding-top:22px;padding-left:0;border-top:1px solid var(--line);border-left:0}.song-lesson-hero__facts.svelte-xga7p5{grid-template-columns:repeat(2,minmax(0,1fr))}.song-lesson-hero__facts.svelte-xga7p5>div:where(.svelte-xga7p5):nth-child(odd){border-left:0}.song-lesson-hero__facts.svelte-xga7p5>div:where(.svelte-xga7p5):nth-child(n+3){border-top:1px solid var(--line)}.song-lesson-hero__facts.svelte-xga7p5>div:where(.svelte-xga7p5):last-child:nth-child(odd){grid-column:1 / -1}.song-lesson-hero__lead.svelte-xga7p5>p:where(.svelte-xga7p5){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}}@media(prefers-reduced-motion:reduce){.song-lesson-hero__primary-action.svelte-xga7p5,.song-lesson-hero__secondary-action.svelte-xga7p5{transition:none}}.song-detail-page.svelte-lj8l2h{min-height:100dvh;padding:calc(var(--page-header-clearance, 47px) + clamp(48px,8vw,110px)) 0 clamp(72px,10vw,130px);background:var(--page-bg);color:var(--ink)}.song-detail-inner.svelte-lj8l2h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(44px,9vw,132px);align-items:center;width:min(100% - 40px,1180px);margin:0 auto}.song-detail-copy.svelte-lj8l2h{display:grid;justify-items:start}.back-link.svelte-lj8l2h{margin-bottom:clamp(48px,8vw,90px);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);text-decoration:none}.back-link.svelte-lj8l2h:hover,.back-link.svelte-lj8l2h:focus-visible{color:var(--brand-dark)}.detail-kicker.svelte-lj8l2h{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-dark)}h1.svelte-lj8l2h{max-width:12ch;margin:14px 0 0;font-size:clamp(3.2rem,8vw,7rem);font-weight:650;line-height:.9;letter-spacing:-.075em}.detail-meta.svelte-lj8l2h{margin:24px 0 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7;color:var(--text)}.practice-link.svelte-lj8l2h{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:0 22px;border-radius:var(--radius);background:var(--ink);color:var(--color-text-on-accent);font-weight:700;text-decoration:none;box-shadow:var(--shadow-sm)}.practice-link.svelte-lj8l2h:hover,.practice-link.svelte-lj8l2h:focus-visible{background:var(--brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.practice-link.svelte-lj8l2h:active{transform:scale(.985)}.score-preview.svelte-lj8l2h{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:22px;min-height:420px;padding:24px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.score-preview.svelte-lj8l2h:before{position:absolute;top:0;left:24px;width:50px;height:3px;background:var(--brand);content:""}.preview-meta.svelte-lj8l2h{display:flex;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.staff.svelte-lj8l2h{position:relative;border-radius:var(--radius);background:repeating-linear-gradient(to bottom,transparent 0 28px,var(--line) 28px 29px);overflow:hidden}.staff.svelte-lj8l2h i:where(.svelte-lj8l2h){position:absolute;width:18px;height:14px;background:var(--ink);transform:skew(-12deg)}.staff.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(1){top:39%;left:14%}.staff.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(2){top:29%;left:36%}.staff.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(3){top:48%;left:58%;background:var(--brand)}.staff.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(4){top:35%;left:78%}.signal.svelte-lj8l2h{display:flex;align-items:end;gap:5px;height:48px}.signal.svelte-lj8l2h i:where(.svelte-lj8l2h){flex:1;height:35%;border-radius:2px 2px 0 0;background:var(--soft-2)}.signal.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(2),.signal.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(6){height:58%}.signal.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(3),.signal.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(5){height:82%}.signal.svelte-lj8l2h i:where(.svelte-lj8l2h):nth-child(4){height:100%;background:var(--brand)}@media(max-width:780px){.song-detail-inner.svelte-lj8l2h{grid-template-columns:1fr;width:min(100% - 28px,680px)}.back-link.svelte-lj8l2h{margin-bottom:42px}.score-preview.svelte-lj8l2h{min-height:300px}.practice-link.svelte-lj8l2h{width:100%}}@media(prefers-reduced-motion:reduce){.practice-link.svelte-lj8l2h{transition:none}}