:root{--ink:#18231d;--paper:#f4f0e7;--card:#fffdf8;--green:#284c3b;--lime:#d7f06b;--rust:#b94e36;--line:#d6d0c3;--muted:#677269;--player:132px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}body{margin:0;padding-bottom:calc(76px + var(--player) + env(safe-area-inset-bottom))}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}.siteHeader{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(244,240,231,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.brand{font-family:Georgia,serif;font-weight:800;font-size:20px}.headerNote{font-size:12px;color:var(--muted)}main{min-height:70vh}.page{width:min(100%,780px);margin:0 auto;padding:40px 20px 80px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.18em;color:var(--rust);text-transform:uppercase}.hero{padding:18px 0 22px}.hero h1,.lessonIntro h1,.page>h1{font-family:Georgia,Yu Mincho,serif;font-size:clamp(36px,10vw,66px);line-height:1.08;letter-spacing:-.04em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero>p:last-child,.lead{font-size:16px;line-height:1.9;color:#4f5b53}.continueCard{background:var(--green);color:#fff;border-radius:4px;padding:24px;margin:22px 0 44px;box-shadow:8px 8px 0 #c8beab}.continueCard>div:first-child{display:flex;justify-content:space-between}.cardNumber{font:30px Georgia,serif;color:var(--lime)}.sourceBadge,.statusPill{font-size:11px;font-weight:700;border:1px solid;border-radius:999px;padding:6px 9px}.continueCard h2{font:28px Georgia,Yu Mincho,serif;margin:24px 0 8px}.continueCard p{color:#dce5de}.cardMeta{display:flex;gap:18px;font-size:12px;margin:20px 0}.primaryButton{min-height:50px;background:var(--lime);color:var(--ink);border:0;border-radius:2px;padding:15px 18px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.flowSection h2{font:28px Georgia,Yu Mincho,serif}.flowSection ol{list-style:none;padding:0;border-top:1px solid var(--line)}.flowSection li{display:flex;align-items:center;gap:22px;padding:18px 4px;border-bottom:1px solid var(--line);font-weight:700}.flowSection li span{color:var(--rust);font:14px Georgia,serif}.primaryNav{position:fixed;z-index:40;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line)}.primaryNav a{min-height:48px;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);position:relative}.primaryNav a[aria-current=page]{color:var(--green)}.primaryNav a[aria-current=page]:before{content:"";position:absolute;top:0;width:28px;height:3px;background:var(--rust)}.lessonList{margin-top:36px}.lessonList article{display:grid;grid-template-columns:42px 1fr auto;grid-gap:14px;gap:14px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}.lessonList h2{font:20px Georgia,Yu Mincho,serif;margin:0 0 6px}.lessonList p{font-size:13px;color:var(--muted);margin:0 0 8px}.lessonList small,.lessonNumber{color:var(--rust)}.lessonNumber{font:18px Georgia,serif}.lessonList a{width:48px;height:48px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%}.comingSoon{font-size:11px;padding:7px;background:#ddd7cb;color:var(--muted)}.lessonIntro{margin-bottom:28px}.lessonIntro>p:last-child{padding-left:14px;border-left:3px solid var(--lime)}.phaseStepper{display:flex;justify-content:space-between;list-style:none;padding:0;margin:24px 0 30px}.phaseStepper li{display:flex;flex-direction:column;align-items:center;gap:6px;color:#8a918c;font-size:9px;flex:1 1;position:relative}.phaseStepper li:not(:last-child):after{content:"";position:absolute;top:13px;left:65%;width:70%;height:1px;background:var(--line)}.phaseStepper span{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper);z-index:1}.phaseStepper .current{color:var(--ink);font-weight:800}.phaseStepper .current span{background:var(--green);color:#fff;border-color:var(--green)}.phaseStepper .complete span{background:var(--lime);border-color:var(--lime);color:var(--ink)}.practiceCard{background:var(--card);border:1px solid var(--line);padding:24px 18px}.practiceCard h2{font:30px Georgia,Yu Mincho,serif;margin:10px 0 16px}.sourceBadge{display:inline-block;color:var(--green);margin-bottom:18px}.sourceBadge.site-original{color:#875333}.instruction{font-size:16px;line-height:1.9}.cue{background:#eef0e6;border-left:4px solid var(--lime);padding:16px;margin:22px 0;font-size:13px;line-height:1.7}.cue strong{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:4px}.scorePanel{margin:24px -18px}.scoreToolbar{display:flex;align-items:center;gap:6px;padding:8px 18px}.scoreToolbar span{margin-right:auto;font-size:11px;font-weight:700}.scoreToolbar button{min-height:40px;border:1px solid var(--line);background:#fff;padding:0 12px}.scoreToolbar button[aria-pressed=true]{background:var(--green);color:#fff}.scoreScroll{overflow-x:auto;background:#f7f4ec;border-block:1px solid var(--line);padding:18px 10px 8px}.musicScore{display:block;width:100%;min-width:430px;max-width:680px;height:auto;margin:0 auto;color:var(--ink)}.staffLine{stroke:#667067;stroke-width:1}.measureLine{stroke:var(--ink);stroke-width:1.5}.endBar{stroke:var(--ink);stroke-width:4}.chordSymbol,.trebleClef{fill:var(--ink)}.chordSymbol{font:700 15px Georgia,serif}.beam{fill:none;stroke:var(--ink);stroke-width:6;stroke-linecap:square}.noteHead{fill:currentColor}.noteStem{stroke:currentColor;stroke-width:2}.targetGlyph{color:var(--rust)}.passingGlyph{color:var(--ink)}.accidental{font:18px Georgia,serif;fill:var(--ink)}.noteLabel{font:700 10px Arial,sans-serif;fill:currentColor}.beatLabel{font:9px Arial,sans-serif;fill:var(--muted)}.scoreLegend{display:flex;gap:18px;padding:12px 18px 2px;font-size:10px;color:var(--muted)}.scoreLegend span{display:flex;align-items:center;gap:6px}.scoreLegend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legendTarget{background:var(--rust)}.legendPassing{background:var(--ink)}.scoreHint{font-size:11px;color:var(--muted);padding:0 18px}.completionMessage{padding:18px;background:#eff5d2}.completionMessage>*{display:block;margin:4px 0}.completionMessage span{font-size:12px;color:var(--muted)}.practicePlayer{position:fixed;z-index:35;bottom:calc(68px + env(safe-area-inset-bottom));left:0;right:0;min-height:var(--player);background:#17251e;color:#fff;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:13px 16px;border-top:3px solid var(--lime)}.playerTitle{min-width:0}.playerTitle span{display:block;font-size:8px;letter-spacing:.15em;color:var(--lime)}.playerTitle strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.playButton{grid-row:1/3;grid-column:2;width:54px;height:54px;border:0;border-radius:50%;background:var(--lime);font-size:19px}.tempoControl{display:flex;align-items:center;gap:8px}.modeButton,.tempoControl button{min-width:44px;min-height:40px;border:1px solid #617168;background:transparent;color:#fff}.tempoControl span{font-size:9px}.tempoControl strong{font-size:15px}.modeButton{position:absolute;right:78px;bottom:14px;padding:0 10px}.bluesGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:30px 0}.bluesGrid div{height:90px;border:1px solid var(--line);background:var(--card);padding:10px;display:flex;flex-direction:column;justify-content:space-between}.bluesGrid span{font-size:10px;color:var(--muted)}.bluesGrid strong{font:20px Georgia,serif}.bluesGrid .activeBar{border-color:var(--rust);box-shadow:inset 0 -4px var(--rust)}.practicePrompt{background:var(--green);color:#fff;padding:22px}.practicePrompt span{font-size:10px;color:var(--lime)}.practicePrompt h2{font:24px Georgia,Yu Mincho,serif}.practicePrompt p{font-size:13px;color:#d7e1da}.emptyState{border:1px dashed #aaa396;padding:30px;margin-top:30px;text-align:center}.emptyState strong{font:24px Georgia,Yu Mincho,serif}.emptyState p{color:var(--muted);line-height:1.7}.historyList article{border-top:1px solid var(--line);padding:18px 0}.historyList article>div{display:flex;justify-content:space-between}.historyList p,.historyList span{font-size:12px;color:var(--muted)}.textButton{min-height:44px;background:none;border:0;text-decoration:underline;color:var(--rust)}.prosePage{line-height:1.9}.prosePage dl div{border-top:1px solid var(--line);padding:18px 0}.prosePage dt{font-weight:800}.prosePage dd{margin:5px 0;color:var(--muted)}@media(min-width:700px){:root{--player:84px}.siteHeader{padding-inline:40px}.page{padding-top:64px}.practicePlayer{left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));bottom:20px;border-radius:4px;grid-template-columns:1fr auto auto;align-items:center}.playButton{grid-row:auto}.playButton,.tempoControl{grid-column:auto}.modeButton{position:static}.primaryNav{top:72px;bottom:auto;left:auto;right:40px;width:360px;height:52px;background:transparent;border:0}.primaryNav a[aria-current=page]:before{top:auto;bottom:4px}.bluesGrid{grid-template-columns:repeat(4,1fr)}body{padding-bottom:120px}.practiceCard{padding:36px}.scorePanel{margin-inline:-36px}}