.journey,[data-theme=light] .journey{--jr-amber: #8a5a1c;--jr-forest: #2f6a3a;--jr-river: #0f6b6b;--jr-rust: #a1442e;--jr-gold: #7a6213;--jr-violet: #6b4aa0;--jr-indigo: #3e4aa0;--jr-sky: #1f5f8a;--jr-rose: #a33a62;--jr-moss: #4d6b1f;--jr-plum: #7c3f7a;--jr-ocean: #13667a;--jr-night: #2f4880;--jr-crimson: #a8352f;--jr-coral: #a34a2c;--jr-ink-on-hue: #fffcf6;--jr-sky-1: #fbe9d2;--jr-sky-2: #f7f0e4;--jr-glow: #f3c27a;--jr-asphalt: #3b3431;--jr-road-line: #f6efe3;--jr-road-paint: #f6c445;--jr-shadow: rgb(84 52 26 / .16);--jr-tint: 10%}[data-theme=dark] .journey{--jr-amber: #e8b56a;--jr-forest: #8fd19e;--jr-river: #6fd0c4;--jr-rust: #f29c80;--jr-gold: #e8cf6a;--jr-violet: #c3a8f0;--jr-indigo: #a9b4f5;--jr-sky: #8cc6ec;--jr-rose: #f2a0bf;--jr-moss: #bcd98a;--jr-plum: #e0a5dc;--jr-ocean: #7ccfe0;--jr-night: #a7bff0;--jr-crimson: #f5a19a;--jr-coral: #f5ad8f;--jr-ink-on-hue: #201a16;--jr-sky-1: #2c2340;--jr-sky-2: #201a16;--jr-glow: #e8b56a;--jr-asphalt: #14100e;--jr-road-line: #d9d0c3;--jr-road-paint: #f6c445;--jr-shadow: rgb(0 0 0 / .4);--jr-tint: 14%}.journey,[data-journey-stage=basecamp]{--hue: var(--jr-amber)}[data-journey-stage=first-chords]{--hue: var(--jr-forest)}[data-journey-stage=rhythm]{--hue: var(--jr-river)}[data-journey-stage=blues-road]{--hue: var(--jr-rust)}[data-journey-stage=first-lead]{--hue: var(--jr-gold)}[data-journey-stage=sound-valley]{--hue: var(--jr-violet)}[data-journey-stage=barre-pass]{--hue: var(--jr-indigo)}[data-journey-stage=harmony-city]{--hue: var(--jr-sky)}[data-journey-stage=expression-peaks]{--hue: var(--jr-rose)}[data-journey-stage=groove-garden]{--hue: var(--jr-moss)}[data-journey-stage=fretboard-labyrinth]{--hue: var(--jr-plum)}[data-journey-stage=modes-archipelago]{--hue: var(--jr-ocean)}[data-journey-stage=harmony-observatory]{--hue: var(--jr-night)}[data-journey-stage=technique-forge]{--hue: var(--jr-crimson)}[data-journey-stage=world-tour]{--hue: var(--jr-coral)}.journey,[data-journey-stage],.jr-how__item{--hue-tint: color-mix(in srgb, var(--hue) var(--jr-tint), var(--color-surface));--hue-soft: color-mix(in srgb, var(--hue) 22%, transparent)}.journey{--jr-radius: 20px}.jr-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,1.5rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance}.jr-title--xl{font-size:clamp(2.5rem,1.6rem + 4vw,4.25rem)}.jr-h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);margin:0 0 var(--space-2)}.jr-h3{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);margin:0}.jr-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hue)}.jr-lead{font-size:calc(var(--text-body) * 1.15);color:var(--color-text-muted);max-width:60ch;margin:0}.jr-hero{position:relative;display:grid;overflow:hidden;margin:calc(-1 * var(--space-2)) 0 var(--space-8);border-radius:var(--jr-radius);background:linear-gradient(180deg,var(--jr-sky-1),var(--jr-sky-2));border:1px solid color-mix(in srgb,var(--hue) 30%,var(--color-border));box-shadow:0 18px 40px -28px var(--jr-shadow);isolation:isolate}.jr-hero>.jr-land{position:absolute;inset:auto 0 0;width:100%;height:clamp(8rem,24vw,12rem);z-index:-1}.jr-hero__content{display:grid;gap:var(--space-3);padding:var(--space-8) var(--space-6) clamp(9rem,22vw,13rem);max-width:900px}@media(min-width:900px){.jr-hero>.jr-land{height:100%;inset:0 0 0 auto;width:62%;mask-image:linear-gradient(90deg,transparent,#000 30%)}.jr-hero__content{padding:var(--space-10) var(--space-10) var(--space-10);max-width:62%}.jr-hero--map .jr-hero__content{max-width:58%}}.jr-hero__actions{margin-top:var(--space-2)}.jr-hero__resume{margin:0;color:var(--color-text-muted)}.jr-crumbs{margin:0}.jr-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-1) 0 0}.jr-meta li{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-small);background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid var(--color-border)}.jr-land__sky1{stop-color:var(--jr-sky-1)}.jr-land__sky2{stop-color:var(--jr-sky-2)}.jr-land__sun{fill:var(--jr-glow);opacity:.85}.jr-land__star{fill:var(--color-text);opacity:.7}.jr-land__far{fill:color-mix(in srgb,var(--hue) 22%,var(--jr-sky-2))}.jr-land__snow{fill:color-mix(in srgb,var(--color-surface) 70%,var(--hue));opacity:.6}.jr-land__mid{fill:color-mix(in srgb,var(--hue) 42%,var(--jr-sky-2))}.jr-land__near{fill:color-mix(in srgb,var(--hue) 70%,var(--color-bg))}.jr-land__fg{fill:color-mix(in srgb,var(--hue) 82%,var(--color-text))}.jr-land__accent{fill:var(--jr-glow)}.jr-land__stroke{stroke:color-mix(in srgb,var(--hue) 85%,var(--color-text))}.jr-land__accent-stroke{stroke:var(--jr-glow)}.jr-land__road{fill:var(--jr-asphalt)}.jr-land__road-edge{stroke:var(--jr-road-line);stroke-width:1.6;opacity:.85}.jr-land__road-paint{fill:var(--jr-road-paint)}.jr-land__pole line{stroke:var(--jr-asphalt);stroke-linecap:round}.jr-land__wire{stroke:var(--jr-asphalt);stroke-width:.8;opacity:.7}.jr-land__trail{stroke:var(--color-surface);stroke-width:3;stroke-dasharray:2 9;stroke-linecap:round;opacity:.9}.jr-land__flag line{stroke:var(--color-text)}.jr-land__flag path{fill:var(--jr-glow)}.jr-land__spark{animation:jr-spark 2.4s ease-in-out infinite}@keyframes jr-spark{50%{opacity:.2;transform:translateY(-6px)}}.jr-section{margin:0 0 var(--space-10)}.jr-section__lead{max-width:68ch;color:var(--color-text-muted)}.jr-section--note{padding:var(--space-6);border-radius:var(--jr-radius);background:var(--color-surface);border:1px dashed var(--color-border-strong);max-width:80ch}.jr-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:650;color:var(--jr-ink-on-hue);background:var(--hue)}.jr-badge--done{background:var(--color-success);color:var(--color-bg)}.jr-how{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));counter-reset:how}.jr-how__item{position:relative;display:grid;gap:var(--space-1);align-content:start;padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--jr-radius);background:var(--color-surface);border:1px solid var(--color-border)}.jr-how__item:nth-child(1){--hue: var(--jr-river)}.jr-how__item:nth-child(2){--hue: var(--jr-violet)}.jr-how__item:nth-child(3){--hue: var(--jr-amber)}.jr-how__item:nth-child(4){--hue: var(--jr-sky)}.jr-how__item:nth-child(5){--hue: var(--jr-forest)}.jr-how__item>svg{color:var(--hue)}.jr-how__n{position:absolute;top:var(--space-3);right:var(--space-4);font-family:var(--font-display);font-size:1.75rem;line-height:1;color:var(--hue);opacity:.5}.jr-progress-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--jr-radius);background:var(--hue-tint);border:1px solid var(--color-border)}.jr-ring{flex:none}.jr-ring__track{fill:none;stroke:var(--color-border);stroke-width:5}.jr-ring__value{fill:none;stroke:var(--hue);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray var(--dur-slow) var(--ease-out)}.jr-trail{--node: 56px;position:relative;list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;gap:var(--space-4)}.jr-trail:before{content:"";position:absolute;top:calc(var(--node) / 2);bottom:calc(var(--node) / 2);left:calc(var(--node) / 2 - 2px);border-left:4px dotted var(--color-border-strong)}.jr-trail__stop{position:relative;display:grid;grid-template-columns:var(--node) minmax(0,1fr);gap:var(--space-4);align-items:center}.jr-trail__node{position:relative;display:grid;place-items:center;width:var(--node);height:var(--node);border-radius:50%;background:var(--color-bg)}.jr-trail__node>.jr-ring{position:absolute;inset:0}.jr-trail__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--jr-ink-on-hue);background:var(--hue)}.jr-trail__card{display:grid;gap:2px;padding:var(--space-4) var(--space-5);border-radius:var(--jr-radius);color:var(--color-text);text-decoration:none;background:linear-gradient(110deg,var(--hue-tint),var(--color-surface) 70%);border:1px solid var(--color-border);border-left:5px solid var(--hue);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.jr-trail__card:hover{transform:translate(3px);box-shadow:0 10px 24px -18px var(--jr-shadow)}.jr-trail__title{font-family:var(--font-display);font-size:var(--text-h2);line-height:1.15}.jr-trail__sub{color:var(--color-text-muted)}.jr-trail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--color-text-muted)}.jr-trail__meta svg{margin-left:auto;color:var(--hue)}.jr-trail__stop[data-current] .jr-trail__card{box-shadow:0 0 0 2px var(--hue),0 14px 30px -20px var(--jr-shadow)}@media(min-width:900px){.jr-trail{--node: 64px;grid-template-columns:1fr 1fr;column-gap:var(--space-10);row-gap:var(--space-3)}.jr-trail:before{left:50%}.jr-trail__stop:nth-child(odd){grid-column:1;grid-template-columns:minmax(0,1fr) var(--node);margin-right:calc(var(--node) / -2 - var(--space-10) / 2)}.jr-trail__stop:nth-child(odd) .jr-trail__node{order:2}.jr-trail__stop:nth-child(odd) .jr-trail__card{border-left:1px solid var(--color-border);border-right:5px solid var(--hue);text-align:right;background:linear-gradient(250deg,var(--hue-tint),var(--color-surface) 70%)}.jr-trail__stop:nth-child(odd) .jr-trail__card:hover{transform:translate(-3px)}.jr-trail__stop:nth-child(odd) .jr-trail__meta{justify-content:flex-end}.jr-trail__stop:nth-child(2n){grid-column:2;margin-left:calc(var(--node) / -2 - var(--space-10) / 2);margin-top:6.5rem;margin-bottom:-6.5rem}.jr-trail{padding-bottom:6.5rem}}.jr-stage__story{display:flex;align-items:center;gap:var(--space-5);max-width:80ch}.jr-stops{list-style:none;padding:0;margin:var(--space-5) 0 0;display:grid;gap:var(--space-3);max-width:860px;position:relative}.jr-stops:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;border-left:3px dotted var(--color-border-strong)}.jr-stops__item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-4);align-items:start}.jr-stops__n{display:grid;place-items:center;width:40px;height:40px;margin-top:var(--space-3);border-radius:50%;font-weight:750;font-family:var(--font-data);background:var(--color-bg);color:var(--hue);border:3px solid var(--hue)}.jr-stops__item[data-done] .jr-stops__n,.jr-stops__item[data-summit] .jr-stops__n{color:var(--jr-ink-on-hue);background:var(--hue)}.jr-stops__card{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--jr-radius);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.jr-stops__card:hover{border-color:var(--hue)}.jr-stops__item[data-summit] .jr-stops__card{background:linear-gradient(110deg,var(--hue-tint),var(--color-surface));border-color:var(--hue)}.jr-stops__title{font-weight:700;font-size:var(--text-h3)}.jr-stops__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.jr-pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4);max-width:860px;margin-top:var(--space-10)}.jr-pager .card-link{min-width:0;overflow-wrap:anywhere;align-content:center}.jr-pager .card-link>.small{display:inline-flex;align-items:center;gap:var(--space-1)}.jr-pager__next{text-align:right}.jr-pager__next>.small{justify-content:flex-end}.jr-readbar{position:sticky;top:var(--header-h);z-index:var(--z-sticky);height:4px;margin:calc(-1 * var(--space-6)) 0 var(--space-4);background:transparent}.jr-readbar>span{display:block;height:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--jr-glow),var(--hue));border-radius:0 4px 4px 0}.jr-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}@media(min-width:1200px){.jr-layout{grid-template-columns:minmax(0,1fr) 250px}}.jr-body{max-width:74ch;min-width:0;font-size:calc(var(--text-body) * 1.03)}.jr-rail{display:none}@media(min-width:1200px){.jr-rail{display:block}.jr-rail__inner{position:sticky;top:calc(var(--header-h) + var(--space-6));max-height:calc(100dvh - var(--header-h) - var(--space-10));overflow-y:auto;padding-right:var(--space-2)}}.jr-toc{list-style:none;padding:0;margin:var(--space-2) 0 0;display:grid;gap:2px;font-size:var(--text-small)}.jr-toc a{display:grid;grid-template-columns:14px 1fr;gap:var(--space-2);align-items:center;padding:5px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none}.jr-toc a:hover{color:var(--color-text);background:var(--color-surface-sunken)}.jr-toc__dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border-strong)}.jr-toc__check{color:var(--color-success)}.jr-toc li[data-passed] .jr-toc__dot{background:var(--color-border-strong)}.jr-toc li[data-active] a{color:var(--color-text);font-weight:650;background:var(--hue-tint)}.jr-toc li[data-active] .jr-toc__dot{border-color:var(--hue);background:var(--hue);box-shadow:0 0 0 3px var(--hue-soft)}.jr-scene{position:relative;scroll-margin-top:calc(var(--header-h) + var(--space-6));padding-bottom:var(--space-6)}.jr-scene--intro{padding-bottom:var(--space-4)}.jr-scene__title{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-10) 0 var(--space-4);font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,1.3rem + .9vw,2rem);line-height:1.15}.jr-scene__n{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;font-family:var(--font-data);font-size:.6em;font-weight:750;color:var(--jr-ink-on-hue);background:var(--hue);box-shadow:0 0 0 5px color-mix(in srgb,var(--hue) 28%,var(--color-bg))}@media(min-width:1024px){.jr-body{padding-left:52px}.jr-scene:before{content:"";position:absolute;left:-34px;top:0;bottom:0;border-left:3px dotted color-mix(in srgb,var(--hue) 45%,var(--color-border))}.jr-scene__title{margin-left:-52px}.jr-scene--intro:before{top:var(--space-6)}}.jr-scene__body>:first-child{margin-top:0}.jr-body h3{font-size:var(--text-h3);margin:var(--space-6) 0 var(--space-2)}.jr-body p{line-height:1.7}.jr-body strong{font-weight:700}.jr-body table{width:100%;border-collapse:collapse;font-size:var(--text-small);margin:var(--space-4) 0}.jr-body th,.jr-body td{border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.jr-body thead th{background:var(--hue-tint);border-bottom:2px solid var(--hue)}.jr-body blockquote{margin:var(--space-4) 0;padding:var(--space-2) var(--space-4);border-left:4px solid var(--hue);color:var(--color-text-muted)}.jr-body .listen{margin:0 var(--space-2) var(--space-2) 0;max-width:100%;height:auto;white-space:normal;text-align:left}.jr-body .mdx-figure--inline{display:inline-block;margin:0 var(--space-3) var(--space-3) 0;vertical-align:top}.jr-body .mdx-note{font-weight:650}.jr-body .level-block{margin:var(--space-4) 0}.jr-resume{margin-bottom:var(--space-4)}.jr-term-wrap{display:inline}.jr-term{display:inline;padding:0;border:0;font:inherit;color:inherit;background:linear-gradient(transparent 62%,var(--hue-soft) 62%);border-bottom:2px dotted var(--hue);cursor:help;text-align:inherit}.jr-term:hover,.jr-term[aria-expanded=true]{background:var(--hue-soft)}.jr-term-pop{position:fixed;z-index:var(--z-overlay);display:grid;gap:var(--space-2);width:min(340px,calc(100vw - 16px));padding:var(--space-3) var(--space-4) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-small);line-height:1.55;font-weight:400;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-top:4px solid var(--hue);box-shadow:0 18px 40px -16px var(--jr-shadow);text-align:left;animation:jr-pop var(--dur-fast) var(--ease-out)}@keyframes jr-pop{0%{opacity:0;transform:translateY(4px)}}.jr-term-pop__head{display:flex;align-items:center;gap:var(--space-2);color:var(--hue)}.jr-term-pop__head strong{color:var(--color-text);font-size:var(--text-body)}.jr-term-pop__close{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}.jr-term-pop__close:hover{background:var(--color-surface-sunken)}.jr-term-pop__more{justify-self:start;font-size:var(--text-label)}.jr-box{--box: var(--hue);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--box) var(--jr-tint),var(--color-surface));border:1px solid color-mix(in srgb,var(--box) 35%,var(--color-border))}.jr-box--goals{--box: var(--hue);border-left:5px solid var(--box)}.jr-box--key{--box: var(--jr-gold);border-left:5px solid var(--box)}.jr-box--tip{--box: var(--jr-river)}.jr-box--obstacle{--box: var(--jr-crimson);border-style:dashed}.jr-box--fact{--box: var(--jr-violet)}.jr-box--backpack{--box: var(--jr-forest);border-left:5px solid var(--box)}.jr-box--milestone{--box: var(--jr-gold);background:linear-gradient(120deg,color-mix(in srgb,var(--jr-glow) 30%,var(--color-surface)),var(--color-surface));border:2px solid var(--box)}.jr-box--remember{--box: var(--jr-sky)}.jr-box__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-small);font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--box)}.jr-box__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--jr-ink-on-hue);background:var(--box)}.jr-box__body>:last-child{margin-bottom:0}.jr-box__body>:first-child{margin-top:0}.jr-box__body ul,.jr-box__body ol{padding-left:1.25em}.jr-theory{margin:var(--space-5) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.jr-theory>summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target);padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none;font-weight:650}.jr-theory>summary::-webkit-details-marker{display:none}.jr-theory__badge{padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:750;font-family:var(--font-data);color:var(--jr-ink-on-hue);background:var(--jr-indigo)}.jr-theory__chev{margin-left:auto;transition:transform var(--dur-base);color:var(--color-text-muted)}.jr-theory[open] .jr-theory__chev{transform:rotate(180deg)}.jr-theory__body{padding:0 var(--space-5) var(--space-4);border-top:1px dashed var(--color-border)}.jr-columns{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:var(--space-4) 0}.jr-column{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--hue)}.jr-column__title{margin:0 0 var(--space-2);font-weight:750}.jr-column>:last-child{margin-bottom:0}.jr-big{margin:var(--space-8) 0;padding-left:var(--space-5);border-left:6px solid var(--hue);font-family:var(--font-display);font-size:clamp(1.4rem,1.2rem + .9vw,1.9rem);line-height:1.3;text-wrap:balance}.jr-score,.jr-neck,.jr-piano,.jr-steps,.jr-strum,.jr-backing,.jr-illus{margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);max-width:100%;min-width:0}.jr-illus svg[role=img]{width:100%;height:auto;display:block;overflow:visible}.jr-illus figcaption,.jr-neck__cap{margin-top:var(--space-2)}.jr-illus figcaption{font-size:var(--text-small);color:var(--color-text-muted);text-align:center}.jr-illus--wide{max-width:none}.jr-neck__cap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.jr-neck__hint{margin-left:auto}.jr-active-fill{fill:var(--hue)!important;stroke:var(--hue)!important}.jr-active{color:var(--hue)}.jr-active-text{fill:var(--hue)!important;font-weight:800}.jr-score__svg{display:block;width:100%;height:auto;color:var(--color-text);overflow:visible}.jr-staff__line{stroke:var(--color-border-strong);stroke-width:1}.jr-staff__bar{stroke:var(--color-text);stroke-width:1.3}.jr-score__label{font-size:11px;font-family:var(--font-data);fill:var(--color-text-muted)}.jr-tab__mask{fill:var(--color-surface)}.jr-tab__fret{font-size:13px;font-weight:700;font-family:var(--font-data);fill:var(--color-text)}.jr-tab__tech{font-size:10px;font-style:italic;font-family:var(--font-data);fill:var(--color-text-muted)}.jr-score__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.jr-score__title{margin-left:auto}.jr-fx{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.jr-fx .label{margin:0 var(--space-1) 0 0}.jr-tempo{display:inline-flex;align-items:center;gap:var(--space-1)}.jr-tempo .btn--icon{min-width:36px;min-height:36px;font-size:1.1rem}.jr-tempo__value{display:inline-flex;align-items:center;gap:4px;min-width:7.5ch;justify-content:center;font-size:var(--text-small)}.jr-tempo__value abbr{text-decoration:none}.jr-chord-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.jr-scene__body>.jr-chord,.jr-practice__body>.jr-chord{margin:var(--space-3) 0}.jr-scene__body>.listen,.jr-practice__body>.listen{margin:var(--space-2) var(--space-2) var(--space-2) 0}.jr-chord{display:inline-grid;justify-items:center;gap:var(--space-1);margin:0;padding:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);vertical-align:top}.jr-chord__btn{padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:var(--radius-md)}.jr-chord__btn:hover{background:var(--hue-tint)}.jr-chord figcaption{display:grid;justify-items:center;text-align:center;max-width:160px}.jr-chord__name{font-size:var(--text-h3)}.jr-piano svg[role=img]{display:block;width:100%;height:auto}.jr-piano__key{cursor:pointer}.jr-piano__white{fill:#fffdf8;stroke:var(--color-border-strong)}.jr-piano__black{fill:#2a221c;stroke:#2a221c}.jr-piano__white.is-marked{fill:color-mix(in srgb,var(--hue) 28%,#fffdf8)}.jr-piano__black.is-marked{fill:color-mix(in srgb,var(--hue) 70%,#2a221c)}.jr-piano .is-active{fill:var(--jr-glow)!important}.jr-piano__label{font-size:11px;font-weight:700;font-family:var(--font-data);fill:#29221d;pointer-events:none}.jr-piano__label--black{fill:#fffcf6;font-size:9px}.jr-piano__step path{stroke:var(--hue);stroke-width:2}.jr-piano__step text{font-size:11px;font-weight:750;font-family:var(--font-data);fill:var(--color-text)}.jr-steps svg[role=img]{display:block;width:100%;height:auto}.jr-steps__step{fill:var(--hue-tint);stroke:color-mix(in srgb,var(--hue) 55%,var(--color-border))}.jr-steps__step.is-root{fill:color-mix(in srgb,var(--hue) 35%,var(--color-surface))}.jr-active .jr-steps__step{fill:var(--jr-glow)}.jr-steps__note{font-size:15px;font-weight:800;fill:var(--color-text)}.jr-steps__degree{font-size:11px;font-family:var(--font-data);fill:var(--color-text-muted)}.jr-steps__gap{font-size:11px;font-weight:750;font-family:var(--font-data);fill:var(--color-text-muted)}.jr-steps__gap.is-half{fill:var(--color-danger)}.jr-practice,.jr-checkpoint{margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--jr-radius);background:linear-gradient(160deg,var(--hue-tint),var(--color-surface) 60%);border:2px solid color-mix(in srgb,var(--hue) 45%,var(--color-border));box-shadow:0 16px 32px -28px var(--jr-shadow)}.jr-practice[data-done]{border-color:var(--color-success)}.jr-practice__head,.jr-checkpoint__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.jr-practice__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--jr-ink-on-hue);background:var(--hue)}.jr-practice__title,.jr-body .jr-practice__title{margin:0;line-height:1.3;font-size:var(--text-h3);flex:1 1 12rem}.jr-practice__meta{display:flex;gap:var(--space-3);color:var(--color-text-muted)}.jr-practice__body>:first-child{margin-top:0}.jr-practice__body>:last-child{margin-bottom:0}.jr-practice__goal{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px dashed var(--color-border-strong);font-size:var(--text-small)}.jr-practice__tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.jr-practice__done{margin-left:auto}.jr-practice__done.is-done{--btn-bg: var(--color-success);--btn-fg: var(--color-bg);--btn-border: var(--color-success)}.jr-metro{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.jr-metro__dots{display:inline-flex;gap:6px}.jr-metro__dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border-strong);transition:background var(--dur-fast)}.jr-metro__dot[data-accent]{border-color:var(--hue)}.jr-metro__dot[data-on]{background:var(--hue);border-color:var(--hue)}.jr-timer{display:inline-flex;align-items:center;gap:var(--space-1)}.jr-timer__value{min-width:5ch;font-size:var(--text-body);font-weight:700}.jr-strum__bars{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc(var(--slots, 8) * 30px))),1fr))}.jr-strum__bars[data-dense] .jr-strum__grid{gap:2px}.jr-strum__bars[data-dense] .jr-strum__arrow{font-size:1.05rem}.jr-strum__bars[data-dense] .jr-strum__count{font-size:10px}.jr-strum__slot{min-width:0}@media(max-width:560px){.jr-strum__bars[data-dense] .jr-strum__grid{grid-template-columns:repeat(var(--half),minmax(0,1fr))!important}}.jr-strum__chord{margin:0 0 var(--space-1);font-weight:800;font-size:var(--text-h3)}.jr-strum__grid{list-style:none;margin:0;padding:0;display:grid;gap:3px}.jr-strum__slot{display:grid;justify-items:center;gap:2px;padding:var(--space-2) 0 4px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);transition:background var(--dur-fast),transform var(--dur-fast)}.jr-strum__slot[data-beat]{box-shadow:inset 0 3px 0 var(--color-border-strong)}.jr-strum__slot[data-on]{background:var(--hue);color:var(--jr-ink-on-hue);transform:translateY(-2px)}.jr-strum__arrow{font-size:1.35rem;font-weight:800;line-height:1}.jr-strum__slot[data-kind=miss] .jr-strum__arrow{opacity:.35}.jr-strum__slot[data-kind=mute] .jr-strum__arrow{font-size:1rem}.jr-strum__count{font-size:11px;font-family:var(--font-data);opacity:.85}.jr-strum__accent{height:.9rem;font-size:.95rem;font-weight:800;line-height:1;color:var(--hue)}.jr-strum__slot[data-on] .jr-strum__accent{color:inherit}.jr-strum__slot[data-accent] .jr-strum__arrow{font-size:1.5rem}.jr-accent{color:var(--color-text)}.jr-backing__bars{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.jr-backing__bar{position:relative;display:grid;gap:2px;min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border);transition:background var(--dur-fast)}.jr-backing__bar[data-on]{background:var(--hue);color:var(--jr-ink-on-hue);border-color:var(--hue)}.jr-backing__n{font-size:10px;font-family:var(--font-data);opacity:.7}.jr-backing__chords{font-weight:800;font-size:1.05rem}.jr-backing__num{font-size:var(--text-label)}.jr-drone{margin:0 var(--space-2) var(--space-2) 0}.jr-checkpoint{--hue-tint: color-mix(in srgb, var(--jr-indigo) var(--jr-tint), var(--color-surface));border-color:color-mix(in srgb,var(--jr-indigo) 45%,var(--color-border))}.jr-checkpoint .jr-practice__badge{background:var(--jr-indigo)}.jr-checkpoint__list{display:grid;gap:var(--space-4)}.jr-quiz{margin:0;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:var(--space-3);min-width:0}.jr-quiz__q{font-weight:650}.jr-quiz__q>:first-child{margin-top:0}.jr-quiz__q>:last-child{margin-bottom:0}.jr-quiz__opts{display:grid;gap:var(--space-2)}.jr-quiz__opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:var(--target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.jr-quiz__opt:hover:not(:disabled){border-color:var(--hue);background:var(--hue-tint)}.jr-quiz__opt:disabled{cursor:default}.jr-quiz__letter{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:var(--text-label);font-weight:800;font-family:var(--font-data);background:var(--color-surface-sunken)}.jr-quiz__opt[data-state=right]{border:2px solid var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface))}.jr-quiz__opt[data-state=right] svg{color:var(--color-success)}.jr-quiz__opt[data-state=wrong]{border:2px solid var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.jr-quiz__opt[data-state=wrong] svg{color:var(--color-danger)}.jr-quiz__feedback{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small)}.jr-quiz__feedback.is-right{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface))}.jr-quiz__feedback.is-right strong{color:var(--color-success)}.jr-quiz__feedback.is-wrong{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.jr-quiz__feedback.is-wrong strong{color:var(--color-danger)}.jr-checkpoint__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.jr-checkpoint__foot p{margin:0}.jr-checkpoint__score strong{color:var(--jr-indigo)}.jr-meter{flex:1 1 140px;height:8px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.jr-meter>span{display:block;height:100%;background:var(--jr-indigo);transition:width var(--dur-base) var(--ease-out)}.jr-suggest{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;background:var(--color-surface);border:1px dashed var(--color-border-strong);max-width:560px}.jr-suggest:hover{border-style:solid;border-color:var(--hue)}.jr-suggest__label{grid-column:1;font-size:var(--text-label);font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--hue)}.jr-suggest__text{grid-column:1;font-weight:600}.jr-suggest>svg{grid-column:2;grid-row:1 / span 2;color:var(--hue)}.jr-end{display:grid;gap:var(--space-6);margin-top:var(--space-12)}.jr-end .jr-pager{margin-top:0;max-width:none}.jr-end__card{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;border-radius:var(--jr-radius);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--jr-glow) 30%,transparent),transparent 60%),var(--hue-tint);border:2px solid color-mix(in srgb,var(--hue) 45%,var(--color-border))}.jr-end__card[data-done]{border-color:var(--color-success)}.jr-end__flag{color:var(--hue)}.jr-end__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--text-h1)}.jr-end__card p{margin:0}dialog.jr-present{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--color-text);background:linear-gradient(180deg,var(--jr-sky-1),var(--color-bg) 40%);display:grid;grid-template-rows:auto 1fr auto}dialog.jr-present:not([open]){display:none}dialog.jr-present::backdrop{background:var(--color-bg)}.jr-present__top,.jr-present__bottom{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-bottom:1px solid var(--color-border)}.jr-present__bottom{border-bottom:0;border-top:1px solid var(--color-border);justify-content:space-between}.jr-present__title{flex:1;display:grid;margin:0;font-size:var(--text-small)}.jr-present__stage{overflow-y:auto;padding:var(--space-8) var(--space-5)}.jr-present__inner{max-width:900px;margin:0 auto;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);animation:jr-slide var(--dur-slow) var(--ease-out)}.jr-present__inner .jr-scene__title{margin-left:0;margin-top:0;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.8rem)}.jr-present__inner .jr-scene:before{display:none}@keyframes jr-slide{0%{opacity:0;transform:translate(16px)}}.jr-present__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}.jr-present__dots button{width:14px;height:14px;min-width:24px;min-height:24px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.jr-present__dots button:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--color-border-strong)}.jr-present__dots button[aria-current=step]:before{background:var(--hue);inset:4px}@media(max-width:600px){.jr-present__dots{display:none}}.jr-gloss{display:grid;gap:var(--space-3)}.jr-gloss__tools{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.jr-gloss__search{position:relative;flex:1 1 220px}.jr-gloss__search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.jr-gloss__search .input{padding-left:38px;width:100%}.jr-gloss__letter{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);color:var(--hue);margin:var(--space-6) 0 var(--space-2);border-bottom:1px solid var(--color-border)}.jr-gloss__list{margin:0;display:grid;gap:var(--space-2)}.jr-gloss__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);scroll-margin-top:calc(var(--header-h) + var(--space-4))}.jr-gloss__item[data-highlight]{border:2px solid var(--hue);background:var(--hue-tint)}.jr-gloss__item dt{font-weight:750}.jr-gloss__item dd{margin:var(--space-1) 0 0;font-size:var(--text-small);line-height:1.6}.jr-gloss__meta{display:block;margin-top:var(--space-1);color:var(--color-text-muted)}dialog.jr-gloss-drawer{width:min(440px,94vw)}.jr-glossary-page{max-width:900px}.jr-glossary-page>header{display:grid;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .jr-land__spark{animation:none}}[data-motion=reduce] .jr-land__spark{animation:none}@media print{.jr-hero{box-shadow:none}.jr-hero>.jr-land{display:none}.jr-hero__content{max-width:none;padding:0 0 var(--space-4)}.jr-score__bar,.jr-neck__cap,.jr-practice__tools,.jr-checkpoint__foot{display:none}.jr-theory:not([open])>.jr-theory__body{display:block}.jr-scene{break-inside:auto}.jr-body{padding-left:0}.jr-scene:before{display:none}.jr-scene__title{margin-left:0}}.jr-illus svg text{font-family:var(--font-ui)}.jr-ill__label{font-size:15px;font-weight:750;fill:var(--color-text)}.jr-ill__text{font-size:13px;fill:var(--color-text)}.jr-ill__small{font-size:11.5px;fill:var(--color-text-muted)}.jr-ill__mono{font-size:12px;font-family:var(--font-data);fill:var(--color-text)}.jr-ill__hue-text{fill:var(--hue);font-weight:750}.jr-ill__line{fill:none;stroke:var(--color-border-strong);stroke-width:1.5}.jr-ill__rest{fill:none;stroke:var(--color-border-strong);stroke-width:1;stroke-dasharray:4 5}.jr-ill__stroke{fill:none;stroke:var(--color-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jr-ill__stroke-hue{fill:none;stroke:var(--hue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.jr-ill__fill-hue{fill:var(--hue)}.jr-ill__fill-soft{fill:var(--hue-tint);stroke:color-mix(in srgb,var(--hue) 45%,var(--color-border));stroke-width:1.5}.jr-ill__fill-surface{fill:var(--color-surface-raised);stroke:var(--color-border-strong);stroke-width:1.5}.jr-ill__fill-sunken{fill:var(--color-surface-sunken)}.jr-ill__fill-wood{fill:var(--fb-wood);stroke:var(--fb-fret);stroke-width:1.5}.jr-ill__fill-text{fill:var(--color-text)}.jr-ill__accent{fill:var(--jr-glow)}.jr-ill__accent-stroke{fill:none;stroke:var(--jr-glow);stroke-width:3;stroke-linecap:round}.jr-ill__good{fill:none;stroke:var(--color-success);stroke-width:3;stroke-linecap:round}.jr-ill__bad{fill:none;stroke:var(--color-danger);stroke-width:3;stroke-linecap:round}.jr-ill__good-fill{fill:var(--color-success)}.jr-ill__bad-fill{fill:var(--color-danger)}.jr-ill__on-hue{fill:var(--jr-ink-on-hue);font-weight:750}.jr-ill__node{fill:var(--color-text)}.jr-ill__wave{fill:none;stroke:var(--hue);stroke-width:3;stroke-linecap:round}.jr-ill__wave--ghost{stroke:var(--jr-glow);opacity:.7}.jr-anim--a{animation:jr-osc .9s ease-in-out infinite alternate}.jr-anim--b{animation:jr-osc .9s ease-in-out infinite alternate-reverse}.jr-anim--pulse{animation:jr-pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.jr-anim--float{animation:jr-float 3s ease-in-out infinite}.jr-anim--spin{animation:jr-spin 12s linear infinite;transform-box:fill-box;transform-origin:center}.jr-anim--draw{stroke-dasharray:600;stroke-dashoffset:600;animation:jr-draw 3s ease-out infinite}@keyframes jr-osc{0%{opacity:.15}to{opacity:1}}@keyframes jr-pulse{50%{transform:scale(1.15);opacity:.75}}@keyframes jr-float{50%{transform:translateY(-4px)}}@keyframes jr-spin{to{transform:rotate(360deg)}}@keyframes jr-draw{70%,to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .jr-anim--a,:root:not([data-motion=full]) .jr-anim--b,:root:not([data-motion=full]) .jr-anim--pulse,:root:not([data-motion=full]) .jr-anim--float,:root:not([data-motion=full]) .jr-anim--spin,:root:not([data-motion=full]) .jr-anim--draw{animation:none;stroke-dashoffset:0;opacity:1}}[data-motion=reduce] .jr-anim--a,[data-motion=reduce] .jr-anim--b,[data-motion=reduce] .jr-anim--pulse,[data-motion=reduce] .jr-anim--float,[data-motion=reduce] .jr-anim--spin,[data-motion=reduce] .jr-anim--draw{animation:none;stroke-dashoffset:0;opacity:1}.jr-strum__slot[data-soft] .jr-strum__arrow{font-size:1rem;font-weight:500;opacity:.7}.jr-strum__slot:not([data-soft])[data-kind=down] .jr-strum__arrow,.jr-strum__slot:not([data-soft])[data-kind=up] .jr-strum__arrow{text-shadow:0 0 .5px currentColor}