@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.2ytmazkdrg7t9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3j3877k49yy0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1icgra-w5i50b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_df331b92-module__ruOyLG__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_df331b92-module__ruOyLG__variable{--font-instrument-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_1454aeab-module__p1w6Bq__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_1454aeab-module__p1w6Bq__variable{--font-ibm-plex:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_7bd34b70-module__8545jq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_7bd34b70-module__8545jq__variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d72774d76b1ea43b-s.0u-ct39cuw9rc.woff2)format("woff2");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D126,U+1D129-1D1EA,U+1D200-1D245}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2874e5d7d5aa9ae0-s.2xaf3lnv3t_jx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/032252a1d5659fdc-s.3olo8pjrpu74k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Music Fallback;src:local(Arial);ascent-override:130.64%;descent-override:37.43%;line-gap-override:0.0%;size-adjust:106.33%}.noto_music_6c2a14ea-module__jvL3-G__className{font-family:Noto Music,Noto Music Fallback;font-style:normal;font-weight:400}.noto_music_6c2a14ea-module__jvL3-G__variable{--font-noto-music:"Noto Music", "Noto Music Fallback"}
@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-border-style:solid;--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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.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}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.grayscale{--tw-grayscale:grayscale(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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f6f1e7;--paper-2:#efe8db;--paper-3:#e8dfcc;--ink:#14140f;--ink-80:#14140fcc;--ink-60:#14140f99;--ink-40:#14140f6b;--ink-30:#14140f47;--ink-20:#14140f2e;--ink-15:#14140f1f;--ink-10:#14140f14;--ink-05:#14140f0a;--accent:#de4f44;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--rail-ease:cubic-bezier(.2, .9, .3, 1);--font-display:var(--font-instrument-serif), "Cormorant Garamond", Georgia, serif;--font-ui:var(--font-ibm-plex), "Helvetica Neue", system-ui, sans-serif;--font-mono:var(--font-jetbrains), ui-monospace, "Menlo", monospace;--font-music:var(--font-noto-music), "Noto Music", var(--font-display);--dot-border:#14140f38;--card-shadow:0 1px 0 #14140f0a, 0 12px 32px -18px #14140f2e;--grain-opacity:.05;--rail-w:256px}@supports (color:lab(0% 0 0)){:root{--accent:lab(54.1873% 56.0062 38.114)}}*{box-sizing:border-box}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.55;position:relative}body:before{content:"";pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:multiply;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' /></svg>");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:400}em{font-style:italic}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);font-size:11px}.btn{font-family:var(--font-ui);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.01em;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:11px 20px;font-size:14px;font-weight:500;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s,filter .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--ghost{border-color:var(--ink-20)}.btn--ghost:hover:not(:disabled){border-color:var(--ink);background:var(--ink-05)}.chroma-dot{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.chroma-dot__core{background:var(--dot-fill);border:1px solid var(--dot-border);border-radius:50%;transition:box-shadow .25s,transform .25s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 8px #0000002e}.chroma-dot.is-playing .chroma-dot__core{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 8px #0000002e, 0 0 0 6px var(--dot-glow), 0 0 36px 8px var(--dot-glow);animation:1.2s ease-out dot-pulse}.chroma-dot.is-muted .chroma-dot__core{filter:saturate(.1)brightness(.9);background:var(--ink-10)}.chroma-dot__ring{border:1px dashed var(--ink-30);pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.chroma-dot__label{font-family:var(--font-display);color:var(--ink);z-index:2;font-size:calc(1em + 2px);font-weight:500;position:relative}@keyframes dot-pulse{0%{transform:scale(.92)}40%{transform:scale(1.05)}to{transform:scale(1)}}.shell{z-index:2;min-height:100vh;position:relative}.shell__rail{width:var(--rail-w);background:var(--paper-2);border-right:1px solid var(--ink-10);z-index:40;transition:transform .28s var(--rail-ease);position:fixed;inset:0 auto 0 0}.shell__body{margin-left:var(--rail-w);min-height:100vh;transition:margin-left .28s var(--rail-ease);flex-direction:column;display:flex}@media (min-width:921px){.shell.is-collapsed .shell__rail{transform:translate(-100%)}.shell.is-collapsed .shell__body{margin-left:0}}.shell__content{flex:1}.shell__scrim{z-index:30;background:#00000059;display:none;position:fixed;inset:0}html{scrollbar-width:thin;scrollbar-color:var(--ink-20) transparent}html::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:var(--ink-20);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:var(--ink-20);background-clip:padding-box;border:3px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--ink-40)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--ink-40)}.sidebar{flex-direction:column;gap:8px;height:100%;padding:22px 16px;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:10px;padding:10px 10px 20px;display:flex}.sidebar__brand-dot{background:#f27539;background:lab(63.9772% 46.3978 54.884);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 10px #f2753999;box-shadow:0 0 10px lab(63.9772% 46.3978 54.884/.6)}.sidebar__brand-name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-80);font-size:12px}.sidebar__brand:hover .sidebar__brand-name{color:var(--ink)}.sidebar__section{margin-top:10px}.sidebar__heading{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40);padding:0 10px 8px;font-size:10px}.sidebar__unit{letter-spacing:.04em;color:var(--ink-40);padding:8px 10px 4px;font-size:11px}.sidebar__path{border-radius:var(--radius-md);color:var(--ink-80);align-items:center;gap:10px;padding:10px;transition:background .15s,color .15s;display:flex}.sidebar__path:hover{background:var(--ink-05);color:var(--ink)}.sidebar__path-numeral{font-family:var(--font-display);text-align:center;width:24px;color:var(--pa,var(--ink-60));font-size:17px;line-height:1}.sidebar__path-title{letter-spacing:.02em;flex:1;font-size:13px;font-weight:600}.sidebar__path-count{font-family:var(--font-mono);color:var(--ink-40);font-size:10px}.sidebar__path.is-open{color:var(--ink)}.sidebar__path.is-open .sidebar__path-count{color:var(--ink-60)}.sidebar__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{border-radius:var(--radius-md);color:var(--ink-80);align-items:center;gap:12px;padding:10px;transition:background .15s,color .15s;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar__item:hover{background:var(--ink-05);color:var(--ink)}.sidebar__item.is-active{background:var(--ink);color:var(--paper)}.sidebar__item--quiet{color:var(--ink-60)}.sidebar__num{font-family:var(--font-mono);background:var(--ink-05);min-width:30px;height:24px;color:var(--ink-60);border-left:2px solid var(--marker,transparent);border-radius:8px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.sidebar__item.is-done .sidebar__num{border-right:2px solid var(--marker,var(--ink-30));background:var(--marker,var(--ink-20))}@supports (color:color-mix(in lab, red, red)){.sidebar__item.is-done .sidebar__num{background:color-mix(in oklab, var(--marker,var(--ink-20)) 16%, transparent)}}.sidebar__item.is-done .sidebar__num{color:var(--ink)}.sidebar__item.is-active .sidebar__num{color:var(--paper);background:#ffffff29}.sidebar__num--icon{border-left:none;font-size:14px}.sidebar__label{font-size:14px;font-weight:500}.sidebar__spacer{flex:1}.topbar{z-index:20;background:var(--paper);align-items:center;gap:16px;padding:12px 28px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in oklab, var(--paper) 86%, transparent)}}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-10)}.topbar__menu svg{transition:transform .28s var(--rail-ease)}.topbar__menu[aria-expanded=false] svg{transform:rotate(180deg)}.topbar__menu{border:1px solid var(--ink-15);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.topbar__scope{opacity:.85;flex:1;align-items:center;display:flex}.topbar__right{align-items:center;gap:10px;display:flex}.audiobtn{font-family:var(--font-ui);border-radius:var(--radius-pill);border:1px solid var(--ink-20);background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.audiobtn:hover:not(:disabled){filter:brightness(1.1)}.audiobtn.is-loading,.audiobtn.is-ready{color:var(--ink-60);border-color:var(--ink-15);cursor:default;background:0 0}.audiobtn.is-error{background:var(--accent);color:#fff;border-color:#0000}.audiobtn__dot{background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #3fc168b3;box-shadow:0 0 8px lab(69.6529% -51.4113 33.9912/.7)}.audiobtn.is-ready .audiobtn__dot{background:#3fc168;background:lab(69.6529% -51.4113 33.9912)}.kbd{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;position:relative}.kbd__whites{width:100%;height:180px;display:flex}.panel>*+.kbd{margin-top:22px}.kbd__key{cursor:pointer;border:1px solid var(--ink-20);font:inherit;color:inherit;flex-direction:column;justify-content:flex-end;align-items:center;transition:background 60ms,box-shadow .12s,transform 60ms;display:flex;position:relative}.kbd__key:disabled{cursor:default}.kbd__key--white{background:linear-gradient(180deg, var(--paper), var(--paper-2));border-radius:0 0 7px 7px;flex:1;margin-right:-1px;padding-bottom:12px}.kbd__key--white:first-child{border-radius:0 0 7px 7px}.kbd__key--white.is-marked{background:linear-gradient(180deg, var(--note-color), var(--note-color))}@supports (color:color-mix(in lab, red, red)){.kbd__key--white.is-marked{background:linear-gradient(180deg, color-mix(in srgb, var(--note-color) 26%, var(--paper)), color-mix(in srgb, var(--note-color) 44%, var(--paper-2)))}}.kbd__key--white.is-marked{border-color:var(--note-color)}@supports (color:color-mix(in lab, red, red)){.kbd__key--white.is-marked{border-color:color-mix(in srgb, var(--note-color) 60%, var(--ink-20))}}.kbd__key--white.is-marked .kbd__label{color:var(--ink)}.kbd__key--white.is-lit{background:var(--note-color);box-shadow:0 0 22px -2px var(--note-glow), inset 0 0 0 1px var(--note-glow);transform:translateY(1px)}.kbd__blacks{pointer-events:none;position:absolute;inset:0}.kbd__key--black{width:calc(100% / var(--kbd-whites,14) * .62);background-color:var(--ink);background-image:linear-gradient(180deg, #2a2a26, var(--ink));pointer-events:auto;z-index:3;border:1px solid #000;border-radius:0 0 6px 6px;max-width:34px;height:62%;padding-bottom:8px;position:absolute;top:0;transform:translate(-50%)}.kbd__key--black.is-marked{background-image:linear-gradient(var(--note-color), var(--note-color))}@supports (color:color-mix(in lab, red, red)){.kbd__key--black.is-marked{background-image:linear-gradient(color-mix(in srgb, var(--note-color) 68%, #2a2a26), color-mix(in srgb, var(--note-color) 55%, var(--ink)))}}.kbd__key--black.is-marked{border-color:var(--note-color)}@supports (color:color-mix(in lab, red, red)){.kbd__key--black.is-marked{border-color:color-mix(in srgb, var(--note-color) 65%, #000)}}.kbd__key--black.is-marked{box-shadow:0 0 10px -3px var(--note-glow)}.kbd__key--black.is-lit{background-image:linear-gradient(var(--note-color), var(--note-color));box-shadow:0 0 22px 0 var(--note-glow)}.kbd__key--black.is-off{background:var(--ink-15);border-color:var(--ink-20);opacity:.55}.kbd__key--black.is-off .kbd__pip{background:var(--ink-20);box-shadow:none}.kbd__pip{background:var(--note-color);border:1px solid var(--dot-border);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px #ffffff4d}.kbd__key--black .kbd__pip{width:9px;height:9px}.acc{position:relative}.acc--sharp{margin-left:.06em;top:-.06em}.acc--flat{margin-left:-.18em;top:-.02em}.kbd__blabel{font-family:var(--font-mono);color:#ffffffb8;flex-direction:column;align-items:center;gap:1px;margin-bottom:5px;font-size:9px;line-height:1.2;display:flex}.kbd__key--black.is-lit .kbd__blabel{color:var(--note-ink,var(--ink))}.kbd__key.is-lit .kbd__pip{background:#ffffffd9;border-color:#0000}.kbd__label{font-family:var(--font-mono);color:var(--ink-40);margin-top:7px;font-size:10px}.kbd__degree{font-family:var(--font-mono);color:var(--ink);margin-bottom:6px;font-size:11px;font-weight:600;line-height:1}.kbd__key--black .kbd__degree{color:#ffffffeb;margin-bottom:5px;font-size:10px}.kbd__key.is-lit .kbd__degree,.kbd__key.is-lit .kbd__label{color:var(--note-ink,var(--ink))}.chromawheel{width:100%;margin:0 auto}.chromawheel__node:focus{outline:none}.chromawheel__node:focus-visible circle{stroke:var(--ink);stroke-width:2px}.chromawheel__lbl{font-family:var(--font-ui);font-size:12px;font-weight:600}.chromawheel__center{font-family:var(--font-mono);letter-spacing:.18em;fill:var(--ink);font-size:11px}.chromawheel__centersub{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--ink-60);font-size:8.5px}.page{max-width:1080px;margin:0 auto;padding:40px 28px 120px}.panel{background:var(--paper-2);border:1px solid var(--ink-10);border-radius:var(--radius-lg);padding:28px}.panel__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.panel__title{font-family:var(--font-display);font-size:26px}.panel__title--kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);font-size:12px;font-weight:600}.stack{flex-direction:column;gap:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}[data-density=compact] .page{padding-top:24px}[data-density=compact] .panel{padding:20px}[data-density=compact] .stack{gap:16px}.hero{border-bottom:1px solid var(--ink-10);grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-bottom:48px;padding:28px 0 56px;display:grid}.hero__eyebrow{letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:24px;font-size:12px;display:inline-flex}.hero__eyebrow .dot{background:#f27539;background:lab(63.9772% 46.3978 54.884);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #f2753999;box-shadow:0 0 10px lab(63.9772% 46.3978 54.884/.6)}.hero__title{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(44px,6vw,82px);line-height:.96}.hero__lede{color:var(--ink-80);text-wrap:pretty;max-width:460px;margin-bottom:28px;font-size:19px;line-height:1.6}.hero__art{justify-content:center;display:flex}.pathhead{margin-bottom:40px}.pathhead__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:inline-flex}.pathhead__dot{background:var(--pa);width:9px;height:9px;box-shadow:0 0 10px var(--pa);border-radius:50%}.pathhead__title{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(34px,5vw,54px);line-height:1}.pathhead__sub{color:var(--ink-60);margin-bottom:16px;font-size:17px}.pathhead__meta{max-width:420px;font-family:var(--font-mono);color:var(--ink-60);align-items:center;gap:12px;font-size:12px;display:flex}.pathhead__bar{background:var(--ink-10);border-radius:4px;flex:1;height:4px;overflow:hidden}.pathhead__bar>div{background:var(--pa);height:100%}.path-divider{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-40);align-items:center;gap:18px;margin:72px 0 36px;font-size:11px;display:flex}.path-divider:before,.path-divider:after{content:"";background:var(--ink-10);flex:1;height:1px}.pathbanners{flex-direction:column;gap:16px;display:flex}.pathbanner{background:var(--paper);border:1px solid var(--ink-15);border-left:4px solid var(--pa);border-radius:var(--radius-lg);grid-template-columns:96px 1fr auto;align-items:center;gap:24px;padding:26px 30px;transition:transform .15s,box-shadow .25s,border-color .15s;display:grid;position:relative}.pathbanner:hover{border-color:var(--ink-20);transform:translateY(-2px);box-shadow:0 10px 30px #1d140d14;box-shadow:0 10px 30px lab(7.17208% 3.64868 5.4563/.08)}.pathbanner__numeral{font-family:var(--font-display);color:var(--pa);text-align:center;font-size:56px;line-height:1}.pathbanner__title{font-family:var(--font-display);margin-bottom:6px;font-size:28px;line-height:1.05;display:block}.pathbanner__tagline{color:var(--ink-60);margin-bottom:12px;font-size:15px;display:block}.pathbanner__chips{flex-wrap:wrap;gap:8px;display:flex}.pathbanner__chip{font-family:var(--font-mono);color:var(--ink-60);border:1px solid var(--ink-15);border-radius:999px;padding:3px 10px;font-size:11px}.pathbanner__side{text-align:right;font-family:var(--font-mono);color:var(--ink-60);flex-direction:column;align-items:flex-end;gap:10px;font-size:12px;display:flex}.pathbanner__go{color:var(--ink)}.pathbanner__next{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:999px;padding:3px 10px;font-size:10px;position:absolute;top:-9px;left:26px}@media (max-width:760px){.pathbanner{grid-template-columns:56px 1fr}.pathbanner__side{display:none}.pathbanner__numeral{font-size:40px}}.units{flex-direction:column;gap:64px;display:flex}.unit{grid-template-columns:264px 1fr;align-items:start;gap:40px;display:grid}.unit--right{grid-template-columns:1fr 264px}.unit--right .unit__marker{order:2}.unit__marker{border-radius:var(--radius-lg);background:var(--paper-2);border:1px solid var(--ink-10);padding:24px;position:sticky;top:84px}.unit__glyph{font-family:var(--font-display);margin-bottom:14px;font-size:44px;line-height:1}.unit__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin-bottom:6px;font-size:11px}.unit__title{margin-bottom:6px;font-size:30px;line-height:1}.unit__sub{color:var(--ink-60);text-wrap:pretty;font-size:14px}.unit__progress{font-family:var(--font-mono);color:var(--ink-60);align-items:center;gap:10px;margin-top:18px;font-size:11px;display:flex}.unit__bar{background:var(--ink-10);border-radius:4px;flex:1;height:4px;overflow:hidden}.unit__bar>div{background:var(--ink);height:100%;transition:width .4s}.unit__lessons{flex-direction:column;gap:12px;display:flex}.lesson-card{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-lg);grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:22px 26px;transition:transform .15s,border-color .15s,box-shadow .25s,background .15s;display:grid}.lesson-card:hover{border-color:var(--ink-40);box-shadow:var(--card-shadow);transform:translateY(-2px)}.lesson-card--done{background:var(--paper-2);border-color:var(--ink-10)}.lesson-card__num{font-family:var(--font-display);color:var(--ink-40);font-size:30px;line-height:1}.lesson-card__title{font-family:var(--font-display);margin-bottom:2px;font-size:22px;line-height:1.1}.lesson-card__brief{color:var(--ink-60);font-size:13px}.lesson-card__vocab{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.lesson-card__vocab-item{font-family:var(--font-mono);color:var(--ink-60);align-items:center;gap:5px;font-size:11px;display:inline-flex}.lesson-card__vocab-item .swatch{border:1px solid var(--dot-border);border-radius:50%;width:10px;height:10px}.lesson-card__status{align-items:center;display:flex}.lesson-card__go{font-family:var(--font-mono);color:var(--ink-60);letter-spacing:.06em;white-space:nowrap;font-size:12px}.lesson-card:hover .lesson-card__go{color:var(--ink)}.lesson-card__check{color:#319751;color:lab(55.358% -42.3219 27.9624);font-size:18px}.lesson__header{margin-bottom:28px}.lesson__crumb{margin-bottom:12px}.lesson__title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(34px,5vw,54px);line-height:1}.lesson__lede{color:var(--ink-80);text-wrap:pretty;max-width:60ch;font-size:19px;line-height:1.6}.readout{border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--ink-15);align-items:center;gap:20px;min-height:108px;padding:22px 26px;display:flex}.readout__swatch{border:1px solid var(--dot-border);border-radius:50%;flex-shrink:0;width:56px;height:56px;box-shadow:inset 0 1px #ffffff40}.readout__note{font-family:var(--font-display);font-size:40px;line-height:1}.readout__meta{line-height:1.55;font-family:var(--font-mono);color:var(--ink-60);letter-spacing:.04em;font-size:13px}.readout--empty{color:var(--ink-40);font-family:var(--font-mono);font-size:13px}.note-tag{font-family:var(--font-mono);border-radius:var(--radius-pill);border:1px solid var(--ink-15);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.note-tag .swatch{border:1px solid var(--dot-border);border-radius:50%;width:12px;height:12px;transition:transform .12s}.note-tag--mark{border-color:var(--ink-60);box-shadow:inset 0 0 0 1px var(--ink-60)}.note-tag--loop{border-style:dashed}.note-tag--loop .note-tag__hint{color:var(--ink-60)}.note-tag.is-live{border-color:var(--ink-40);background:var(--paper-3)}.note-tag.is-live .swatch{transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.note-tag .swatch{transition:none}.note-tag.is-live .swatch{transform:none}}.freqrow{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.freqcard{border:1px solid var(--ink-15);border-radius:var(--radius-md);background:var(--paper);font-family:var(--font-mono);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;display:flex}.freqcard:hover{border-color:var(--ink-40)}.freqcard .swatch{border:1px solid var(--dot-border);border-radius:50%;width:13px;height:13px}.freqcard__note{color:var(--ink);align-items:center;gap:7px;font-size:13px;display:inline-flex}.freqcard__hz{color:var(--ink-60);white-space:nowrap;font-size:11px}.freqcard--return{border-style:dashed}.freqcard--return .freqcard__hz{color:var(--ink);font-weight:600}.namelist{flex-direction:column;gap:8px;max-width:760px;display:flex}.namelist__key,.namerow{grid-template-columns:56px 70px 52px 58px minmax(0,1fr);gap:14px;display:grid}.namelist__key{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);white-space:nowrap;padding:2px 17px 0;font-size:10.5px}.namerow{border:1px solid var(--ink-15);border-radius:var(--radius-md);background:var(--paper);cursor:pointer;text-align:left;font:inherit;color:inherit;align-items:center;padding:11px 16px}.namerow:hover{border-color:var(--ink-40)}.namerow--return{border-style:dashed}.namerow .swatch{border:1px solid var(--dot-border);border-radius:50%;flex:none;width:13px;height:13px}.namerow__note{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:7px;font-size:19px;line-height:1;display:inline-flex}.namerow__hz{font-family:var(--font-mono);color:var(--ink-60);white-space:nowrap;font-size:12px}.namerow__num,.namerow__sol{font-family:var(--font-mono);font-size:13px}.namelist--intervals .namelist__key,.namelist--intervals .namerow{grid-template-columns:64px 78px 52px minmax(0,1fr)}.namerow--scale{box-shadow:inset 3px 0 0 var(--accent)}.namerow__tag{border:1px solid var(--ink-20);border-radius:var(--radius-pill);letter-spacing:.06em;color:var(--ink-60);white-space:nowrap;margin-left:8px;padding:1px 7px;font-size:10px}.namerow__name{flex-direction:column;gap:2px;min-width:0;display:flex}.namerow__formal{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.namerow__gloss{color:var(--ink-60);font-size:13px}@media (max-width:640px){.namelist__key{display:none}.namerow{grid-template-columns:52px 70px 24px minmax(0,1fr);gap:6px 12px;padding:10px 12px}.namerow__name{grid-column:1/-1}}.swatch--star.swatch--star,.kbd__pip--star.kbd__pip--star{clip-path:polygon(50% 0%,63% 34%,98% 35%,70% 57%,79% 91%,50% 71%,21% 91%,30% 57%,2% 35%,37% 34%);border-radius:0;transform:scale(1.35)}.swatch--triangle.swatch--triangle,.kbd__pip--triangle.kbd__pip--triangle{clip-path:polygon(50% 0%,100% 92%,0% 92%);border-radius:0;transform:scale(1.15)}.swatch--pentagon.swatch--pentagon,.kbd__pip--pentagon.kbd__pip--pentagon{clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;transform:scale(1.1)}@media (max-width:760px){.freqrow{grid-template-columns:repeat(4,minmax(0,1fr))}}.stub{border:1px dashed var(--ink-20);border-radius:var(--radius-lg);color:var(--ink-60);background:var(--paper-2);flex-direction:column;gap:10px;padding:28px;display:flex}.stub__tag{align-self:flex-start}.setting{border-bottom:1px solid var(--ink-10);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.setting:last-child{border-bottom:none}.setting__label{font-size:15px;font-weight:500}.setting__hint{color:var(--ink-60);margin-top:2px;font-size:14px}.segmented{background:var(--ink-05);border-radius:var(--radius-pill);border:1px solid var(--ink-10);gap:4px;padding:4px;display:inline-flex}.segmented button{font-family:var(--font-ui);border-radius:var(--radius-pill);color:var(--ink-60);cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:13px}.segmented button.is-on{background:var(--ink);color:var(--paper)}.chordgrid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:14px;display:grid}.chordcard{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-md);cursor:pointer;color:inherit;font:inherit;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 16px;transition:transform .15s,border-color .15s,box-shadow .25s;display:flex}.chordcard:hover{border-color:var(--ink-40);box-shadow:var(--card-shadow);transform:translateY(-2px)}.chordcard--return{border-style:dashed}.chordgrid__frame{container-type:inline-size}.chordgrid--line{grid-template-columns:repeat(4,minmax(0,1fr))}.chordgrid--line .chordcard{padding-inline:6px}.chordgrid--line .chordcard__fn{letter-spacing:.04em;font-size:10px}@container (min-width:800px){.chordgrid--line{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (max-width:380px){.chordgrid--line{grid-template-columns:repeat(2,minmax(0,1fr))}}.chordcard__name{font-family:var(--font-display);font-size:18px;line-height:1}.chordcard__fn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);font-size:11.5px}.progstrip{flex-wrap:wrap;gap:22px;display:flex}.progstrip__item{font-family:var(--font-mono);color:var(--ink-60);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.rhythmtag{border:1.5px solid var(--rv-border,var(--ink-30));background:var(--rv-bg,var(--paper));font:inherit;color:var(--ink);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:0;display:inline-flex}button.rhythmtag{cursor:pointer;transition:transform .12s,box-shadow .2s}button.rhythmtag:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}.rhythmtag--sm{width:34px;height:44px}.rhythmtag--md{width:46px;height:58px}.rhythmtag--lg{width:60px;height:74px}.rhythmtag__symbol{font-family:var(--font-music);font-size:22px;line-height:1}.rhythmtag--sm .rhythmtag__symbol{font-size:16px}.rhythmtag--lg .rhythmtag__symbol{font-size:30px}.rhythmtag__abbrev{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-60);font-size:9px}.rhythmtag--sm .rhythmtag__abbrev{font-size:8px}.rhythmtag--whole{--rv-bg:#ece2ffbf;--rv-border:#8e6ac7}@supports (color:lab(0% 0 0)){.rhythmtag--whole{--rv-bg:lab(91.3007% 9.04176 -16.1093/.75);--rv-border:lab(51.5966% 29.3041 -43.5888)}}.rhythmtag--half{--rv-bg:#d6eaffbf;--rv-border:#3a84ca}@supports (color:lab(0% 0 0)){.rhythmtag--half{--rv-bg:lab(91.8046% -4.81725 -17.5456/.75);--rv-border:lab(53.0444% -5.47877 -43.8836)}}.rhythmtag--quarter{--rv-bg:#ccf4d3bf;--rv-border:#348f4f}@supports (color:lab(0% 0 0)){.rhythmtag--quarter{--rv-bg:lab(92.6745% -17.7943 11.3974/.75);--rv-border:lab(52.917% -39.2484 25.8739)}}.rhythmtag--eighth{--rv-bg:#ffe9bacc;--rv-border:#b3880f}@supports (color:lab(0% 0 0)){.rhythmtag--eighth{--rv-bg:lab(93.2477% 3.27221 27.7893/.8);--rv-border:lab(59.5457% 10.158 61.5802)}}.rhythmtag--sixteenth{--rv-bg:#ffdfdab3;--rv-border:#ce5247}@supports (color:lab(0% 0 0)){.rhythmtag--sixteenth{--rv-bg:lab(91.4401% 15.0165 9.24079/.7);--rv-border:lab(52.0727% 49.6449 33.1874)}}.rhythmtag--dotted{--rv-bg:#c2f3f2bf;--rv-border:#009393}@supports (color:lab(0% 0 0)){.rhythmtag--dotted{--rv-bg:lab(92.4151% -16.317 -5.02236/.75);--rv-border:lab(54.7612% -35.9997 -10.7815)}}.rhythmtag--triplet{--rv-bg:#f7defdbf;--rv-border:#a264b0}@supports (color:lab(0% 0 0)){.rhythmtag--triplet{--rv-bg:lab(91.2086% 13.1693 -11.9559/.75);--rv-border:lab(51.6801% 34.9745 -30.2962)}}.rhythmtag--rest{--rv-bg:var(--ink-05);--rv-border:var(--ink-30);border-style:dashed}.rhythmtag--rest .rhythmtag__symbol{color:var(--ink-80)}.rhythmbar-wrap{flex-direction:column;align-items:flex-start;gap:6px;display:inline-flex}.rhythmbar{background:var(--paper);border-left:3px solid var(--ink-60);border-right:3px solid var(--ink-60);align-items:center;gap:6px;padding:10px 12px;display:inline-flex}.rhythmbar__meter{font-family:var(--font-display);color:var(--ink-80);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-right:8px;font-size:20px;line-height:.9;display:flex}.rhythmbar__counting{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-60);padding-left:15px;font-size:12px}.modegrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.modecard{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--ink-15);background:var(--paper);cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:8px;padding:24px;transition:transform .15s,border-color .15s,box-shadow .25s;display:flex}.modecard:hover{border-color:var(--ink-40);box-shadow:var(--card-shadow);transform:translateY(-2px)}.modecard__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.modecard__title{font-family:var(--font-display);font-size:24px}.modecard__blurb{color:var(--ink-60);font-size:15px}.modecard__due{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--paper-3);border:1px solid var(--ink-20);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 9px;font-size:10px}.modecard__stats{font-family:var(--font-mono);color:var(--ink-60);margin-top:6px;font-size:11px}.modecard--custom{background:var(--paper-3);border-color:var(--ink-30);border-top:3px solid var(--accent)}.modecard--custom:hover{border-color:var(--ink-40);border-top-color:var(--accent)}.modecard__dials{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 9px;font-size:10px}.roomdivider{align-items:center;gap:14px;margin:26px 0 14px;display:flex}.roomdivider--custom{margin-top:40px}.roomdivider__line{background:var(--ink-15);flex:1;height:1px}.roomdivider--custom .roomdivider__line{background:linear-gradient(90deg, var(--accent), var(--ink-15));border-radius:2px;height:2px}.pillgroup{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:460px;display:flex}.pill{font-family:var(--font-ui);border-radius:var(--radius-pill);border:1px solid var(--ink-20);background:var(--paper);color:var(--ink-80);cursor:pointer;align-items:center;gap:7px;padding:8px 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pill:hover{border-color:var(--ink-40)}.pill.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.notepicker{grid-template-columns:repeat(14,1fr);gap:8px;max-width:640px;display:grid}.notepicker .pill{justify-content:center;padding:8px 4px}.pill__swatch{border:1px solid var(--dot-border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.pill.is-on .rhythmtag{background:var(--paper)}.pill__sub{font-family:var(--font-mono);opacity:.7;font-size:10px}.practice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.practice-top__meta{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-pill);border:1px solid var(--ink-15);color:var(--ink-60);background:var(--paper);white-space:nowrap;padding:7px 12px;font-size:11px}.roundbar{background:var(--ink-10);border-radius:var(--radius-pill);height:6px;margin-bottom:28px;overflow:hidden}.roundbar>div{background:var(--ink);border-radius:var(--radius-pill);height:100%;transition:width .3s}.qstage{background:var(--paper-2);border:1px solid var(--ink-10);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:24px;padding:40px 28px;display:flex}.qstage__prompt{font-family:var(--font-display);letter-spacing:-.01em;text-align:center;margin:0;font-size:clamp(26px,3.6vw,38px);line-height:1.05}.qstage__controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.choices{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;width:100%;display:grid}.choice{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-md);cursor:pointer;font:inherit;color:inherit;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;transition:transform .15s,border-color .15s,box-shadow .25s,background .2s,opacity .2s;display:flex}.choice:hover:not(:disabled){border-color:var(--ink-40);box-shadow:var(--card-shadow);transform:translateY(-2px)}.choice:disabled{cursor:default}.choice.is-locked{opacity:.45}.choice.is-dim{opacity:.4}.choice.is-correct{background:#d3edd780;background:lab(91.2533% -11.8417 7.5634/.5);border-color:#319751;border-color:lab(55.358% -42.3219 27.9624);animation:.6s choice-right}.choice.is-wrong{background:#fedbd673;background:lab(90.3695% 11.9893 7.36569/.45);border-color:#cf4238;border-color:lab(49.5352% 56.1325 38.8711);animation:.45s choice-shake}.choice__label{font-family:var(--font-display);font-size:22px;line-height:1}.choice__sub{font-family:var(--font-mono);color:var(--ink-60);font-size:12px}.choice__dot{border:1px solid var(--dot-border);background:var(--ink-10);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:background .25s,box-shadow .25s}.choices--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.choices--wide .choice__label{font-size:18px}.choice__dotrow{gap:5px;display:flex}.buildrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.buildslot{border:1.5px dashed var(--ink-30);border-radius:var(--radius-md);background:var(--paper);min-width:64px;min-height:72px;font:inherit;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:border-color .15s,background .2s;display:inline-flex}button.buildslot.is-filled:not(:disabled){cursor:pointer}button.buildslot.is-filled:not(:disabled):hover{border-color:var(--ink)}.buildslot.is-filled{border-style:solid;border-color:var(--ink-40)}.buildslot.is-ok{background:#d3edd780;background:lab(91.2533% -11.8417 7.5634/.5);border-width:2px;border-color:#319751;border-color:lab(55.358% -42.3219 27.9624)}.buildslot.is-ok .buildslot__idx{color:#006829;color:lab(37.9176% -42.8445 28.9641)}.buildslot.is-bad{background:#fedbd673;background:lab(90.3695% 11.9893 7.36569/.45);border-width:2px;border-color:#cf4238;border-color:lab(49.5352% 56.1325 38.8711)}.buildslot.is-bad .buildslot__idx{color:#b3241f;color:lab(40.2254% 56.4251 41.3189)}.buildslot.is-truth{border-style:solid;border-color:var(--ink-20);background:var(--paper-3)}.buildslot__idx{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-40);font-size:9px}.buildslot__label{font-family:var(--font-display);font-size:18px;line-height:1}.choices--palette{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.choices--palette .choice{padding:12px 8px}a.modecard{color:inherit;flex-direction:column;text-decoration:none;display:flex}.refrow{border-bottom:1px dashed var(--ink-10);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 0;display:flex}.refrow:last-child{border-bottom:none;padding-bottom:0}.refrow__name{font-family:var(--font-display);min-width:150px;font-size:17px}.refrow__note{font-family:var(--font-mono);color:var(--ink-60);flex:1;min-width:180px;font-size:11px}.refrow__actions{gap:8px;margin-left:auto;display:flex}.staffwrap{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-md);max-width:100%;padding:14px 10px;overflow-x:auto}.staff{color:var(--ink);touch-action:manipulation;display:block}.staff__line,.staff__bar,.staff__ledger{stroke:var(--ink-60);stroke-width:1.1px}.staff__bar{stroke-width:2px}.staff__slotmark{stroke:var(--ink-20);stroke-width:2px;stroke-dasharray:3 3}.staff__clef{font-family:var(--font-music);fill:var(--ink);dominant-baseline:central;font-size:52px}.staff__sig{font-family:var(--font-music);fill:var(--ink);dominant-baseline:central;font-size:22px}.staff__rhythm{font-family:var(--font-music);fill:var(--ink-60);text-anchor:middle;font-size:17px}.staffnote{fill:var(--ink)}.staffnote--ghost{fill:var(--ink-30)}.staffnote--ok{fill:#319751;fill:lab(55.358% -42.3219 27.9624)}.staffnote--bad{fill:#cf4238;fill:lab(49.5352% 56.1325 38.8711)}.staffnote--truth{fill:none;stroke:#319751;stroke:lab(55.358% -42.3219 27.9624);stroke-width:2px}.staff__active{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 3}.pitchmeter{flex-direction:column;gap:8px;width:min(420px,100%);display:flex}.pitchmeter__row{font-family:var(--font-mono);color:var(--ink-60);justify-content:space-between;gap:12px;font-size:12px;display:flex}.pitchmeter__target strong{color:var(--ink);font-size:15px}.pitchmeter__scale{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-pill);height:26px;position:relative;overflow:hidden}.pitchmeter__center{background:var(--ink-30);width:2px;position:absolute;top:3px;bottom:3px;left:50%}.pitchmeter__needle{background:#cf4238;background:lab(49.5352% 56.1325 38.8711);border-radius:2px;width:4px;margin-left:-2px;transition:left 80ms linear,background .15s;position:absolute;top:2px;bottom:2px}.pitchmeter__needle.is-in{background:#319751;background:lab(55.358% -42.3219 27.9624)}.pitchmeter__hold{background:#319751;background:lab(55.358% -42.3219 27.9624);height:3px;transition:width 80ms linear;position:absolute;bottom:0;left:0}.fretwrap{background:var(--paper);border:1px solid var(--ink-15);border-radius:var(--radius-md);max-width:100%;padding:12px 10px;overflow-x:auto}.fretboard{display:block}.fretboard__band{fill:var(--ink-05);stroke:var(--ink-15);stroke-dasharray:4 3}.fretboard__nut{stroke:var(--ink);stroke-width:5px}.fretboard__wire{stroke:var(--ink-20);stroke-width:1.4px}.fretboard__inlay{fill:var(--ink-10)}.fretboard__string{stroke:var(--ink-60)}.fretboard__open,.fretboard__num{font-family:var(--font-mono);fill:var(--ink-40);text-anchor:middle;font-size:10px}.fretboard__pos{cursor:pointer;outline-offset:3px}.fretboard__dot{stroke:var(--dot-border);stroke-width:1px;transition:r .12s}.fretboard__root{fill:none;stroke:var(--ink);stroke-width:1.8px}.fretboard__accent{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:4 3}.fretboard__pc{font-family:var(--font-mono);fill:var(--ink);text-anchor:middle;pointer-events:none;font-size:9.5px;font-weight:600}.performbars{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;display:flex}.performbar{align-items:flex-end}.performtoken{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.performtoken__mark{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-40);min-height:13px;font-size:10px}.performtoken.is-hit .performtoken__mark{color:#006829;color:lab(37.9176% -42.8445 28.9641);font-weight:700}.performtoken.is-early .performtoken__mark,.performtoken.is-late .performtoken__mark{color:#9e6200;color:lab(47.4747% 21.8849 64.6543)}.performtoken.is-miss .performtoken__mark{color:#b3241f;color:lab(40.2254% 56.4251 41.3189);font-weight:700}.beatlamp{align-items:center;gap:10px;min-height:18px;display:flex}.beatlamp__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);font-size:10px}.beatlamp__dot{background:var(--ink-10);border:1px solid var(--ink-20);border-radius:50%;width:12px;height:12px;transition:background 80ms,transform 80ms}.beatlamp__dot.is-on{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.tappad{border:2px dashed var(--ink-30);border-radius:var(--radius-lg);background:var(--paper);width:min(340px,100%);min-height:96px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-60);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;font-size:13px;display:flex}.tappad.is-live{border-style:solid;border-color:var(--ink);color:var(--ink);font-size:17px}.tappad.is-live[data-flash="1"]{background:var(--paper-3)}@media (prefers-reduced-motion:reduce){.beatlamp__dot.is-on{transform:none}}.quiz__prompt{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(20px,2.6vw,27px);line-height:1.15}.quiz__verdict{color:var(--ink-80);text-wrap:pretty;font-size:14px}.quiz__result{text-align:center;padding:12px 0 6px}.quiz__result .lesson__lede{margin-inline:auto}.quiz__score{font-family:var(--font-display);margin-bottom:10px;font-size:54px;line-height:1}@keyframes choice-right{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes choice-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.practice-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.scoredots{align-items:center;gap:8px;display:flex}.scoredot{background:var(--ink-15);border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s}.scoredot.is-correct{background:#43a65f;background:lab(61.1676% -42.2168 27.774)}.scoredot.is-wrong{background:#de4f44;background:lab(54.1873% 56.0062 38.114)}.scoredot.is-current{background:var(--ink);transform:scale(1.35)}.results-big{border-bottom:1px solid var(--ink-10);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding-bottom:24px;display:flex}.results-pct{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(64px,10vw,104px);line-height:1}.results-pct span{color:var(--ink-40);font-size:40%}.verdict{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--paper-3);border:1px solid var(--ink-10);padding:8px 18px;font-size:24px}.breakdown{flex-direction:column;gap:8px;display:flex}.breakdown__row{background:var(--paper);border:1px solid var(--ink-10);border-radius:var(--radius-sm);font-family:var(--font-mono);grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:10px 14px;font-size:12px;display:grid}.breakdown__row.is-ok{border-left:3px solid #319751;border-left:3px solid lab(55.358% -42.3219 27.9624)}.breakdown__row.is-bad{border-left:3px solid #d6483e;border-left:3px solid lab(51.8614% 56.0678 38.4673)}.breakdown__idx{color:var(--ink-40);letter-spacing:.08em}.breakdown__what{color:var(--ink);align-items:center;gap:8px;display:flex}.breakdown__ans{color:var(--ink-60)}@media (max-width:920px){:root{--rail-w:0px}.shell__rail{width:280px;transform:translate(-100%)}.shell.is-drawer-open .shell__rail{transform:translate(0)}.shell.is-drawer-open .shell__scrim{display:block}.shell__body{margin-left:0}.hero{text-align:left;grid-template-columns:1fr}.hero__art{max-width:340px;margin-top:8px}.modegrid{grid-template-columns:1fr}.units{gap:44px}.unit,.unit--right{grid-template-columns:1fr;gap:16px}.unit--right .unit__marker{order:0}.unit__marker{position:static}.lesson-card{grid-template-columns:48px 1fr auto;gap:14px;padding:16px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.structure__intro{max-width:720px;margin-bottom:24px}.structure__intro h1{margin-bottom:10px;font-size:34px}.structure__intro p{color:var(--ink-60);margin:0;font-size:14px}.structure__bar{z-index:5;background:var(--paper-2);border:1px solid var(--ink-15);border-radius:var(--radius-md);box-shadow:var(--card-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;display:flex;position:sticky;top:12px}.structure__stats{color:var(--ink-60);font-size:12px}.structure__bar-actions{flex-wrap:wrap;gap:8px;display:flex}.structure__bar .btn{padding:7px 14px;font-size:13px}.structure__note{color:var(--ink-60);margin:0 0 14px;font-size:13px}.structure__note.is-error{color:var(--accent);font-weight:500}.structure__path{background:var(--paper-2);border:1px solid var(--ink-15);border-top:3px solid var(--path-accent,var(--accent));border-radius:var(--radius-lg);margin-bottom:22px;padding:16px}.structure__row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.structure__path-head{margin-bottom:4px}.structure__numeral{letter-spacing:.12em;color:var(--path-accent,var(--accent));border:1px solid var(--ink-15);border-radius:var(--radius-pill);background:var(--paper);padding:3px 10px;font-size:12px;font-weight:600}.structure__module{background:var(--paper);border:1px solid var(--ink-10);border-radius:var(--radius-md);margin-top:10px;padding:10px 12px}.structure__unit{background:var(--paper-2);border:1px solid var(--ink-10);border-radius:var(--radius-sm);margin-top:8px;padding:8px 10px}.structure__lesson{border-radius:8px;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:2px;padding:4px 6px;display:flex}.structure__lesson:hover{background:var(--ink-05)}.structure__grip{color:var(--ink-40);cursor:grab;touch-action:none;background:0 0;border:none;padding:2px 4px;font-size:13px}.structure__grip:active{cursor:grabbing}.structure__fold{color:var(--ink-60);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.structure__tag{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);background:var(--ink-05);border-radius:var(--radius-pill);white-space:nowrap;padding:3px 8px;font-size:10px;font-weight:600}.structure__tag--unit{background:var(--paper);border:1px solid var(--ink-15)}.structure__glyph{color:var(--ink-60);font-size:13px}.structure__num{color:var(--ink-60);text-align:right;min-width:34px;font-size:11px}.structure__count,.structure__slug{color:var(--ink-40);white-space:nowrap;font-size:11px}.structure__input{font:inherit;color:inherit;background:0 0;border:none;border-bottom:1px dashed #0000;border-radius:4px 4px 0 0;min-width:0;padding:2px 4px;font-size:14px}.structure__input:hover{border-bottom-color:var(--ink-20)}.structure__input:focus{background:var(--ink-05);border-bottom-color:var(--ink-40);outline:none}.structure__input--path{font-family:var(--font-display);flex:0 300px;min-width:140px;font-size:22px}.structure__input--title{flex:0 260px;min-width:120px;font-weight:600}.structure__input--lesson{flex:0 240px;min-width:120px}.structure__input--sub{color:var(--ink-60);flex:120px;min-width:80px}@media (max-width:760px){.structure__row,.structure__lesson{flex-wrap:wrap}}.structure__nudge{gap:2px;margin-left:auto;display:inline-flex}.structure__nudge button{color:var(--ink-40);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 6px;font-size:12px;line-height:1}.structure__nudge button:hover:not(:disabled){background:var(--ink-05);color:var(--ink)}.structure__nudge button:disabled{opacity:.3;cursor:default}.structure__add{width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--ink-40);border:1px dashed var(--ink-20);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-top:8px;padding:6px 10px;font-size:10px;font-weight:600;display:block}.structure__add:hover{color:var(--ink);border-color:var(--ink-40);background:var(--ink-05)}.structure__add--path{border-radius:var(--radius-lg);margin-bottom:60px;padding:14px 18px}.is-dragging{opacity:.35}.structure__path.is-drop-before,.structure__module.is-drop-before,.structure__unit.is-drop-before,.structure__lesson.is-drop-before{box-shadow:0 -3px 0 0 var(--accent)}.structure__path.is-drop-after{box-shadow:0 3px 0 0 var(--accent)}.structure__path.is-drop-into,.structure__module.is-drop-into,.structure__unit.is-drop-into{outline:2px solid var(--accent);outline-offset:2px}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}
