@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--palette-manuscript-page: #F3F2EE;--palette-manuscript-surface: #FBFAF7;--palette-manuscript-raised: #E9E8E2;--palette-manuscript-accent: #B3261E;--palette-manuscript-accent-bright: #8F1C16;--palette-manuscript-accent-fill: var(--palette-manuscript-accent);--palette-manuscript-accent-fill-hover: var(--palette-manuscript-accent-bright);--palette-manuscript-accent-glow: rgba(21, 24, 27, .2);--palette-manuscript-metal: #3D5163;--palette-manuscript-text: #15181B;--palette-manuscript-text-dim: #515A63;--palette-manuscript-text-muted: #666F78;--palette-manuscript-border: #CDD0CC;--palette-manuscript-hairline: #DEDED8;--palette-manuscript-on-accent: #FFFFFF;--palette-manuscript-signal-new-bg: #DCEFE3;--palette-manuscript-signal-new-fg: #155232;--palette-manuscript-signal-core-bg: #F5E7C4;--palette-manuscript-signal-core-fg: #6B4A05;--palette-manuscript-signal-adv-bg: #F7DED4;--palette-manuscript-signal-adv-fg: #8A2C12;--color-bg-page: var(--palette-manuscript-page);--color-bg-surface: var(--palette-manuscript-surface);--color-bg-raised: var(--palette-manuscript-raised);--color-accent: var(--palette-manuscript-accent);--color-accent-bright: var(--palette-manuscript-accent-bright);--color-accent-fill: var(--palette-manuscript-accent-fill);--color-accent-fill-hover: var(--palette-manuscript-accent-fill-hover);--color-accent-glow: var(--palette-manuscript-accent-glow);--color-metal: var(--palette-manuscript-metal);--color-text-primary: var(--palette-manuscript-text);--color-text-on-accent: var(--palette-manuscript-on-accent);--color-text-secondary: var(--palette-manuscript-text-dim);--color-text-muted: var(--palette-manuscript-text-muted);--color-border-strong: var(--palette-manuscript-border);--color-hairline: var(--palette-manuscript-hairline);--color-link: var(--palette-manuscript-accent-bright);--color-signal-new-bg: var(--palette-manuscript-signal-new-bg);--color-signal-new-fg: var(--palette-manuscript-signal-new-fg);--color-signal-core-bg: var(--palette-manuscript-signal-core-bg);--color-signal-core-fg: var(--palette-manuscript-signal-core-fg);--color-signal-adv-bg: var(--palette-manuscript-signal-adv-bg);--color-signal-adv-fg: var(--palette-manuscript-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-manuscript-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-manuscript-accent-bright) 14%, transparent);--shadow-hero-drop: rgba(20, 22, 25, .18);--shadow-glow-light: rgba(20, 22, 25, .14);--shadow-glow-light-strong: rgba(20, 22, 25, .2);--shadow-elevated: rgba(20, 22, 25, .12);--surface-muted-overlay: color-mix(in srgb, var(--color-text-secondary) 12%, transparent);--icon-filter-stack: drop-shadow(0 1px 2px var(--icon-shadow-depth)) drop-shadow(0 0 5px var(--icon-shadow-glow)) drop-shadow(0 0 .75px var(--icon-shadow-rim));--icon-filter-img-tone: brightness(1.02) saturate(1.01);--badge-beginner-bg: var(--color-signal-new-bg);--badge-beginner-fg: var(--color-signal-new-fg);--badge-intermediate-bg: var(--color-signal-core-bg);--badge-intermediate-fg: var(--color-signal-core-fg);--badge-advanced-bg: var(--color-signal-adv-bg);--color-link-visited: color-mix(in srgb, var(--color-accent) 42%, var(--color-text-muted) 58%);--color-link-hover: var(--color-accent);color-scheme:light;--font-display: "Bebas Neue", "Bebas Neue Fallback", sans-serif;--font-body: "IBM Plex Sans", "IBM Plex Sans Fallback", sans-serif;--font-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, monospace}@font-face{font-family:IBM Plex Sans Fallback;font-weight:100 450;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:103.3%;ascent-override:99.2%;descent-override:26.6%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:100 450;unicode-range:U+0041-005A;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:93.7%;ascent-override:109.4%;descent-override:29.4%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:451 550;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:105.7%;ascent-override:96.9%;descent-override:26%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:451 550;unicode-range:U+0041-005A;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:95.4%;ascent-override:107.4%;descent-override:28.8%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:551 650;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:96.8%;ascent-override:105.9%;descent-override:28.4%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:551 650;unicode-range:U+0041-005A;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:93.7%;ascent-override:109.4%;descent-override:29.4%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:651 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:99.8%;ascent-override:102.7%;descent-override:27.6%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:651 900;unicode-range:U+0041-005A;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:96.6%;ascent-override:106.1%;descent-override:28.5%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Fallback;src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("LiberationMono"),local("Cousine");size-adjust:100%;ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%}@font-face{font-family:Bebas Neue Fallback;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:79.9%;ascent-override:112.6%;descent-override:37.5%;line-gap-override:0%}@font-face{font-family:Bebas Neue Fallback;unicode-range:U+0041-005A;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:57.2%;ascent-override:157.2%;descent-override:52.4%;line-gap-override:0%}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--palette-forge-page: #0E0B09;--palette-forge-surface: #191310;--palette-forge-raised: #231A15;--palette-forge-accent: #F26D21;--palette-forge-accent-bright: #FF8A4C;--palette-forge-accent-fill: #B35118;--palette-forge-accent-fill-hover: #9E4715;--palette-forge-accent-glow: rgba(242, 109, 33, .42);--palette-forge-metal: #C79A56;--palette-forge-text: #F6F1EA;--palette-forge-text-dim: #A99A8E;--palette-forge-text-muted: #8C7F75;--palette-forge-border: #3A2F27;--palette-forge-hairline: #2A221C;--palette-forge-on-accent: #FFFFFF;--palette-forge-signal-new-bg: #123021;--palette-forge-signal-new-fg: #6FE0A3;--palette-forge-signal-core-bg: #3A2A05;--palette-forge-signal-core-fg: #F2C24B;--palette-forge-signal-adv-bg: #3A1508;--palette-forge-signal-adv-fg: #FF9E70;--color-bg-page: var(--palette-forge-page);--color-bg-surface: var(--palette-forge-surface);--color-bg-raised: var(--palette-forge-raised);--color-accent: var(--palette-forge-accent);--color-accent-bright: var(--palette-forge-accent-bright);--color-accent-fill: var(--palette-forge-accent-fill);--color-accent-fill-hover: var(--palette-forge-accent-fill-hover);--color-accent-glow: var(--palette-forge-accent-glow);--color-metal: var(--palette-forge-metal);--color-text-primary: var(--palette-forge-text);--color-text-on-accent: var(--palette-forge-on-accent);--color-text-secondary: var(--palette-forge-text-dim);--color-text-muted: var(--palette-forge-text-muted);--color-border-strong: var(--palette-forge-border);--color-hairline: var(--palette-forge-hairline);--color-link: var(--palette-forge-accent-bright);--color-signal-new-bg: var(--palette-forge-signal-new-bg);--color-signal-new-fg: var(--palette-forge-signal-new-fg);--color-signal-core-bg: var(--palette-forge-signal-core-bg);--color-signal-core-fg: var(--palette-forge-signal-core-fg);--color-signal-adv-bg: var(--palette-forge-signal-adv-bg);--color-signal-adv-fg: var(--palette-forge-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-forge-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-forge-accent-bright) 14%, transparent);--shadow-hero-drop: rgba(0, 0, 0, .6);--shadow-glow-light: rgba(255, 255, 255, .3);--shadow-glow-light-strong: rgba(255, 255, 255, .4);--shadow-elevated: rgba(0, 0, 0, .4);--icon-filter-img-tone: brightness(1.09) saturate(1.03)}}html[data-theme=forge]{color-scheme:dark;--palette-forge-page: #0E0B09;--palette-forge-surface: #191310;--palette-forge-raised: #231A15;--palette-forge-accent: #F26D21;--palette-forge-accent-bright: #FF8A4C;--palette-forge-accent-fill: #B35118;--palette-forge-accent-fill-hover: #9E4715;--palette-forge-accent-glow: rgba(242, 109, 33, .42);--palette-forge-metal: #C79A56;--palette-forge-text: #F6F1EA;--palette-forge-text-dim: #A99A8E;--palette-forge-text-muted: #8C7F75;--palette-forge-border: #3A2F27;--palette-forge-hairline: #2A221C;--palette-forge-on-accent: #FFFFFF;--palette-forge-signal-new-bg: #123021;--palette-forge-signal-new-fg: #6FE0A3;--palette-forge-signal-core-bg: #3A2A05;--palette-forge-signal-core-fg: #F2C24B;--palette-forge-signal-adv-bg: #3A1508;--palette-forge-signal-adv-fg: #FF9E70;--color-bg-page: var(--palette-forge-page);--color-bg-surface: var(--palette-forge-surface);--color-bg-raised: var(--palette-forge-raised);--color-accent: var(--palette-forge-accent);--color-accent-bright: var(--palette-forge-accent-bright);--color-accent-fill: var(--palette-forge-accent-fill);--color-accent-fill-hover: var(--palette-forge-accent-fill-hover);--color-accent-glow: var(--palette-forge-accent-glow);--color-metal: var(--palette-forge-metal);--color-text-primary: var(--palette-forge-text);--color-text-on-accent: var(--palette-forge-on-accent);--color-text-secondary: var(--palette-forge-text-dim);--color-text-muted: var(--palette-forge-text-muted);--color-border-strong: var(--palette-forge-border);--color-hairline: var(--palette-forge-hairline);--color-link: var(--palette-forge-accent-bright);--color-signal-new-bg: var(--palette-forge-signal-new-bg);--color-signal-new-fg: var(--palette-forge-signal-new-fg);--color-signal-core-bg: var(--palette-forge-signal-core-bg);--color-signal-core-fg: var(--palette-forge-signal-core-fg);--color-signal-adv-bg: var(--palette-forge-signal-adv-bg);--color-signal-adv-fg: var(--palette-forge-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-forge-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-forge-accent-bright) 14%, transparent)}html[data-theme=whetstone]{color-scheme:dark;--palette-whetstone-page: #0A0D12;--palette-whetstone-surface: #131A24;--palette-whetstone-raised: #1C2532;--palette-whetstone-accent: #FF6B35;--palette-whetstone-accent-bright: #FF8F63;--palette-whetstone-accent-fill: #B84D26;--palette-whetstone-accent-fill-hover: #A24421;--palette-whetstone-accent-glow: rgba(255, 107, 53, .42);--palette-whetstone-metal: #8FA6BC;--palette-whetstone-text: #E7EDF4;--palette-whetstone-text-dim: #93A4B6;--palette-whetstone-text-muted: #7B8C9E;--palette-whetstone-border: #2A3644;--palette-whetstone-hairline: #1F2937;--palette-whetstone-on-accent: #FFFFFF;--palette-whetstone-signal-new-bg: #0E2E24;--palette-whetstone-signal-new-fg: #5FD9AC;--palette-whetstone-signal-core-bg: #2E2A08;--palette-whetstone-signal-core-fg: #E8C55A;--palette-whetstone-signal-adv-bg: #33180C;--palette-whetstone-signal-adv-fg: #FF9B72;--color-bg-page: var(--palette-whetstone-page);--color-bg-surface: var(--palette-whetstone-surface);--color-bg-raised: var(--palette-whetstone-raised);--color-accent: var(--palette-whetstone-accent);--color-accent-bright: var(--palette-whetstone-accent-bright);--color-accent-fill: var(--palette-whetstone-accent-fill);--color-accent-fill-hover: var(--palette-whetstone-accent-fill-hover);--color-accent-glow: var(--palette-whetstone-accent-glow);--color-metal: var(--palette-whetstone-metal);--color-text-primary: var(--palette-whetstone-text);--color-text-on-accent: var(--palette-whetstone-on-accent);--color-text-secondary: var(--palette-whetstone-text-dim);--color-text-muted: var(--palette-whetstone-text-muted);--color-border-strong: var(--palette-whetstone-border);--color-hairline: var(--palette-whetstone-hairline);--color-link: var(--palette-whetstone-accent-bright);--color-signal-new-bg: var(--palette-whetstone-signal-new-bg);--color-signal-new-fg: var(--palette-whetstone-signal-new-fg);--color-signal-core-bg: var(--palette-whetstone-signal-core-bg);--color-signal-core-fg: var(--palette-whetstone-signal-core-fg);--color-signal-adv-bg: var(--palette-whetstone-signal-adv-bg);--color-signal-adv-fg: var(--palette-whetstone-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-whetstone-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-whetstone-accent-bright) 14%, transparent)}html[data-theme=manuscript]{color-scheme:light;--palette-manuscript-page: #F3F2EE;--palette-manuscript-surface: #FBFAF7;--palette-manuscript-raised: #E9E8E2;--palette-manuscript-accent: #B3261E;--palette-manuscript-accent-bright: #8F1C16;--palette-manuscript-accent-fill: var(--palette-manuscript-accent);--palette-manuscript-accent-fill-hover: var(--palette-manuscript-accent-bright);--palette-manuscript-accent-glow: rgba(21, 24, 27, .2);--palette-manuscript-metal: #3D5163;--palette-manuscript-text: #15181B;--palette-manuscript-text-dim: #515A63;--palette-manuscript-text-muted: #666F78;--palette-manuscript-border: #CDD0CC;--palette-manuscript-hairline: #DEDED8;--palette-manuscript-on-accent: #FFFFFF;--palette-manuscript-signal-new-bg: #DCEFE3;--palette-manuscript-signal-new-fg: #155232;--palette-manuscript-signal-core-bg: #F5E7C4;--palette-manuscript-signal-core-fg: #6B4A05;--palette-manuscript-signal-adv-bg: #F7DED4;--palette-manuscript-signal-adv-fg: #8A2C12;--color-bg-page: var(--palette-manuscript-page);--color-bg-surface: var(--palette-manuscript-surface);--color-bg-raised: var(--palette-manuscript-raised);--color-accent: var(--palette-manuscript-accent);--color-accent-bright: var(--palette-manuscript-accent-bright);--color-accent-fill: var(--palette-manuscript-accent-fill);--color-accent-fill-hover: var(--palette-manuscript-accent-fill-hover);--color-accent-glow: var(--palette-manuscript-accent-glow);--color-metal: var(--palette-manuscript-metal);--color-text-primary: var(--palette-manuscript-text);--color-text-on-accent: var(--palette-manuscript-on-accent);--color-text-secondary: var(--palette-manuscript-text-dim);--color-text-muted: var(--palette-manuscript-text-muted);--color-border-strong: var(--palette-manuscript-border);--color-hairline: var(--palette-manuscript-hairline);--color-link: var(--palette-manuscript-accent-bright);--color-signal-new-bg: var(--palette-manuscript-signal-new-bg);--color-signal-new-fg: var(--palette-manuscript-signal-new-fg);--color-signal-core-bg: var(--palette-manuscript-signal-core-bg);--color-signal-core-fg: var(--palette-manuscript-signal-core-fg);--color-signal-adv-bg: var(--palette-manuscript-signal-adv-bg);--color-signal-adv-fg: var(--palette-manuscript-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-manuscript-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-manuscript-accent-bright) 14%, transparent)}html[data-theme=bloodmoon]{color-scheme:dark;--palette-bloodmoon-page: #100708;--palette-bloodmoon-surface: #1C0E10;--palette-bloodmoon-raised: #261417;--palette-bloodmoon-accent: #E84A55;--palette-bloodmoon-accent-bright: #F2707A;--palette-bloodmoon-accent-fill: #C53F48;--palette-bloodmoon-accent-fill-hover: #AB373F;--palette-bloodmoon-accent-glow: rgba(232, 74, 85, .42);--palette-bloodmoon-metal: #C9B48C;--palette-bloodmoon-text: #F5E9E6;--palette-bloodmoon-text-dim: #B0908C;--palette-bloodmoon-text-muted: #9A7B77;--palette-bloodmoon-border: #43262A;--palette-bloodmoon-hairline: #2F1A1D;--palette-bloodmoon-on-accent: #FFFFFF;--palette-bloodmoon-signal-new-bg: #12301F;--palette-bloodmoon-signal-new-fg: #6DDC9C;--palette-bloodmoon-signal-core-bg: #3A2A08;--palette-bloodmoon-signal-core-fg: #EFC154;--palette-bloodmoon-signal-adv-bg: #3D161A;--palette-bloodmoon-signal-adv-fg: #FF9098;--color-bg-page: var(--palette-bloodmoon-page);--color-bg-surface: var(--palette-bloodmoon-surface);--color-bg-raised: var(--palette-bloodmoon-raised);--color-accent: var(--palette-bloodmoon-accent);--color-accent-bright: var(--palette-bloodmoon-accent-bright);--color-accent-fill: var(--palette-bloodmoon-accent-fill);--color-accent-fill-hover: var(--palette-bloodmoon-accent-fill-hover);--color-accent-glow: var(--palette-bloodmoon-accent-glow);--color-metal: var(--palette-bloodmoon-metal);--color-text-primary: var(--palette-bloodmoon-text);--color-text-on-accent: var(--palette-bloodmoon-on-accent);--color-text-secondary: var(--palette-bloodmoon-text-dim);--color-text-muted: var(--palette-bloodmoon-text-muted);--color-border-strong: var(--palette-bloodmoon-border);--color-hairline: var(--palette-bloodmoon-hairline);--color-link: var(--palette-bloodmoon-accent-bright);--color-signal-new-bg: var(--palette-bloodmoon-signal-new-bg);--color-signal-new-fg: var(--palette-bloodmoon-signal-new-fg);--color-signal-core-bg: var(--palette-bloodmoon-signal-core-bg);--color-signal-core-fg: var(--palette-bloodmoon-signal-core-fg);--color-signal-adv-bg: var(--palette-bloodmoon-signal-adv-bg);--color-signal-adv-fg: var(--palette-bloodmoon-signal-adv-fg);--icon-shadow-depth: rgba(0, 0, 0, .5);--icon-shadow-glow: color-mix(in srgb, var(--palette-bloodmoon-accent-glow) 38%, transparent);--icon-shadow-rim: color-mix(in srgb, var(--palette-bloodmoon-accent-bright) 14%, transparent)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);font-size:clamp(1rem,2vw,1.125rem);line-height:1.5;position:relative;overflow-x:hidden}a{color:var(--color-link);text-decoration-skip-ink:auto}a:visited{color:var(--color-link-visited)}a:hover,a:focus-visible,a:active{color:var(--color-link-hover)}[tabindex="-1"]:focus{outline:none}*:focus:not(:focus-visible){outline:none}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg-page) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.125rem 1.5rem}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);letter-spacing:.15em;line-height:1}.logo .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.logo .logo-link:before{content:"";flex:0 0 auto;width:clamp(40px,8vw,52px);height:clamp(40px,8vw,52px);border-radius:50%;background:url(/images/brand-mark-v4-96.webp) center / cover no-repeat;box-shadow:0 0 10px var(--color-accent-glow)}.logo-img{height:clamp(40px,8vw,56px);width:auto;aspect-ratio:880 / 567;object-fit:contain;filter:drop-shadow(0 0 8px var(--color-accent-glow))}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-lead{color:var(--color-text-primary)}.logo-warrior{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow)}.nav{margin-left:auto}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.25rem}@media(min-width:769px){.nav{flex:1 1 0}.nav ul{justify-content:flex-end}.nav li{display:grid;grid-template-columns:max-content minmax(0,.25rem);align-items:center}.nav li:last-child{grid-template-columns:max-content}}.nav a{color:var(--color-text-secondary);text-decoration:none;letter-spacing:.1em;font-weight:600;transition:color .2s ease,text-shadow .2s ease}.nav a:hover,.nav a:focus-visible{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow);outline:2px solid var(--color-accent);outline-offset:4px}.header-tools{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.theme-picker{display:flex;align-items:center;gap:.5rem}.theme-picker-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);white-space:nowrap}@media(max-width:480px){.theme-picker-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}select{max-width:100%;min-width:0}.theme-select{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:.4rem .5rem;max-width:10rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer}.share-page-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;justify-content:center;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:.4rem .65rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s}.share-page-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.share-page-btn svg{fill:currentColor;flex-shrink:0}@media(max-width:768px){.share-page-btn:not(.share-page-btn--flash) .share-page-btn-label{display:none}}.theme-select:hover,.theme-select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.theme-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-more,.settings-menu{position:relative;display:inline-flex;align-items:center}.nav-more>summary,.settings-menu>summary{list-style:none;cursor:pointer}.nav-more>summary::-webkit-details-marker,.settings-menu>summary::-webkit-details-marker{display:none}.nav-more>summary:focus-visible,.settings-menu>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.nav-more-summary{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-secondary);letter-spacing:.1em;font-weight:600}.nav-more-summary:after{content:"";width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.nav-more[open]>.nav-more-summary:after{transform:translateY(1px) rotate(-135deg)}.nav-more-summary:hover,.nav-more[open]>.nav-more-summary{color:var(--color-accent)}.nav-more-menu,.settings-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:120;margin:0;background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:6px;box-shadow:0 8px 24px #00000059}.nav .nav-more-menu{display:block;min-width:12rem;padding:.4rem;list-style:none}.nav-more-menu li{margin:0}.nav .nav-more-menu a{display:block;padding:.55rem .65rem;border-radius:4px;white-space:nowrap;font-size:.85rem}.nav .nav-more-menu a:hover,.nav .nav-more-menu a:focus-visible{color:var(--color-accent);background-color:var(--color-bg-page);outline:none;text-shadow:none}.settings-summary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px}.settings-summary:hover,.settings-menu[open]>.settings-summary{border-color:var(--color-accent);color:var(--color-accent)}.settings-panel{display:flex;flex-direction:column;gap:.85rem;padding:.85rem;min-width:12rem}.settings-panel .theme-picker{flex-direction:column;align-items:flex-start;gap:.35rem}.settings-panel .theme-select{max-width:none;width:100%}.lefty-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;justify-content:center;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:.4rem .65rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}.lefty-toggle:hover,.lefty-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.lefty-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lefty-toggle[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.lefty-toggle svg{flex-shrink:0}.settings-panel .lefty-toggle{width:100%;justify-content:flex-start}.streak-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:7.5rem;justify-content:center;padding:.4rem .65rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;text-decoration:none;transition:border-color .2s,color .2s}.streak-chip:hover,.streak-chip:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.streak-chip-icon{flex-shrink:0;color:var(--color-text-secondary)}.streak-chip--active{border-color:var(--color-accent)}.streak-chip--active .streak-chip-icon{color:var(--color-accent)}@media(max-width:768px){.nav-more,.nav-more-item{display:block;width:100%}.nav-more-summary{padding:.875rem 0;min-height:44px;justify-content:space-between}.nav .nav-more-menu{position:static;min-width:0;padding:0 0 0 1rem;background:transparent;border:none;box-shadow:none}.nav .nav-more-menu a{padding:.75rem 0;min-height:44px}.streak-chip{min-width:44px;padding:.4rem}.streak-chip-label{display:none}.streak-chip--active{min-width:3.25rem}.streak-chip--active .streak-chip-label{display:inline}}.instrument-chip-host{position:relative;display:inline-flex;align-items:center;min-width:10rem}body.instruments-index .instrument-chip-host{min-width:0;display:none}.instrument-chip{position:relative;display:inline-flex;align-items:center}.instrument-chip-button{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;white-space:nowrap}.instrument-chip-button:hover,.instrument-chip-button:focus-visible{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.instrument-chip-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.instrument-chip-caret{font-size:.7rem;line-height:1;opacity:.7}.instrument-chip-button[aria-expanded=true] .instrument-chip-caret{transform:rotate(180deg)}@media(prefers-reduced-motion:no-preference){.instrument-chip-caret{transition:transform .15s ease-out}}.instrument-chip-popover{position:fixed;z-index:110;width:min(20rem,calc(100vw - 1rem));max-height:calc(100vh - 1rem);overflow-y:auto;padding:.75rem;background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:6px;box-shadow:0 8px 24px #00000059}.instrument-chip-popover[hidden]{display:none}.instrument-chip-popover-title{font-size:.7rem;font-weight:700;letter-spacing:.01em;color:var(--color-text-secondary);margin:0 0 .6rem}.instrument-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.instrument-chip-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .35rem;text-decoration:none;color:var(--color-text-primary);background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:4px;text-align:center}.instrument-chip-tile:hover,.instrument-chip-tile:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none;box-shadow:0 0 8px var(--color-accent-glow)}.instrument-chip-tile-icon{width:28px;height:28px;object-fit:contain}.instrument-chip-tile-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}.instrument-chip-variants{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.55rem}.instrument-chip-variant{padding:.25rem .5rem;font-size:.7rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;color:var(--color-text-secondary);background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:999px;text-decoration:none}.instrument-chip-variant:hover,.instrument-chip-variant:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none}.instrument-chip-variant[aria-current=true]{color:var(--color-on-accent);background-color:var(--color-accent);border-color:var(--color-accent)}.instrument-chip-more{margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.instrument-chip-more-title{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:.4rem}.instrument-chip-more-list{display:flex;flex-wrap:wrap;gap:.3rem}.instrument-chip-more-item{padding:.25rem .5rem;font-size:.72rem;font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:4px;text-decoration:none}.instrument-chip-more-item:hover,.instrument-chip-more-item:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none}.instrument-chip-all{display:block;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--color-border);text-align:right;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--color-accent);text-decoration:none}.instrument-chip-all:hover,.instrument-chip-all:focus-visible{text-decoration:underline;outline:none}.instrument-chip-pin{display:flex;align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;user-select:none}.instrument-chip-pin input[type=checkbox]{margin:0;cursor:pointer}.cmdk-root{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem 1rem}.cmdk-root[hidden]{display:none}.cmdk-backdrop{position:absolute;inset:0;background-color:#0000008c;backdrop-filter:blur(2px)}.cmdk-panel{position:relative;width:min(36rem,100%);max-height:70vh;display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:2px solid var(--color-accent);border-radius:8px;box-shadow:0 16px 48px #0000008c;overflow:hidden}.cmdk-input{font-family:var(--font-body);font-size:1rem;padding:.85rem 1rem;color:var(--color-text-primary);background-color:var(--color-bg-page);border:0;border-bottom:1px solid var(--color-border);outline:none}.cmdk-input::placeholder{color:var(--color-text-secondary)}.cmdk-list{list-style:none;margin:0;padding:.4rem 0;overflow-y:auto}.cmdk-item{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;cursor:pointer;font-size:.92rem;color:var(--color-text-primary)}.cmdk-item[aria-selected=true]{background-color:var(--color-accent);color:var(--color-bg-page)}.cmdk-item-cat{flex:0 0 6.5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.cmdk-item[aria-selected=true] .cmdk-item-cat{color:var(--color-bg-page);opacity:.85}.cmdk-item-label{flex:1 1 auto}.cmdk-empty{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.cmdk-hint{font-size:.7rem;color:var(--color-text-secondary);padding:.45rem 1rem;border-top:1px solid var(--color-border);text-align:right}.site-search-form{margin:1.5rem 0 .75rem}.site-search-label{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:.4rem}.site-search-input{width:100%;box-sizing:border-box;padding:.75rem 1rem;font-size:1.05rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:8px}.site-search-input:focus{outline:none;border-color:var(--color-accent)}.site-search-input::placeholder{color:var(--color-text-secondary)}.site-search-status{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 1rem}.site-search-results{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.site-search-result-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;text-decoration:none;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px}.site-search-result-link:hover,.site-search-result-link:focus-visible{border-color:var(--color-accent);outline:none}.site-search-result-name{font-weight:600}.site-search-result-cat{flex:0 0 auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.saved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem}.saved-count{color:var(--color-text-secondary);font-size:.9rem;margin:0}.saved-empty{margin:1.5rem 0;padding:2rem 1.5rem;text-align:center;background-color:var(--color-bg-surface);border:1px dashed var(--color-border-strong);border-radius:8px;color:var(--color-text-secondary)}.saved-empty p{margin:0 0 .75rem}.saved-empty p:last-child{margin-bottom:0}.saved-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.saved-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px}.saved-item-link{flex:1 1 auto;min-width:0;text-decoration:none;color:var(--color-text-primary);font-weight:600;overflow-wrap:anywhere}.saved-item-link:hover{color:var(--color-accent)}.saved-item-link:focus-visible{color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.saved-item-badge{flex:0 0 auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.saved-item-remove{flex:0 0 auto;min-height:44px;padding:.4rem .85rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-strong);border-radius:4px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.saved-item-remove:hover{border-color:var(--color-accent);color:var(--color-accent)}.saved-item-remove:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:768px){.instrument-chip-button{padding:.35rem .5rem;font-size:.72rem}}.landing-section-pills[data-family]{min-height:7.75rem}@media(min-width:481px){.landing-section-pills[data-family]{min-height:5.25rem}}@media(min-width:768px){.landing-section-pills[data-family]{min-height:3rem}}.landing-section-pills:empty:not([data-family]){display:none}.landing-section-pills-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-surface)}.landing-section-pills-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-right:.25rem}.landing-section-pill{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:.35rem .75rem;color:var(--color-text-primary);background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:999px;cursor:pointer}.landing-section-pill:hover,.landing-section-pill:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none;box-shadow:0 0 8px var(--color-accent-glow)}.landing-section-pill[aria-pressed=true]{background-color:var(--color-accent);color:var(--color-bg-page);border-color:var(--color-accent)}.features-grid-primary{grid-template-columns:1fr;margin:0 0 1.5rem}.feature-card-primary{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.75rem;border:2px solid var(--color-accent);border-radius:8px;background:linear-gradient(135deg,var(--color-bg-surface),var(--color-bg-page));box-shadow:0 0 16px var(--color-accent-glow);position:relative}.feature-card-primary:hover,.feature-card-primary:focus-visible{outline:none;box-shadow:0 0 24px var(--color-accent-glow);transform:translateY(-1px)}@media(prefers-reduced-motion:no-preference){.feature-card-primary{transition:transform .15s ease-out,box-shadow .15s ease-out}}.feature-card-primary h2{font-size:1.6rem;margin:0;color:var(--color-text-primary)}.feature-card-primary p{margin:0;color:var(--color-text-secondary);line-height:1.5}.feature-card-primary-eyebrow{align-self:flex-start;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);padding:.2rem .55rem;border:1px solid var(--color-accent);border-radius:999px}.feature-card-primary-cta{margin-top:.5rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent)}.tuning-toolbar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.45rem 0;flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.tuning-picker{display:flex;align-items:center;gap:.5rem}.tuning-picker-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);white-space:nowrap}.capo-sounding{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.tuning-select{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.35rem .5rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;max-width:18rem}.tuning-select:hover,.tuning-select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.tuning-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tuning-custom-panel{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.tuning-custom-panel.tuning-custom-hidden{display:none}.tuning-custom-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);white-space:nowrap}.tuning-custom-strings{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.tuning-string-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem}.tuning-string-lbl{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);white-space:nowrap}.tuning-string-sel{font-family:var(--font-body);font-size:.75rem;font-weight:700;padding:.25rem .3rem;width:3.2rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;text-align:center}.tuning-string-sel:hover,.tuning-string-sel:focus-visible{border-color:var(--color-accent)}.tuning-string-sel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tuning-apply-btn{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:.35rem .75rem;color:var(--color-bg-page);background-color:var(--color-accent);border:none;border-radius:4px;cursor:pointer;transition:opacity .15s}.tuning-apply-btn:hover{opacity:.85}.tuning-apply-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.instrument-dock{display:flex;align-items:center;gap:.9rem;width:100%;min-height:4.5rem;margin:0 0 1rem;padding:.7rem .9rem;text-align:left;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;cursor:pointer}.instrument-dock:hover{border-color:var(--color-accent)}.instrument-dock:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dock-main{flex:1 1 auto;min-width:0}.dock-eyebrow{display:block;font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.15rem}.dock-name{display:block;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.03em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-beads{display:flex;gap:3px;margin-top:.3rem}.dock-bead{width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-bg-page);border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:.58rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.dock-bead-hot{border-color:var(--color-accent);color:var(--color-accent-bright)}.dock-side{flex:0 0 auto;text-align:right;line-height:1.35}.dock-strings{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.dock-tuning-tag{display:block;font-size:.78rem;letter-spacing:.05em;color:var(--color-text-secondary)}.dock-tuning-hot{color:var(--color-accent-bright);font-weight:500}.dock-chevron{flex:0 0 auto;width:.55rem;height:.55rem;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(45deg);margin-top:-.2rem;transition:transform .15s}.instrument-dock[aria-expanded=true] .dock-chevron{transform:rotate(-135deg);margin-top:.2rem}.dock-overlay{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1200}.dock-overlay.dock-open{opacity:1;pointer-events:auto}.dock-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1210;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-bottom:none;border-radius:18px 18px 0 0;max-height:82vh;overflow-y:auto;padding:.9rem 1.1rem 1.4rem;transform:translateY(105%);transition:transform .24s cubic-bezier(.32,.72,.25,1);box-shadow:0 -18px 50px #0009}.dock-sheet[hidden]{display:none}.dock-sheet.dock-open{transform:translateY(0)}@media(min-width:640px){.dock-sheet{inset:50% auto auto 50%;width:430px;max-height:84vh;border-radius:12px;border-bottom:1px solid var(--color-border-strong);transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.dock-sheet.dock-open{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.dock-sheet-grab{display:none}}.dock-sheet-grab{width:2.4rem;height:4px;border-radius:2px;background:var(--color-border-strong);margin:0 auto .8rem}.dock-sheet-title{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 .4rem}.dock-sheet-tuning .tuning-toolbar{justify-content:flex-start}.dock-group-h{font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-strong);padding-bottom:.3rem;margin:.9rem 0 .4rem}.dock-inst-list{list-style:none;margin:0;padding:0}.dock-inst-row,.dock-inst-list .dock-inst-row:visited,.dock-inst-list .dock-inst-row:hover,.dock-inst-list .dock-inst-row:focus-visible{color:var(--color-text-primary)}.dock-inst-row{display:flex;align-items:center;gap:.8rem;min-height:44px;padding:.55rem .6rem;border:1px solid transparent;border-radius:8px;font-family:var(--font-body);text-decoration:none}.dock-inst-row:hover{background:var(--surface-muted-overlay);border-color:var(--color-border-strong)}.dock-inst-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dock-inst-row-active{background:var(--surface-muted-overlay);border-color:var(--color-accent)}.dock-row-name{flex:1 1 auto;min-width:0;font-size:.95rem;line-height:1.3}.dock-row-tuning{display:block;font-size:.74rem;letter-spacing:.05em;color:var(--color-text-secondary)}.dock-row-tunes{flex:0 0 auto;font-size:.66rem;letter-spacing:.08em;color:var(--color-accent-bright);border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:999px;padding:.12rem .5rem;white-space:nowrap}.dock-row-strings{flex:0 0 auto;font-size:.66rem;letter-spacing:.08em;color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:999px;padding:.12rem .5rem;white-space:nowrap}.dock-row-check{flex:0 0 auto;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:.7rem}.dock-inst-row-active .dock-row-check{background:var(--color-accent-fill);border-color:var(--color-accent);color:var(--color-text-on-accent)}.dock-done-btn{display:block;width:100%;margin-top:1.1rem;padding:.65rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.1em;color:var(--color-text-on-accent);background:var(--color-accent-fill);border:none;border-radius:8px;cursor:pointer}.dock-done-btn:hover{background:var(--color-accent-fill-hover)}.dock-done-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}body.instrument-dock-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.dock-sheet,.dock-overlay,.dock-chevron{transition:none}}.retuning-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000009e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:retuning-overlay-fade-in .14s ease-out}.retuning-overlay.retuning-overlay-leaving{opacity:0;transition:opacity .18s ease-out;pointer-events:none}.retuning-overlay-box{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem;background:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:8px;box-shadow:0 8px 32px var(--shadow-elevated)}.retuning-overlay-label{font-family:var(--font-body);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary)}.retuning-overlay-spinner{width:1.1rem;height:1.1rem;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:retuning-overlay-spin .7s linear infinite}@keyframes retuning-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes retuning-overlay-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.retuning-overlay{animation:none}.retuning-overlay.retuning-overlay-leaving{transition:none}.retuning-overlay-spinner{animation:none;border-top-color:var(--color-border-strong)}}.tuning-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:1rem;background-color:var(--color-bg-surface);border-left:3px solid var(--color-accent);border-radius:0 4px 4px 0;font-size:.8rem;color:var(--color-text-secondary)}.tuning-notice strong{color:var(--color-accent)}@media(max-width:480px){.tuning-picker-label{display:none}.tuning-select{max-width:12rem;font-size:.72rem}.tuning-custom-label{display:none}}.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:3.5rem 1.75rem;background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-page) 50%),radial-gradient(ellipse 80% 50% at 50% 0%,var(--color-accent-glow) 0%,transparent 50%)}.hero-content{text-align:center;position:relative;z-index:1}.page-hero-logo{display:block;width:clamp(150px,28vw,260px);height:auto;aspect-ratio:880 / 567;margin:0 0 1.25rem;filter:drop-shadow(0 0 18px var(--color-accent-glow))}.tagline{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);letter-spacing:.08em;line-height:1.1;margin:0 0 1rem;color:var(--color-text-primary);text-wrap:balance}.hero-sub{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:1.6}.hero-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:0;text-decoration:none;padding:.875rem 1.75rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.btn-primary{background:var(--color-accent-fill);color:var(--color-text-on-accent);box-shadow:0 4px 0 var(--color-border-strong),0 6px 20px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-fill-hover);transform:translateY(-2px);box-shadow:0 6px 0 var(--color-border-strong),0 8px 24px var(--color-accent-glow)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-border-strong)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border-strong);text-decoration:none}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.hero-accent{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-accent-bright),var(--color-accent),transparent);opacity:.9}.features{padding:5rem 1.75rem;border-top:1px solid var(--color-border-strong);background:var(--color-bg-page)}.features h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:.12em;color:var(--color-accent);margin:0 0 2.75rem;text-shadow:0 0 20px var(--color-accent-glow);text-align:center}.container-features{max-width:1100px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.chords-content .features-grid.variant-picker-grid{max-width:1000px;margin-inline:auto;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(260px,320px))}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.75rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.feature-icon{font-size:1.75rem;display:block;margin-bottom:1rem}.feature-card h3{font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-primary);margin:0 0 .625rem}.feature-card p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.feature-card strong{color:var(--color-text-primary)}.instrument-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.container.container-home{max-width:1600px}.features-grid.home-grid{grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:700px){.features-grid.home-grid .feature-card{padding:1.125rem}}@media(min-width:701px){.features-grid.home-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}}.instrument-card .feature-icon{font-size:2.25rem}.feature-icon-img{display:block;width:48px;height:48px;margin-bottom:1rem;object-fit:contain;filter:var(--icon-filter-stack)}img.feature-icon-img{filter:var(--icon-filter-stack) var(--icon-filter-img-tone)}.instrument-card h3{font-size:1.25rem;margin-bottom:1rem}.instrument-stats{list-style:none;padding:0;margin:0}.instrument-stats li{color:var(--color-text-secondary);font-size:.9rem;padding:.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-border-strong) 50%,transparent);line-height:1.5}.instrument-stats li:last-child{border-bottom:none}a.feature-card.instrument-card,a.feature-card.whats-inside-card{text-decoration:none;color:inherit;display:block}a.feature-card.instrument-card:focus-visible,a.feature-card.whats-inside-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.home-instruments-section h2{text-align:center}.home-instruments-lead{max-width:42rem;margin:0 auto 2.25rem;text-align:center;color:var(--color-text-secondary);font-size:1.05rem;line-height:1.65}.home-instruments-hub-footer{margin:2rem 0 0;text-align:center;font-size:.95rem}.home-instruments-hub-footer a{color:var(--color-accent);font-weight:600;text-decoration:none;letter-spacing:.05em}.home-instruments-hub-footer a:hover,.home-instruments-hub-footer a:focus-visible{color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:3px}.how-step a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.how-step a:hover{color:var(--color-accent-bright)}.how-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}.how-step{text-align:center;padding:1.5rem}.how-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-accent-fill);color:var(--color-text-on-accent);font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem}.how-step h3{font-family:var(--font-body);font-size:1.05rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-primary);margin:0 0 .5rem}.how-step p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.how-step strong{color:var(--color-text-primary)}.about-brand{background:var(--color-bg-page);text-align:center}.about-brand .about-text{max-width:680px;margin:0 auto}.about,.strike{padding:5rem 1.75rem;border-top:1px solid var(--color-border-strong)}.about{background:var(--color-bg-surface)}.strike{background:var(--color-bg-page)}.container{max-width:720px;margin:0 auto}.about h2,.strike h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:.12em;color:var(--color-accent);margin:0 0 1.5rem;text-shadow:0 0 20px var(--color-accent-glow)}.about-text,.strike-text{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.site-footer{padding:2.75rem 1.5rem;background:var(--color-bg-page);border-top:1px solid var(--color-border-strong);text-align:center}.footer-inner{max-width:1200px;margin:0 auto}.footer-nav{margin-bottom:1.75rem}.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.footer-nav a{color:var(--color-text-secondary);text-decoration:none;letter-spacing:.08em;font-weight:600;font-size:.85rem;transition:color .2s ease}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--color-accent)}.footer-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.site-footer p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.site-version{position:fixed;right:.5rem;bottom:.35rem;z-index:1;pointer-events:none;user-select:none;color:var(--color-text-secondary);font-size:.7rem;font-weight:300;letter-spacing:.04em;font-variant-numeric:tabular-nums}@media print{.site-version{display:none}}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.error-page h1{font-family:var(--font-display);font-size:clamp(4rem,15vw,8rem);color:var(--color-accent);margin:0;text-shadow:0 0 30px var(--color-accent-glow)}.error-page p{color:var(--color-text-secondary);margin:1rem 0 2rem}.error-page a{color:var(--color-accent);text-decoration:none;font-weight:600;letter-spacing:.1em}.error-page a:hover,.error-page a:focus-visible{text-decoration:underline;outline:2px solid var(--color-accent);outline-offset:4px}.logo-link{color:inherit;text-decoration:none}.logo-link:hover .logo-warrior,.logo-link:focus-visible .logo-warrior{color:var(--color-accent-bright)}.logo-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.chords-page .chords-main{padding-bottom:6rem}.chords-head{background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-page) 100%);border-bottom:1px solid var(--color-border-strong)}.chords-nav-wrap{padding:1.75rem 1.75rem 0;max-width:900px;box-sizing:border-box}.chords-head:has(.chords-hero[hidden]) .chords-nav-wrap{padding-bottom:1.25rem}.chords-hero{padding:.5rem 1.75rem 3rem;background:transparent;border-bottom:none}.section-nav-container{min-height:5.4375rem;margin-bottom:.875rem;text-align:center;padding:.65rem 1.25rem;border-radius:10px;background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-surface));border:1px solid color-mix(in srgb,var(--color-border-strong) 75%,var(--color-accent) 25%);box-shadow:0 0 28px color-mix(in srgb,var(--color-accent-glow) 18%,transparent);box-sizing:border-box}@media(min-width:600px){.section-nav-container{min-height:4rem}}.section-nav ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:.85rem 1.25rem;list-style:none;margin:0;padding:0}.section-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:clamp(1rem,2vw,1.125rem);white-space:nowrap}.section-nav a:hover,.section-nav a:focus-visible{color:var(--color-accent)}.section-nav a[aria-current=page]{color:var(--color-text-primary);font-weight:600}.chords-title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);letter-spacing:.12em;color:var(--color-accent);margin:0 0 1rem;text-shadow:0 0 20px var(--color-accent-glow)}.chords-intro{color:var(--color-text-secondary);margin:0;max-width:52ch;line-height:1.65}.chords-content{padding:2.5rem 1.75rem 5rem}main.chords-main:has(#prog-hero:not([hidden])) .chords-nav-wrap{padding-top:.4rem}main.chords-main:has(#prog-hero:not([hidden])) #prog-hero{padding:.25rem 1.75rem .5rem}main.chords-main:has(#prog-hero:not([hidden])) .chords-content{padding-top:.5rem}main.chords-main:has(#prog-hero:not([hidden])) .prog-index-grid{margin-top:.875rem}.container-wide{max-width:1400px;margin:0 auto}.chords-app{display:flex;flex-direction:column;gap:5.5rem;min-height:14rem}.chords-page .chords-app{gap:2.25rem;min-height:14rem}@media(min-width:769px){.chords-app,.chords-page .chords-app{min-height:22rem}}.note-block{scroll-margin-top:5rem}.note-heading{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.1em;color:var(--color-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent);display:inline-block}.chord-single-view{padding:3rem 0 4.5rem}.chords-content:has(.chord-single-view:not([hidden])){padding-top:.75rem}main.chords-main:has(#exercises-hero[hidden]):has(#exercise-detail-view[hidden]) .chords-content,main.chords-main:has(#licks-hero[hidden]):has(#lick-detail-view[hidden]) .chords-content{padding-top:.75rem}.chord-single-view:not([hidden]){padding:1rem 0 4rem}.chord-single-view:not([hidden]) .chord-breadcrumb{margin-bottom:1.25rem}.chord-single-view:not([hidden]) .chord-single-title{margin-bottom:1.5rem}.guide-article{margin-top:.5rem;--prose-measure: 70ch;--prose-measure-list: 68ch}.guide-article>p,.guide-article>ul,.guide-article>ol{font-family:var(--font-body);color:var(--color-text-primary);line-height:1.65}.guide-article>p{margin:0 0 1rem;max-width:var(--prose-measure)}.guide-article>ul,.guide-article>ol{margin:0 0 1rem 1.25rem;max-width:var(--prose-measure-list)}.guide-article h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.1em;color:var(--color-text-primary);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent);display:inline-block}.guide-article h2:first-child{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main .sw-anchor-heading{scroll-margin-top:5rem}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text-primary);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.logo{order:1}.header-tools{order:2;margin-left:auto}.nav-toggle{display:flex}.nav{display:none;width:100%;order:3}.nav.nav-open{display:block}.nav ul{flex-direction:column;gap:0}.nav li{border-bottom:1px solid var(--color-border-strong)}.nav li:last-child{border-bottom:none}.nav a{display:block;padding:.875rem 0;min-height:44px}.hero{min-height:50vh;padding:2rem 1rem}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:320px;text-align:center}.features{padding:3rem 1.25rem}.features-grid{grid-template-columns:1fr}.chords-content .features-grid.variant-picker-grid{grid-template-columns:1fr;max-width:none}.about,.strike{padding:2rem 1rem}.chords-nav-wrap{padding:2rem 1.25rem 0}main.chords-main:has(#prog-hero:not([hidden])) .chords-nav-wrap{padding-top:.4rem}.chords-head:has(.chords-hero[hidden]) .chords-nav-wrap{padding-bottom:1rem}.chords-hero{padding:.35rem 1.25rem 1.75rem}main.chords-main:has(#prog-hero:not([hidden])) #prog-hero{padding:.25rem 1.25rem .5rem}.chords-content{padding:1.75rem 1.25rem 3.5rem}main.chords-main:has(#prog-hero:not([hidden])) .chords-content{padding-top:.5rem}.chords-content:has(.chord-single-view:not([hidden])){padding-top:.5rem}main.chords-main:has(#exercises-hero[hidden]):has(#exercise-detail-view[hidden]) .chords-content,main.chords-main:has(#licks-hero[hidden]):has(#lick-detail-view[hidden]) .chords-content{padding-top:.5rem}.chord-single-view:not([hidden]){padding-top:.75rem}.chords-app{gap:4rem}.chords-page .chords-app{gap:1.75rem}.site-footer{padding:1.5rem 1rem}}@media(max-width:480px){.chords-content{padding:1.35rem 1rem 3rem}main.chords-main:has(#prog-hero:not([hidden])) #prog-hero{padding-bottom:.35rem}main.chords-main:has(#prog-hero:not([hidden])) .chords-content{padding-top:.35rem}.chords-content:has(.chord-single-view:not([hidden])){padding-top:.35rem}main.chords-main:has(#exercises-hero[hidden]):has(#exercise-detail-view[hidden]) .chords-content,main.chords-main:has(#licks-hero[hidden]):has(#lick-detail-view[hidden]) .chords-content{padding-top:.35rem}.chord-single-view:not([hidden]){padding-top:.5rem}.chords-app{gap:3.25rem}.chords-page .chords-app{gap:1.5rem}.header-inner{gap:.5rem}.logo{font-size:1.5rem}.logo-img{height:32px}.tagline{font-size:clamp(1.5rem,7vw,2.5rem)}}.hero-content .page-hero-logo{width:clamp(300px,60vw,600px);margin:0 auto 2rem;filter:drop-shadow(0 0 24px var(--color-accent-glow)) drop-shadow(0 4px 12px var(--shadow-hero-drop))}.hero-content .page-hero-art{display:block;width:clamp(220px,42vw,420px);height:auto;aspect-ratio:1 / 1;margin:0 auto 2rem;border-radius:50%;box-shadow:0 0 32px var(--color-accent-glow),0 6px 16px var(--shadow-hero-drop)}.hero-content .page-hero-art+.page-hero-logo{width:clamp(200px,34vw,340px);margin-bottom:1.5rem}@media(prefers-reduced-motion:no-preference){.hero-content .page-hero-art{transition:box-shadow .4s ease}}.maintenance-masthead{display:flex;justify-content:center;padding:1rem 1.75rem;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-strong)}.maintenance-footer{padding:2rem 1.75rem;text-align:center;font-size:.9rem;color:var(--color-text-secondary);background:var(--color-bg-surface);border-top:1px solid var(--color-border-strong)}.maintenance-footer p{margin:0}.hero-content .maintenance-hero-art{display:block;width:clamp(220px,42vw,420px);height:auto;aspect-ratio:1 / 1;margin:0 auto 2rem;border-radius:50%;box-shadow:0 0 32px var(--color-accent-glow),0 6px 16px var(--shadow-hero-drop)}@media(prefers-reduced-motion:no-preference){.hero-content .maintenance-hero-art{transition:box-shadow .4s ease}}.network-sites-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem;list-style:none;padding:0;margin:1.75rem 0 2rem}.network-site-card{display:flex}.network-site-link{display:flex;flex-direction:column;width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.network-site-thumb{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--color-hairline, var(--color-border-strong))}.network-site-copy{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.15rem 1.2rem}.network-site-name{font-family:var(--font-display);font-size:1.2rem;line-height:1.15;letter-spacing:.03em;color:var(--color-accent-bright)}.network-site-why{color:var(--color-text-secondary);font-size:.92rem;line-height:1.55}.network-site-link:hover,.network-site-link:focus-visible{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-accent-glow) 30%,transparent)}@media(prefers-reduced-motion:reduce){.network-site-link{transition:border-color .14s ease}.network-site-link:hover,.network-site-link:focus-visible{transform:none;box-shadow:none}}.notes-main{padding:2rem 0 4rem}.note-app{max-width:1100px;margin:0 auto}.note-breadcrumb ol{display:flex;gap:.5rem;list-style:none;padding:0;margin:0 0 1.5rem;font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary)}.note-breadcrumb li+li:before{content:"\203a";margin-right:.5rem;color:var(--color-text-secondary)}.note-breadcrumb a{color:var(--color-accent-bright);text-decoration:none}.note-breadcrumb a:hover,.note-breadcrumb a:focus-visible{text-decoration:underline}.note-hero{text-align:center;margin-bottom:2.5rem;padding:1.5rem 0}.note-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);color:var(--color-accent-bright);letter-spacing:.04em;margin:0 0 .75rem}.note-enharmonic{font-family:var(--font-body);color:var(--color-text-secondary);font-size:1rem;margin-bottom:.75rem;padding:.5rem 1rem;border-left:3px solid var(--color-accent);display:inline-block;text-align:left}.note-description{font-family:var(--font-body);color:var(--color-text-primary);font-size:1.05rem;max-width:700px;margin:0 auto;line-height:1.6}.note-key-list{list-style:none;padding:0;margin:0 0 1rem;font-family:var(--font-body);color:var(--color-text-primary)}.note-key-list li{padding:.3rem 0}.note-key-list a{color:var(--color-accent-bright);text-decoration:underline}.theory-article{margin-top:.5rem;--prose-measure: 70ch;--prose-measure-list: 68ch}.theory-article>.note-block>p,.theory-article>.note-block>ul{font-family:var(--font-body);color:var(--color-text-primary);line-height:1.65}.theory-article>.note-block>p{margin:0 0 1rem;max-width:var(--prose-measure)}.theory-article>.note-block>ul{margin:0 0 1rem 1.25rem;max-width:var(--prose-measure-list)}.theory-main{padding:2rem 0 4rem}.container-wide:has(>.guide-article),.container-wide:has(>.theory-article){max-width:calc(70ch + 3rem);padding-inline:1.5rem}.container-wide:has(>.guide-article)>.guide-article,.container-wide:has(>.theory-article)>.theory-article{--prose-measure: none;--prose-measure-list: none}.container-wide:has(>.guide-article) .table-scroll,.container-wide:has(>.theory-article) .table-scroll{--prose-breakout: min(1400px, calc(100vw - 3rem) );width:var(--prose-breakout);margin-inline:calc((100% - var(--prose-breakout)) / 2)}.seo-key-takeaway{font-size:1.05rem;line-height:1.55;max-width:65ch;margin:0 0 1.25rem;padding:1rem 1.25rem;border-left:4px solid var(--color-accent);background:var(--color-bg-surface);border-radius:0 8px 8px 0;color:var(--color-text-primary)}.hero-content .seo-key-takeaway{margin-top:1.25rem;text-align:left}.seo-hub-links{margin:2.5rem 0 0;padding:1.25rem 1.5rem;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.seo-hub-links h2{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;color:var(--color-accent-bright);margin:0 0 .75rem}.seo-hub-links-lead{margin:0;line-height:1.65;max-width:72ch}.seo-hub-links a,.seo-hub-links-lead a{color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:2px}.seo-static{margin:2.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--color-border-strong)}.seo-static-body{max-width:72ch;margin:0 auto;line-height:1.65;text-align:left}.seo-static-body p{margin:0 0 .75rem}.seo-static-related,.seo-static-index{margin-top:1rem}.seo-static-related ul,.seo-static-index ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none}.seo-static-related a,.seo-static-index a{color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:2px}.seo-static-index{font-size:.9rem;opacity:.85}aside.network-door{margin:1.25rem 0 0}.network-door-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.85rem 1rem .85rem 1.15rem;border:1px solid var(--color-border-strong);border-left:3px solid var(--color-accent);border-radius:10px;background:var(--color-bg-surface);text-decoration:none;color:inherit;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.network-door-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.network-door-kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.network-door-brand{font-family:var(--font-display);font-size:1.15rem;line-height:1.15;color:var(--color-accent-bright)}.network-door-phrase{font-size:.9rem;line-height:1.45;color:var(--color-text-secondary)}.network-door-go{flex:none;color:var(--color-accent);transition:transform .12s ease}.network-door-card:hover,.network-door-card:focus-visible{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-surface))}.network-door-card:hover .network-door-go,.network-door-card:focus-visible .network-door-go{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.network-door-card,.network-door-go{transition:none}.network-door-card:hover .network-door-go,.network-door-card:focus-visible .network-door-go{transform:none}}.seo-hub-links-lead a{font-weight:600}.seo-hub-links a:hover,.seo-hub-links a:focus-visible{color:var(--color-accent);text-decoration-thickness:2px}.seo-faq{margin:2.5rem 0 0;padding:1.5rem;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.seo-faq h2{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;color:var(--color-accent-bright);margin:0 0 1rem}.seo-faq-more{margin:-.35rem 0 1rem}.seo-faq a{color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:2px}.seo-faq-more a{font-weight:600}.seo-faq a:hover,.seo-faq a:focus-visible{color:var(--color-accent);text-decoration-thickness:2px}.seo-faq dl{margin:0}.seo-faq dt{font-family:var(--font-body);font-weight:700;margin-top:1.15rem;color:var(--color-text-primary)}.seo-faq dt:first-of-type{margin-top:0}.seo-faq dd{margin:.4rem 0 0;padding:0;max-width:68ch;line-height:1.55;color:var(--color-text-secondary)}.theory-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.instruments-hub{margin-top:2rem}.instruments-hub .theory-topics-grid{margin-top:1rem}.instruments-hub-section--all{margin-top:2.75rem;padding-top:2.25rem;border-top:1px solid var(--color-border-strong)}.instruments-hub-heading{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;color:var(--color-accent-bright);margin:0}.theory-topic-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:10px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);text-decoration:none;transition:border-color .2s,box-shadow .2s}a.theory-topic-card:hover{border-color:var(--color-accent);box-shadow:0 0 14px var(--color-accent-glow)}.theory-topic-coming{opacity:.55;cursor:default}.theory-topic-icon{font-size:2rem;line-height:1}.theory-topic-icon-img{display:block;width:40px;height:40px;margin-bottom:.5rem;object-fit:contain;filter:var(--icon-filter-stack)}img.theory-topic-icon-img{filter:var(--icon-filter-stack) var(--icon-filter-img-tone)}.theory-topic-card h2,.theory-topic-card h3{font-family:var(--font-display);font-size:1.4rem;color:var(--color-accent-bright);letter-spacing:.03em;margin:0}.theory-topic-card p{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-primary);line-height:1.5;margin:0}.theory-topic-count{font-family:var(--font-body);font-size:.8rem;color:var(--color-text-secondary);margin-top:auto}.theory-topic-badge{display:inline-block;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:12px;padding:.15rem .6rem;margin-top:auto;align-self:flex-start}.tools-main .tools-intro{max-width:70ch}.tools-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.tools-panel{padding:1.25rem 1.5rem;border-radius:10px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong)}a.tools-panel-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}a.tools-panel-link:hover,a.tools-panel-link:focus-visible{border-color:var(--color-accent-bright);transform:translateY(-1px)}a.tools-panel-link p{margin:0;color:var(--color-text-primary);font-size:.9rem;line-height:1.5}.tools-panel h3{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:0 0 1rem}.tools-panel>p{margin:0 0 1rem;color:var(--color-text-primary);font-size:.9rem;line-height:1.5}.tools-field{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem}.tools-field label{font-size:.9rem;color:var(--color-text-secondary)}.tools-field input[type=number],.tools-field select{font-family:var(--font-body);font-size:.95rem;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary)}.tools-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.tools-hint{font-size:.8rem;color:var(--color-text-secondary);margin-top:.75rem}.tools-panel kbd{font-family:ui-monospace,monospace;font-size:.85em;padding:.1rem .35rem;border-radius:4px;border:1px solid var(--color-border-strong);background:var(--color-bg-page)}.tuner-panel,.tool-panel{grid-column:1 / -1;width:100%;max-width:640px;margin:0 auto}.tuner-fields,.tool-fields{display:flex;flex-wrap:wrap;gap:.65rem 2rem}.tuner-display,.tool-display{--tuner-good: color-mix(in srgb, #22c55e 78%, var(--color-text-primary) 22%);--tuner-live: var(--color-accent-bright);position:relative;margin:.75rem 0 1rem;padding:1.5rem 1.25rem 1rem;border-radius:14px;border:1px solid var(--color-border-strong);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 62%),color-mix(in srgb,var(--color-bg-page) 90%,black 10%);box-shadow:inset 0 1px color-mix(in srgb,white 7%,transparent),inset 0 0 34px color-mix(in srgb,black 22%,transparent);transition:box-shadow .25s ease,border-color .25s ease}.tuner-display.is-intune,.tool-display.is-success{border-color:color-mix(in srgb,var(--tuner-good) 55%,var(--color-border-strong) 45%);box-shadow:inset 0 1px color-mix(in srgb,white 7%,transparent),inset 0 0 34px color-mix(in srgb,black 22%,transparent),0 0 22px color-mix(in srgb,var(--tuner-good) 30%,transparent)}.tuner-note-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.tuner-ind{font-family:var(--font-display);font-size:1rem;letter-spacing:.14em;color:var(--color-text-muted);opacity:.35;transition:opacity .15s ease,color .15s ease,text-shadow .15s ease;white-space:nowrap}.tuner-display.is-flat .tuner-ind-flat,.tuner-display.is-sharp .tuner-ind-sharp{opacity:1;color:var(--tuner-live);text-shadow:0 0 12px color-mix(in srgb,var(--tuner-live) 60%,transparent)}.tuner-note{display:flex;align-items:baseline;justify-content:center;min-height:4.6rem;line-height:1}.tuner-note-name,.tool-big{font-family:var(--font-display);font-size:clamp(3.4rem,10vw,4.6rem);letter-spacing:.04em;color:var(--color-text-muted);transition:color .15s ease,text-shadow .15s ease}.tuner-note-oct{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);color:var(--color-text-muted);margin-left:.15rem;transition:color .15s ease}.tuner-display.is-live .tuner-note-name,.tuner-display.is-live .tuner-note-oct,.tool-display.is-live .tool-big{color:var(--color-text-primary);text-shadow:0 0 18px color-mix(in srgb,var(--tuner-live) 40%,transparent)}.tuner-display.is-intune .tuner-note-name,.tuner-display.is-intune .tuner-note-oct,.tool-display.is-success .tool-big{color:var(--tuner-good);text-shadow:0 0 20px color-mix(in srgb,var(--tuner-good) 55%,transparent)}.tuner-meter,.tool-lcd{position:relative;height:58px;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-border-strong) 70%,transparent);background:#110f0d;overflow:hidden}.tuner-meter-zone{position:absolute;top:0;bottom:0;left:45%;width:10%;background:color-mix(in srgb,var(--tuner-good) 14%,transparent);border-left:1px solid color-mix(in srgb,var(--tuner-good) 35%,transparent);border-right:1px solid color-mix(in srgb,var(--tuner-good) 35%,transparent)}.tuner-meter-zone:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:color-mix(in srgb,var(--tuner-good) 60%,transparent)}.tuner-meter-ticks{position:absolute;inset:0;background:repeating-linear-gradient(to right,rgba(255,255,255,.28) 0,rgba(255,255,255,.28) 1px,transparent 1px,transparent 5%);background-position:0 100%;background-size:100% 30%;background-repeat:no-repeat}.tuner-meter-needle{position:absolute;top:4px;bottom:4px;left:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--tuner-live);box-shadow:0 0 10px color-mix(in srgb,var(--tuner-live) 70%,transparent);opacity:.35;transition:left .09s linear,background-color .15s ease,opacity .2s ease}.tuner-display.is-live .tuner-meter-needle{opacity:1}.tuner-display.is-intune .tuner-meter-needle{background:var(--tuner-good);box-shadow:0 0 12px color-mix(in srgb,var(--tuner-good) 80%,transparent)}.tuner-meter-labels{display:flex;justify-content:space-between;margin-top:.3rem;font-family:ui-monospace,monospace;font-size:.65rem;color:var(--color-text-muted);letter-spacing:.05em}.tuner-readout,.tool-readout{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin-top:.75rem;font-family:ui-monospace,monospace;font-size:.85rem;color:var(--color-text-secondary)}.tuner-display.is-intune .tuner-readout{color:color-mix(in srgb,var(--tuner-good) 70%,var(--color-text-secondary) 30%)}.tuner-status,.tool-status{margin:.6rem 0 0;min-height:1.2em;text-align:center;font-size:.8rem;color:var(--color-text-secondary)}.tuner-strings{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tuner-string-chip{min-width:3.6rem;padding:.55rem .6rem;text-align:center;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em;border-radius:8px;border:1px solid var(--color-border-strong);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-page) 88%,black 12%);transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.tuner-string-chip.is-near{color:var(--color-accent-bright);border-color:color-mix(in srgb,var(--color-accent-bright) 60%,var(--color-border-strong) 40%);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent-glow) 60%,transparent)}.tuner-actions{align-items:center}@media(prefers-reduced-motion:reduce){.tuner-display,.tool-display,.tool-big,.tuner-ind,.tuner-note-name,.tuner-note-oct,.tuner-meter-needle{transition:none}}.textarea-tools{width:100%;min-height:4.5rem;font-family:var(--font-body);font-size:.95rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary);resize:vertical;box-sizing:border-box}.tools-links{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-strong)}.tools-links h3{font-family:var(--font-display);font-size:1.35rem;color:var(--color-accent-bright);margin:0 0 .75rem;letter-spacing:.03em}.tools-links ul{margin:0;padding-left:1.2rem;color:var(--color-text-secondary);line-height:1.65}.tools-toc{margin:1rem 0 2rem;padding:1rem 1.25rem;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.tools-toc-label{display:block;font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;color:var(--color-accent-bright);text-transform:uppercase;margin-bottom:.5rem}.tools-toc ul{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.95rem}.tools-toc a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:2px}.tools-section{margin-top:2.75rem;scroll-margin-top:5rem}.tools-section-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.06em;color:var(--color-accent-bright);margin:0 0 .5rem}.tools-section-lead{max-width:70ch;color:var(--color-text-secondary);line-height:1.55;margin:0 0 1.25rem;font-size:.95rem}.tools-panel-prose p:last-child{margin-bottom:0}.tools-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:.75rem 0 0}.tools-table th,.tools-table td{border:1px solid var(--color-border-strong);padding:.45rem .6rem;text-align:left;vertical-align:top}.tools-table th{font-family:var(--font-display);color:var(--color-accent);background:color-mix(in srgb,var(--color-bg-page) 65%,var(--color-bg-surface));font-size:.8rem;letter-spacing:.04em}.tools-table td:first-child{font-weight:600;color:var(--color-text-primary);max-width:12rem}.tunings-table{border-collapse:collapse;font-family:var(--font-body);margin:0 0 1.5rem}.tunings-table caption{caption-side:top;text-align:left;font-size:.85rem;color:var(--color-text-muted);padding-bottom:.5rem}.tunings-table th,.tunings-table td{border:1px solid var(--color-border-strong);padding:.45rem .7rem;text-align:left;color:var(--color-text-secondary)}.tunings-table thead th,.tunings-table tbody th{color:var(--color-text-primary);background:var(--color-bg-surface)}.tools-roman-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.tools-roman-grid .btn{min-width:2.75rem}.tools-prog-display{font-size:.95rem;color:var(--color-text-primary);margin:.75rem 0 0;line-height:1.5;word-break:break-word}.tools-diatonic-out{font-size:.9rem;color:var(--color-text-primary);line-height:1.55;margin:.5rem 0 0}.tools-diatonic-out strong{color:var(--color-accent-bright);font-weight:600}.tools-ordered{margin:.5rem 0 0;padding-left:1.35rem;color:var(--color-text-primary);line-height:1.65}.tools-ordered li{margin-bottom:.35rem}.tools-grid-single{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.print-handout-slot{padding-top:.65rem}.print-handout-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.65rem 1rem;margin-bottom:.35rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .12));background:var(--color-bg-raised)}.print-handout-hint{margin:0;flex:1 1 14rem;font-size:.9rem;line-height:1.45;color:var(--color-text-secondary);font-family:var(--font-body)}.print-handout-btn{flex-shrink:0}.print-handout-actions{display:flex;gap:.5rem;flex-wrap:wrap}.print-handout-actions .btn{flex-shrink:0}.print-handout-image-btn[disabled],.print-handout-open-btn[disabled]{opacity:.65;cursor:progress}.handout-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:stretch;justify-content:center;padding:1.5rem;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:handout-modal-fade-in .16s ease-out}@keyframes handout-modal-fade-in{0%{opacity:0}to{opacity:1}}body.handout-modal-open{overflow:hidden}.handout-modal{position:relative;display:flex;flex-direction:column;width:min(100%,960px);max-height:100%;background:var(--color-bg-page, #15171a);border:1px solid var(--color-border-strong, #2c3036);border-radius:12px;box-shadow:0 30px 80px #0009;overflow:hidden}.handout-modal-header{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--color-bg-surface, #1d2024);border-bottom:1px solid var(--color-border-strong, #2c3036)}.handout-modal-title{flex:1 1 auto;margin:0;font-family:var(--font-display, "Bebas Neue", sans-serif);font-size:1.05rem;letter-spacing:.04em;color:var(--color-text-primary, #f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handout-modal-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.handout-modal-actions .btn{white-space:nowrap}.handout-modal-close{width:36px;height:36px;padding:0;border:1px solid var(--color-border-strong, #2c3036);background:transparent;color:var(--color-text-primary, #f5f5f5);font-size:1.4rem;line-height:1;border-radius:8px;cursor:pointer}.handout-modal-close:hover,.handout-modal-close:focus-visible{background:var(--color-accent, #dd4b3e);color:var(--color-bg-page, #15171a);outline:none}.handout-modal-img-wrap{flex:1 1 auto;overflow:auto;background:#2a2c30;padding:1.25rem;display:flex;justify-content:center;align-items:flex-start}.handout-modal-img{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 6px 24px #00000080;border-radius:4px}@media(max-width:600px){.handout-modal-overlay{padding:0}.handout-modal{border-radius:0;width:100%;height:100%;max-height:100%}.handout-modal-header{flex-wrap:wrap}.handout-modal-title{width:100%}}.header-search-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;justify-content:center;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:.4rem .65rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}.header-search-btn:hover,.header-search-btn:focus-visible{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.header-search-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-search-btn svg{flex-shrink:0}.header-search-hint{white-space:nowrap}@media(max-width:640px){.header-search-hint{display:none}.header-tools{width:100%;margin-left:0;justify-content:flex-end;flex-wrap:wrap;row-gap:.5rem}.theme-select{max-width:8.5rem}}#jump-back-in{padding-top:2.5rem;padding-bottom:2.5rem}.jump-back-in-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.jump-back-in-link{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.04em;text-decoration:none;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;transition:border-color .2s,color .2s,box-shadow .2s}.jump-back-in-link:hover,.jump-back-in-link:focus-visible{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.jump-back-in-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:640px){.jump-back-in-row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.jump-back-in-link{flex:0 0 auto}}.btn-tertiary{background:var(--surface-muted-overlay);color:var(--color-text-secondary);border:2px solid color-mix(in srgb,var(--color-border-strong) 70%,transparent);text-decoration:none}.btn-tertiary:hover,.btn-tertiary:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.btn-tertiary:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.tools-featured{margin-bottom:2.5rem}.feature-card-featured{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-surface));box-shadow:0 4px 18px var(--color-accent-glow)}.feature-card-featured:hover{border-color:var(--color-accent-bright)}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.75rem 2rem;max-width:900px;margin:0 auto 2rem;text-align:left}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.footer-col-title{font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-primary);margin:0 0 .9rem}.footer-col a{color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.04em;transition:color .2s ease}.footer-col a:hover,.footer-col a:focus-visible{color:var(--color-accent)}.footer-col a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:560px){.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.25rem}}.tool-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 .25rem}.tool-filter-chip{font-family:var(--font-display);font-size:.9rem;letter-spacing:.06em;padding:.4rem 1.05rem;border-radius:999px;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s}.tool-filter-chip:hover,.tool-filter-chip:focus-visible{border-color:var(--color-accent);color:var(--color-accent-bright)}.tool-filter-chip:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px}.tool-filter-chip.is-active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-bg-surface));color:var(--color-accent-bright);box-shadow:0 0 12px var(--color-accent-glow)}.is-filter-hidden{display:none}.tool-badge{display:inline-block;margin-top:auto;align-self:flex-start;font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2rem .7rem;border:1px solid var(--color-border-strong)}.tool-badge--practice{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border-strong));background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg-surface));color:color-mix(in srgb,var(--color-accent-bright) 75%,var(--color-text-primary))}.tool-badge--songwriting{border-color:color-mix(in srgb,var(--color-accent-bright) 46%,var(--color-border-strong));background:color-mix(in srgb,var(--color-accent-bright) 20%,var(--color-bg-surface));color:color-mix(in srgb,var(--color-accent-bright) 88%,var(--color-text-primary))}.tool-badge--reference{border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border-strong));background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-surface));color:color-mix(in srgb,var(--color-text-secondary) 62%,var(--color-accent))}.tool-preview{display:block;margin:.15rem 0 .1rem}.tool-preview-lcd{position:relative;display:block;height:30px;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-border-strong) 70%,transparent);background:#110f0d;overflow:hidden;box-shadow:inset 0 0 16px #0000008c}.tool-preview--needle .tool-preview-lcd:before{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:2px;margin-left:-1px;background:color-mix(in srgb,var(--color-accent-bright) 40%,transparent)}.tool-preview-needle{position:absolute;top:4px;bottom:4px;left:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--color-accent-bright);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent-bright) 70%,transparent);opacity:.5}.theory-topic-card:hover .tool-preview-needle,.theory-topic-card:focus-within .tool-preview-needle{opacity:1;animation:tool-needle-sweep 2.6s ease-in-out infinite}@keyframes tool-needle-sweep{0%{transform:translate(-66px);background:var(--color-accent-bright)}40%{transform:translate(58px);background:var(--color-accent-bright)}74%,to{transform:translate(0);background:color-mix(in srgb,#22c55e 78%,#ffffff 22%)}}.tool-preview-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--color-accent-bright);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent-bright) 70%,transparent);opacity:.4}.theory-topic-card:hover .tool-preview-dot,.theory-topic-card:focus-within .tool-preview-dot{animation:tool-pulse-dot .82s ease-in-out infinite}@keyframes tool-pulse-dot{0%,to{transform:scale(.65);opacity:.35}50%{transform:scale(1.15);opacity:1}}.tool-preview--chips .tool-preview-lcd{display:flex;align-items:center;gap:6px;padding:0 8px}.tool-preview-chip{flex:1;height:12px;border-radius:3px;background:color-mix(in srgb,var(--color-accent) 38%,#110f0d);opacity:.5}.theory-topic-card:hover .tool-preview-chip,.theory-topic-card:focus-within .tool-preview-chip{animation:tool-chip-shimmer 1.8s ease-in-out infinite}.tool-preview-chip:nth-child(1){animation-delay:0s}.tool-preview-chip:nth-child(2){animation-delay:.18s}.tool-preview-chip:nth-child(3){animation-delay:.36s}.tool-preview-chip:nth-child(4){animation-delay:.54s}@keyframes tool-chip-shimmer{0%,to{opacity:.4;background:color-mix(in srgb,var(--color-accent) 30%,#110f0d)}50%{opacity:1;background:var(--color-accent-bright)}}@media(prefers-reduced-motion:reduce){.tool-preview-needle,.tool-preview-dot,.tool-preview-chip{animation:none!important}}.tools-refstrip{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;padding:1.1rem 1.5rem;border-radius:10px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong)}.tools-refstrip h2{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em;color:var(--color-accent-bright)}.tools-refstrip-links{display:flex;flex-wrap:wrap;gap:.5rem}.tools-refstrip-links a{font-family:var(--font-body);font-size:.85rem;padding:.32rem .85rem;border-radius:999px;border:1px solid var(--color-border-strong);color:var(--color-text-primary);text-decoration:none;transition:border-color .2s,color .2s}.tools-refstrip-links a:hover,.tools-refstrip-links a:focus-visible{border-color:var(--color-accent);color:var(--color-accent-bright)}.footer-network{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted);border-top:1px solid var(--color-border-strong);margin-top:1.5rem;padding-top:1rem}.footer-network a{color:var(--color-link)}.chord-single-diagram-wrap{display:flex;justify-content:center}@supports (width: 1cqw){.chord-single-diagram-wrap{container-type:inline-size;width:100%}.chord-single-diagram-wrap .chord-chart-chordpic{--chord-cell-size: clamp(30px, calc((100cqw - 6rem) / var(--chord-strings, 6)), 80px)}}.chord-chart-chordpic{--chord-cell-size: clamp(54px, calc((100vw - 8rem) / var(--chord-strings, 6)), 80px);--chord-fret-col-size: 2.25rem;--chord-line: 2px;--chord-string-line: 2px;--chord-nut-height: 10px;--chord-barre-thickness: calc(var(--chord-cell-size) * .62)}.chord-chart.chord-chart-chordpic{background:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:6px;padding:1.25rem;box-shadow:0 0 0 1px var(--color-border-strong);width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:auto;box-sizing:border-box}.chord-chart-inner{display:flex;flex-direction:column;align-items:center;width:fit-content;margin:0 auto}.chord-chart-string-labels{display:grid;grid-template-columns:repeat(var(--chord-strings, 6),var(--chord-cell-size));gap:0;margin-bottom:.35rem;width:fit-content}.chord-chart-string-labels.chord-chart-has-fret-col{grid-template-columns:var(--chord-fret-col-size) repeat(var(--chord-strings, 6),var(--chord-cell-size))}.chord-chart-string-label.chord-chart-empty{visibility:hidden}.chord-chart-string-label{text-align:center;font-size:clamp(.875rem,2vw,1.0625rem);font-weight:700;color:var(--color-text-secondary)}.chord-chart-nut-symbols{display:grid;grid-template-columns:repeat(var(--chord-strings, 6),var(--chord-cell-size));gap:0;width:fit-content;margin-bottom:0}.chord-chart-nut-symbols.chord-chart-has-fret-col{grid-template-columns:var(--chord-fret-col-size) repeat(var(--chord-strings, 6),var(--chord-cell-size))}.chord-chart-nut-symbol{height:1.625rem;display:flex;align-items:center;justify-content:center;font-size:clamp(1.0625rem,2.4vw,1.5rem);font-weight:700;color:var(--color-text-secondary)}.chord-chart-nut-symbol.chord-chart-mute{color:var(--color-accent)}.chord-chart-nut-symbol.chord-chart-open{color:var(--color-text-primary)}.chord-chart-nut-symbol.chord-chart-empty{visibility:hidden}.chord-chart-nut-bar{width:100%;max-width:calc(var(--chord-strings, 6) * var(--chord-cell-size));height:var(--chord-nut-height);background:linear-gradient(180deg,var(--color-text-secondary) 0%,var(--color-border-strong) 100%);border-radius:2px;margin-bottom:0;flex-shrink:0}.chord-chart-has-fret-col+.chord-chart-nut-bar{max-width:calc(var(--chord-strings, 6) * var(--chord-cell-size));margin-left:var(--chord-fret-col-size)}.chord-chart-grid{display:flex;flex-direction:column;gap:0;width:fit-content;margin-top:0;position:relative}.chord-chart-grid:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--chord-strings, 6) * var(--chord-cell-size));background:linear-gradient(to right,transparent calc(50% - (var(--chord-string-line) / 2)),var(--color-border-strong) calc(50% - (var(--chord-string-line) / 2)),var(--color-border-strong) calc(50% + (var(--chord-string-line) / 2)),transparent calc(50% + (var(--chord-string-line) / 2))) 0 0 / var(--chord-cell-size) 100% repeat-x,var(--color-bg-page);pointer-events:none}.chord-chart-grid--has-fret-col:before{left:var(--chord-fret-col-size)}.chord-chart-grid--no-nut .chord-chart-row:first-child .chord-chart-cell{border-top:var(--chord-line) solid var(--color-border-strong)}.chord-chart-row{display:grid;grid-template-columns:repeat(var(--chord-strings, 6),var(--chord-cell-size));gap:0;align-items:stretch;position:relative;z-index:1}.chord-chart-row--has-fret-col{grid-template-columns:var(--chord-fret-col-size) repeat(var(--chord-strings, 6),var(--chord-cell-size))}.chord-chart-fret-num{display:flex;align-items:center;justify-content:center;font-size:clamp(.875rem,2vw,1.0625rem);font-weight:700;color:var(--color-accent)}.chord-chart-cell{width:var(--chord-cell-size);height:var(--chord-cell-size);min-width:var(--chord-cell-size);min-height:var(--chord-cell-size);display:flex;align-items:center;justify-content:center;border-bottom:var(--chord-line) solid var(--color-border-strong);background:transparent;box-sizing:border-box;position:relative;z-index:1}.chord-chart-barre{position:absolute;top:50%;z-index:0;transform:translateY(-50%);height:var(--chord-barre-thickness);left:calc((var(--barre-from) + .5) * var(--chord-cell-size) - (var(--chord-barre-thickness) / 2));width:calc((var(--barre-to) - var(--barre-from)) * var(--chord-cell-size) + var(--chord-barre-thickness));background:var(--color-accent);border-radius:999px;box-shadow:0 0 12px var(--color-accent-glow);pointer-events:none}.chord-chart-row--has-fret-col .chord-chart-barre{left:calc(var(--chord-fret-col-size) + (var(--barre-from) + .5) * var(--chord-cell-size) - (var(--chord-barre-thickness) / 2))}.chord-chart-dot{width:72%;height:72%;min-width:min(26px,calc(var(--chord-cell-size) * .8));min-height:min(26px,calc(var(--chord-cell-size) * .8));border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg-page),0 0 12px var(--color-accent-glow);flex-shrink:0;display:flex;align-items:center;justify-content:center}.chord-chart-dot-label{font-family:var(--font-body);font-size:clamp(.8125rem,2.1vw,1.125rem);font-weight:700;color:var(--color-text-primary);line-height:1;text-align:center}.chord-chart-dot-root{background:var(--color-text-primary);color:var(--color-bg-page);box-shadow:0 0 0 2px var(--color-bg-page),0 0 16px var(--shadow-glow-light)}.chord-chart-dot-root.chord-chart-dot-label{color:var(--color-bg-page)}.chord-chart-nut-symbol.chord-chart-root{color:var(--color-text-primary);font-weight:700;text-shadow:0 0 8px var(--shadow-glow-light-strong)}.scale-fretboard-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem;margin-bottom:1rem}.scale-fretboard{display:grid;gap:0;background:var(--color-bg-page);border-radius:4px;min-width:min-content;--scale-row-h: 2.875rem;--scale-dot-size: 1.8125rem}.scale-string-label,.scale-fret-num-spacer{display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);min-width:1.875rem;height:var(--scale-row-h)}.scale-fret-num-spacer{height:auto}.scale-fret-cell{position:relative;height:var(--scale-row-h);min-width:2.5625rem;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--color-border-strong);box-sizing:border-box}.scale-fret-cell:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-text-secondary);transform:translateY(-50%);pointer-events:none}.scale-fret-marker:after{content:"";position:absolute;top:50%;left:50%;z-index:0;width:.45rem;height:.45rem;border-radius:50%;background:color-mix(in srgb,var(--color-text-secondary) 46%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--color-text-secondary) 24%,transparent);transform:translate(-50%,-50%);pointer-events:none}.scale-fret-marker-between:after{top:100%}.scale-fret-nut{border-right:4px solid var(--color-text-secondary)}.scale-dot{position:relative;z-index:1;width:var(--scale-dot-size);height:var(--scale-dot-size);border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg-page),0 0 8px var(--color-accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.scale-dot-root{background:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-page),0 0 12px var(--shadow-glow-light)}.scale-dot-label{font-family:var(--font-body);font-size:clamp(.625rem,1.4vw,.8125rem);font-weight:700;color:var(--color-text-primary);line-height:1;text-align:center}.scale-dot-root.scale-dot-label{color:var(--color-bg-page)}.scale-fret-num{display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-secondary);height:1.5rem}.scale-fret-marked{color:var(--color-text-secondary);font-weight:700}.scale-display-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.scale-fretboard-vertical{min-width:0;justify-content:center}.scale-fretboard-vertical .scale-fret-cell{border-right:none;border-bottom:2px solid var(--color-border-strong)}.scale-fretboard-vertical .scale-fret-cell:before{inset:0 auto 0 50%;width:1px;height:auto;transform:translate(-50%)}.scale-fretboard-vertical .scale-fret-nut{border-right:none;border-bottom:4px solid var(--color-text-secondary)}.scale-fretboard-lefty:not(.scale-fretboard-vertical) .scale-fret-nut{border-right:none;border-left:4px solid var(--color-text-secondary)}.scale-fretboard-vertical .scale-fret-num{height:var(--scale-row-h)}.scale-fretboard-vertical .scale-fret-marker-between:after{top:50%;left:0}@media(max-width:480px){.chord-chart-chordpic{--chord-cell-size: clamp(30px, calc((100vw - 7rem) / var(--chord-strings, 6)), 56px);--chord-fret-col-size: 1.75rem}.scale-fretboard{--scale-row-h: 2.3125rem;--scale-dot-size: 1.4375rem}.scale-dot-label{font-size:clamp(.5rem,3.2vw,.625rem)}}.play-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0;font-family:var(--font-body)}.play-panel-title{color:var(--color-text-primary);font-weight:700;margin:0 0 .5rem}.play-panel-door{display:inline-block;margin-top:.5rem}.play-panel-placeholder{color:var(--color-text-muted)}.play-panel .chord-chart{margin:.5rem 0}@media(max-width:640px){.play-panel .chord-chart-chordpic{--chord-cell-size: clamp(30px, calc((100vw - 7rem) / var(--chord-strings, 6)), 56px);--chord-fret-col-size: 1.75rem}}@supports (width: 1cqw){.play-panel{container-type:inline-size;width:100%}.play-panel .chord-chart-chordpic{--chord-cell-size: clamp(30px, calc((100cqw - 6rem) / var(--chord-strings, 6)), 80px)}}.voicing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin:1rem 0 1.5rem}.voicing-card .chord-chart.chord-chart-chordpic,.chord-voicing .chord-chart.chord-chart-chordpic,.chord-voicing-card .chord-chart.chord-chart-chordpic{--chord-fret-col-size: 1.5rem;--chord-nut-height: 7px;padding:.75rem;border-width:1px}@supports (width: 1cqw){.voicing-card,.chord-voicing,.chord-voicing-card{container-type:inline-size;width:100%}.voicing-card .chord-chart.chord-chart-chordpic,.chord-voicing .chord-chart.chord-chart-chordpic,.chord-voicing-card .chord-chart.chord-chart-chordpic{--chord-cell-size: clamp( 18px, calc((100cqw - 3.25rem) / var(--chord-strings, 6)), 54px )}}.voicing-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.voicing-card-name{color:var(--color-text-secondary);font-size:.85rem}.play-voicing{font:inherit;font-size:.85rem;color:var(--color-text-on-accent);background:var(--color-accent-fill);border:none;border-radius:6px;padding:.35rem .9rem;cursor:pointer}.play-voicing:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.note-picker{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;padding:.75rem 0 1.125rem;margin-bottom:0;border-bottom:none}.note-picker-btn{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.25rem);letter-spacing:.08em;padding:.5rem .875rem;min-width:44px;min-height:44px;background:var(--color-bg-surface);color:var(--color-text-secondary);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.note-picker-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.note-picker-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note-picker-btn-active{background:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-accent);box-shadow:0 0 14px var(--color-accent-glow)}.note-picker-btn-active:hover{background:var(--color-accent-fill-hover);border-color:var(--color-accent-bright)}.chord-type-picker{display:flex;flex-direction:column;gap:.35rem;padding:0 0 .85rem;margin-bottom:0;border-bottom:none;position:relative}.chord-type-picker:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:1px;background:var(--color-border-strong)}.chords-page .chord-type-picker{padding-bottom:.5rem}.chord-category-picker,.chord-type-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-width:0}.chord-controls{display:flex;flex-direction:column;gap:.2rem}.chord-caged-toggle{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.25rem 0 .4rem}.chord-caged-toggle-input{width:1.05rem;height:1.05rem;margin:0;cursor:pointer;accent-color:var(--color-accent, currentColor)}.chord-caged-toggle-label{cursor:pointer;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-secondary)}.picker-chip-bar{position:relative}.picker-chip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.picker-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .85rem;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:.95rem;transition:border-color .15s,background-color .15s}.picker-chip:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg-surface))}.picker-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.picker-chip-key{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.picker-chip-value{font-weight:700}.picker-chip-chevron{width:.42rem;height:.42rem;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg) translate(-1px,-1px)}.picker-chip-open,.picker-chip-toggle.picker-chip-on{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-surface))}.picker-chip-toggle.picker-chip-on .picker-chip-key{color:var(--color-accent)}.picker-chip-panel{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:30;padding:.75rem;background:var(--color-bg-elevated, var(--color-bg-surface));border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:0 14px 34px #00000059;max-height:min(24rem,60vh);overflow-y:auto}.picker-panel-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.4rem}.picker-panel-types{justify-content:flex-start}.picker-class-list{display:flex;flex-direction:column;gap:.25rem}.picker-class-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.5rem .65rem;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:.95rem;color:var(--color-text-primary);text-align:left}.picker-class-row:hover{border-color:var(--color-border-strong)}.picker-class-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.picker-class-row-active{border-color:var(--color-accent);background:var(--color-bg-surface)}.picker-class-row-count{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap}.chord-controls-chips{gap:0;position:relative;z-index:30}.chord-caged-badge{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border:1px solid var(--color-accent, currentColor);border-radius:.6rem;font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;vertical-align:middle;color:var(--color-accent, currentColor);white-space:nowrap}.chord-picker-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.6rem;padding:.1rem 0}.chord-picker-row>.note-picker,.chord-picker-row>.chord-category-picker,.chord-picker-row>.chord-type-row{padding:0;justify-content:flex-start;min-width:0;flex:0 1 auto}.chord-picker-row-label{flex:0 0 auto;white-space:nowrap;font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);opacity:.85;text-align:right}.chord-type-picker-btn{font-family:var(--font-body);font-size:clamp(.75rem,2vw,.875rem);font-weight:600;letter-spacing:.04em;padding:.35rem .65rem;min-height:44px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:3px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.chord-type-picker-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.chord-type-picker-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-type-picker-btn-active{background:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.chord-type-picker-btn-active:hover{background:var(--color-accent-fill-hover);border-color:var(--color-accent-bright)}.chord-switcher{width:min(1120px,calc(100vw - 3rem));margin:.5rem 0 1.5rem;margin-left:50%;transform:translate(-50%)}a.note-picker-btn,a.note-picker-btn:visited,a.chord-type-picker-btn,a.chord-type-picker-btn:visited{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-secondary)}a.note-picker-btn:hover,a.chord-type-picker-btn:hover,a.note-picker-btn-active,a.note-picker-btn-active:visited,a.chord-type-picker-btn-active,a.chord-type-picker-btn-active:visited,a.note-picker-btn-active:hover,a.chord-type-picker-btn-active:hover{color:var(--color-text-primary)}.note-content{display:flex;flex-direction:column;gap:4.5rem}.note-content-empty{color:var(--color-text-secondary);text-align:center;padding:4rem 0}.chord-category{scroll-margin-top:5rem}.chord-category-heading{font-family:var(--font-display);font-size:clamp(1.125rem,3vw,1.5rem);letter-spacing:.1em;color:var(--color-text-primary);margin:0 0 1.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent);display:inline-block}.chord-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;justify-content:center}.chord-card-cell{display:flex;flex-direction:column;gap:.5rem}.chord-card-cell .chord-preview-card{flex:1}.chord-card-start,.chord-box-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center;text-decoration:none;border:1px solid var(--color-border-strong);border-radius:6px;transition:color .2s,border-color .2s}.chord-card-start:hover,.chord-card-start:focus-visible,.chord-box-link:hover,.chord-box-link:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.chord-voicing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding:.75rem;background:var(--color-bg-page);border:1px solid var(--color-border-strong);border-radius:6px}.chord-voicing-links .chord-box-link{flex:1 1 10rem}.chord-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.75rem;padding:.5rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:4px;font-size:.85rem}.chord-audio-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:3px;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;transition:background .15s ease,color .15s ease}.chord-audio-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-text-primary)}.chord-audio-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-audio-btn:disabled{opacity:.45;cursor:not-allowed}.chord-audio-controls-playing .chord-audio-stop{background:var(--color-accent)}.chord-audio-field{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.8rem;white-space:nowrap}.chord-audio-interval{width:4.5rem;padding:.25rem .4rem;background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:3px;font-family:var(--font-body);font-size:.85rem}.chord-audio-repeat{width:1rem;height:1rem;accent-color:var(--color-accent)}.chord-preview-card{display:flex;flex-direction:column;gap:1.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.5rem 1.35rem;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.chord-preview-card .chord-preview-diagram{content-visibility:auto;contain-intrinsic-size:auto 268px}.chord-preview-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-elevated)}.chord-preview-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-preview-header{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:0}.chord-preview-title{font-family:var(--font-body);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin:0}.chord-preview-card:hover .chord-preview-title{color:var(--color-accent-bright)}.chord-voicing-badge{font-family:var(--font-body);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--surface-muted-overlay);padding:.2rem .5rem;border-radius:3px;white-space:nowrap}.chord-preview-diagram{display:flex;justify-content:center;pointer-events:none}.chord-preview-diagram .chord-chart.chord-chart-chordpic{--chord-preview-cell-max: 38px;--chord-cell-size: var(--chord-preview-cell-max);--chord-fret-col-size: 1.5rem;--chord-nut-height: 7px;padding:.75rem;border-width:1px}@supports (width: 1cqw){.chord-preview-diagram{container-type:inline-size;width:100%}.chord-preview-diagram .chord-chart.chord-chart-chordpic{--chord-cell-size: clamp( 22px, calc((100cqw - 3.25rem) / var(--chord-strings, 6)), var(--chord-preview-cell-max) )}}.chord-preview-diagram .chord-chart-string-label{font-size:clamp(.6875rem,1.6vw,.8125rem)}.chord-preview-diagram .chord-chart-nut-symbol{font-size:clamp(.8125rem,1.8vw,1rem);height:1.25rem}.chord-preview-diagram .chord-chart-fret-num{font-size:clamp(.6875rem,1.6vw,.8125rem)}.chord-preview-diagram .chord-chart-dot-label{font-size:clamp(.7rem,1.65vw,.875rem)}.scale-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.25rem}.scale-category-block{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px;padding:1.25rem}.scale-category-title{font-family:var(--font-body);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin:0 0 1rem}.scale-list{list-style:none;margin:0;padding:0}.scale-list li{margin-bottom:.5rem}.scale-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;transition:color .15s}.scale-link:hover,.scale-link:focus-visible{color:var(--color-accent)}.scale-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scale-alias{color:var(--color-text-secondary);font-size:.8125rem}@media(max-width:768px){.chord-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.note-picker{gap:.45rem;padding:.5rem 0 .875rem;margin-bottom:0}.note-picker-btn{padding:.375rem .625rem;font-size:.9rem}.chord-type-picker{gap:.45rem;padding:.2rem 0 .65rem;margin-bottom:0}.chord-category-picker,.chord-type-row{gap:.3rem}.chord-type-picker-btn{padding:.25rem .5rem;font-size:.75rem;min-height:44px}.note-content{gap:3.5rem}.scale-types-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:480px){.note-content{gap:3rem}.scale-types-grid{grid-template-columns:1fr}.chord-cards-grid{grid-template-columns:1fr;gap:1.25rem}.chord-preview-header{flex-direction:column;align-items:flex-start;gap:.625rem}.chord-preview-diagram .chord-chart.chord-chart-chordpic{--chord-preview-cell-max: 36px}.chord-preview-card .chord-preview-diagram{contain-intrinsic-size:auto 255px}}.chord-type-link{color:var(--color-accent);text-decoration:none;transition:color .15s,text-shadow .15s}.chord-type-link:hover,.chord-type-link:focus-visible{color:var(--color-text-primary);text-shadow:0 0 10px var(--color-accent-glow)}.chord-type-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.prog-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-top:1.75rem}.prog-index-block{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px;padding:1rem 1.25rem}.prog-index-label{font-family:var(--font-body);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin:0 0 .75rem}.prog-degree-numeral{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:none}.prog-chord-link{color:var(--color-text-secondary);text-decoration:none;font-size:clamp(.75rem,2.4vw,.9375rem);font-weight:600;transition:color .15s,text-shadow .15s;white-space:nowrap;overflow-wrap:normal;text-align:center;max-width:100%;justify-content:center}.prog-chord-link:hover,.prog-chord-link:focus-visible{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow)}.prog-chord-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.prog-degree-table{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px;padding:1rem 1.25rem;overflow-x:visible;min-width:0}.prog-degree-flat{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:.1rem .35rem;overflow-x:visible;padding-bottom:0}.prog-type-degree-panel-inner{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1 0 auto;text-align:center}.prog-sequence-degree{font-family:var(--font-body);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.02em}@media(max-width:768px){.prog-index-grid{grid-template-columns:1fr}}.scale-link,.prog-chord-link{min-height:44px;display:inline-flex;align-items:center}.note-selector-shell{display:grid;grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);gap:2rem;align-items:stretch}.note-selector-panel,.note-selector-board-section,.note-selector-loader-section{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1.25rem}.note-selector-board-col{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.note-selector-board-col .note-selector-board-section{flex:1 1 auto}.note-selector-panel{display:flex;flex-direction:column}@media(max-width:900px){.note-selector-shell{grid-template-columns:1fr}}@media(max-width:600px){.note-selector-panel,.note-selector-board-section,.note-selector-loader-section{padding:1rem}}.chord-single-inner{max-width:960px;margin:0 auto;padding:0 1.75rem}.chord-single-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:.08em;color:var(--color-text-primary);margin:0 0 2.5rem}.chord-diagram-area{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin:3rem 0}.chord-mode-bar{display:flex;justify-content:center;gap:0;border:2px solid var(--color-border-strong);border-radius:4px;overflow:hidden;width:fit-content;max-width:100%;margin-inline:auto}.chord-mode-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--color-bg-page);color:var(--color-text-secondary);border:none;border-right:1px solid var(--color-border-strong);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:background .15s ease,color .15s ease}.chord-mode-btn:last-child{border-right:none}.chord-mode-btn:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.chord-mode-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.chord-mode-btn-active{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.chord-mode-btn-active:hover{background:var(--color-accent-fill-hover)}.chord-mode-icon{font-size:1rem;line-height:1}.chord-mode-label{line-height:1}.chord-root-info{margin:1.25rem 0 2rem;color:var(--color-text-secondary);font-size:.9rem;text-align:center}.chord-root-info strong{color:var(--color-text-primary)}.chord-type-voicings-grid{display:flex;flex-direction:column;gap:3rem;margin-top:2.5rem}.chord-voicing-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:border-color .2s}.chord-voicing-card:hover{border-color:var(--color-accent)}.chord-voicing-title{font-family:var(--font-body);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0;text-align:center}.chord-voicing-title a{color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.chord-voicing-title a:hover,.chord-voicing-title a:focus-visible{color:var(--color-accent)}.chord-voicing-title a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:768px){.chord-single-inner{padding:0 1rem}.chord-mode-btn{padding:.625rem .75rem;font-size:.8rem;min-height:44px}}@media(max-width:480px){.chord-mode-bar{flex-wrap:wrap}.chord-voicing-card{padding:1rem .75rem}}@media print{.chord-mode-bar,.chord-audio-controls{display:none!important}.chord-voicing-card{break-inside:avoid;page-break-inside:avoid}}.fret-octave-ring{--octave-color: var(--color-accent);outline:3px solid var(--octave-color);outline-offset:1px}.fret-octave-controls{display:flex;flex-direction:column;gap:.6rem;margin:.75rem 0}.fret-octave-toggle{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-text-primary);cursor:pointer}.fret-octave-toggle-input{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.fret-octave-legend[hidden],.fret-octave-legend-host[hidden]{display:none}.fret-octave-legend-title{margin:0 0 .35rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.fret-octave-legend-list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}.fret-octave-legend-item{--octave-color: var(--color-accent);display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:999px;padding:.2rem .5rem}.fret-octave-swatch{width:.8rem;height:.8rem;border-radius:50%;background:var(--color-bg-page);border:3px solid var(--octave-color);box-sizing:border-box;flex-shrink:0}.cross-links-title{font-family:var(--font-body);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 .875rem}.cross-links-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;margin:0;padding:0}.cross-links-list a{color:var(--color-text-secondary);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color .15s,text-shadow .15s;min-height:44px;display:inline-flex;align-items:center}.cross-links-list a:hover,.cross-links-list a:focus-visible{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow)}.cross-links-list a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scale-section-title{font-family:var(--font-body);font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin:0 0 1.5rem}.note-selector-group-title::-webkit-details-marker{display:none}.note-selector-group-title:after{content:"";margin-left:auto;width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;opacity:.8}.note-selector-group-title:hover,.note-selector-group-title:focus-visible{color:var(--color-text-primary)}.note-selector-group-title:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note-selector-group:not([open])>.note-selector-group-title:after{transform:rotate(-45deg)}.note-selector-view-group .note-selector-mode{margin:0 0 .85rem}.note-selector-view-group .note-selector-orientation{margin-bottom:0}.note-selector-loader-title::-webkit-details-marker{display:none}.note-selector-loader-title:after{content:"";margin-left:auto;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;opacity:.75}.note-selector-loader-section:not([open])>.note-selector-loader-title{margin-bottom:0}.note-selector-loader-section:not([open])>.note-selector-loader-title:after{transform:rotate(-45deg)}.note-selector-loader-title:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note-selector-help,.note-selector-summary,.note-selector-empty{font-family:var(--font-body);color:var(--color-text-secondary);line-height:1.6}.note-selector-help,.note-selector-summary{margin:-.65rem 0 1rem}.note-selector-controls,.note-selector-legend-list,.note-selector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.note-selector-action-box .note-selector-mode-label{line-height:1}.note-selector-controls{margin-bottom:1rem}.note-selector-btn{--note-color: var(--color-accent);font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;min-width:3rem;min-height:2.45rem;border:1px solid color-mix(in srgb,var(--note-color) 58%,var(--color-border-strong));border-radius:999px;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.note-selector-btn:hover{border-color:var(--note-color);transform:translateY(-1px)}.note-selector-btn:focus-visible{outline:2px solid var(--note-color);outline-offset:2px}.note-selector-btn-active{background:var(--note-color);border-color:var(--note-color);color:#101014;box-shadow:0 0 14px color-mix(in srgb,var(--note-color) 55%,transparent)}.note-selector-legend{margin:1rem 0}.note-selector-legend-list{list-style:none;margin:0;padding:0}.note-selector-legend-item{--note-color: var(--color-accent);display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:999px;padding:.25rem .55rem}.note-selector-swatch{width:.85rem;height:.85rem;border-radius:50%;background:var(--note-color);box-shadow:0 0 8px color-mix(in srgb,var(--note-color) 65%,transparent)}.note-selector-action{padding:.45rem .8rem;font-size:.75rem}.note-selector-dpad-up{grid-area:up}.note-selector-dpad-down{grid-area:down}.note-selector-dpad-left{grid-area:left}.note-selector-dpad-right{grid-area:right}.note-selector-dpad-btn{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;min-width:0;padding:0;font-size:.7rem;line-height:1}.note-selector-matches[hidden]{display:none}.note-selector-matches-label{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--color-text-secondary)}.note-selector-matches-list{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}.note-selector-match-item{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:999px;padding:.25rem .7rem}.note-selector-match-kind{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.note-selector-fretboard-wrap{margin-bottom:0}.note-selector-fretboard{--scale-row-h: 3rem;--scale-dot-size: 2rem}.note-selector-dot{--note-color: var(--color-accent);background:var(--note-color);color:#101014;box-shadow:0 0 0 2px var(--color-bg-page),0 0 12px color-mix(in srgb,var(--note-color) 60%,transparent)}.note-selector-fret-cell{min-width:2.75rem}.note-selector-dot-overlay-root{color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-page),inset 0 0 0 2px var(--color-accent)}.note-selector-fret-cell[role=button]:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.note-selector-fret-cell[role=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:2}.note-selector-orientation .scale-orientation-bar{margin-inline:0}.note-selector-mode-label{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--color-text-secondary)}.note-selector-mode-btn{font-family:var(--font-display);font-size:.8rem;letter-spacing:.03em;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.note-selector-mode-btn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.note-selector-mode-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note-selector-mode-btn-active{background:var(--color-accent-fill);border-color:var(--color-accent);color:var(--color-text-on-accent)}.note-selector-pattern{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}.note-selector-pattern-select:disabled{opacity:.55;cursor:not-allowed}.note-selector-pattern-select:hover:not(:disabled),.note-selector-pattern-select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.note-selector-pattern-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cross-links{margin-top:3rem;padding:1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px}.note-selector-app{gap:2rem}.note-selector-group{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--color-border-strong)}.note-selector-group-title{font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none;user-select:none}.note-selector-group:not([open])>.note-selector-group-title{margin-bottom:0}.note-selector-group-title h3{margin:0;font:inherit}.note-selector-view-group{margin-top:0;padding-top:0;border-top:none}.note-selector-choose-group .note-selector-help{margin-top:0}.note-selector-loader-title{display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none;user-select:none}.note-selector-loader-title h2{margin:0}.note-selector-actions+.note-selector-actions{margin-top:.65rem}.note-selector-action-box{align-self:flex-start;background:var(--color-bg-page);border:1px solid var(--color-border-strong);border-radius:6px;padding:.5rem .7rem}.note-selector-dpad{display:grid;grid-template-columns:repeat(3,1.9rem);grid-template-rows:repeat(3,1.9rem);grid-template-areas:".    up    ." "left mid   right" ".    down  .";gap:.25rem;align-items:center;justify-items:center}.note-selector-matches{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:-.35rem 0 1rem}.note-selector-matches-empty{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);opacity:.7}.note-selector-match-item-static{border-color:var(--color-border)}a.note-selector-match-item{text-decoration:none;transition:border-color .18s ease,transform .18s ease}a.note-selector-match-item:hover{border-color:var(--color-accent-bright);transform:translateY(-1px)}a.note-selector-match-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note-selector-dot-single{background:color-mix(in srgb,var(--note-color) 18%,var(--color-bg-page));color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-page),inset 0 0 0 2px var(--note-color),0 0 10px color-mix(in srgb,var(--note-color) 45%,transparent)}.note-selector-dot-overlay{background:color-mix(in srgb,var(--color-bg-surface) 55%,transparent);color:var(--color-text-secondary);box-shadow:0 0 0 2px var(--color-bg-page),inset 0 0 0 1.5px color-mix(in srgb,var(--color-text-muted) 70%,transparent)}.note-selector-fret-cell[role=button]{cursor:pointer}.note-selector-mode{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.35rem 0 1rem}.note-selector-orientation{margin-top:0}.note-selector-pattern-box{background:var(--color-bg-page);border:1px solid var(--color-border-strong);border-radius:8px;padding:1rem}.note-selector-pattern-select{flex:1 1 10rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.35rem .5rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:4px;cursor:pointer;max-width:100%}@media(max-width:600px){.scale-fretboard.note-selector-fretboard{--scale-row-h: 2.55rem;--scale-dot-size: 1.62rem}.scale-fret-cell.note-selector-fret-cell{min-width:2.45rem}}@media print{.cross-links{display:none!important}}.capo-banner{display:inline-block;margin:0 0 .5rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:999px}.chord-single-nav{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:3.25rem;padding-top:2.5rem;border-top:1px solid var(--color-border-strong)}.chord-nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:600;max-width:100%}.chord-nav-link:hover,.chord-nav-link:focus-visible{color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:4px}.chord-next{margin-left:auto}.scale-detail-inner{max-width:960px;margin:0 auto;padding:0 1.75rem}.scale-info{margin-bottom:2.25rem;color:var(--color-text-secondary);line-height:1.6}.scale-info p{margin:0 0 .5rem}.scale-info strong{color:var(--color-text-primary)}.scale-aside{color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.scale-section{margin-top:3.25rem}.scale-positions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.scale-positions-grid-full{grid-template-columns:1fr}.scale-position-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.25rem 1rem;container-type:inline-size;min-width:0}.scale-position-card .scale-fretboard-wrap{overflow:visible;padding-bottom:.25rem;margin-bottom:.5rem}.scale-positions-grid-full .scale-position-card .scale-fretboard-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.scale-position-card .scale-fretboard{min-width:0;width:100%;--scale-row-h: clamp(2.25rem, 11cqi, 3.5rem);--scale-dot-size: clamp(1.4375rem, 7cqi, 2.25rem)}.scale-position-card .scale-fret-cell{min-width:0}.scale-position-card .scale-string-label,.scale-position-card .scale-fret-num-spacer{min-width:1.375rem}.scale-position-card .scale-dot-label{font-size:clamp(.625rem,2.4cqi,.875rem)}.scale-position-title{font-family:var(--font-body);font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 1rem;text-align:center}@media(max-width:768px){.scale-detail-inner{padding:0 1rem}.chord-single-nav{flex-direction:column;gap:1rem}.chord-next{margin-left:0}.scale-positions-grid{grid-template-columns:1fr}}.chord-nav-link{min-height:44px;display:inline-flex;align-items:center}@media(max-width:600px){.scale-fretboard{--scale-row-h: 2.5625rem;--scale-dot-size: 1.5625rem}.scale-dot-label{font-size:clamp(.5625rem,2.8vw,.6875rem)}}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;background:var(--color-accent);color:var(--color-text-primary);padding:.75rem 1.5rem;text-decoration:none;font-weight:700;font-family:var(--font-body);letter-spacing:.08em;border-radius:0 0 4px 4px}.skip-link:focus{top:0;outline:2px solid var(--color-text-primary);outline-offset:2px}.logo .logo-home{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo .logo-home:hover .logo-warrior,.logo .logo-home:focus-visible .logo-warrior{color:var(--color-accent-bright)}.logo .logo-home:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.nav-toggle{display:none;background:none;border:2px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-primary);padding:.5rem;cursor:pointer;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-toggle:hover{border-color:var(--color-accent)}.nav-toggle-bar{display:block;width:20px;height:2px;background:currentColor}@media(max-width:768px){.logo{order:1}.header-tools{order:2;margin-left:auto}.nav-toggle{display:flex}.nav{display:none;width:100%;order:3}.nav.nav-open{display:block}.nav ul{flex-direction:column;gap:0}.nav li{border-bottom:1px solid var(--color-border-strong)}.nav li:last-child{border-bottom:none}.nav a{display:block;padding:.875rem 0;min-height:44px}}.section-lead{font-family:var(--font-body);color:var(--color-text-secondary);max-width:70ch}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.75rem 0}.chip{display:inline-block;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;padding:.35rem .85rem;text-decoration:none;cursor:pointer}.chip:hover,.chip:focus-visible{border-color:var(--color-accent);color:var(--color-text-primary)}.chip-active{background:var(--color-accent-fill);border-color:var(--color-accent);color:var(--color-text-on-accent)}.chip-list .chip,.chip-list .chip:visited,.chip-list .chip:hover,.chip-list .chip:focus-visible{color:var(--color-text-primary)}.chip-list .chip-active,.chip-list .chip-active:visited,.chip-list .chip-active:hover,.chip-list .chip-active:focus-visible{color:var(--color-text-on-accent)}.chord-picker-row-label{color:var(--color-text-primary);opacity:1}.chord-voicing-badge{color:var(--color-text-primary)}a.note-picker-btn-active,a.note-picker-btn-active:visited,.note-picker-btn-active,.chord-type-picker-btn-active{color:var(--color-text-on-accent)}.chip-list.note-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.plain-list{font-family:var(--font-body);color:var(--color-text-secondary);line-height:1.7;padding-left:1.25rem}.category-block,.detail-block{margin-bottom:1.5rem}.fact-table{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;font-family:var(--font-body);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1rem 1.25rem;margin:0 0 1.5rem}.fact-table dt{color:var(--color-text-muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;align-self:center}.fact-table dd{margin:0;color:var(--color-text-primary)}.tool-grid{display:grid;gap:1rem;margin:1rem 0 2rem}.tool-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-family:var(--font-body)}.tool-controls-wrap{gap:1.25rem}.tool-label{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.04em}.tool-label-inline{display:inline-flex;align-items:center;gap:.4rem}.tool-textarea,.tool-select{font-family:var(--font-body);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.5rem .75rem}.tool-textarea:focus-visible,.tool-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.tool-output{font-family:var(--font-body);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1rem 1.25rem;color:var(--color-text-primary);white-space:pre-wrap;min-height:3rem}.tool-result-line{margin-top:0}.theme-preview{border:1px solid var(--color-border-strong);border-radius:8px;padding:1rem 1.25rem;font-family:var(--font-body)}.theme-preview-title{font-weight:700;margin:0 0 .35rem}.theme-preview-text{margin:0 0 .35rem}.scale-fret-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.scale-fret-cell[aria-pressed=true]{background:var(--color-accent)}.tab-stage{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.75rem;margin:.75rem 0}.tab-diagram{display:flex;flex-direction:column;gap:0;background:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:6px;padding:1.5rem 1.75rem;min-width:min-content;font-family:Courier New,Courier,monospace}.tab-row{display:flex;align-items:center;height:1.75rem}.tab-string-label{width:1.5rem;flex-shrink:0;font-family:var(--font-body);font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);text-align:right;padding-right:.375rem}.tab-line{display:flex;align-items:center;flex:1;position:relative;background-image:linear-gradient(var(--color-border-strong) 0%,var(--color-border-strong) 100%);background-size:100% 1px;background-repeat:no-repeat;background-position:center}.tab-cell{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;width:2.5rem;font-size:.9375rem;font-weight:700;text-align:center;position:relative;z-index:1}.tab-cell-active{color:var(--color-text-primary);background:var(--color-bg-surface)}.tab-cell-chord{color:var(--color-accent-bright)}.tab-cell-empty{color:var(--color-border-strong);font-size:.75rem}.tab-cell-ghost{color:var(--color-text-secondary)}.tab-bar-sep{min-width:.9rem;width:.9rem;color:var(--color-border-strong);font-weight:400}.tab-technique{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;font-family:var(--font-body);font-size:.625rem;font-weight:700;color:var(--color-accent);text-transform:lowercase;position:relative;z-index:1;background:var(--color-bg-surface)}.tab-svg{display:block;background:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:6px;min-width:min-content}.tab-svg--systems{min-width:0;max-width:100%;height:auto}.tsv-string,.tsv-bar{stroke:var(--color-border-strong);stroke-width:1}.tsv-notebg{fill:var(--color-bg-surface)}.tsv-label{fill:var(--color-text-secondary);font:700 13px var(--font-body)}.tsv-fret{fill:var(--color-text-primary);font:700 15px Courier New,Courier,monospace}.tsv-fret--chord{fill:var(--color-accent-bright)}.tsv-ghost{fill:var(--color-text-secondary);font:700 15px Courier New,Courier,monospace}.tsv-slur,.tsv-slide,.tsv-bend{fill:none;stroke:var(--color-accent);stroke-width:1.4}.tsv-slide{stroke-linecap:round}.tsv-bend-head{fill:var(--color-accent)}.tsv-artic{fill:var(--color-accent);font:700 9px var(--font-body);text-transform:lowercase}.tsv-note{fill:var(--color-text-secondary);font:600 11px var(--font-body)}.tab-controls{display:flex;justify-content:flex-end;margin-bottom:.4rem}.tab-notes-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--color-bg-page);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:4px;cursor:pointer;font:600 .75rem var(--font-body);letter-spacing:.06em;transition:background .15s ease,color .15s ease}.tab-notes-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.tab-notes-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tab-notes-toggle[aria-pressed=true]{background:var(--color-accent-fill);color:var(--color-text-on-accent);border-color:var(--color-accent)}.tab-playhead{position:absolute;top:0;left:0;pointer-events:none}.tab-diagram--upgraded{position:absolute;width:1px;height:1px;min-width:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.tab-svg{break-inside:avoid}}.tool-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1.25rem;margin:1rem 0 1.5rem;font-family:var(--font-body)}.tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.tool-row label{color:var(--color-text-secondary)}.tool-row select,.tool-row input[type=number]{font:inherit;color:var(--color-text-primary);background:var(--color-bg-page);border:1px solid var(--color-border-strong);border-radius:6px;padding:.35rem .5rem}.tool-row input[type=range]{flex:1 1 12rem}.tool-button{font:inherit;color:var(--color-bg-page);background:var(--color-accent);border:none;border-radius:6px;padding:.5rem 1.25rem;cursor:pointer}.tool-button[aria-pressed=true]{background:var(--color-text-primary)}.tool-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.tuner-strings{display:flex;flex-wrap:wrap;gap:.5rem}.metronome-beat{font-family:var(--font-display);font-size:2.5rem;color:var(--color-text-primary);min-width:3rem;text-align:center}#chords-app{min-height:2540px}@media(min-width:600px){#chords-app{min-height:2264px}}@media(min-width:768px){#chords-app{min-height:2140px}}@media(min-width:1024px){#chords-app{min-height:2255px}}.section-nav a{color:var(--color-text-primary)}.section-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:4px;font-weight:700}#theme-builder-app{min-height:568px}#metronome-app{min-height:355px}#tuner-app{min-height:690px}