:root{--bg:var(--jgg-bg);--paper:var(--jgg-surface);--navy:var(--jgg-text);--green:var(--jgg-accent);--green-dark:var(--jgg-link);--green-soft:var(--jgg-selected);--border:var(--jgg-border);--muted:var(--jgg-text-muted);--coral:var(--jgg-error);--amber:var(--jgg-reference);font-family:Inter,'Segoe UI',sans-serif;font-synthesis:none;color:var(--navy);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--jgg-focus);outline-offset:4px}button{transition:background .15s,border-color .15s,color .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--navy);color:var(--jgg-on-accent);padding:12px 18px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{max-width:1120px;margin:0 auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;font-size:33.8px;letter-spacing:-1.2px;line-height:1.05}.brand-light{color:var(--jgg-link)}.brand small{display:block;margin-top:5px;font-size:13px;letter-spacing:1.1px;font-weight:700;color:var(--muted)}.brand-mark{display:flex;justify-content:space-evenly;width:33px;height:37px;border-top:3px solid var(--green);border-bottom:3px solid var(--green);position:relative;background:linear-gradient(transparent 46%,var(--green) 46%,var(--green) 53%,transparent 53%)}.brand-mark i{height:100%;width:2px;background:var(--green)}.brand-mark b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--navy);left:13px;top:6px}.header-actions{display:flex;align-items:center;gap:25px}.header-actions>button{font-size:16.9px;font-weight:750;min-height:42px;padding:8px 0}.header-actions>button:hover{color:var(--green-dark)}.header-actions .sound-button{display:flex;align-items:center;gap:7px;border:1.5px solid var(--navy);border-radius:24px;padding:9px 16px}.sound-button:hover{background:var(--jgg-surface-hover)}.sound-button #sound-icon{font-family:monospace;font-size:19.5px;color:var(--green-dark)}main{width:min(100% - 48px,1000px);margin:0 auto}.intro{text-align:center;padding:21px 0 30px}.intro h1{font-size:57.2px;font-weight:900;line-height:1.14;letter-spacing:-1.6px;margin:8px 0 16px}.highlight{color:var(--jgg-link);box-shadow:inset 0 -.26em 0 var(--jgg-border)}.intro p{font-size:20.8px;line-height:1.6;margin:0;color:var(--jgg-link)}.practice-section{scroll-margin-top:24px}.track-nav,#track-nav{display:flex;border-bottom:1px solid var(--jgg-border);gap:16px;margin:0 0 24px;overflow-x:auto;scrollbar-width:none}.track-nav::-webkit-scrollbar,#track-nav::-webkit-scrollbar{display:none}.track-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:55px;padding:12px 10px;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;font-size:18.2px;font-weight:750;color:var(--jgg-text-muted)}.track-button:hover{color:var(--green-dark);background:var(--jgg-surface-hover)}.track-button.active{color:var(--green-dark);border-bottom-color:var(--green)}.nav-number{font-size:14.3px;font-weight:800;opacity:.7}.practice-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.practice-header h2{font-size:29.9px;font-weight:850;letter-spacing:-.5px;margin:0}.level-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.level-button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:20px;font-size:14.3px;font-weight:700;color:var(--jgg-text-muted);white-space:nowrap;border:1px solid transparent}.level-button:hover{color:var(--green-dark);background:var(--jgg-surface-hover)}.level-button.active{background:var(--green-soft);color:var(--green-dark);border-color:var(--jgg-control-border)}.level-number{font-size:13px;font-weight:850;opacity:.75}.level-check{color:var(--green-dark);font-weight:900}.exercise-card{border:1px solid var(--border);background:var(--paper);border-radius:14px;overflow:hidden;box-shadow:0 2px 0 color-mix(in srgb,var(--jgg-shadow) 20%,transparent)}.exercise-top{display:flex;align-items:center;gap:15px;padding:21px 28px 0}.exercise-tag{color:var(--green-dark);font-size:13px;letter-spacing:1.2px;font-weight:850}.round-progress{display:flex;gap:5px;margin-left:auto}.round-progress i{width:14px;height:4px;border-radius:3px;background:var(--jgg-surface-raised)}.round-progress i.done{background:var(--green)}.round-progress i.revealed{background:var(--jgg-text-muted)}.round-progress i.current{background:var(--jgg-accent-hover)}.round-label{font-size:15.6px;font-weight:800}.round-label>span{color:var(--jgg-text-muted);font-size:14.3px}.challenge{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 28px 22px}.challenge-copy{min-width:0}.challenge-copy>p:first-child{margin:0;color:var(--navy);font-size:20.8px;font-weight:650;line-height:1.5}.challenge h3,#challenge-display{font-size:68.9px;font-weight:900;line-height:1.08;letter-spacing:-1.2px;margin:9px 0 9px}.target-dot{color:var(--jgg-link)}#challenge-display.long-target{font-size:44.2px;letter-spacing:-.7px}.challenge-subtitle{color:var(--muted);font-size:15.6px;line-height:1.7;margin:0;max-width:640px}.challenge-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:9px 16px;border:1.5px solid var(--jgg-control-border);border-radius:23px;font-size:15.6px;font-weight:800;background:var(--jgg-surface)}.secondary-button:hover{border-color:var(--green);background:var(--green-soft)}.secondary-button>span{color:var(--green-dark);font-size:20.8px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 4px;font-size:15.6px;font-weight:700;color:var(--jgg-text-muted)}.text-button:hover{color:var(--green-dark)}.challenge-actions .text-button{font-size:14.3px}.challenge-actions .text-button>span{font-size:19.5px}.fretboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 28px 15px;border-top:1px solid var(--jgg-border);font-size:12px;letter-spacing:.8px;font-weight:800;color:var(--jgg-text-muted)}.fretboard-toolbar b{font-size:13px;letter-spacing:2.7px;font-weight:700;color:var(--jgg-text-muted);margin-left:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;vertical-align:middle;margin-right:5px}.toggle-button{display:flex;align-items:center;gap:8px;min-height:28px;padding:0;font-size:14.3px;font-weight:750;color:var(--jgg-text-muted)}.toggle-button i{position:relative;height:16px;width:28px;border-radius:12px;background:var(--jgg-selected);border:1px solid var(--jgg-control-border);transition:background .15s}.toggle-button i:after{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--jgg-surface-raised);left:2px;top:2px;transition:transform .15s}.toggle-button[aria-pressed=true] i{background:var(--jgg-selected);border-color:var(--jgg-control-border)}.toggle-button[aria-pressed=true] i:after{background:var(--green-dark);transform:translateX(12px)}.board-scroll{overflow-x:auto;padding:0 28px;scrollbar-width:thin;scrollbar-color:var(--jgg-control-border) var(--jgg-surface-raised)}.fretboard{position:relative;display:grid;grid-template-columns:42px repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,38px) 28px;min-width:670px;padding:14px 0 12px;border-radius:5px;background:linear-gradient(90deg,transparent 42px,var(--jgg-surface-raised) 42px,var(--jgg-surface-raised) 55%,var(--jgg-surface-raised))}.fretboard:before{position:absolute;content:'';left:40px;top:14px;bottom:40px;width:4px;z-index:1;background:var(--jgg-accent);box-shadow:1px 0 1px color-mix(in srgb,var(--jgg-shadow) 20%,transparent)}.fret{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:0;min-width:0;border-right:2px solid var(--jgg-control-border);border-radius:0;background:transparent;overflow:visible}.fret:before{position:absolute;content:'';left:0;right:0;top:calc(50% - var(--string-width)/2);height:var(--string-width);background:linear-gradient(var(--jgg-accent),var(--jgg-surface-raised));box-shadow:0 1px 0 color-mix(in srgb,var(--jgg-shadow) 53.3%,transparent);pointer-events:none}.fret.open{border-right:0;background:var(--paper)}.fret.open:before{display:none}.note-dot{position:relative;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:transparent;font-size:13px;font-weight:850;white-space:nowrap;transition:background .12s,transform .12s}.fret.open .note-dot{box-shadow:inset 0 0 0 1px var(--jgg-border);color:var(--jgg-text-muted);background:var(--paper);font-size:14.3px}.fret:hover .note-dot{background:var(--jgg-surface-hover);color:var(--green-dark);transform:scale(1.06)}.fret:focus-visible{outline:none;z-index:4}.fret:focus-visible .note-dot{outline:3px solid var(--jgg-focus);outline-offset:2px;background:var(--jgg-selected)}.fret.selected .note-dot,.fret.answer .note-dot{color:var(--jgg-on-accent);background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--jgg-shadow) 12.6%,transparent)}.fret.wrong .note-dot{color:var(--jgg-on-accent);background:var(--coral);box-shadow:0 0 0 4px color-mix(in srgb,var(--jgg-error) 12.6%,transparent)}.fret.anchor .note-dot{color:var(--jgg-reference-text);background:var(--jgg-reference);box-shadow:inset 0 0 0 1px var(--jgg-reference-text)}.fret.hint-range{background:color-mix(in srgb,var(--jgg-accent) 4.3%,transparent)}.fret.labels .note-dot{color:var(--jgg-text-muted);background:var(--jgg-selected)}.fret.labels.open .note-dot{color:var(--jgg-text-muted);background:var(--paper)}.fret.labels.selected .note-dot,.fret.labels.answer .note-dot{color:var(--jgg-on-accent);background:var(--green)}.fret.labels.wrong .note-dot{color:var(--jgg-on-accent);background:var(--coral)}.fret.labels.anchor .note-dot{color:var(--jgg-reference-text);background:var(--jgg-reference);box-shadow:inset 0 0 0 1px var(--jgg-reference-text)}.fret-marker{position:absolute;inset:0;z-index:1;pointer-events:none}.fret-marker:after{position:absolute;content:'';left:50%;top:50%;transform:translate(-50%,-50%);height:8px;width:8px;border-radius:50%;background:color-mix(in srgb,var(--jgg-accent) 40%,transparent)}.fret-marker.double:before{position:absolute;content:'';left:50%;top:26%;transform:translate(-50%,-50%);height:8px;width:8px;border-radius:50%;background:color-mix(in srgb,var(--jgg-accent) 40%,transparent)}.fret-marker.double:after{top:75%}.fret-number{align-self:end;position:relative;z-index:1;text-align:center;padding-top:15px;padding-bottom:1px;background:var(--paper);color:var(--jgg-text-muted);font-size:13px;font-weight:700}.board-caption{display:flex;justify-content:space-between;gap:15px;padding:12px 28px 17px;font-size:13px;color:var(--jgg-text-muted)}.caption-divider{color:var(--jgg-text-muted);padding:0 8px}.caption-key{font-size:14.3px;display:inline-grid;place-items:center;border:1px solid var(--jgg-border);border-radius:3px;min-width:18px;height:17px;margin-left:4px}.feedback{display:flex;align-items:center;gap:11px;min-height:45px;margin:0 28px;padding:11px 14px;border-radius:7px;background:var(--jgg-selected);font-size:15.6px;line-height:1.65;color:var(--jgg-text-muted)}.feedback-symbol{font-size:22.1px;color:var(--jgg-text-muted);flex-shrink:0}.feedback.success{color:var(--jgg-link);background:var(--jgg-selected)}.feedback.success .feedback-symbol{color:var(--green-dark)}.feedback.error{color:var(--jgg-error-text);background:var(--jgg-error-bg)}.feedback.error .feedback-symbol{color:var(--coral)}.feedback.hint{color:var(--jgg-text-muted);background:var(--jgg-selected)}.feedback.hint .feedback-symbol{color:var(--jgg-text-muted)}.exercise-footer{display:flex;justify-content:flex-end;align-items:center;min-height:72px;padding:15px 28px 20px}.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:42px;border-radius:25px;padding:10px 22px;color:var(--jgg-on-accent);background:var(--green);border:1px solid var(--green);box-shadow:0 3px 0 var(--jgg-accent-hover);font-size:16.9px;font-weight:850;white-space:nowrap}.primary-button:hover{background:var(--jgg-accent-hover);border-color:var(--jgg-accent)}.primary-button:active:not(:disabled){box-shadow:0 1px 0 var(--jgg-accent-hover);transform:translateY(2px)}.primary-button>span{font-size:23.4px;line-height:1}.selected-notes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 28px 16px;min-height:34px;font-size:14.3px;font-weight:750;color:var(--jgg-text-muted)}.selected-note{font-size:15.6px;color:var(--green-dark);background:var(--green-soft);border:1px solid var(--jgg-control-border);border-radius:6px;padding:6px 10px}.selected-note:hover{background:var(--jgg-surface-hover)}.selected-note>span{font-size:14.3px;margin-left:5px}.selected-empty{font-size:14.3px;color:var(--jgg-text-muted);font-weight:400}.selection-count{font-size:12px;font-weight:800;letter-spacing:.5px;margin-left:auto;color:var(--jgg-text-muted)}.progression{display:flex;gap:9px;margin:0 28px 21px}.progression>div{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1;padding:10px 17px;border-radius:7px;background:var(--jgg-selected);border:1px solid var(--jgg-border);font-size:19.5px;font-weight:800;color:var(--jgg-text-muted)}.progression small{font-size:14.3px;color:var(--jgg-text-muted)}.progression .current{border-color:var(--jgg-border);background:var(--green-soft);color:var(--green-dark)}.progression .current small{color:var(--jgg-text-muted)}.practice-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:19px 1px 0}.lesson-card{max-width:590px;flex:1;font-size:16.9px;line-height:1.8;color:var(--jgg-text-muted)}.lesson-card summary{font-size:16.9px;font-weight:800;color:var(--jgg-text-muted);cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:4px 0;min-height:28px}.lesson-card summary:before{content:'+';font-size:23.4px;color:var(--green-dark);font-weight:700;line-height:1}.lesson-card[open] summary:before{content:'−'}.lesson-card summary::-webkit-details-marker{display:none}.lesson-card h3{font-size:19.5px;line-height:1.4;color:var(--navy);font-weight:850;margin:15px 0 8px}.lesson-card p{font-size:16.9px;line-height:1.85;margin:0}.formula{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;font-size:15.6px;color:var(--green-dark);font-weight:750}.formula span{background:var(--jgg-selected);padding:5px 9px;border-radius:5px}.session-line{font-size:14.3px;line-height:1.8;color:var(--jgg-text-muted);text-align:right;padding:6px 0;white-space:nowrap}.session-line strong{color:var(--jgg-text-muted);font-weight:850}.session-line>span{display:inline-block;margin-left:11px}.session-line p{margin:5px 0 0;font-size:13px;color:var(--jgg-text-muted);white-space:normal;max-width:280px}.main-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--jgg-border);margin-top:42px;padding:21px 0 26px;color:var(--jgg-text-muted);font-size:13px;line-height:1.7}.main-footer strong{font-size:15.6px;color:var(--jgg-text-muted);font-weight:850}.main-footer>span:last-child{text-align:right}.eyebrow{color:var(--green-dark);font-size:13px;font-weight:850;letter-spacing:1px}.tiny{color:var(--jgg-text-muted);font-size:13px;font-weight:800;letter-spacing:1px}dialog{width:100%;max-width:min(760px,94vw);max-height:90vh;border:1px solid var(--jgg-border);border-radius:16px;background:var(--paper);color:var(--navy);padding:30px;box-shadow:0 20px 80px color-mix(in srgb,var(--jgg-shadow) 16.1%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--jgg-shadow) 43.9%,transparent);backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--jgg-border)}.dialog-header h2{font-size:40.3px;line-height:1.2;font-weight:900;letter-spacing:-.7px;margin:7px 0 0}.dialog-close{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--jgg-border);border-radius:50%;font-size:32.5px;font-weight:600;color:var(--jgg-text-muted);flex-shrink:0}.dialog-close:hover{background:var(--jgg-surface-hover)}.reference-content article{padding:17px 0;border-bottom:1px solid var(--jgg-border)}.reference-content article:last-child{border:0}.reference-content h3{font-size:20.8px;font-weight:850;color:var(--green-dark);margin:8px 0 12px}.reference-content p,dialog>p{font-size:16.9px;line-height:1.85;color:var(--jgg-text-muted)}.chord-reference{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px}.chord-reference>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--jgg-selected);border-radius:5px;padding:9px 12px;font-size:15.6px}.chord-reference>div b{color:var(--navy)}.chord-reference>div span{color:var(--jgg-text-muted)}.freeplay-note{text-align:center;font-size:45.5px;line-height:1.2;font-weight:900;color:var(--green-dark);margin:25px 0}#freeplay-dialog{max-width:1050px}#freeplay-dialog .board-scroll{padding:0}.freeplay-foot{font-size:14.3px!important;color:var(--jgg-text-muted)!important;margin-top:20px}.round-dialog-inner{text-align:center;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:17px}.round-medallion{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:var(--green-soft);color:var(--jgg-link);font-size:50.7px;margin-bottom:4px}.round-dialog-inner h2{font-size:48.1px;line-height:1.1;font-weight:900;letter-spacing:-1px;margin:0}.round-dialog-inner p{font-size:18.2px;line-height:1.8;color:var(--jgg-text-muted);max-width:410px;margin:0}.round-dialog-stats{display:flex;gap:35px;font-size:15.6px;color:var(--jgg-text-muted);margin:6px 0 14px}.round-dialog-stats strong{display:block;font-size:40.3px;line-height:1.2;font-weight:850;color:var(--navy);margin-bottom:7px}#round-dialog{max-width:530px}.no-motion{transition:none}.mobile-tools,.sidebar,.intro-graphic,.path-section,.keyboard-tip{display:none}
@media(max-width:960px){.site-header{padding-left:24px;padding-right:24px}.practice-header{align-items:flex-start;flex-direction:column;gap:13px}.practice-header h2{font-size:28.6px}.level-tabs{gap:4px}.level-button{padding:8px 12px}.track-nav,#track-nav{gap:5px}.track-button{font-size:15.6px;gap:8px}.intro h1{font-size:52px}.challenge-subtitle{max-width:500px}.session-line{white-space:normal;max-width:275px}.main-footer{font-size:12px}}@media(max-width:700px){.site-header{padding:20px 20px 12px;gap:15px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:32.5px}.brand small{font-size:12px}.brand-mark{width:30px;height:34px}.brand-mark b{left:12px}.header-actions{gap:18px;margin-left:auto}.header-actions>button{font-size:14.3px;min-height:36px}.header-actions .sound-button{font-size:13px;padding:7px 10px;min-height:35px}.header-actions #sound-label{display:none}.header-actions .sound-button #sound-icon{font-size:18.2px}main{width:calc(100% - 32px)}.intro{padding:23px 0 23px}.intro h1{font-size:45.5px;letter-spacing:-1px;line-height:1.18;margin:8px 0 13px}.intro p{font-size:16.9px;line-height:1.65;padding:0 7px}.track-nav,#track-nav{gap:2px;margin-bottom:22px}.track-button{padding:12px 5px;min-height:48px;gap:5px;font-size:14.3px}.nav-number{font-size:12px}.practice-header{gap:12px;margin-bottom:15px}.practice-header h2{font-size:27.3px}.level-tabs{gap:4px;width:100%}.level-button{font-size:13px;padding:8px 9px;gap:5px;min-height:35px}.level-number{font-size:12px}.exercise-card{border-radius:11px}.exercise-top{padding:18px 17px 0;gap:12px}.exercise-tag{font-size:12px;letter-spacing:.9px}.round-progress{gap:4px}.round-progress i{width:9px;height:3px}.round-label{font-size:13px}.round-label>span{font-size:12px}.challenge{padding:21px 17px 18px;gap:10px;align-items:flex-start}.challenge-copy>p:first-child{font-size:16.9px;line-height:1.6}.challenge h3,#challenge-display{font-size:59.8px;margin:8px 0 9px}#challenge-display.long-target{font-size:36.4px;line-height:1.25;letter-spacing:-.7px}.challenge-subtitle{font-size:13px;line-height:1.7;max-width:230px}.challenge-actions{gap:6px;padding-top:9px}.secondary-button{font-size:13px;gap:5px;padding:8px 11px;min-height:36px}.secondary-button>span{font-size:16.9px}.challenge-actions .text-button{font-size:12px;gap:4px;min-height:32px;padding:5px 2px}.challenge-actions .text-button>span{font-size:15.6px}.fretboard-toolbar{padding:11px 17px 13px;font-size:12px;letter-spacing:.6px}.fretboard-toolbar b{display:none}.toggle-button{font-size:12px;gap:6px;min-height:28px}.board-scroll{padding:0 17px}.fretboard{min-width:670px;grid-template-rows:repeat(6,42px) 28px}.note-dot{width:29px;height:29px}.board-caption{padding:12px 17px 15px;font-size:12px;line-height:1.6}.board-caption>span:last-child{display:none}.caption-divider{padding:0 5px}.feedback{margin:0 17px;min-height:44px;padding:10px 12px;font-size:13px;gap:8px}.feedback-symbol{font-size:19.5px}.exercise-footer{min-height:68px;padding:15px 17px 19px}.footer-actions{gap:14px}.text-button{font-size:14.3px;min-height:36px}.primary-button{font-size:14.3px;min-height:39px;padding:9px 17px;gap:19px}.primary-button>span{font-size:20.8px}.selected-notes{margin:0 17px 14px;gap:6px;font-size:13px}.selected-note{font-size:14.3px;padding:5px 9px}.selected-empty{font-size:13px}.selection-count{font-size:12px}.progression{margin:0 17px 18px;gap:6px}.progression>div{padding:9px 10px;font-size:15.6px;gap:8px}.progression small{font-size:12px}.practice-bottom{flex-direction:column;gap:14px;padding-top:16px}.lesson-card{max-width:100%;width:100%}.lesson-card summary{font-size:15.6px}.lesson-card h3{font-size:18.2px}.lesson-card p{font-size:15.6px}.formula{font-size:14.3px}.session-line{padding:0;width:100%;text-align:left;max-width:none;font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.session-line>span{margin:0}.session-line p{flex-basis:100%;max-width:none;font-size:12px;margin:0}.main-footer{margin-top:28px;padding:18px 0 22px;font-size:12px;gap:13px;align-items:flex-start}.main-footer strong{font-size:14.3px}.main-footer>span:last-child{max-width:140px}.eyebrow{font-size:12px}dialog{padding:23px 19px;max-width:94vw;border-radius:13px}.dialog-header{padding-bottom:18px}.dialog-header h2{font-size:35.1px}.dialog-close{width:32px;height:32px;font-size:29.9px}.reference-content h3{font-size:19.5px}.reference-content p,dialog>p{font-size:15.6px}.chord-reference{grid-template-columns:1fr}.round-dialog-inner h2{font-size:41.6px}.round-dialog-inner p{font-size:15.6px}.round-dialog-stats{font-size:14.3px;gap:25px}.round-dialog-stats strong{font-size:36.4px}.freeplay-note{font-size:40.3px}}@media(max-width:390px){.header-actions{gap:12px}.header-actions>button{font-size:13px}.brand{font-size:29.9px}.brand-mark{width:27px}.brand-mark b{left:10px}.track-button{font-size:13px;gap:4px}.level-button{font-size:12px;padding:7px 8px}.challenge-actions .secondary-button{font-size:12px;padding:8px}.challenge-copy>p:first-child{font-size:15.6px}.intro h1{font-size:41.6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.brand-mark{display:block;width:36px;height:40px;border:0;background:none;color:var(--jgg-link);flex-shrink:0}.brand-mark svg{display:block;width:100%;height:100%}.lesson-card summary>span{display:none}@media(max-width:700px){.brand-mark{width:30px;height:34px}}
.footer-actions .primary-button{margin-left:auto}

/* Typography scaled for readability: 130 percent; small labels have a 12px floor. */