.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-stack-md{gap:40px}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-outline-variant{border-color:var(--color-outline-variant)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-margin-mobile{padding-left:20px;padding-right:20px}.pb-stack-md{padding-bottom:40px}.pl-6{padding-left:1.5rem}.text-left{text-align:left}.text-body-md{font-size:15px;line-height:24px;letter-spacing:-.005em;font-weight:400}.text-interactive{font-size:14px;line-height:20px;font-weight:600}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-coral{color:var(--color-coral)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.underline{text-decoration-line:underline}.shadow-paper{--tw-shadow: 0px 4px 20px rgba(0,0,0,.04);--tw-shadow-colored: 0px 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:root{--color-surface: #f8f9ff;--color-surface-dim: #cbdbf5;--color-surface-bright: #f8f9ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #eff4ff;--color-surface-container: #e5eeff;--color-surface-container-high: #dce9ff;--color-surface-container-highest: #d3e4fe;--color-on-surface: #0b1c30;--color-on-surface-variant: #45464d;--color-outline: #76777d;--color-outline-variant: #c6c6cd;--color-cl-primary: #000000;--color-on-primary: #ffffff;--color-secondary: #006a61;--color-secondary-hover: #006f66;--color-on-secondary: #ffffff;--color-secondary-container: #86f2e4;--color-secondary-container-soft: rgb(134 242 228 / 70%);--color-on-secondary-container: #006f66;--color-on-secondary-fixed: #00201d;--color-tertiary-container: #eaddff;--color-on-tertiary-container: #25005a;--color-teaching-panel: #131b2e;--color-on-teaching-panel: #eaf1ff;--color-teaching-muted: #bec6e0;--color-teaching-accent: #86f2e4;--color-header: rgb(248 249 255 / 80%);--color-card-footer: rgb(239 244 255 / 40%);--shadow-control: 0 1px 3px rgb(15 23 42 / 4%);--shadow-card: 0 1px 3px rgb(15 23 42 / 4%);--shadow-raised: 0 12px 24px rgb(15 23 42 / 10%);--radius-control: 12px;--color-coral: #d46050;--color-mustard: #c99a2e}@media(prefers-color-scheme:dark){:root{--color-surface: #101826;--color-surface-dim: #101826;--color-surface-bright: #30425c;--color-surface-container-lowest: #131e30;--color-surface-container-low: #17243a;--color-surface-container: #1d2c43;--color-surface-container-high: #26374f;--color-surface-container-highest: #30425c;--color-on-surface: #e5ecf8;--color-on-surface-variant: #bac8dc;--color-outline: #879ab4;--color-outline-variant: #354762;--color-cl-primary: #dce7f6;--color-on-primary: #17243a;--color-secondary: #75e2d0;--color-secondary-hover: #9bf0e4;--color-on-secondary: #003b34;--color-secondary-container: #5bc8b7;--color-secondary-container-soft: rgb(91 200 183 / 70%);--color-on-secondary-container: #00302b;--color-header: rgb(16 24 38 / 80%);--color-card-footer: rgb(23 36 58 / 40%);--color-coral: #e57373;--color-mustard: #ffd54f;--color-tertiary-container: #392b55;--color-on-tertiary-container: #eaddff;--shadow-card: 0 1px 3px rgb(0 0 0 / 12%);--shadow-raised: 0 12px 24px rgb(0 0 0 / 20%)}}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.01em}a{color:var(--color-secondary)}:where(a,button,summary):focus-visible{outline:3px solid var(--color-secondary);outline-offset:4px}body{margin:0}@media print{:root{--color-surface: #ffffff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #ffffff;--color-on-surface: #000000;--color-on-surface-variant: #333333;--color-secondary: #000000}body{background:#fff;color:#000}}.playing-note{color:#006a61;filter:drop-shadow(0 0 3px #86f2e4)}@media print{.playing-note{color:#000;filter:none}}@media(min-width:768px){.md\:px-margin-desktop{padding-left:64px;padding-right:64px}}@media print{.print\:block{display:block}.print\:hidden{display:none}.print\:max-w-none{max-width:none}.print\:px-0{padding-left:0;padding-right:0}.print\:\[\&_button\]\:hidden button{display:none}}._wide_fvdsp_1{width:min(100% - 48px,1184px);margin-inline:auto}._page_fvdsp_2{padding-block:28px 72px}._intro_fvdsp_3{padding:36px 40px;border-radius:20px;background:var(--color-surface-container-lowest);box-shadow:var(--shadow-card)}._intro_fvdsp_3 h1{max-width:28ch;margin:0;font-size:clamp(28px,3.4vw,36px);font-weight:700;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}._intro_fvdsp_3>p{max-width:74ch;margin:16px 0 0;color:var(--color-on-surface-variant);font-size:16px;line-height:1.85}._introDetails_fvdsp_6{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;color:var(--color-on-surface-variant);font-size:13px;line-height:1.7}._badge_fvdsp_7{display:inline-flex;align-items:center;padding:5px 10px;border-radius:5px;background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-size:12px;font-weight:600;line-height:1.6}._readingLayout_fvdsp_8,._accountLayout_fvdsp_8{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:28px;margin-top:28px}._readingColumn_fvdsp_9{min-width:0}._panel_fvdsp_10,._sidePanel_fvdsp_10,._article_fvdsp_10{min-width:0;padding:32px;border-radius:16px;background:var(--color-surface-container-lowest);box-shadow:var(--shadow-card)}._panel_fvdsp_10 h2,._sidePanel_fvdsp_10 h2{margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:-.025em}._panel_fvdsp_10 p,._sidePanel_fvdsp_10 p{color:var(--color-on-surface-variant);line-height:1.8}._panel_fvdsp_10>:last-child,._sidePanel_fvdsp_10>:last-child{margin-bottom:0}._sidePanel_fvdsp_10{padding:24px}._sidePanel_fvdsp_10+._sidePanel_fvdsp_10{margin-top:24px}._sidePanel_fvdsp_10 h2{font-size:18px}._sidePanel_fvdsp_10 p{font-size:14px}._sidePanel_fvdsp_10 ul{margin:0;padding-left:20px;color:var(--color-on-surface-variant);font-size:14px;line-height:1.9}._sidePanel_fvdsp_10 li+li{margin-top:10px}._topicNav_fvdsp_20{display:flex;flex-direction:column;gap:8px;margin-top:16px}._topicNav_fvdsp_20 a,._topicNav_fvdsp_20>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--color-on-surface);font-size:13px;line-height:1.65;text-decoration:none}._topicNav_fvdsp_20 [aria-current]{background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:600}._topicNav_fvdsp_20 a:hover{background:var(--color-surface-container-low)}._sideLink_fvdsp_24{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:16px;color:var(--color-secondary);font-size:13px;font-weight:600;line-height:1.65;text-decoration:none}._sideLink_fvdsp_24:hover{text-decoration:underline;text-underline-offset:4px}._article_fvdsp_10{padding:36px}._readingBody_fvdsp_27{max-width:70ch;margin-inline:auto}._objectives_fvdsp_28{padding:24px;border:1px solid var(--color-outline-variant);border-radius:16px;background:var(--color-surface-container-low)}._objectives_fvdsp_28 summary{cursor:pointer;font-size:20px;font-weight:700;line-height:1.5}._objectives_fvdsp_28 ul{margin:20px 0 0;padding-left:24px;color:var(--color-on-surface-variant);font-size:15px;line-height:1.9}._objectives_fvdsp_28 li+li{margin-top:8px}._step_fvdsp_32{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;color:var(--color-on-secondary-container);background:var(--color-secondary-container);font-size:14px;font-weight:700}._lessonHeading_fvdsp_33{display:flex;align-items:center;gap:16px}._lessonHeading_fvdsp_33 h2{margin:0}._related_fvdsp_35{margin-top:56px}._related_fvdsp_35>h2{margin:0 0 20px;font-size:26px;line-height:1.4}._relatedGrid_fvdsp_37{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}._relatedCard_fvdsp_38{padding:24px}._relatedCard_fvdsp_38 h3{margin:16px 0 12px;font-size:18px;line-height:1.5}._relatedCard_fvdsp_38 p{margin:0;color:var(--color-on-surface-variant);font-size:14px;line-height:1.8}._breadcrumbs_fvdsp_41{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:16px;color:var(--color-on-surface-variant);font-size:12px;line-height:1.7}._breadcrumbs_fvdsp_41>span{display:inline-flex;align-items:center;gap:10px;min-width:0}._breadcrumbs_fvdsp_41 a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-on-surface-variant);text-decoration:none}._breadcrumbs_fvdsp_41 a:hover{color:var(--color-secondary);text-decoration:underline;text-underline-offset:3px}._breadcrumbs_fvdsp_41 [aria-current]{color:var(--color-on-surface)}._faq_fvdsp_46{max-width:800px;margin:16px auto 56px;padding:24px;border:1px solid var(--color-outline-variant);border-radius:16px;background:var(--color-surface-container-lowest)}._faq_fvdsp_46 h2{margin:0 0 16px;font-size:26px}._faq_fvdsp_46 details+details{border-top:1px solid var(--color-outline-variant)}._faq_fvdsp_46 summary{padding-block:16px;min-height:44px;cursor:pointer;font-weight:600;line-height:1.7}._faq_fvdsp_46 p{margin:0 0 20px;color:var(--color-on-surface-variant);line-height:1.85}._accountLayout_fvdsp_8{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);max-width:1056px;margin-inline:auto}._notice_fvdsp_52{margin-top:28px}@media(min-width:1600px){._wide_fvdsp_1{width:min(100% - 96px,1280px)}}@media(max-width:900px){._readingLayout_fvdsp_8,._accountLayout_fvdsp_8{grid-template-columns:minmax(0,1fr)}._relatedGrid_fvdsp_37{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){._wide_fvdsp_1{width:calc(100% - 40px)}._page_fvdsp_2{padding-block:20px 48px}._intro_fvdsp_3{padding:28px 24px;border-radius:16px}._intro_fvdsp_3 h1{font-size:32px}._intro_fvdsp_3>p{font-size:15px}._introDetails_fvdsp_6{gap:10px 16px;margin-top:20px;font-size:12px}._panel_fvdsp_10,._article_fvdsp_10{padding:24px 20px}._objectives_fvdsp_28{padding:20px}._objectives_fvdsp_28 summary{font-size:18px}._relatedGrid_fvdsp_37{grid-template-columns:minmax(0,1fr)}._lessonHeading_fvdsp_33{gap:12px;align-items:flex-start}._lessonHeading_fvdsp_33 h2{font-size:20px}._faq_fvdsp_46{width:calc(100% - 40px);padding:20px}}@media print{._wide_fvdsp_1{width:100%;max-width:none}._page_fvdsp_2{padding:0}._intro_fvdsp_3,._panel_fvdsp_10,._article_fvdsp_10{border:0;padding:0;background:#fff;color:#000}._intro_fvdsp_3>p{color:#000}._readingLayout_fvdsp_8{display:block}._readingBody_fvdsp_27{max-width:none}._introDetails_fvdsp_6,._readingLayout_fvdsp_8>aside,._related_fvdsp_35,._breadcrumbs_fvdsp_41,._faq_fvdsp_46{display:none}}._intro_rhguo_1{margin:24px 0 32px;font-size:18px;line-height:1.65;color:var(--color-on-surface-variant)}._actions_rhguo_2{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}._notice_rhguo_5{margin:28px 0;padding:28px;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:16px;line-height:1.8}._notice_rhguo_5 h2,._notice_rhguo_5 h3{margin-top:0}._error_rhguo_7{color:var(--color-on-surface);border:1px solid var(--color-coral);padding:16px;border-radius:8px;line-height:1.6}._lesson_rhguo_8{line-height:1.65}._lesson_rhguo_8 ._section_rhguo_9:first-child{margin-top:0}._section_rhguo_9{margin-top:56px;scroll-margin-top:24px}._completion_rhguo_12{padding:32px;border:1px solid var(--color-outline-variant);border-radius:16px;background:var(--color-surface-container-low)}._section_rhguo_9>h2{font-size:28px;line-height:1.25;margin:0 0 24px}._example_rhguo_14{margin:32px 0}._example_rhguo_14 h3{font-size:20px;line-height:1.4;margin:0 0 12px}._example_rhguo_14 p{margin:12px 0}._figures_rhguo_17{display:grid;gap:20px}._figures_rhguo_17 figure{min-width:0;margin:0}._figures_rhguo_17 figcaption{font-weight:600}._keyboard_rhguo_20{display:block;width:100%;height:auto;overflow:hidden;background:#f8fafc;border:4px solid #101827;border-top-width:6px;border-radius:12px;box-shadow:0 4px 12px #00000029}._overview_rhguo_21{margin-top:16px}._check_rhguo_22{margin:32px 0;padding:24px;border-radius:16px;background:var(--color-surface-container-low)}._check_rhguo_22 h3{margin-top:0;font-size:20px}._options_rhguo_24{display:grid;gap:12px;margin:20px 0}._compact_rhguo_25 ._options_rhguo_24{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}._compact_rhguo_25 ._option_rhguo_24{min-height:44px;padding:10px 12px}._option_rhguo_24{min-width:0}._feedback_rhguo_28{padding:16px;background:var(--color-surface-container-lowest);border-radius:8px}._feedback_rhguo_28 p{margin:0}._curriculum_rhguo_30{list-style:none;padding:0;margin:0}._curriculum_rhguo_30 li{margin-bottom:20px;border-radius:16px;padding:28px;background:var(--color-surface-container-lowest);box-shadow:var(--shadow-card)}._curriculum_rhguo_30 h2,._curriculum_rhguo_30 h3{margin:0 0 8px;font-size:22px}._curriculum_rhguo_30 p{margin:16px 0;line-height:1.8;color:var(--color-on-surface-variant)}._curriculum_rhguo_30 a{display:inline-flex;align-items:center;min-height:44px}._form_rhguo_35{display:grid;gap:20px;margin:24px 0}._field_rhguo_36{display:grid;gap:8px;font-weight:600}._muted_rhguo_37{color:var(--color-on-surface-variant);line-height:1.6}._pathProgress_rhguo_38{display:block;width:100%;height:8px;margin-bottom:28px;accent-color:var(--color-secondary)}@media print{._actions_rhguo_2,._check_rhguo_22{display:none}}@media(max-width:600px){._curriculum_rhguo_30 li,._completion_rhguo_12{padding:24px 20px}._check_rhguo_22{padding:20px 16px}}._card_zu7qy_1{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;border:0;border-radius:16px;background:var(--color-surface-container-lowest);color:var(--color-on-surface);text-decoration:none;box-shadow:var(--shadow-card);transition:box-shadow .2s}._card_zu7qy_1 h3{transition:color .2s}@media(hover:hover){._card_zu7qy_1:hover{box-shadow:var(--shadow-raised)}._card_zu7qy_1:hover h3{color:var(--color-secondary)}}@media(prefers-reduced-motion:reduce){._card_zu7qy_1,._card_zu7qy_1 h3{transition:none}}._library_sa10x_1{margin-top:72px}._heading_sa10x_2{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:40px}._eyebrow_sa10x_3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}._grade_sa10x_4{padding:2px 10px;border-radius:999px;background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);font-size:12px;font-weight:600;line-height:16px}._heading_sa10x_2 h2{margin:0;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}._heading_sa10x_2 p{margin:8px 0 0;color:var(--color-on-surface-variant);font-size:15px;line-height:24px}._count_sa10x_7{color:var(--color-on-surface-variant);font-size:13px;line-height:20px}._filters_sa10x_8{display:flex;flex-wrap:wrap;gap:8px}._grid_sa10x_9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}._advanced_sa10x_10{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_sa10x_9>li{min-width:0}._body_sa10x_12{flex:1;padding:24px 24px 0}._body_sa10x_12 h3{margin:0;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.015em}._body_sa10x_12 p{margin:8px 0 24px;color:var(--color-on-surface-variant);font-size:13px;line-height:20px}._topic_sa10x_15{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;line-height:16px;background:var(--topic-bg);color:var(--topic-text)}._notation_sa10x_16,._harmony_sa10x_16{--topic-bg: var(--color-secondary-container-soft);--topic-text: var(--color-on-secondary-container)}._rhythm_sa10x_17{--topic-bg: var(--color-tertiary-container);--topic-text: var(--color-on-tertiary-container)}._terms_sa10x_18{--topic-bg: var(--color-surface-container-high);--topic-text: var(--color-on-surface)}._footer_sa10x_19{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 24px;background:var(--color-card-footer);color:var(--color-on-surface-variant);font-size:12px;line-height:16px}._video_sa10x_20{color:var(--color-secondary);font-weight:600}._action_sa10x_21{color:var(--color-secondary);font-size:12px;font-weight:700;line-height:1.6}@media(max-width:1000px){._grid_sa10x_9{gap:16px}._advanced_sa10x_10{grid-template-columns:repeat(2,minmax(0,1fr))}._body_sa10x_12{padding:20px 20px 0}._footer_sa10x_19{padding:16px 20px}}@media(max-width:720px){._library_sa10x_1{margin-top:56px}._grid_sa10x_9{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){._grid_sa10x_9{grid-template-columns:minmax(0,1fr)}._heading_sa10x_2{margin-bottom:20px;gap:8px}._filters_sa10x_8{gap:6px}._filters_sa10x_8 button{padding-inline:12px}._body_sa10x_12 p{font-size:14px}}._home_1gt4u_1{--home-radius: 20px}._container_1gt4u_2{width:min(100% - 48px,1184px);margin-inline:auto}._hero_1gt4u_3{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding-block:80px}._heroCopy_1gt4u_4 h1{margin:0;font-size:clamp(36px,4.6vw,56px);font-weight:800;line-height:1.14;letter-spacing:-.03em;text-wrap:balance}._heroCopy_1gt4u_4 h1 span{color:var(--color-secondary)}._heroCopy_1gt4u_4>p{max-width:54ch;margin:24px 0 0;color:var(--color-on-surface-variant);font-size:18px;line-height:28px}._actions_1gt4u_7{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}._actions_1gt4u_7>a{min-height:48px;padding:14px 20px}._heroCopy_1gt4u_4 ._openNote_1gt4u_9{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:12px;line-height:1.6}._openNote_1gt4u_9 svg{width:18px;height:18px;flex-shrink:0;color:var(--color-secondary)}._demo_1gt4u_11{--control-surface: rgb(255 255 255 / 5%);--control-text: var(--color-on-teaching-panel);--control-muted: var(--color-teaching-muted);--control-outline: rgb(190 198 224 / 25%);--control-hover: rgb(255 255 255 / 10%);--control-primary: var(--color-teaching-accent);--control-on-primary: #00201d;--control-primary-hover: #a1fff0;min-width:0;padding:28px;border-radius:var(--home-radius);background:var(--color-teaching-panel);color:var(--color-on-teaching-panel);box-shadow:var(--shadow-raised)}._demo_1gt4u_11 h2{margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.3}._demo_1gt4u_11 [data-quick-check]{margin:0;padding:0;border:0;background:transparent}._demo_1gt4u_11 [data-quick-check] h3{margin:0 0 20px;color:var(--color-teaching-muted);font-size:15px;font-weight:400;line-height:24px;letter-spacing:-.005em}._demo_1gt4u_11 [data-quick-check] p{color:var(--color-on-surface);line-height:1.6;font-size:14px}._demo_1gt4u_11 :focus-visible{outline-color:var(--color-teaching-accent)}._demoLink_1gt4u_24{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:12px;color:var(--color-teaching-accent);font-size:12px;font-weight:600;line-height:16px;text-decoration:none}._benefits_1gt4u_25{background:var(--color-surface-container-low);padding-block:40px}._benefitGrid_1gt4u_26{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}._benefitGrid_1gt4u_26>div{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;background:var(--color-surface-container-lowest);box-shadow:var(--shadow-card)}._benefitGrid_1gt4u_26 svg{width:48px;height:48px;flex-shrink:0;padding:12px;border-radius:12px;background:var(--color-secondary-container);color:var(--color-on-secondary-container)}._benefitGrid_1gt4u_26>div:nth-child(2) svg{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}._benefitGrid_1gt4u_26>div:nth-child(3) svg{background:var(--color-surface-container-high);color:var(--color-on-surface)}._benefitGrid_1gt4u_26 h2{margin:0 0 4px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em}._benefitGrid_1gt4u_26 p{margin:0;font-size:13px;line-height:20px;color:var(--color-on-surface-variant)}._getStarted_1gt4u_33{margin-top:88px}._sectionHeading_1gt4u_34{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-bottom:28px}._sectionHeading_1gt4u_34 h2,._listening_1gt4u_35 h2,._continue_1gt4u_35 h2{margin:0;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}._sectionHeading_1gt4u_34 p{margin:12px 0 0;color:var(--color-on-surface-variant);font-size:15px;line-height:24px}._textLink_1gt4u_37{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--color-secondary);font-size:13px;font-weight:700;line-height:1.6;text-decoration:none}._tutorialGrid_1gt4u_38{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}._tutorialGrid_1gt4u_38>li{min-width:0}._tutorialCard_1gt4u_40{padding:24px}._lessonNumber_1gt4u_41{display:flex;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:24px;border-radius:50%;color:var(--color-on-secondary-container);background:var(--color-secondary-container);font-size:14px;font-weight:700}._tutorialCard_1gt4u_40 h3{margin:0;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.015em}._tutorialCard_1gt4u_40 p{margin:8px 0 24px;color:var(--color-on-surface-variant);font-size:13px;line-height:20px}._tutorialCard_1gt4u_40>._cardAction_1gt4u_44{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;min-height:36px}._cardAction_1gt4u_44{color:var(--color-secondary);font-size:12px;font-weight:700;line-height:1.6}._listening_1gt4u_35{--control-surface: rgb(255 255 255 / 8%);--control-text: var(--color-on-teaching-panel);--control-hover: rgb(255 255 255 / 14%);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-top:88px;padding:48px;border-radius:24px;background:var(--color-teaching-panel);color:var(--color-on-teaching-panel);box-shadow:var(--shadow-raised)}._listening_1gt4u_35 p{max-width:47ch;margin:16px 0;font-size:14px;line-height:1.8;color:var(--color-teaching-muted)}._listening_1gt4u_35 ._notation_1gt4u_48{min-width:0}._listening_1gt4u_35 ._notation_1gt4u_48>p{margin:0;font-size:12px}._listening_1gt4u_35 :focus-visible{outline-color:var(--color-teaching-accent)}._listeningLink_1gt4u_51{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:var(--color-teaching-accent);font-size:13px;font-weight:700;line-height:1.6;text-decoration:none}._continue_1gt4u_35{display:flex;align-items:center;justify-content:space-between;gap:32px 48px;margin-block:96px 64px;padding:48px;border-radius:24px;background:var(--color-surface-container-low)}._continue_1gt4u_35 p{max-width:57ch;margin:16px 0 0;color:var(--color-on-surface-variant);font-size:14px;line-height:1.8}._continueActions_1gt4u_54{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}._continueActions_1gt4u_54 ._textLink_1gt4u_37{font-size:11px;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-align:center}@media(hover:hover){._textLink_1gt4u_37:hover,._demoLink_1gt4u_24:hover,._listeningLink_1gt4u_51:hover{text-decoration:underline;text-underline-offset:4px}}@media(prefers-reduced-motion:no-preference){._demo_1gt4u_11{animation:_settle_1gt4u_1 .65s cubic-bezier(.16,1,.3,1) both}@keyframes _settle_1gt4u_1{0%{transform:translateY(10px);box-shadow:0 4px 12px #10213b0d}}}@media(min-width:1600px){._container_1gt4u_2{width:min(100% - 96px,1280px)}}@media(max-width:1000px){._hero_1gt4u_3{gap:32px;padding-block:64px}._heroCopy_1gt4u_4 h1{font-size:44px}._heroCopy_1gt4u_4>p{font-size:15px}._benefitGrid_1gt4u_26{gap:16px}._benefitGrid_1gt4u_26>div{flex-direction:column;padding:20px}._tutorialGrid_1gt4u_38{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}._listening_1gt4u_35,._continue_1gt4u_35{padding:32px;gap:32px}._continue_1gt4u_35{flex-direction:column;align-items:flex-start}._continueActions_1gt4u_54{align-items:flex-start}}@media(max-width:720px){._container_1gt4u_2{width:calc(100% - 40px)}._hero_1gt4u_3{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:48px}._heroCopy_1gt4u_4 h1{font-size:clamp(36px,7.6vw,52px)}._heroCopy_1gt4u_4>p{font-size:16px;line-height:1.75}._benefitGrid_1gt4u_26{grid-template-columns:minmax(0,1fr);gap:16px}._benefitGrid_1gt4u_26>div{flex-direction:row}._benefitGrid_1gt4u_26 p{font-size:13px}._tutorialGrid_1gt4u_38{grid-template-columns:repeat(2,minmax(0,1fr))}._getStarted_1gt4u_33{margin-top:56px}._listening_1gt4u_35{grid-template-columns:minmax(0,1fr);margin-top:56px}._continue_1gt4u_35{margin-block:56px 32px}}@media(max-width:480px){._tutorialGrid_1gt4u_38{grid-template-columns:minmax(0,1fr)}._actions_1gt4u_7{flex-direction:column;align-items:stretch}._heroCopy_1gt4u_4 ._openNote_1gt4u_9{font-size:11px}._demo_1gt4u_11{padding:24px 20px}._demo_1gt4u_11 h2{font-size:22px}._demoLink_1gt4u_24{font-size:11px}._sectionHeading_1gt4u_34{margin-bottom:20px;gap:8px}._tutorialCard_1gt4u_40 p{font-size:14px}._listening_1gt4u_35,._continue_1gt4u_35{padding:28px 20px}._continueActions_1gt4u_54{align-items:stretch;width:100%}._continueActions_1gt4u_54 ._textLink_1gt4u_37{justify-content:center}}._quiz_52exn_1{gap:24px}._question_52exn_2{min-width:0;padding:32px;border-radius:16px;box-shadow:var(--shadow-card)}._questionHeading_52exn_3{margin:0;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-.025em}._optionContent_52exn_4{display:flex;align-items:center;flex:1;min-width:0;gap:16px}._answerLetter_52exn_5{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:var(--color-surface-container-low);color:var(--color-on-surface);font-size:13px;font-weight:700}._answer_52exn_5{min-width:0}._answer_52exn_5[data-selected=true] ._answerLetter_52exn_5,._answer_52exn_5[data-answer-state=correct] ._answerLetter_52exn_5{background:var(--color-secondary);color:var(--color-on-secondary)}._notationAnswer_52exn_8{flex-direction:column-reverse;align-items:stretch;gap:0;padding:12px}._notationAnswer_52exn_8>span[aria-hidden]{align-self:flex-end}._notationAnswer_52exn_8 ._optionContent_52exn_4{flex-direction:column;align-items:stretch}._notationAnswer_52exn_8 ._answerLetter_52exn_5{align-self:flex-start}._question_52exn_2 [role=status]{color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}._progress_52exn_13{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--color-surface-container-lowest);border-radius:16px;box-shadow:var(--shadow-card)}._progress_52exn_13>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}._progress_52exn_13 strong{font-size:16px}._progress_52exn_13 span{color:var(--color-on-surface-variant);font-size:14px}._progress_52exn_13 progress{display:block;width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:4px;background:var(--color-outline-variant);overflow:hidden}._progress_52exn_13 progress::-webkit-progress-bar{background:var(--color-outline-variant)}._progress_52exn_13 progress::-webkit-progress-value{background:var(--color-secondary)}._progress_52exn_13 progress::-moz-progress-bar{background:var(--color-secondary)}@media(max-width:700px){._question_52exn_2{padding:20px}._questionHeading_52exn_3{font-size:20px;line-height:1.4}}@media(min-width:640px){._notationAnswer_52exn_8{flex-direction:row;align-items:center;gap:12px;padding:0 12px}._notationAnswer_52exn_8>span[aria-hidden]{align-self:center}._notationAnswer_52exn_8 ._optionContent_52exn_4{flex-direction:row;align-items:center}}@media(prefers-reduced-motion:reduce){._answer_52exn_5{transition:none}}@media print{._progress_52exn_13{display:none}}._button_19qtu_1{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:600;line-height:20px;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .18s,box-shadow .18s,border-color .18s}._primary_19qtu_7{background:var(--control-primary, var(--color-secondary));color:var(--control-on-primary, var(--color-on-secondary));box-shadow:var(--shadow-control)}._secondary_19qtu_8{background:var(--control-surface, var(--color-surface-container-lowest));color:var(--control-text, var(--color-on-surface));box-shadow:var(--shadow-control)}._quiet_19qtu_9{padding-inline:12px;background:transparent;color:var(--control-muted, var(--color-on-surface-variant))}._compact_19qtu_10{min-height:44px;padding:8px 16px;border-radius:8px}._button_19qtu_1:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}._button_19qtu_1:focus-visible,._choice_19qtu_12:focus-visible,._filter_19qtu_12:focus-visible{outline:3px solid var(--control-primary, var(--color-secondary));outline-offset:4px}._filter_19qtu_12{padding:8px 14px;border-radius:8px;background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-size:12px;line-height:16px}._filter_19qtu_12[aria-pressed=true]{background:var(--color-cl-primary);color:var(--color-on-primary)}._choice_19qtu_12{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:16px;border:1px solid var(--control-outline, var(--color-outline-variant));border-radius:12px;background:var(--control-surface, var(--color-surface-container-lowest));color:var(--control-text, var(--color-on-surface));font:inherit;font-size:15px;line-height:24px;text-align:left;cursor:pointer;transition:background-color .18s,border-color .18s}._choice_19qtu_12[aria-pressed=true],._choice_19qtu_12[data-answer-state=correct]{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-on-secondary-fixed)}._choice_19qtu_12[data-answer-state=incorrect]{border-color:var(--color-coral);background:var(--control-surface, var(--color-surface-container-low));color:var(--control-text, var(--color-on-surface))}._choice_19qtu_12:disabled{cursor:default}._marker_19qtu_25{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%}._marker_19qtu_25>span{width:8px;height:8px;background:currentColor;border-radius:50%}._field_19qtu_27{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-control);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:inherit;font-size:16px;font-weight:400;line-height:24px}._field_19qtu_27:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}._field_19qtu_27:disabled{opacity:.55;cursor:not-allowed}@media(hover:hover){._primary_19qtu_7:not(:disabled):hover{background:var(--control-primary-hover, var(--color-secondary-hover));box-shadow:var(--shadow-raised)}._secondary_19qtu_8:not(:disabled):hover,._quiet_19qtu_9:not(:disabled):hover{background:var(--control-hover, var(--color-surface-container-high))}._filter_19qtu_12[aria-pressed=false]:hover{background:var(--color-surface-container-highest);color:var(--color-on-surface)}._choice_19qtu_12:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--control-primary, var(--color-secondary));background:var(--control-hover, var(--color-surface-container-low))}}@media(prefers-reduced-motion:reduce){._button_19qtu_1,._choice_19qtu_12{transition:none}}._actions_1g3in_1{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}._small_1g3in_2{font-size:13px}._selection_1g3in_3{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-outline-variant)}._filename_1g3in_4{overflow-wrap:anywhere;font-weight:600}._photo_1g3in_5{display:block;max-width:100%;max-height:600px;width:auto;margin:16px auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#fff}._warning_1g3in_6{padding:16px;border:1px solid var(--color-outline-variant);border-radius:12px;background:var(--color-surface-container-low)}._progress_1g3in_7{padding-block:24px}._player_1g3in_8{display:block;width:100%;height:72vh;min-height:480px;border:1px solid var(--color-outline-variant);border-radius:12px;margin-block:20px}._original_1g3in_10{margin-top:24px}._original_1g3in_10 summary{min-height:44px;padding-block:10px;cursor:pointer;font-weight:600}@media(max-width:600px){._player_1g3in_8{min-height:440px}._actions_1g3in_1>button{flex:1 1 180px}}._header_4zamv_1{background:var(--color-header);backdrop-filter:blur(24px);box-shadow:0 1px 8px #0000000a}._container_4zamv_2{width:min(100% - 48px,1184px);margin-inline:auto}._headerInner_4zamv_3{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding-block:6px}._brand_4zamv_4{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.025em;text-decoration:none}._brand_4zamv_4 img{border-radius:6px}._navigation_4zamv_6{display:flex;align-items:center;gap:12px}._navigation_4zamv_6 a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--color-on-surface-variant);font-size:14px;font-weight:600;line-height:20px;text-decoration:none}._navigation_4zamv_6 a[aria-current]{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}._navigation_4zamv_6 ._startLink_4zamv_9{gap:8px;padding-inline:16px;color:var(--color-on-secondary)}._skipLink_4zamv_10{position:absolute;top:8px;left:16px;z-index:20;padding:12px 20px;transform:translateY(-160%);background:var(--color-surface-container-lowest);color:var(--color-on-surface);border-radius:8px;font-weight:600}._skipLink_4zamv_10:focus{transform:none}._footer_4zamv_12{background:var(--color-surface-container-low);padding-block:40px 24px;color:var(--color-on-surface-variant)}._footerGrid_4zamv_13{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}._footer_4zamv_12 p{max-width:34ch;font-size:13px;line-height:20px}._footer_4zamv_12 h2{margin:10px 0 12px;color:var(--color-on-surface);font-size:14px;font-weight:700;line-height:1.5}._footer_4zamv_12 nav{display:flex;flex-direction:column;align-items:flex-start}._footer_4zamv_12 nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;color:var(--color-on-surface-variant);font-size:13px;line-height:20px;text-decoration:none}._footer_4zamv_12 ._copyright_4zamv_18{max-width:none;margin:40px 0 0;border-top:1px solid var(--color-outline-variant);padding-top:24px;font-size:11px}@media(hover:hover){._navigation_4zamv_6 a:not(._startLink_4zamv_9):hover{background:var(--color-surface-container)}._footer_4zamv_12 nav a:hover{color:var(--color-secondary);text-decoration:underline;text-underline-offset:4px}}@media(min-width:1600px){._container_4zamv_2{width:min(100% - 96px,1280px)}}@media(max-width:900px){._navigation_4zamv_6{gap:4px}._navigation_4zamv_6 ._startLink_4zamv_9{display:none}._footerGrid_4zamv_13{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:600px){._container_4zamv_2{width:calc(100% - 40px)}._headerInner_4zamv_3{flex-direction:column;align-items:flex-start;gap:0;padding-block:8px}._navigation_4zamv_6{width:100%;justify-content:space-between}._navigation_4zamv_6 a{padding-inline:12px}._navigation_4zamv_6 a:first-child{margin-left:-12px}._footer_4zamv_12{padding-top:32px}._footerGrid_4zamv_13{gap:20px}._footerGrid_4zamv_13>div:first-child{grid-column:1 / -1}}@media print{._header_4zamv_1,._footer_4zamv_12,._skipLink_4zamv_10{display:none}}