/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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,)}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hero,.gate,.scales-page,.major-library,.lesson-placeholder{background:radial-gradient(circle at 18% 17%,#ffffffeb,#0000 31%),radial-gradient(circle at 84% 82%,#b2a79440,#0000 33%),linear-gradient(142deg,#eee9df 0%,#faf9f5 47%,#cbc5ba 100%)!important}.hero:before,.gate:before,.scales-page:before,.major-library:before,.lesson-placeholder:before{content:"𝄞     ♩      ♭      ♬      ♯      𝄢      ♪";z-index:0;white-space:pre-wrap;word-spacing:10vw;color:#19181614;letter-spacing:5vw;pointer-events:none;font:clamp(38px,6vw,92px)/2.2 Georgia,serif;animation:22s ease-in-out infinite alternate notation-drift;position:absolute;inset:-10% -8%;overflow:hidden;transform:rotate(-8deg)}.aurora{display:none!important}.staff,.scale-staff,.major-staff{opacity:.16!important;background:repeating-linear-gradient(#0000 0 12px,#2624208f 13px 14px)!important}.n{color:#1918162b!important}header{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#f6f3ecc2,#0000);border-bottom:1px solid #1c1b1921}.brand,.explore-brand{color:#292722;letter-spacing:.16em;font-family:Georgia,serif;gap:14px!important}.brand img{object-fit:contain;width:78px;height:54px}.explore-brand img{object-fit:contain;width:64px;height:47px}.brand b,.explore-brand b{display:none!important}.brand span,.explore-brand span{text-transform:uppercase;font-size:9px}.hero-logo{object-fit:contain;filter:drop-shadow(0 16px 24px #221c1426);width:min(460px,67vw);max-height:43vh;margin:0 auto 24px;display:block}.eyebrow,.section-kicker,.gate>p,.picker-heading>span,.major-compress-card p,.lesson-placeholder p{color:#7b5723!important}.intro,.gate .gate-intro,.scales-intro>p:last-child,.picker-heading p,.path-copy small,.scale-face>p{color:#56524b!important}.explore{color:#f6f1e8!important;background:#1c1b19!important;border-color:#1c1b19!important;box-shadow:0 16px 38px #1413112e!important}.explore:hover,.explore:focus-visible{background:#b98a3d!important;border-color:#b98a3d!important}.path-card,.scale-face,.major-compress-card,.major-scale-choice{background:#f7f4ede0!important;border-color:#1c1b192e!important;box-shadow:0 22px 50px #1d1b171f!important}.path-card:before,.scale-face:before,.major-compress-card:before{background:linear-gradient(135deg,#d0c8baa6,#ffffff1f)!important}.scales,.chords,.scale-face.major,.scale-face.minor{--card-glow:#d4cec2!important;--scale-glow:#d4cec2!important}.path-icon,.scale-symbol,.major-card-symbol{color:#1f1d1a2e!important}.step-pattern span,.mini-pattern i{background:#292724!important}.step-pattern .half,.mini-pattern .half{background:#b98a3d!important}.scale-learn{color:#f5f0e6!important;background:#201f1d!important;border-color:#201f1d!important}.choice-note{color:#302e2a!important;background:#e2ddd3!important}.return,.scale-return,.major-return{color:#5b411b!important}@keyframes notation-drift{to{transform:translate(2.5%,2%)rotate(-5deg)}}:root{--ink:#26324a;--gold:#b88632;--light:#d9a84f;--ivory:#fffdf8;--violet:#8f79b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{isolation:isolate;background:radial-gradient(circle at 50% 38%,#fffffffa,#0000 34%),radial-gradient(circle at 12% 16%,#d6e4ffe6,#0000 34%),radial-gradient(circle at 88% 80%,#e8d7fac7,#0000 35%),linear-gradient(135deg,#fbf8ef,#eef5ff 48%,#f7efff);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:4;background:radial-gradient(#0000 48%,#6e7aa017);position:absolute;inset:0}header{z-index:7;justify-content:space-between;align-items:center;width:100%;padding:30px clamp(24px,6vw,88px);display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:13px;font-size:11px;display:flex}.brand b{width:34px;height:34px;color:var(--gold);border:1px solid #b88632b3;place-items:center;font:18px Georgia;display:grid;transform:rotate(45deg)}.brand b:first-letter{transform:rotate(-45deg)}header small{color:#26324a7a;letter-spacing:.28em;font-size:9px}.content{z-index:6;text-align:center;width:min(900px,90vw);padding:100px 0 90px;animation:1.3s both reveal;position:relative}.eyebrow{color:var(--gold);letter-spacing:.42em;justify-content:center;align-items:center;gap:16px;margin:0 0 27px;font-size:10px;display:flex}.eyebrow i{background:linear-gradient(90deg,transparent,var(--gold));width:44px;height:1px}.eyebrow i:last-child{transform:rotate(180deg)}h1{color:#26324a;letter-spacing:-.055em;text-shadow:0 14px 45px #57628729;margin:0;font:400 clamp(4rem,10vw,8.7rem)/.8 Georgia,serif}h1 span{color:#0000;-webkit-text-stroke:1.2px #8f79b7e0;letter-spacing:-.025em;margin-top:.3em;font-size:.78em;font-style:italic;display:block}.intro{color:#26324ab3;max-width:570px;margin:42px auto 34px;font:clamp(1rem,2vw,1.22rem)/1.7 Georgia,serif}.explore{text-transform:uppercase;letter-spacing:.28em;background:#ffffff8f;border:1px solid #b88632b8;justify-content:center;align-items:center;gap:22px;width:164px;height:56px;margin:auto;font-size:11px;transition:all .35s;display:flex;box-shadow:0 14px 35px #5b668c1f}.explore b{font-size:18px;font-weight:400}.explore:hover,.explore:focus-visible{color:#fff;background:var(--gold);outline:none;transform:translateY(-3px)}.explore:hover b{transform:translate(4px)}.staff{z-index:-1;opacity:.22;background:repeating-linear-gradient(#0000 0 12px,#6674a16b 13px 14px);width:130%;height:70px;animation:16s ease-in-out infinite alternate drift;position:absolute;transform:rotate(-8deg)}.s1{top:22%;left:-12%}.s2{animation-delay:-7s;bottom:18%;right:-10%;transform:rotate(7deg)}.aurora{z-index:-2;aspect-ratio:1;filter:blur(85px);opacity:.22;border-radius:50%;width:50vw;animation:8s ease-in-out infinite alternate breathe;position:absolute}.a1{background:#a8c9ff;top:15%;left:-18vw}.a2{background:#d4b4ef;animation-delay:-4s;bottom:2%;right:-17vw}.n{z-index:1;color:#74629b47;font-family:Georgia;animation:9s ease-in-out infinite alternate float;position:absolute}.n1{font-size:70px;top:28%;left:9%}.n2{font-size:58px;animation-delay:-3s;top:23%;right:12%}.n3{font-size:42px;animation-delay:-6s;bottom:17%;left:18%}.n4{font-size:55px;bottom:15%;right:18%}.n5{font-size:75px;animation-delay:-5s;top:46%;right:5%}.n6{font-size:44px;top:57%;left:4%}.n7{font-size:35px;top:10%;right:30%}.scroll{z-index:6;color:#26324a6e;letter-spacing:.28em;flex-direction:column;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll i{background:linear-gradient(var(--gold),transparent);width:1px;height:34px}.scales-page{background:radial-gradient(circle at 13% 20%,#d8e8ffcc,#0000 28%),radial-gradient(circle at 88% 72%,#eedefabf,#0000 30%),linear-gradient(145deg,#fffdf8,#f6f9ff 56%,#fcf7ff);flex-direction:column;align-items:center;min-height:100svh;padding:128px 24px 64px;display:flex;position:relative;overflow:hidden}.scale-staff{opacity:.13;background:repeating-linear-gradient(#0000 0 11px,#5b6b9da6 12px 13px);width:110%;height:66px;position:absolute;top:16%;left:-5%;transform:rotate(-4deg)}.scales-intro{z-index:1;text-align:center;width:min(800px,100%);position:relative}.section-kicker{color:#9a6c27;letter-spacing:.32em;margin:0;font-size:10px}.scales-intro h1{color:var(--ink);letter-spacing:-.05em;text-shadow:none;margin:18px 0 22px;font:400 clamp(3rem,7vw,5.8rem)/1 Georgia,serif}.scales-intro>p:last-child{color:#657087;max-width:720px;margin:0 auto;font:18px/1.75 Georgia,serif}.scale-card-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(1000px,100%);margin-top:48px;display:grid;position:relative}.scale-flip-card{perspective:1400px;height:390px}.scale-card-inner{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;outline:none;transition:transform .75s cubic-bezier(.2,.72,.2,1);position:relative}.scale-flip-card.is-flipped .scale-card-inner{transform:rotateY(180deg)}.scale-card-inner:focus-visible .scale-face{box-shadow:0 0 0 3px #b8863273,0 24px 60px #46527a26}.scale-face{backface-visibility:hidden;text-align:center;background:#ffffffd6;border:1px solid #6574a02e;flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #46527a21}.scale-face:before{content:"";background:var(--scale-glow);opacity:.8;border-radius:50%;width:280px;height:280px;position:absolute;top:-135px;right:-120px}.scale-face.major{--scale-glow:#dcecff}.scale-face.minor{--scale-glow:#eadcf7}.scale-symbol{color:#6674a13d;font:120px/1 Georgia;position:absolute;top:10px;right:34px}.scale-label{color:#a47a36;letter-spacing:.3em;font-size:9px;position:relative}.scale-face h2{color:var(--ink);letter-spacing:-.04em;margin:20px 0 12px;font:400 clamp(2.5rem,5vw,4rem)/1 Georgia,serif;position:relative}.scale-face>p{color:#69738a;font:16px/1.5 Georgia,serif;position:relative}.flip-prompt{color:#8b642b;letter-spacing:.22em;font-size:9px;position:absolute;bottom:29px}.flip-prompt b{margin-left:8px;font-size:18px}.scale-back{transform:rotateY(180deg)}.scale-back h2{margin:14px 0 16px;font-size:32px}.scale-back .pattern-title{margin:0 0 18px;font-size:14px}.step-pattern{justify-content:center;align-items:center;gap:8px;display:flex}.step-pattern span{color:#fff;background:#6b7da9;border-radius:50%;place-items:center;width:38px;height:38px;font:700 13px Georgia;display:grid;box-shadow:0 6px 15px #45547c29}.step-pattern .half{background:var(--gold)}.pattern-key{letter-spacing:.04em;align-items:center;gap:8px;display:flex;margin:15px 0 20px!important;font:11px Arial!important}.pattern-key i{background:#c7cbd5;width:1px;height:12px}.scale-learn{color:#704f1e;text-transform:uppercase;letter-spacing:.18em;background:#ffffffb8;border:1px solid #b88632b3;justify-content:center;align-items:center;gap:18px;min-width:205px;padding:14px 20px;font-size:9px;transition:all .3s;display:flex;position:relative}.scale-learn:hover,.scale-learn:focus-visible{background:var(--gold);color:#fff;outline:none}.scale-learn span{font-size:17px}.flip-back{color:#8b91a0;letter-spacing:.16em;font-size:7px;position:absolute;bottom:15px}.scale-return{z-index:2;color:#76521d;letter-spacing:.22em;text-underline-offset:6px;margin-top:42px;font-size:9px;text-decoration:underline;position:relative}.lesson-placeholder{text-align:center;background:linear-gradient(145deg,#fffdf8,#eef5ff 55%,#f8efff);place-items:center;min-height:100svh;padding:100px 24px;display:grid;position:relative}.lesson-placeholder>div{flex-direction:column;align-items:center;display:flex}.lesson-placeholder p{color:#9a6c27;letter-spacing:.32em;font-size:10px}.lesson-placeholder h1{color:var(--ink);text-shadow:none;margin:18px 0;font-size:clamp(4rem,10vw,8rem)}.lesson-placeholder span{color:#69738a;font:18px/1.6 Georgia}.lesson-placeholder .return{color:#76521d;letter-spacing:.22em;text-underline-offset:6px;margin-top:35px;font-size:9px;text-decoration:underline}.gate{text-align:center;min-height:100svh;color:var(--ink);background:linear-gradient(145deg,#fffdf8,#f4f7ff 52%,#faf5ff);flex-direction:column;justify-content:center;align-items:center;padding:120px 24px 70px;display:flex;position:relative}.gate>p{color:#9a6c27;letter-spacing:.32em;margin:0;font-size:10px}.gate h1{max-width:760px;color:var(--ink);letter-spacing:-.045em;text-shadow:none;margin:18px 0;font:400 clamp(2.8rem,6vw,5.4rem)/1 Georgia,serif}.gate .gate-intro{color:#667087;max-width:620px;margin-bottom:46px;font:18px/1.7 Georgia}.explore-brand{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;top:30px;left:clamp(24px,6vw,88px)}.explore-brand b{width:34px;height:34px;color:var(--gold);border:1px solid #b88632b3;place-items:center;font:18px Georgia;display:grid;transform:rotate(45deg)}.paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(1040px,100%);display:grid}.path-card{text-align:left;background:#ffffffb8;border:1px solid #6674a12e;align-items:flex-end;min-height:280px;padding:34px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #49557e1a}.path-card:before{content:"";background:var(--card-glow);filter:blur(4px);opacity:.7;border-radius:50%;width:250px;height:250px;transition:all .4s;position:absolute;top:-105px;right:-75px}.path-card:hover,.path-card:focus-visible{border-color:#b8863273;outline:none;transform:translateY(-7px);box-shadow:0 26px 60px #49557e2b}.scales{--card-glow:#ddecff}.chords{--card-glow:#eee0fb}.path-number{color:#a47a36;letter-spacing:.25em;font-size:10px;position:absolute;top:28px;left:34px}.path-icon{color:#5b6b9d70;font:110px/1 Georgia;position:absolute;top:23px;right:45px}.path-copy{flex-direction:column;gap:10px;max-width:75%;display:flex;position:relative}.path-copy b{font:400 42px/1 Georgia}.path-copy small{color:#69738a;font:15px/1.55 Georgia}.path-arrow{color:var(--gold);font-size:25px;transition:all .3s;position:absolute;bottom:38px;right:34px}.path-card:hover .path-arrow{transform:translate(7px)}.chord-mark{align-items:flex-end;gap:9px;height:100px;display:flex}.chord-mark i{background:#7f67a87a;border-radius:50%;width:17px;height:17px;display:block}.chord-mark i:first-child{transform:translateY(25px)}.chord-mark i:nth-child(3){transform:translateY(-25px)}.gate .return{color:#76521d;letter-spacing:.24em;text-underline-offset:6px;margin-top:42px;font-size:10px;text-decoration:underline}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}}@keyframes float{0%{transform:translateY(-10px)rotate(-8deg)}to{transform:translate(12px,20px)rotate(8deg)}}@keyframes drift{to{translate:2% 8px}}@keyframes breathe{to{transform:scale(1.15)}}@media (width<=720px){header{padding:22px}.brand{font-size:9px}header small{display:none}.content{padding-top:120px}.intro{max-width:330px}.n5,.n7{display:none}.paths,.scale-card-grid{grid-template-columns:1fr}.path-card{min-height:235px;padding:28px}.path-number{left:28px}.path-copy{max-width:82%}.path-copy b{font-size:36px}.path-icon{font-size:90px;right:30px}.scales-page{padding-top:110px}.scales-intro>p:last-child{font-size:16px}.scale-card-grid{max-width:500px}.scale-flip-card{height:370px}.scale-face{padding:28px}.step-pattern{gap:5px}.step-pattern span{width:34px;height:34px}.explore-brand{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}.scale-card-inner{transition:none}}.major-library{background:radial-gradient(circle at 12% 12%,#d6e8ffd9,#0000 27%),radial-gradient(circle at 88% 78%,#ecdafab8,#0000 31%),linear-gradient(145deg,#fffdf8,#f7faff 55%,#fcf7ff);flex-direction:column;align-items:center;min-height:100svh;padding:116px 24px 70px;display:flex;position:relative;overflow:hidden}.major-staff{opacity:.12;background:repeating-linear-gradient(#0000 0 11px,#5b6b9da6 12px 13px);width:116%;height:65px;position:absolute;top:175px;left:-8%;transform:rotate(-3deg)}.major-compress-card{z-index:2;background:#ffffffdb;border:1px solid #6574a030;justify-content:space-between;align-items:center;gap:30px;width:min(980px,100%);min-height:176px;padding:34px 44px;animation:1s cubic-bezier(.2,.76,.2,1) both compress-card;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #46527a21}.major-compress-card:before{content:"";background:#dcecff;border-radius:50%;width:310px;height:310px;position:absolute;top:-205px;right:-85px}.major-compress-card>div{position:relative}.major-compress-card p{color:#9a6c27;letter-spacing:.3em;margin:0 0 8px;font-size:9px}.major-compress-card h1{color:var(--ink);letter-spacing:-.04em;text-shadow:none;margin:0;font:400 clamp(2.4rem,5vw,4.2rem)/1 Georgia,serif}.major-card-symbol{color:#5b6b9d26;font:170px/1 Georgia;position:absolute;top:-38px;right:26px}.mini-pattern{gap:7px;margin-right:74px;display:flex}.mini-pattern i{color:#fff;background:#6b7da9;border-radius:50%;place-items:center;width:32px;height:32px;font:700 11px Georgia;display:grid;box-shadow:0 5px 12px #45547c26}.mini-pattern .half{background:var(--gold)}.scale-picker{z-index:1;width:min(980px,100%);margin-top:38px;animation:.85s cubic-bezier(.18,.75,.22,1) .45s both picker-drop;position:relative}.picker-heading{text-align:center;margin-bottom:28px}.picker-heading>span{color:#9a6c27;letter-spacing:.3em;font-size:9px}.picker-heading h2{color:var(--ink);letter-spacing:-.035em;margin:11px 0 8px;font:400 clamp(2rem,4vw,3.2rem)/1.1 Georgia,serif}.picker-heading p{color:#6b758b;margin:0;font:15px/1.6 Georgia,serif}.major-scale-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.major-scale-choice{--choice-index:0;min-height:82px;color:var(--ink);text-align:left;cursor:pointer;opacity:0;animation:choice-fall .55s calc(.7s + var(--choice-index)*55ms) cubic-bezier(.2,.75,.25,1) forwards;background:#ffffffb8;border:1px solid #6574a029;grid-template-columns:54px 1fr 24px;align-items:center;gap:12px;padding:12px 18px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #46527a12}.major-scale-choice:before{content:"";background:linear-gradient(110deg,#dcecffad,#ffffff0d);transition:all .4s;position:absolute;inset:0;transform:translate(-102%)}.major-scale-choice:hover,.major-scale-choice:focus-visible,.major-scale-choice.is-selected{background:#fff;border-color:#b886328c;outline:none;transform:translateY(-3px);box-shadow:0 15px 34px #46527a21}.major-scale-choice:hover:before,.major-scale-choice:focus-visible:before,.major-scale-choice.is-selected:before{transform:translate(0)}.choice-note,.choice-name,.choice-arrow{position:relative}.choice-note{color:#61739d;background:#eef4ff;border-radius:50%;place-items:center;width:47px;height:47px;font:26px/1 Georgia;display:grid}.choice-note sup{color:#a5762d;font-size:13px;position:absolute;top:6px;right:7px}.choice-name{font:19px Georgia,serif}.choice-arrow{color:var(--gold);font-size:20px;transition:all .3s}.major-scale-choice:hover .choice-arrow,.major-scale-choice.is-selected .choice-arrow{transform:translate(4px)}.major-return{z-index:2;color:#76521d;letter-spacing:.22em;text-underline-offset:6px;margin-top:38px;font-size:9px;text-decoration:underline;position:relative}@keyframes compress-card{0%{opacity:.35;max-width:500px;min-height:390px;transform:translateY(70px)scale(.96)}to{opacity:1;max-width:980px;min-height:176px;transform:none}}@keyframes picker-drop{0%{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:none}}@keyframes choice-fall{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:none}}@media (width<=820px){.major-scale-list{grid-template-columns:repeat(2,minmax(0,1fr))}.major-compress-card{padding:30px}.mini-pattern{margin-right:40px}}@media (width<=720px){.major-library{padding:102px 16px 55px}.major-compress-card{min-height:205px;padding:28px 24px;display:block}.major-compress-card:before{right:-170px}.major-card-symbol{right:8px}.mini-pattern{gap:5px;margin:22px 0 0}.mini-pattern i{width:29px;height:29px}.major-scale-list{grid-template-columns:1fr}.picker-heading p{font-size:14px}.major-scale-choice{min-height:76px}.choice-name{font-size:18px}}@media (prefers-reduced-motion:reduce){.major-library *{animation:none!important}.major-scale-choice{opacity:1}}.scale-picker{width:min(1080px,100%)}.major-scale-list{height:520px;margin-top:8px;display:block;position:relative}.major-scale-choice{text-align:center;opacity:1;width:118px;height:118px;min-height:0;animation:root-float calc(4.8s + var(--choice-index)*.16s) calc(var(--choice-index)*-.31s) ease-in-out infinite alternate;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex;position:absolute;overflow:visible;background:#f7f4edeb!important;border:1px solid #3a352e3d!important;box-shadow:0 18px 38px #1f1c1724!important}.major-scale-choice:before{opacity:.75;background:radial-gradient(circle at 35% 25%,#ffffffeb,#cfc7ba2e 48%,#0000 70%);border-radius:50%;inset:7px;transform:none}.major-scale-choice:hover,.major-scale-choice:focus-visible,.major-scale-choice.is-selected{z-index:5;transform:translateY(-8px)scale(1.08);background:#fff!important;border-color:#a87930!important;box-shadow:0 25px 48px #1f1c1738,0 0 0 5px #b98a3d1a!important}.major-scale-choice .choice-note{width:auto;height:auto;font-size:35px;color:#2d2a25!important;background:0 0!important}.major-scale-choice .choice-note sup{color:#9b6d26;margin-left:1px;font-size:17px;position:relative;top:-.45em;right:auto}.major-scale-choice .choice-name{letter-spacing:.08em;text-transform:uppercase;color:#6d655a;font:11px/1.2 Arial,sans-serif}.major-scale-choice .choice-arrow{color:#fff;background:#b98a3d;border-radius:50%;place-items:center;width:15px;height:15px;font-size:12px;display:grid;position:absolute;bottom:-7px}.major-scale-choice:first-child{top:34%;left:2%}.major-scale-choice:nth-child(2){top:3%;left:13%}.major-scale-choice:nth-child(3){top:29%;left:27%}.major-scale-choice:nth-child(4){top:1%;left:42%}.major-scale-choice:nth-child(5){top:28%;left:57%}.major-scale-choice:nth-child(6){top:3%;left:73%}.major-scale-choice:nth-child(7){top:34%;left:86%}.major-scale-choice:nth-child(8){top:67%;left:76%}.major-scale-choice:nth-child(9){top:62%;left:61%}.major-scale-choice:nth-child(10){top:57%;left:45%}.major-scale-choice:nth-child(11){top:69%;left:29%}.major-scale-choice:nth-child(12){top:64%;left:13%}.major-scale-choice:nth-child(13){width:132px;height:132px;top:29%;left:43%;border-color:#b98a3d8c!important}.major-return{margin-top:0}@keyframes root-float{0%{translate:0 -7px;rotate:-1deg}to{translate:0 9px;rotate:1deg}}@media (width<=820px){.major-scale-list{grid-template-columns:repeat(3,1fr);justify-items:center;gap:22px 12px;height:auto;display:grid}.major-scale-choice,.major-scale-choice:nth-child(n){width:104px;height:104px;animation:root-float calc(4.5s + var(--choice-index)*.13s) calc(var(--choice-index)*-.25s) ease-in-out infinite alternate;position:relative;top:auto;left:auto}.major-scale-choice:nth-child(13){grid-column:2;width:112px;height:112px}.major-return{margin-top:34px}}@media (width<=380px){.major-scale-list{gap:20px 7px}.major-scale-choice,.major-scale-choice:nth-child(n){width:91px;height:91px}.major-scale-choice:nth-child(13){width:100px;height:100px}.major-scale-choice .choice-note{font-size:30px}.major-scale-choice .choice-name{font-size:9px}}.minor-families{background:radial-gradient(circle at 17% 13%,#fff,#0000 30%),radial-gradient(circle at 85% 82%,#aa9f8d4d,#0000 34%),linear-gradient(145deg,#e4dfd5,#faf8f3 52%,#c5beb2);flex-direction:column;align-items:center;min-height:100svh;padding:124px 24px 60px;display:flex;position:relative;overflow:hidden}.minor-families:before{content:"𝄞     ♭     ♩     𝄢     ♪";color:#1e1c1912;word-spacing:10vw;letter-spacing:5vw;pointer-events:none;font:clamp(44px,7vw,96px)/2.4 Georgia;position:absolute;inset:-8%;transform:rotate(-7deg)}.minor-heading{text-align:center;position:relative}.minor-heading p{color:#7b5723;letter-spacing:.32em;margin:0;font-size:9px}.minor-heading h1{color:#292722;text-shadow:none;margin:14px 0 12px;font:400 clamp(3.4rem,7vw,5.7rem)/1 Georgia,serif}.minor-heading span{color:#5d5850;font:16px/1.6 Georgia,serif}.minor-family-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:min(1080px,100%);margin-top:54px;display:grid;position:relative}.minor-family-card{background:#f6f3ecc7;border:1px solid #2c28232b;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:285px;padding:31px;transition:all .35s;display:flex;position:relative;box-shadow:0 20px 46px #1f1c171c}.minor-family-card>span{color:#9b6d26;letter-spacing:.2em;font-size:10px;position:absolute;top:27px}.minor-family-card b{font:400 31px/1.1 Georgia,serif}.minor-family-card small{color:#696158;margin:12px 0 25px;font:14px/1.5 Georgia,serif}.minor-family-card i{color:#8a8175;letter-spacing:.2em;font-size:9px;font-style:normal}.minor-family-card.active{color:#f5f0e7;background:#292722;border-color:#292722}.minor-family-card.active small{color:#d8d0c3}.minor-family-card.active i{color:#d6a955}.minor-family-card.active:hover,.minor-family-card.active:focus-visible{outline:none;transform:translateY(-8px);box-shadow:0 27px 58px #18161338}.minor-return{color:#5b411b;letter-spacing:.22em;text-underline-offset:6px;margin-top:38px;font-size:9px;text-decoration:underline;position:relative}.natural-library .major-compress-card:before{background:linear-gradient(135deg,#c2b8a9bf,#ffffff2e)}.natural-root-list .major-scale-choice:nth-child(12){top:59%;left:18%}@media (width<=720px){.minor-families{padding:104px 16px 48px}.minor-heading h1{font-size:3.6rem}.minor-family-grid{grid-template-columns:1fr;gap:13px;margin-top:35px}.minor-family-card{min-height:180px;padding:25px}.minor-family-card b{font-size:28px}.minor-family-card small{margin-bottom:16px}.natural-root-list .major-scale-choice:nth-child(12){grid-column:2;top:auto;left:auto}}@media (width>=821px){.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(14){top:70%;left:2%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(15){top:70%;left:86%}}@media (width<=820px){.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(13){grid-column:auto}}@media (width>=821px){.major-scale-list:not(.natural-root-list){height:440px}.major-scale-list:not(.natural-root-list) .major-scale-choice:first-child{top:34%;left:1%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(2){top:1%;left:1%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(3){top:67%;left:1%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(4){top:8%;left:17%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(5){top:8%;left:31%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(6){top:8%;left:45%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(7){top:8%;left:59%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(8){top:8%;left:73%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(9){top:8%;left:87%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(10){top:62%;left:17%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(11){top:62%;left:31%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(12){top:62%;left:45%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(13){width:118px;height:118px;top:62%;left:59%;border-color:#3a352e3d!important}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(14){top:62%;left:73%}.major-scale-list:not(.natural-root-list) .major-scale-choice:nth-child(15){top:62%;left:87%}.natural-root-list{height:440px}.natural-root-list .major-scale-choice:first-child{top:8%;left:1%}.natural-root-list .major-scale-choice:nth-child(2){top:8%;left:18%}.natural-root-list .major-scale-choice:nth-child(3){top:8%;left:35%}.natural-root-list .major-scale-choice:nth-child(4){top:8%;left:52%}.natural-root-list .major-scale-choice:nth-child(5){top:8%;left:69%}.natural-root-list .major-scale-choice:nth-child(6){top:62%;left:1%}.natural-root-list .major-scale-choice:nth-child(7){top:62%;left:18%}.natural-root-list .major-scale-choice:nth-child(8){top:62%;left:35%}.natural-root-list .major-scale-choice:nth-child(9){top:62%;left:52%}.natural-root-list .major-scale-choice:nth-child(10){top:62%;left:69%}.natural-root-list .major-scale-choice:nth-child(11){top:34%;left:87%}.natural-root-list .major-scale-choice:nth-child(12){top:1%;left:87%}.natural-root-list .major-scale-choice:nth-child(13){width:118px;height:118px;top:67%;left:87%;border-color:#3a352e3d!important}}@media (width<=820px){.natural-root-list .major-scale-choice:nth-child(12){grid-column:auto}.natural-root-list .major-scale-choice:nth-child(13){grid-column:2}}.minor-family-card.harmonic{background:linear-gradient(145deg,#3a3630,#1f1d1a)}.harmonic-library .major-compress-card:before{background:linear-gradient(135deg,#b98a3d59,#ffffff1f)}.mini-pattern i.augmented{width:42px;background:#7b5723!important}.c-bridge.augmented{color:#7b5723;width:82px}.c-bridge.augmented:hover .c-step,.c-bridge.augmented:focus-visible .c-step,.c-bridge.augmented.active .c-step{color:#fff;background:#7b5723}@media (width<=900px){.c-bridge.augmented{width:100px}.harmonic-pattern i.augmented{flex:1;width:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media (width<=720px){body{-webkit-tap-highlight-color:transparent;background:#f8f6ff;overflow-x:hidden}.hero,.gate,.scales-page,.major-library,.lesson-placeholder{background:radial-gradient(circle at 50% 13%,#ffffffe6,#0000 28%),linear-gradient(155deg,#eee9df,#faf8f3 54%,#d2ccc1)!important}.brand img{width:58px;height:42px}.brand span{font-size:7px}.explore-brand img{width:53px;height:39px}.explore-brand span{font-size:7px}.hero-logo{width:min(330px,78vw);max-height:38vh;margin-bottom:20px}.path-card,.scale-face,.major-compress-card,.major-scale-choice,.explore{border-radius:3px!important}.hero:before,.gate:before,.scales-page:before,.major-library:before,.lesson-placeholder:before{font-size:44px;line-height:2.4}.hero{background:radial-gradient(circle at 50% 20%,#fff 0,#0000 34%),radial-gradient(circle at 0 42%,#d0e6ffd1,#0000 42%),linear-gradient(165deg,#fffdf7 0,#f2f7ff 52%,#f6edff 100%);align-items:center;min-height:100dvh;display:flex}header{padding:calc(18px + env(safe-area-inset-top)) 20px 18px}.brand{letter-spacing:.15em;gap:10px;font-size:8px}.brand b{width:30px;height:30px;font-size:15px}header small{display:none}.content{width:100%;padding:86px 22px calc(78px + env(safe-area-inset-bottom))}.eyebrow{letter-spacing:.25em;gap:9px;margin-bottom:22px;font-size:8px}.eyebrow i{width:22px}h1{font-size:clamp(3.35rem,17vw,5rem);line-height:.88}.intro{max-width:310px;margin:30px auto 27px;font-size:1rem;line-height:1.6}.explore{background:#ffffffc7;border-radius:16px;width:min(100%,310px);height:58px;box-shadow:0 15px 35px #5b668c24}.scroll{bottom:calc(13px + env(safe-area-inset-bottom));font-size:7px}.scroll i{height:20px}.staff{width:175%;height:58px}.s1{top:19%;left:-38%}.s2{bottom:14%;right:-40%}.n1{font-size:45px;top:22%;left:3%}.n2{font-size:40px;top:25%;right:5%}.n3{font-size:34px;bottom:18%;left:7%}.n4{font-size:40px;bottom:19%;right:7%}.n5,.n6,.n7{display:none}.gate{min-height:100dvh;padding:calc(96px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));justify-content:flex-start}.explore-brand{top:calc(18px + env(safe-area-inset-top));letter-spacing:.15em;gap:10px;font-size:8px;left:20px}.explore-brand b{width:30px;height:30px;font-size:15px}.gate>p{font-size:8px}.gate h1{margin:13px 0 15px;font-size:clamp(2.7rem,13vw,4rem)}.gate .gate-intro{max-width:340px;margin:0 auto 28px;font-size:15px;line-height:1.55}.paths,.scale-card-grid{grid-template-columns:1fr;width:100%}.paths{gap:14px}.path-card{background:#ffffffd4;border-radius:24px;min-height:176px;padding:24px;box-shadow:0 14px 35px #49557e1a}.path-number{top:21px;left:24px}.path-copy{gap:7px;max-width:80%}.path-copy b{font-size:34px}.path-copy small{font-size:14px}.path-icon{font-size:72px;top:18px;right:25px}.path-arrow{bottom:26px;right:24px}.gate .return{margin-top:28px}.scales-page{min-height:100dvh;padding:calc(94px + env(safe-area-inset-top)) 16px calc(42px + env(safe-area-inset-bottom))}.scales-intro h1{margin:13px 0 17px;font-size:clamp(2.7rem,13vw,4rem)}.scales-intro>p:last-child{font-size:15px;line-height:1.62}.scale-card-grid{gap:17px;max-width:420px;margin-top:30px}.scale-flip-card{height:346px}.scale-face{border-radius:24px;padding:24px}.scale-symbol{font-size:100px;right:23px}.scale-face h2{font-size:2.65rem}.step-pattern{gap:4px}.step-pattern span{width:32px;height:32px;font-size:12px}.scale-learn{border-radius:14px;min-width:220px;min-height:50px}.flip-prompt{bottom:24px}.scale-return{margin-top:30px}.major-library{min-height:100dvh;padding:calc(88px + env(safe-area-inset-top)) 14px calc(48px + env(safe-area-inset-bottom))}.major-staff{width:160%;top:128px;left:-30%}.major-compress-card{border-radius:24px;min-height:188px;padding:24px 21px;display:block}.major-compress-card:before{right:-180px}.major-compress-card p{font-size:8px}.major-compress-card h1{font-size:2.75rem}.major-card-symbol{font-size:135px;top:-22px;right:6px}.mini-pattern{gap:4px;max-width:100%;margin:21px 0 0}.mini-pattern i{flex:1;width:auto;height:31px;font-size:10px}.scale-picker{margin-top:28px}.picker-heading{margin-bottom:20px;padding:0 8px}.picker-heading h2{font-size:2.15rem}.picker-heading p{font-size:14px}.major-scale-list{grid-template-columns:1fr;gap:9px}.major-scale-choice{border-radius:18px;grid-template-columns:48px 1fr 20px;min-height:70px;padding:10px 15px}.choice-note{width:43px;height:43px;font-size:24px}.choice-name{font-size:18px}.major-return{margin-top:30px}}@media (width<=380px){.step-pattern span{width:29px;height:29px}.step-pattern{gap:3px}.scale-face{padding:19px}.path-card{min-height:165px}}.language-switch{z-index:50;top:calc(24px + env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));color:#423b31;background:#f6f2e9f5;border:1px solid #b8ac97;border-radius:6px;align-items:center;gap:3px;padding:4px;display:flex;position:fixed;box-shadow:0 6px 20px #2c251716}.language-switch button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:36px;padding:6px 12px;font:13px/1.5 Arial,Tahoma,sans-serif}.language-switch button[aria-pressed=true]{color:#faf5eb;background:#292722}.language-switch button:focus-visible{outline-offset:2px;outline:2px solid #9b6d26}header small{margin-right:180px}html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[lang=ar] :is(h1,h2,p,small,b,span,a,button,i,text){letter-spacing:normal}html[lang=ar] :is(h1,h2,.path-copy b,.minor-family-card b){font-family:Tahoma,Arial,sans-serif!important;line-height:1.4!important}html[lang=ar] :is(p,.intro,.gate-intro,.path-copy small,.minor-heading span,.minor-family-card small,.picker-heading p,.c-heading>span){font-family:Tahoma,Arial,sans-serif!important;line-height:1.9!important}html[lang=ar] .brand,html[lang=ar] .explore-brand{direction:ltr}html[lang=ar] :is(.brand span,.explore-brand span){direction:rtl;font-family:Tahoma,Arial,sans-serif}html[lang=ar] .hero header{direction:ltr}html[lang=ar] .path-card{text-align:right}html[lang=ar] .path-number{left:auto;right:34px}html[lang=ar] .path-icon{left:45px;right:auto}html[lang=ar] .path-arrow{left:34px;right:auto;transform:scaleX(-1)}html[lang=ar] .path-card:hover .path-arrow{transform:scaleX(-1)translate(7px)}html[lang=ar] .explore b,html[lang=ar] .scale-learn span{transform:scaleX(-1)}html[lang=ar] .choice-name{font:11px/1.5 Tahoma,Arial,sans-serif}html[lang=ar] .c-heading h1{font-size:clamp(2.4rem,5.5vw,4.5rem)}html[lang=ar] .c-heading p{font-size:11px}html[lang=ar] .c-note span{font:25px/1.3 Tahoma,Arial,sans-serif}html[lang=ar] .c-note small{font-size:10px}html[lang=ar] .c-step{direction:rtl;font:700 12px/1.6 Tahoma,Arial,sans-serif}html[lang=ar] .c-bridge small{direction:rtl;font:10px/1.5 Tahoma,Arial,sans-serif}html[lang=ar] .notation-label{font:24px Tahoma,Arial,sans-serif}.notation-space,.choice-note{direction:ltr}html[lang=ar] .mini-pattern{margin-left:74px;margin-right:0}html[lang=ar] .major-card-symbol{left:26px;right:auto}html[lang=ar] .major-compress-card:before{left:-85px;right:auto}html[lang=ar] .pattern-key{flex-wrap:wrap;justify-content:center;font-size:13px!important}@media (width<=820px){html[lang=ar] .mini-pattern{margin-left:40px}}@media (width<=720px){.language-switch{top:calc(16px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));padding:3px}.language-switch button{min-height:34px;padding:5px 9px;font-size:12px}.brand,.explore-brand{max-width:calc(100vw - 165px)}.brand span,.explore-brand span{max-width:95px;line-height:1.6;font-size:9px!important}html[lang=ar] .path-number{right:24px}html[lang=ar] .path-icon{left:25px}html[lang=ar] .path-arrow{left:24px}html[lang=ar] .mini-pattern{margin:22px 0 0}html[lang=ar] .major-card-symbol{left:8px}html[lang=ar] .c-heading h1{font-size:2.3rem}html[lang=ar] .space-notation-heading h2{font-size:1.65rem}html[lang=ar] .c-note small{min-width:0;max-width:90px;left:80px}html[lang=ar] .c-bridge small{min-width:0;max-width:105px}html[lang=ar] .major-scale-choice .choice-name{font-size:10px}}:root{--button-surface:radial-gradient(ellipse at 50% 0%, #343434 0%, #111 65%, #050505 100%);--button-gold:#e8d5b0;--button-glow:0 0 12px #0005, 0 0 28px #0000002e, 0 9px 20px #0000002e, inset 0 1px 0 #ffffff12;--button-hover-glow:0 0 16px #0006, 0 0 36px #00000038, 0 9px 24px #00000038, inset 0 1px 0 #ffffff18;--button-selected-glow:0 0 0 2px #c8a66b66, 0 0 16px #0006, 0 0 36px #00000038, 0 9px 24px #00000038, inset 0 1px 0 #ffffff18}@layer yazz-controls{body :is(button:not(.c-bridge),a.explore,a.path-card,a.minor-family-card,a.tetrad-family-choice,a.triad-result-link,a.return,a.scroll,.note-index>a){transition:box-shadow .3s,border-color .2s,color .2s,transform .2s;background:var(--button-surface)!important;color:var(--button-gold)!important;border-radius:var(--button-shape,12px)!important;box-shadow:var(--button-glow)!important;border:1px solid #ffffff14!important;text-decoration:none!important}body :is(button:not(.c-bridge),a.explore,a.path-card,a.minor-family-card,a.tetrad-family-choice,a.triad-result-link,a.return,a.scroll,.note-index>a) :is(span,b,small,i,em,sup,bdi){color:inherit!important}body :is(button:not(.c-bridge),a.explore,a.path-card,a.minor-family-card,a.tetrad-family-choice,a.triad-result-link,a.return,a.scroll,.note-index>a):hover:not(:disabled){background:var(--button-surface)!important;box-shadow:var(--button-hover-glow)!important;border-color:#ffffff30!important}body :is(button[aria-pressed=true],button[aria-expanded=true],button.selected,button.is-selected,button.active):not(.c-bridge),body :is(button[aria-pressed=true],button[aria-expanded=true],button.selected,button.is-selected,button.active):not(.c-bridge):hover:not(:disabled){color:#f6e4c3!important;box-shadow:var(--button-selected-glow)!important;border-color:#d3b47d!important}body :is(button:not(.c-bridge),a.explore,a.path-card,a.minor-family-card,a.tetrad-family-choice,a.triad-result-link,a.return,a.scroll,.note-index>a):focus-visible{outline-offset:4px!important;outline:2px solid #a87930!important}body button:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:0 3px 8px #0002!important}.triad-roots button,button.major-scale-choice{--button-shape:50%}body button.major-scale-choice:before,body button.major-scale-choice .choice-note{background:0 0!important}body button.major-scale-choice .choice-arrow{background:#775a2c!important}body .path-card:before{background:0 0!important}body .path-card svg{color:var(--button-gold)!important}body .path-card .chord-mark i{background:#c6a66b!important}body .term-category-grid button b{background:#ffffff12!important}body a.return{text-align:center;justify-content:center;align-items:center;min-height:44px;line-height:1.7;display:inline-flex;padding:13px 20px!important}body a.scroll{padding:12px 16px!important}body button.symbol-open-example{margin-top:20px;padding:12px 16px!important}body .term-results-bar button{padding:10px 14px!important}body button.c-bridge{color:#705327!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}body button.c-bridge.half{color:#a77a35!important}body button.c-bridge .c-step{background:var(--button-surface)!important;color:var(--button-gold)!important;box-shadow:var(--button-glow)!important;border:1px solid #ffffff14!important;border-radius:8px!important}body button.c-bridge:is(:hover,.active,[aria-expanded=true]) .c-step{box-shadow:var(--button-selected-glow)!important;border-color:#d3b47d!important}body button.c-bridge:focus-visible{outline:none!important}body button.c-bridge:focus-visible .c-step{outline-offset:4px!important;outline:2px solid #a87930!important}body select{background:var(--button-surface)!important;color:var(--button-gold)!important;box-shadow:var(--button-glow)!important;border:1px solid #ffffff14!important;border-radius:12px!important}body select option{color:var(--button-gold);background:#111}body select:focus-visible{outline-offset:4px;outline:2px solid #a87930}@media (prefers-reduced-motion:reduce){body :is(button:not(.c-bridge),a.explore,a.path-card,a.minor-family-card,a.tetrad-family-choice,a.triad-result-link,a.return,a.scroll,.note-index>a){transition:none!important}}}