@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{font-family:Manrope Variable,Manrope,Avenir Next,Segoe UI,Arial,sans-serif;color:#181a1e;background:#f8f8f4;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas: #f8f8f4;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-inverse: #181a1e;--color-text: #181a1e;--color-text-muted: #666970;--color-text-inverse: #f8f8f4;--color-text-inverse-muted: #b8bbc2;--color-border: #181a1e;--color-border-subtle: #c8cbd1;--color-primary: #181a1e;--color-on-primary: #f8f8f4;--color-highlight: #f2f35b;--color-on-highlight: #181a1e;--color-success: #69e985;--color-on-success: #181a1e;--color-danger: #ff897d;--color-on-danger: #181a1e;--color-danger-text: #972f26;--color-special: #a875f2;--color-on-special: #181a1e;--color-info: #70dce7;--color-on-info: #181a1e;--color-sky: #78b8ee;--color-lavender: #e9e6ff;--color-success-soft: #c8f7d3;--color-warning-soft: #f7f7a8;--color-danger-soft: #ffd0cb;--color-info-soft: #cbeff3;--color-disabled: #d1d3d7;--piano-white: #f8f8f4;--piano-black: #181a1e;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--focus-ring: 0 0 0 2px var(--color-canvas), 0 0 0 5px var(--color-highlight);--ink: var(--color-text);--paper: var(--color-canvas);--white: var(--color-surface);--blue: var(--color-sky);--green: var(--color-success);--purple: var(--color-special);--coral: var(--color-danger);--yellow: var(--color-highlight);--line: var(--color-border);--muted: var(--color-text-muted)}[data-theme=dark]{color:#f8f8f4;background:#111317;--color-canvas: #111317;--color-surface: #1b1d21;--color-surface-raised: #25282d;--color-surface-inverse: #f8f8f4;--color-text: #f8f8f4;--color-text-muted: #a7a9ae;--color-text-inverse: #181a1e;--color-text-inverse-muted: #666970;--color-border: #f0f0ea;--color-border-subtle: #3c3f45;--color-primary: #f2f35b;--color-on-primary: #181a1e;--color-highlight: #f2f35b;--color-on-highlight: #181a1e;--color-success: #69e985;--color-on-success: #181a1e;--color-danger: #ff897d;--color-on-danger: #181a1e;--color-danger-text: #ff897d;--color-special: #a875f2;--color-on-special: #181a1e;--color-info: #70dce7;--color-on-info: #181a1e;--color-sky: #78b8ee;--color-lavender: #e9e6ff;--color-success-soft: #183d24;--color-warning-soft: #42431d;--color-danger-soft: #472725;--color-info-soft: #18383d;--color-disabled: #35383d;--piano-white: #ecece7;--piano-black: #090a0c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;border-top:4px solid var(--color-highlight);background:var(--color-canvas);color:var(--color-text)}button,input,select{font:inherit}button{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shell{min-height:calc(100vh - 4px);display:flex;align-items:center;justify-content:center;padding:28px}.hero,.practice-card{width:min(100%,600px);min-width:0}.top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.top-row .eyebrow{margin-top:10px}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.text-button{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);min-height:44px;padding:9px 14px;color:var(--ink);font-weight:750}.text-button:hover,.text-button:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font-size:clamp(38px,9vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.02}.home-hero h1{font-size:clamp(52px,12vw,86px);letter-spacing:-.065em;line-height:.88}.lede{max-width:47ch;margin:26px 0 30px;color:var(--color-text-muted);font-size:18px;font-weight:550;line-height:1.5}.brand-mark{width:52px;color:var(--color-text);margin:24px 0 0}.brand-mark.compact{width:38px;margin:0}.brand-mark svg{display:block;width:100%;height:auto;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:var(--color-surface);stroke:currentColor;stroke-width:3}.brand-mark .accent-note{fill:var(--color-highlight)}.session-card,.practice-card,.map-card{border:2px solid var(--line);background:var(--white);border-radius:var(--radius-lg)}.session-card{display:grid;gap:0;padding:0;margin-bottom:14px;overflow:hidden;background:var(--color-surface-inverse);color:var(--color-text-inverse)}.session-card div{display:flex;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.session-card div:last-child{border-bottom:0}.session-card span{color:var(--color-text-inverse-muted)}.session-card div:nth-child(1) strong{color:var(--color-sky)}.session-card div:nth-child(2) strong{color:var(--color-success)}.session-card div:nth-child(3) strong{color:var(--color-highlight)}.history-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.history-strip div{display:grid;gap:2px;min-width:0;padding:14px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.history-strip div:nth-child(1){background:var(--color-highlight);color:var(--color-on-highlight)}.history-strip div:nth-child(2){background:var(--color-info);color:var(--color-on-info)}.history-strip div:nth-child(3){background:var(--color-success);color:var(--color-on-success)}.history-strip strong{font-size:22px}.history-strip span{color:inherit;font-size:11px;font-weight:700}.primary,.secondary{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:15px 20px;font-weight:800}.primary{background:var(--color-primary);color:var(--color-on-primary)}.primary:hover:not(:disabled){filter:brightness(.9)}[data-theme=dark] .primary:hover:not(:disabled){filter:brightness(1.08)}.secondary{background:var(--white);color:var(--ink)}.secondary:hover,.secondary:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.home-secondary{margin-top:9px}.practice-card{padding:24px}.progress-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800}.progress-title{min-width:0}.mobile-context{display:none}.progress-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.exit-practice{min-height:44px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:8px 13px;color:var(--ink);font-size:11px;font-weight:800}.exit-practice:hover,.exit-practice:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.progress{height:10px;overflow:hidden;margin:12px 0 26px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white)}.progress div{height:100%;background:var(--color-primary)}.curriculum-context{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px;color:var(--muted);font-size:12px;font-weight:700}.curriculum-context strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--yellow);color:var(--color-on-highlight)}.chord-symbol{position:relative;display:grid;place-items:center;min-height:190px;margin:14px 0 26px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse);text-align:center;font-size:clamp(72px,18vw,112px);font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.chord-symbol.long-symbol{font-size:clamp(48px,14vw,86px)}.chord-frequency-chip{position:absolute;top:13px;right:13px;display:grid;gap:1px;min-width:92px;border:2px solid var(--color-text-inverse);border-radius:var(--radius-pill);background:transparent;padding:7px 11px;color:var(--color-text-inverse);font-size:11px;font-weight:800;letter-spacing:0;line-height:1.05}.chord-frequency-chip small{color:var(--color-text-inverse-muted);font-size:8px;font-weight:800}.chord-frequency-chip[aria-expanded=true]{border-color:var(--purple);background:var(--purple)}.chord-frequency-chip[aria-expanded=true],.chord-frequency-chip[aria-expanded=true] small{color:var(--color-on-special)}.practice-flow>.frequency-options{margin:-10px 0 14px}.step{display:grid;gap:13px}label{font-weight:750}input{width:100%;min-height:60px;border:2px solid var(--ink);border-radius:14px;background:var(--white);color:var(--color-text);padding:15px 16px;outline:none;font-size:18px}input:focus{box-shadow:var(--focus-ring)}.feedback{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:14px 16px;font-weight:800}.correct{background:var(--color-success-soft)}.incorrect{background:var(--color-warning-soft)}.answer-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px}.checkpoint{display:grid;gap:16px}.checkpoint>div{display:grid;gap:3px}.checkpoint span{color:var(--color-text-muted);font-size:13px;font-weight:550}.checkpoint .checkpoint-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkpoint-button{min-height:50px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:12px 16px;color:var(--ink);font-weight:800}.try-again-button{background:var(--color-primary);color:var(--color-on-primary)}.reveal-button{background:var(--white)}.reveal-button:hover,.reveal-button:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.answer-lines{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 24px}.answer-lines span{display:grid;gap:2px}.answer-lines .feedback-title{flex-basis:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.answer-lines small{color:var(--color-text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.retry-button{min-height:44px;flex:0 0 auto;border:0;border-bottom:2px solid currentColor;background:transparent;padding:4px 0;color:inherit;font-weight:800}.piano-wrap{display:grid;gap:9px;margin-top:2px}.visual-label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.visual-label small{font-size:9px}.piano{position:relative;height:130px;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--piano-white)}.piano-track{position:absolute;inset:0 auto 0 0;width:300%;height:100%}.white-key{position:absolute;top:0;width:4.761905%;height:100%;border-right:2px solid var(--ink);background:var(--piano-white)}.key-label{position:absolute;right:3px;bottom:7px;left:3px;display:grid;justify-items:center;gap:1px;text-align:center}.key-label strong{font-size:13px;line-height:1}.key-label small{font-size:8px;font-weight:800;line-height:1;text-transform:uppercase}.white-key.active{background:var(--yellow)}.black-key{position:absolute;top:0;z-index:1;width:2.952381%;height:78px;border:2px solid var(--ink);border-top:0;border-radius:0 0 5px 5px;background:var(--piano-black);color:#f8f8f4}.black-key.active{background:var(--purple)}.black-key .key-label{bottom:6px;color:#f8f8f4}.black-key .key-label strong{font-size:11px}.black-key .key-label small{font-size:7px}.answer-actions{display:grid;grid-template-columns:54px minmax(150px,1fr);gap:8px}.answer-actions button{min-height:54px;border:2px solid var(--ink);font-weight:800}.repeat-button{border-radius:50%;background:var(--color-danger);color:var(--color-on-danger);font-size:25px;line-height:1}.continue-action{min-width:0}.frequency-options{display:grid;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.frequency-options-heading{display:grid;gap:3px;padding:15px;border-bottom:2px solid var(--ink);background:var(--color-surface-inverse);color:var(--color-text-inverse)}.frequency-options-heading span{color:var(--color-text-inverse-muted);font-size:11px;font-weight:700}.frequency-options>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 15px;border:0;border-bottom:2px solid var(--ink);background:var(--white);color:var(--ink);text-align:left}.frequency-options>button:last-child{border-bottom:0}.frequency-options>button.selected{background:var(--color-highlight);color:var(--color-on-highlight)}.frequency-options>button span{display:grid;gap:2px}.frequency-options>button small{color:var(--muted);font-size:11px;font-weight:700}.frequency-options>button i{font-size:19px;font-style:normal}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:30px 0 14px}.score-grid div{display:grid;gap:4px;min-height:116px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white);color:var(--color-text)}.score-grid div:nth-child(1){background:var(--color-highlight);color:var(--color-on-highlight)}.score-grid div:nth-child(2){background:var(--color-surface)}.score-grid div:nth-child(3){background:var(--color-special);color:var(--color-on-special)}.score-grid div:nth-child(4){background:var(--color-surface);color:var(--color-text)}.score-grid strong{font-size:32px;font-variant-numeric:tabular-nums}.score-grid span{color:inherit;font-size:13px;font-weight:700}.review{display:flex;justify-content:space-between;gap:16px;margin:14px 0 22px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse)}.review span{color:var(--color-text-inverse-muted)}.summary-actions{display:grid;gap:9px}.summary-actions p{margin:0 6px 4px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4;text-align:center}.session-progress{display:grid;gap:12px;margin:0 0 22px;padding:17px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.session-progress>div{display:grid;gap:2px}.session-progress>div span{color:var(--muted);font-size:12px;font-weight:700}.session-progress ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.session-progress li{display:grid;gap:1px;min-width:120px;padding:9px 11px;border:2px solid var(--ink);border-radius:var(--radius-xs);background:var(--color-success-soft)}.session-progress li span{color:var(--color-text);font-size:10px;font-weight:800}.account-card{display:grid;gap:22px}.account-card h1{max-width:520px}.account-card .top-row{align-items:flex-start}.account-copy{max-width:52ch;margin:0;color:var(--color-text-muted);font-size:16px;font-weight:550;line-height:1.5}.account-form{display:grid;gap:10px}.account-form label{margin-top:5px}.account-form input[readonly]{background:var(--color-disabled);color:var(--color-text-muted)}.account-sync{display:flex;align-items:center;gap:8px;width:fit-content;margin-bottom:-10px;color:var(--color-text-muted);font-size:12px;font-weight:800}.sync-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.form-message{margin:0;padding:13px 15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--color-info-soft);font-weight:800;line-height:1.4}.error-message{background:var(--color-danger-soft)}.sign-out-button{justify-self:start;min-height:44px;border:0;border-bottom:2px solid currentColor;background:transparent;padding:9px 0;color:var(--muted);font-weight:800}.sign-out-button:hover,.sign-out-button:focus-visible{color:var(--color-danger-text)}.account-danger{display:grid;gap:8px;margin-top:5px;padding-top:20px;border-top:2px solid var(--ink)}.account-danger>p,.delete-confirmation p{margin:0;color:var(--muted);font-size:13px;font-weight:550;line-height:1.45}.danger-link{justify-self:start;min-height:44px;border:0;border-bottom:2px solid currentColor;background:transparent;padding:9px 0;color:var(--color-danger-text);font-weight:800}.danger-button{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--color-danger);padding:15px 20px;color:var(--color-on-danger);font-weight:800}.danger-button:hover:not(:disabled){filter:brightness(.92)}.delete-confirmation{display:grid;gap:9px;padding-top:4px}.onboarding-shell{align-items:flex-start;padding-top:clamp(36px,8vh,82px)}.onboarding-card{width:min(100%,860px);min-width:0}.onboarding-card h1,.summary-card h1{max-width:760px;font-size:clamp(44px,10vw,72px);letter-spacing:-.055em;line-height:.96}.onboarding-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:58px;padding-bottom:14px;border-bottom:2px solid var(--ink)}.onboarding-brand>strong{font-size:19px;font-weight:800;letter-spacing:-.045em}.pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pathway-option{display:grid;gap:11px;min-height:180px;padding:18px;border:2px solid var(--ink);border-top-width:10px;border-radius:var(--radius-md);background:var(--white);color:inherit;text-align:left}.pathway-option:nth-child(1){border-top-color:var(--color-sky)}.pathway-option:nth-child(2){border-top-color:var(--green)}.pathway-option:nth-child(3){border-top-color:var(--purple)}.pathway-option:nth-child(4){border-top-color:var(--coral)}.pathway-option:nth-child(5){border-top-color:var(--yellow)}.pathway-option:hover,.pathway-option:focus-visible{background:var(--yellow)}.pathway-option:hover,.pathway-option:focus-visible,.pathway-option:hover *,.pathway-option:focus-visible *{color:var(--color-on-highlight)}.pathway-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pathway-heading strong{font-size:23px;font-weight:750;letter-spacing:-.03em}.pathway-heading small{padding:5px 8px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--yellow);color:var(--color-on-highlight);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pathway-option>span:not(.pathway-heading){color:var(--color-text-muted);font-weight:550;line-height:1.42}.pathway-option em{align-self:end;color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.onboarding-note{margin:18px 2px 0;color:var(--muted);font-size:12px;font-weight:700}.map-shell{align-items:flex-start}.map-card{width:min(100%,1080px);min-width:0;padding:26px}.map-intro{max-width:70ch;margin:22px 0;color:var(--color-text-muted);font-size:16px;font-weight:550;line-height:1.5}.map-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.map-summary div{display:grid;gap:3px;padding:15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white)}.map-summary div:nth-child(1){background:var(--color-info);color:var(--color-on-info)}.map-summary div:nth-child(2),.map-summary div:nth-child(3){background:var(--color-surface);color:var(--color-text)}.map-summary strong{font-size:25px}.map-summary span{color:inherit;font-size:12px;font-weight:800}.heat-legend{display:flex;align-items:center;gap:10px;margin:20px 0 11px;color:var(--color-text-muted);font-size:12px;font-weight:800}.heat-ramp-wrap{position:relative;display:block;width:min(250px,52vw);height:14px}.heat-ramp{display:block;width:100%;height:14px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:linear-gradient(90deg,#fff,#e7f2df,#d0e9c5,#b7ddaa,#98ce87,#55b849)}.heat-user-range{position:absolute;top:-5px;bottom:-5px;z-index:1;border:3px solid var(--yellow);border-radius:0;pointer-events:none}.chord-table-wrap{max-width:100%;overflow-x:auto;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);outline:none}.chord-table-wrap:focus{box-shadow:var(--focus-ring)}.chord-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;color:var(--color-text);text-align:left}.chord-table th,.chord-table td{padding:7px;border-bottom:1px solid var(--color-border-subtle)}.chord-table thead th{padding:12px 9px;background:var(--color-surface-inverse);color:var(--color-text-inverse);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.chord-table tbody th{position:sticky;left:0;z-index:2;width:54px;background:var(--paper);text-align:center}.chord-table tr:last-child th,.chord-table tr:last-child td{border-bottom:0}.mastery-cell{display:grid;gap:3px;min-width:160px;min-height:76px;padding:11px;border:2px solid #181a1e;border-radius:var(--radius-xs);color:#181a1e}.mastery-cell.unpracticed{opacity:.4;filter:saturate(.25)}.mastery-cell strong{font-size:17px}.mastery-cell span,.mastery-cell small{color:#4e5158;font-size:11px}.map-note{margin:13px 2px 0;color:var(--muted);font-size:12px;font-weight:700}.settings-card{display:grid;gap:30px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;font-size:18px;font-weight:800}.field-help{margin:5px 0 13px;color:var(--muted);font-size:13px;font-weight:550}.settings-pathways{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.theme-options button,.length-options button{min-height:48px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:11px 8px;color:var(--ink);font-weight:800}.theme-options button.selected,.length-options button.selected{background:var(--color-highlight);color:var(--color-on-highlight)}.settings-pathways button{display:grid;gap:3px;min-height:64px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);padding:12px;color:inherit;text-align:left}.settings-pathways button span{color:var(--muted);font-size:10px;font-weight:700}.settings-pathways button.selected{background:var(--purple);color:var(--color-on-special)}.settings-pathways button.selected span{color:var(--color-on-special)}.option-list{display:grid;border-top:2px solid var(--ink)}.check-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:2px solid var(--ink);font-weight:800}.check-option small{margin-left:5px;color:var(--muted);font-weight:550}.check-option input{width:22px;min-height:22px;height:22px;accent-color:var(--blue)}.length-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.frequency-settings-list{display:grid;border-top:2px solid var(--ink)}.frequency-settings-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:2px solid var(--ink)}.frequency-settings-list strong{font-size:19px}.frequency-settings-list select{min-width:156px;min-height:48px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:9px 34px 9px 12px;color:var(--ink);font-weight:800}.frequency-settings-list select:focus{outline:0;box-shadow:var(--focus-ring)}.empty-frequency{margin:12px 0 0;padding:14px;border:2px dashed var(--ink);border-radius:12px;color:var(--muted);font-size:13px;font-weight:700}.settings-links{display:grid;margin-top:13px;border-top:2px solid var(--ink)}.settings-links button{min-height:52px;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px 2px;color:var(--color-text);text-align:left;font-weight:800}.settings-links button:hover,.settings-links button:focus-visible{color:var(--color-text);background:var(--color-highlight);padding-inline:12px}.legal-shell{align-items:flex-start}.legal-card{display:grid;gap:24px;width:min(100%,720px)}.legal-content{display:grid;gap:13px;color:var(--color-text);font-size:16px;font-weight:500;line-height:1.6}.legal-content h2{margin:16px 0 0;color:var(--ink);font-size:21px;line-height:1.2}.legal-content p{margin:0}.legal-content a{color:inherit;font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}.support-options{display:grid;gap:9px;margin:8px 0}.link-button{display:block;text-align:center;text-decoration:none}.delete-check{display:flex;align-items:flex-start;gap:10px;padding:15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);line-height:1.4}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.delete-check input{flex:0 0 auto;width:21px;min-height:21px;height:21px;margin:1px 0 0;accent-color:var(--coral)}@media(max-width:620px){.shell{padding:16px}.practice-card,.map-card{padding:17px}.pathway-grid{grid-template-columns:1fr}.pathway-option{min-height:150px}.onboarding-brand{margin-bottom:40px}.settings-pathways{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr 1fr}.chord-symbol{min-height:164px}.practice-label{display:none}.mobile-context{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curriculum-context{display:none}.progress{margin-bottom:16px}.chord-frequency-chip{top:10px;right:10px;min-width:82px;padding:6px 9px;font-size:10px}}@media(max-width:430px){.top-row{gap:10px}.top-actions{max-width:150px}.top-actions .text-button{padding:7px 10px;font-size:12px}.account-card .top-row{display:grid}.account-card .top-row .text-button{justify-self:start}.history-strip{gap:5px}.history-strip div{padding:10px 8px}.history-strip strong{font-size:19px}.session-card div{align-items:flex-start;flex-direction:column;gap:3px}.score-grid{grid-template-columns:1fr}.answer-feedback{align-items:flex-start;flex-direction:column}.checkpoint .checkpoint-actions{grid-template-columns:1fr}.answer-actions{grid-template-columns:54px minmax(0,1fr)}.chord-symbol.long-symbol{font-size:clamp(40px,13vw,56px)}.piano{height:112px}.black-key{height:67px}.map-summary div{padding:11px 9px}.map-summary strong{font-size:20px}.pathway-heading{align-items:flex-start}.brand-mark.compact{width:32px}}