@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}.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}.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{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: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)}.metro-display{text-align:center}.metro-slider-field{display:block;margin-bottom:.85rem}.metro-range{width:100%;margin:0;accent-color:var(--color-accent-bright);cursor:pointer}.metro-lamps{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:.85rem;min-height:1rem}.metro-lamp{width:.95rem;height:.95rem;border-radius:50%;background:color-mix(in srgb,var(--color-text-muted) 28%,transparent);border:1px solid color-mix(in srgb,var(--color-border-strong) 65%,transparent);transition:transform .09s ease,background-color .12s ease,box-shadow .12s ease}.metro-lamp.is-on{background:color-mix(in srgb,var(--tuner-live) 55%,var(--color-text-primary) 45%);box-shadow:0 0 9px color-mix(in srgb,var(--tuner-live) 45%,transparent);transform:scale(1.2)}.metro-poly-lamps{margin-top:.35rem}.metro-lamp-poly{width:.6em;height:.6em;opacity:.85}.metro-lamp.is-on.is-accent{background:var(--tuner-live);box-shadow:0 0 15px color-mix(in srgb,var(--tuner-live) 75%,transparent);transform:scale(1.35)}.metro-readout-big{display:flex;align-items:baseline;justify-content:center;gap:.4rem;min-height:4.6rem;line-height:1}.metro-bpm-unit{font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.5rem);letter-spacing:.14em;color:var(--color-text-muted)}.metro-trainer{margin:0 0 1rem;border:1px solid var(--color-border-strong);border-radius:10px;background:color-mix(in srgb,var(--color-bg-page) 92%,black 8%);padding:0 .9rem}.metro-trainer>summary{cursor:pointer;padding:.7rem 0;font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;color:var(--color-text-primary);list-style:none}.metro-trainer>summary::-webkit-details-marker{display:none}.metro-trainer>summary:before{content:"\25b8";display:inline-block;margin-right:.5rem;color:var(--color-accent-bright);transition:transform .15s ease}.metro-trainer[open]>summary:before{transform:rotate(90deg)}.metro-trainer-body{padding-bottom:.6rem}@media(prefers-reduced-motion:reduce){.metro-lamp,.metro-trainer>summary:before{transition:none}}.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)}}.chord-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.chord-type-block{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px;padding:1.25rem}.chord-type-title{font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent);margin:0 0 1rem}.chord-positions{display:flex;flex-wrap:wrap;gap:1.25rem}.chord-positions-list{list-style:none;margin:0;padding:0}.chord-position-link{color:var(--color-text-secondary);text-decoration:none;font-weight:600}.chord-position-link:hover,.chord-position-link:focus-visible{color:var(--color-accent);text-decoration:underline;outline:2px solid var(--color-accent);outline-offset:2px}.chord-breadcrumb{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:2rem}.chord-breadcrumb-sep{color:var(--color-border-strong);font-weight:700}.chord-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.chord-breadcrumb .chord-back{margin-bottom:0}.chord-back:hover,.chord-back:focus-visible{color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:4px}.chord-start-progression-link{text-align:center}.chord-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.instrument-switch{margin-top:1rem}.instrument-switch .cross-links-list a{padding:.25rem .75rem;border:1px solid var(--color-border-strong);border-radius:999px;min-height:44px}.chord-sounds-as-badge{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;border:1px solid var(--color-text-secondary, currentColor);border-radius:.6rem;font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.02em;vertical-align:middle;color:var(--color-text-secondary, currentColor);white-space:nowrap}.favorite-toggle{display:flex;width:fit-content;align-items:center;gap:.4rem;min-height:44px;margin:.75rem auto 0;font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:.5rem 1rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.favorite-toggle:hover,.favorite-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.favorite-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.favorite-toggle-icon-wrap{display:inline-flex;flex-shrink:0}.favorite-toggle-icon{color:inherit}.favorite-toggle-active{border-color:var(--color-accent);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.favorite-toggle-active:hover,.favorite-toggle-active:focus-visible{color:var(--color-text-on-accent);border-color:var(--color-accent-bright)}.chord-toggle-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:.75rem 0 0}.chord-toggle-row .favorite-toggle,.chord-toggle-row .learned-toggle{margin:0}.learned-toggle{display:flex;width:fit-content;align-items:center;gap:.4rem;min-height:44px;font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:.5rem 1rem;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-border-strong);border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.learned-toggle:hover,.learned-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.learned-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.learned-toggle-icon-wrap{display:inline-flex;flex-shrink:0}.learned-toggle-icon{color:inherit}.learned-toggle-active{border-color:var(--color-accent);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.learned-toggle-active:hover,.learned-toggle-active:focus-visible{color:var(--color-text-on-accent);border-color:var(--color-accent-bright)}.scale-detail-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-accent);margin:0 0 1.5rem}.chord-finder-shell{display:grid;gap:1.25rem;margin-top:1rem}.chord-finder-panel{border:1px solid var(--color-border);border-radius:12px;padding:1.1rem 1.2rem;background:color-mix(in srgb,var(--color-bg-elevated) 60%,transparent)}.chord-finder-panel-title{font-size:1.05rem;margin:0 0 .35rem}.chord-finder-help{margin:0 0 .9rem;font-size:.9rem;color:var(--color-text-secondary)}.chord-finder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.chord-finder-note{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;min-height:2.6rem;border:1px solid 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}.chord-finder-note:hover{border-color:var(--color-accent);transform:translateY(-1px)}.chord-finder-note:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-finder-note-active{background:var(--color-accent);border-color:var(--color-accent);color:#101014;box-shadow:0 0 14px color-mix(in srgb,var(--color-accent) 55%,transparent)}.chord-finder-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.chord-finder-fret-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.chord-finder-fret-input{flex:1 1 12rem;min-width:8rem;font-family:var(--font-mono, monospace);font-size:1rem;letter-spacing:.12em;padding:.55rem .75rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-page);color:var(--color-text-primary)}.chord-finder-fret-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.chord-finder-fret-error{margin:.6rem 0 0;min-height:1.1em;font-size:.85rem;color:var(--color-accent-bright, var(--color-accent))}.chord-finder-selection{margin:0 0 .8rem;font-weight:700}.chord-finder-none{margin:0 0 .7rem;color:var(--color-text-secondary)}.chord-finder-result-block{margin-bottom:1rem}.chord-finder-result-heading{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 .5rem}.chord-finder-result-list{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}.chord-finder-result-item{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:999px;padding:.3rem .8rem;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.chord-finder-result-item:hover{border-color:var(--color-accent-bright, var(--color-accent));transform:translateY(-1px)}.chord-finder-result-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-finder-result-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}@media(max-width:600px){.chord-finder-panel{padding:1rem}.chord-finder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}main.chords-main:has(#prog-hero:not([hidden])) #prog-hero .container{text-align:center}main.chords-main:has(#prog-hero:not([hidden])) #prog-hero .chords-intro{margin-left:auto;margin-right:auto}#prog-app.chords-app{max-width:960px;margin-left:auto;margin-right:auto;width:100%}#prog-app .note-block{text-align:center}#prog-app .prog-keys-index.note-content{gap:2.25rem}.prog-degree-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem .35rem;align-items:start;padding-bottom:.125rem;width:100%}.prog-degree-cell{display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:0;text-align:center}.prog-section{margin-top:2.75rem}.prog-table-wrap{margin-top:1.25rem}.prog-table-caption{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}.prog-degree-flat:has(.prog-caged-row){flex-direction:column;gap:1rem}.prog-degree-flat:has(.prog-caged-row) .prog-type-degree-panel-inner{width:100%;padding-bottom:1rem;border-bottom:1px dashed var(--color-border-strong)}.prog-degree-flat:has(.prog-caged-row) .prog-type-degree-panel-inner:last-child{padding-bottom:0;border-bottom:0}.prog-degree-flat:has(.prog-caged-row) .prog-caged-row{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.prog-sequence-wrap{margin:1.5rem 0 1.25rem}.prog-sequence-chain{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px;justify-content:center}.prog-progressions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;margin-top:1.75rem}.prog-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.5rem;transition:border-color .2s}.prog-card:hover{border-color:var(--color-accent)}.prog-card-name{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.prog-card-name-link{display:block;text-decoration:none;color:var(--color-text-primary);transition:color .2s}.prog-card-name-link:hover,.prog-card-name-link:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.prog-sequence-detail{max-width:100%}.prog-sequence-aka{margin:-.25rem 0 .5rem;font-size:.9375rem;font-style:italic;color:var(--color-text-secondary)}.prog-sequence-key{margin:0 0 1.25rem;font-size:.9375rem}.prog-sequence-slot{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:700;color:var(--color-bg-page);background:var(--color-accent);line-height:1}.prog-sequence-diagram-empty{font-size:.875rem;color:var(--color-text-secondary);text-align:center;padding:.5rem 0}.prog-card-aka{font-size:.8125rem;color:var(--color-text-secondary);font-style:italic;margin-bottom:.875rem}.prog-card-chords{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem .625rem;padding-bottom:.125rem}.prog-card-builder-link{display:inline-block;margin-top:.75rem;font-size:.8125rem;font-weight:600;color:var(--color-accent);text-decoration:none}.prog-card-builder-link:hover,.prog-card-builder-link:focus-visible{text-decoration:underline}.prog-card-arrow{color:var(--color-border-strong);font-size:.875rem;flex-shrink:0}.prog-caged-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem .2rem;margin-top:.35rem;width:100%}.prog-caged-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.prog-caged-shape-label{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);line-height:1}.prog-caged-chart-wrap{width:100%;display:flex;justify-content:center}.prog-caged-chart.chord-chart.chord-chart-chordpic{--chord-cell-size: 14px;--chord-fret-col-size: .85rem;--chord-nut-height: 3px;padding:.3rem;border-width:1px;border-radius:4px;box-shadow:none}.prog-caged-chart .chord-chart-string-label{font-size:.55rem}.prog-caged-chart .chord-chart-nut-symbol{font-size:.6rem;height:.7rem}.prog-caged-chart .chord-chart-fret-num{font-size:.55rem}.prog-caged-chart .chord-chart-dot{min-width:9px;min-height:9px}.prog-caged-chart .chord-chart-dot-label{font-size:.5rem}.prog-card-shapes{margin-top:1rem;padding-top:.875rem;border-top:1px dashed var(--color-border-strong)}.prog-card-shapes-summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);user-select:none;transition:color .15s}.prog-card-shapes-summary::-webkit-details-marker{display:none}.prog-card-shapes-summary:before{content:"\25b8";font-size:.75rem;transition:transform .15s}.prog-card-shapes[open]>.prog-card-shapes-summary:before{transform:rotate(90deg)}.prog-card-shapes-summary:hover{color:var(--color-accent-bright)}.prog-card-shapes-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.prog-card-caged{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.25rem;margin-top:.875rem}.prog-card-caged-col{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0}.prog-card-caged-name{font-family:var(--font-body);font-size:.8125rem;font-weight:700;color:var(--color-text-primary);text-align:center}.prog-card-caged-empty{font-size:.875rem;color:var(--color-text-secondary);text-align:center}@media(max-width:480px){.prog-caged-chart.chord-chart.chord-chart-chordpic{--chord-cell-size: 16px}}#prog-detail-view:not([hidden]) .scale-detail-inner{max-width:100%}.lick-cat-desc{color:var(--color-text-secondary);margin:.75rem 0 1.75rem;max-width:65ch;line-height:1.65}.lick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;margin-top:1.25rem}.lick-card{display:block;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;transition:border-color .2s,transform .2s}.lick-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.lick-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lick-card-name{font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-primary);margin:0 0 .5rem}.lick-card-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:.75rem 0 0}.lick-badge{display:inline-block;font-family:var(--font-body);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .625rem;border-radius:3px;line-height:1}.lick-badge-beginner{background:var(--badge-beginner-bg);color:var(--badge-beginner-fg)}.lick-badge-intermediate{background:var(--badge-intermediate-bg);color:var(--badge-intermediate-fg)}.lick-badge-advanced{background:var(--badge-advanced-bg);color:var(--color-accent-bright)}.lick-detail-header{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1rem}.lick-detail-header .scale-detail-title{margin-bottom:0}.lick-description{color:var(--color-text-secondary);margin:0 0 2rem;max-width:65ch;line-height:1.65}.lick-tips{margin-top:2.75rem;padding:1.35rem 1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px}.lick-tips p{color:var(--color-text-secondary);margin:0;line-height:1.6}.tab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.75rem;margin-bottom:.5rem}.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-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-stage{position:relative}.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}}@media(max-width:768px){.chord-types-grid,.prog-progressions-grid,.lick-grid{grid-template-columns:1fr}}@media(max-width:480px){.chord-breadcrumb{font-size:.85rem}}.chord-position-link,.scale-link,.prog-chord-link,.chord-back,.chord-nav-link,.error-page a{min-height:44px;display:inline-flex;align-items:center}.chord-positions-list li{margin:.25rem 0}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}@media(max-width:768px){.note-grid{grid-template-columns:1fr}}.note-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1.5rem}.note-card h3{font-family:var(--font-display);font-size:1.4rem;color:var(--color-accent-bright);letter-spacing:.03em;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-strong)}.note-card h4{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1rem 0 .5rem}.note-card p{font-family:var(--font-body);color:var(--color-text-primary);line-height:1.6;margin:0 0 .75rem}.note-card-wide{grid-column:1 / -1}.note-table{width:100%;border-collapse:collapse;margin-top:.75rem;font-family:var(--font-body);font-size:.9rem}.note-table th,.note-table td{padding:.4rem .75rem;text-align:left;border-bottom:1px solid var(--color-border-strong);color:var(--color-text-primary)}.note-table th{color:var(--color-text-secondary);font-weight:600}.note-table-highlight td{color:var(--color-accent-bright);font-weight:600}.radius-figure{margin:1.25rem 0 0}.radius-panels{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start}.radius-panel{flex:1 1 300px;min-width:0;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1rem 1rem .75rem}.radius-svg{display:block;width:100%;height:auto;font-family:var(--font-body)}.radius-panel:first-child .radius-svg{max-width:300px;margin:0 auto}.radius-panel-cap{margin:.5rem 0 0;font-size:.82rem;line-height:1.45;color:var(--color-text-secondary)}.radius-figcap{margin:.9rem 0 0;font-size:.85rem;line-height:1.55;color:var(--color-text-secondary)}.rad-circle{fill:none;stroke:var(--color-accent);stroke-width:1.5;opacity:.72}.rad-circle--emph{stroke-width:2.5;opacity:1}.rad-tangent{fill:var(--color-accent)}.rad-slice{fill:color-mix(in srgb,var(--color-accent) 16%,transparent)}.rad-base,.rad-tick{stroke:var(--color-border-strong);stroke-width:1.5}.rad-arc{fill:none;stroke:var(--color-accent);stroke-width:2;opacity:.8;stroke-linecap:round}.rad-arc--emph{stroke-width:3.25;opacity:1}.rad-leader{stroke:var(--color-border-strong);stroke-width:1}.rad-pill{fill:var(--color-bg-page);stroke:var(--color-border-strong);stroke-width:1}.rad-pill-text{fill:var(--color-text-primary);font-size:12px;font-weight:600}.rad-note{fill:var(--color-text-secondary);font-size:11px}.rad-note--corner{font-style:italic}.chord-types-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.75rem}.chord-types-table{min-width:640px;text-align:center}.chord-types-table th,.chord-types-table td{text-align:center;vertical-align:top;border:1px solid var(--color-border-strong)}.chord-types-table thead th{background:var(--color-bg-surface)}.chord-types-th-name{display:block;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--color-text-primary)}.chord-types-th-formula{display:block;margin-top:.15rem;font-size:.72rem;font-weight:400;color:var(--color-text-secondary)}.chord-types-row-label,.chord-types-corner{text-align:left;white-space:nowrap;font-size:.82rem;color:var(--color-text-secondary)}.chord-types-cell{font-weight:600}.chord-types-note{display:block;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em;color:var(--color-text-primary)}.chord-types-deg{display:block;margin-top:.1rem;font-size:.7rem;font-weight:400;color:var(--color-text-secondary)}.chord-types-empty{color:var(--color-text-secondary);opacity:.55}.chord-types-cell.is-changed,.chord-types-cell.is-added{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-surface))}.chord-types-cell.is-changed .chord-types-note,.chord-types-cell.is-added .chord-types-note{color:var(--color-accent-bright)}.chord-types-tag{display:inline-block;margin-top:.25rem;padding:.05rem .4rem;border-radius:999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--color-accent);color:var(--color-text-primary)}.chord-types-note-line{font-size:.85rem;color:var(--color-text-secondary)}.chord-types-current{margin-top:.5rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--color-text-primary)}.chord-types-key{display:inline-block;padding:.02rem .35rem;border-radius:3px;font-weight:700;font-size:.85em}.chord-types-key.is-changed,.chord-types-key.is-added{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-surface));color:var(--color-accent-bright)}.note-triads{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.note-triad-card{background:color-mix(in srgb,var(--color-bg-page) 60%,var(--color-bg-surface));border:1px solid var(--color-border-strong);border-radius:8px;padding:1rem;text-align:center}.note-triad-card h4{font-family:var(--font-display);font-size:1.1rem;color:var(--color-accent-bright);text-transform:uppercase;margin:0 0 .5rem}.note-triad-formula{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .75rem}.note-triad-symbol-line{margin-top:.75rem}.note-triad-notes{display:flex;justify-content:center;gap:1rem}.note-triad-note{display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-primary)}.note-triad-note small{font-family:var(--font-body);font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;margin-top:.2rem}.note-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.note-tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;background:var(--color-accent-glow);color:var(--color-text-primary);font-family:var(--font-body);font-size:.8rem}.note-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.note-scale-category{font-family:var(--font-body)}.note-scale-category h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin:0 0 .4rem}.note-scale-category ul{list-style:none;padding:0;margin:0}.note-scale-category li{padding:.2rem 0}.note-scale-category a{color:var(--color-text-primary);text-decoration:none;font-size:.9rem}.note-scale-category a:hover{color:var(--color-accent-bright);text-decoration:underline}.theory-harmony-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:.75rem}.theory-harmony-col h4{font-family:var(--font-display);font-size:1rem;color:var(--color-accent);margin:0 0 .5rem}.theory-harmony-table{font-size:.85rem}.theory-tonic-p,.theory-tonic-footnote{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-secondary);margin:.5rem 0 0}.theory-tonic-footnote{margin-top:1rem;font-style:italic}.theory-prog-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:.5rem}.theory-progression-list{list-style:none;padding:0;margin:0;font-family:var(--font-body);font-size:.9rem}.theory-progression-list li{padding:.35rem 0;border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.theory-scale-category{margin-top:1rem}.theory-scale-block{padding:.85rem 0;border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));scroll-margin-top:5rem}.theory-scale-block:last-child{border-bottom:none}.theory-scale-block-title{font-family:var(--font-display);font-size:1.05rem;margin:0 0 .35rem;color:var(--color-text-primary)}.theory-scale-alias,.theory-scale-note{font-family:var(--font-body);font-weight:400;font-size:.85rem;color:var(--color-text-secondary)}.theory-scale-formula,.theory-scale-notes-line{font-family:var(--font-body);font-size:.88rem;margin:.25rem 0 0;color:var(--color-text-secondary)}.theory-scale-character{font-family:var(--font-body);font-size:.9rem;margin:0 0 .3rem;color:var(--color-text-primary)}.theory-tonic-index-card .note-index-triad{font-size:.8rem;text-transform:none;letter-spacing:normal}.capo-diagram-strip{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.capo-diagram{margin:0;text-align:center}.capo-diagram figcaption{margin-top:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.theory-key-group-heading{margin:1.5rem 0 .5rem;font-size:1.1rem;letter-spacing:.04em;color:var(--color-text-secondary)}.theory-key-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0}.theory-key-chip{display:inline-block;padding:.25rem .6rem;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .14));border-radius:999px;font-family:var(--font-display);font-size:.95rem;color:var(--color-accent-bright);text-decoration:none}.theory-key-chip:hover{border-color:var(--color-accent-bright)}.theory-key-table .theory-key-roman{font-family:var(--font-display);color:var(--color-accent)}.theory-key-quality{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary)}.theory-key-footnote{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);margin:.5rem 0 0}.theory-key-all-keys{margin-top:2rem}.theory-key-index-list{columns:2;column-gap:2rem}@media(max-width:640px){.theory-key-index-list{columns:1}}.note-instrument-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.note-instrument-group h3{font-family:var(--font-display);font-size:1.15rem;color:var(--color-accent);margin:0 0 .75rem}.note-instrument-group ul{list-style:none;padding:0;margin:0}.note-instrument-group li{margin-bottom:.75rem}.note-instrument-group li strong{display:block;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-primary);margin-bottom:.3rem}.note-instrument-links{display:flex;flex-wrap:wrap;gap:.4rem}.note-instrument-links a{display:inline-block;padding:.2rem .6rem;border-radius:4px;background:var(--color-accent-glow);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-body);font-size:.8rem;transition:background .2s}.note-instrument-links a:hover{background:var(--color-accent);color:#fff}.note-nav-prev-next{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-border-strong)}.note-nav-link{display:flex;flex-direction:column;text-decoration:none;padding:.75rem 1rem;border-radius:8px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);transition:border-color .2s}.note-nav-link:hover{border-color:var(--color-accent)}.note-nav-dir{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase}.note-nav-name{font-family:var(--font-display);font-size:1.3rem;color:var(--color-accent-bright)}.note-nav-index{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.9rem;align-items:center}.note-nav-index:hover{color:var(--color-accent-bright)}.note-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:2rem}.note-index-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;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}.note-index-card:hover{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.note-index-name{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-bright)}.note-index-triad{font-family:var(--font-body);font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:480px){.note-index-grid{grid-template-columns:repeat(2,1fr)}.note-triads{grid-template-columns:1fr 1fr}.note-nav-prev-next{flex-direction:column}.note-instrument-grid{grid-template-columns:1fr}}.ear-trainer-modes{border:1px solid var(--color-border-strong);border-radius:8px;padding:.6rem .9rem .8rem;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:1rem}.ear-trainer-modes legend{font-size:.85rem;color:var(--color-text-secondary);padding:0 .4rem}.ear-trainer-mode{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;color:var(--color-text-primary);cursor:pointer}.ear-trainer-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.ear-trainer-choice{font-size:.85rem;letter-spacing:.08em;padding:.6rem 1rem}.ear-trainer-choice:disabled{opacity:.55;cursor:default}.ear-trainer-choice.ear-trainer-choice-correct{border-color:#2e9e5b;color:#2e9e5b}.ear-trainer-choice.ear-trainer-choice-wrong{border-color:#d1495b;color:#d1495b}.ear-trainer-feedback{min-height:1.4em;margin:.75rem 0 1rem;font-size:.95rem;color:var(--color-text-primary)}.ear-trainer-feedback.ear-trainer-feedback-correct{color:#2e9e5b;font-weight:700}.ear-trainer-feedback.ear-trainer-feedback-wrong{color:#d1495b;font-weight:700}.ear-trainer-scoreboard{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem}.ear-trainer-stat{flex:1 1 5rem;text-align:center;padding:.6rem .5rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-page)}.ear-trainer-stat dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 .2rem}.ear-trainer-stat dd{margin:0;font-family:var(--font-display);font-size:1.5rem;color:var(--color-accent-bright)}.pb-root{display:flex;flex-direction:column;gap:1.5rem;margin-top:.75rem}#progression-builder.pb-root{min-height:60rem}@media(min-width:481px){#progression-builder.pb-root{min-height:44rem}}@media(min-width:768px){#progression-builder.pb-root{min-height:36rem}}@media(min-width:1025px){#progression-builder.pb-root{min-height:32rem}}.pb-loading{color:var(--color-text-secondary);font-style:italic;margin:0}.pb-header{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1rem 1.25rem}.pb-header-grid{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end}.pb-field{display:flex;flex-direction:column;gap:.35rem;min-width:12rem;flex:1 1 12rem}.pb-field-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-family:var(--font-display)}.pb-select{font-family:var(--font-body);font-size:.95rem;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary);width:100%;box-sizing:border-box}.pb-field-check{flex-direction:row;align-items:center;gap:.5rem;min-width:auto;flex:0 0 auto;cursor:pointer;padding-bottom:.4rem}.pb-check{width:1.05rem;height:1.05rem;accent-color:var(--color-accent);cursor:pointer;flex:0 0 auto}.pb-check-label{font-size:.9rem;color:var(--color-text-primary);white-space:nowrap}.pb-tuning-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.4rem .65rem;border-radius:6px;background:var(--color-bg-page);border:1px dashed var(--color-border-strong);font-size:.85rem;color:var(--color-text-secondary);flex:1 1 12rem;min-width:12rem;align-self:stretch}.pb-tuning-summary-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--color-accent);white-space:nowrap}.pb-tuning-summary-notes{font-family:ui-monospace,monospace;color:var(--color-text-primary);letter-spacing:.08em;font-size:.95rem;white-space:nowrap}.pb-key-summary{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--color-accent-bright);white-space:nowrap;margin-left:.25rem;padding-left:.5rem;border-left:1px solid var(--color-border-strong)}.pb-key-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--color-border-strong);font-family:var(--font-display);font-size:.78rem;letter-spacing:.04em;line-height:1;cursor:help;user-select:none;white-space:nowrap}.pb-key-glyph{position:relative;display:inline-block;font-size:.95rem;line-height:1}.pb-key-degree{font-weight:700;font-size:.85rem;letter-spacing:.06em}.pb-key-off-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.pb-key-badge--on{color:var(--color-accent-bright);background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--color-accent) 60%,transparent)}.pb-key-badge--off{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-text-secondary) 35%,transparent)}.pb-key-badge--off .pb-key-glyph:before,.pb-key-badge--off .pb-key-glyph:after{content:"";position:absolute;pointer-events:none;color:var(--color-accent)}.pb-key-badge--off .pb-key-glyph:before{inset:-3px;border:1.5px solid currentColor;border-radius:50%;color:var(--color-accent)}.pb-key-badge--off .pb-key-glyph:after{top:50%;left:-3px;right:-3px;height:1.5px;background:var(--color-accent);transform:rotate(-45deg);transform-origin:center}.pb-key-badge--col{margin-right:.25rem}.pb-key-badge--sugg{align-self:center;margin-top:-.2rem}.pb-sugg-card--off-key{border-style:dashed;opacity:.92}.pb-columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem;scroll-snap-type:x proximity}.pb-empty{grid-auto-flow:row;text-align:center;padding:2.5rem 1rem;border:2px dashed var(--color-border-strong);border-radius:10px;color:var(--color-text-secondary);font-size:.95rem;background:var(--color-bg-surface)}.pb-col{display:flex;flex-direction:column;gap:.65rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:.85rem .85rem .65rem;scroll-snap-align:start;position:relative}.pb-col-head{display:flex;align-items:center;gap:.5rem}.pb-col-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-accent);color:var(--color-bg-page);font-family:var(--font-display);font-size:.85rem;font-weight:700;flex-shrink:0}.pb-col-symbol{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em;color:var(--color-accent-bright);text-transform:uppercase;flex:1;text-decoration:none}a.pb-col-symbol:hover,a.pb-col-symbol:focus-visible{text-decoration:underline}.pb-col-remove{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-secondary);width:1.6rem;height:1.6rem;border-radius:50%;cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease}.pb-col-remove:hover,.pb-col-remove:focus-visible{color:var(--color-accent-bright);border-color:var(--color-accent);outline:none}.pb-col-dd{display:grid;grid-template-columns:minmax(3rem,auto) 1fr;grid-auto-rows:auto;gap:.4rem}.pb-select-note{grid-column:1}.pb-select-type{grid-column:2}.pb-select-voicing{grid-column:1 / -1}.pb-col-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:.25rem 0}.pb-col-stage .chord-chart.chord-chart-chordpic{--chord-cell-size: 30px;--chord-fret-col-size: 1.25rem;--chord-nut-height: 6px;padding:.5rem;border-width:1px;border-radius:4px}.pb-col-stage .chord-chart-string-label{font-size:.75rem}.pb-col-stage .chord-chart-nut-symbol{font-size:.95rem;height:1.1rem}.pb-col-stage .chord-chart-fret-num{font-size:.75rem}.pb-col-stage .chord-chart-dot{min-width:20px;min-height:20px}.pb-col-stage .chord-chart-dot-label{font-size:.78rem}.pb-no-chord{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:.5rem 0 0;text-align:center}.pb-cost-badge{position:relative;align-self:flex-end;margin-top:.4rem;margin-right:-.25rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.04em;background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border-strong);box-shadow:0 2px 6px var(--shadow-elevated);z-index:2}.pb-cost-badge--easy{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg-page));border-color:var(--color-accent);color:var(--color-accent-bright)}.pb-cost-badge--mid{background:color-mix(in srgb,var(--color-text-primary) 10%,var(--color-bg-page));border-color:var(--color-text-primary)}.pb-cost-badge--hard{background:color-mix(in srgb,var(--color-accent) 25%,var(--color-bg-page));border-color:var(--color-accent);color:var(--color-accent-bright);box-shadow:0 0 0 1px var(--color-accent),0 0 12px var(--color-accent-glow)}.pb-cost-badge--start{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.pb-cost-num{line-height:1}.pb-cost-info{background:transparent;border:1px solid currentColor;color:inherit;width:1.05rem;height:1.05rem;border-radius:50%;font-size:.7rem;font-style:italic;font-family:serif;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:help;padding:0;line-height:1}.pb-cost-info:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.pb-tooltip{position:absolute;bottom:calc(100% + .4rem);right:0;width:17rem;max-width:80vw;padding:.65rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;box-shadow:0 6px 18px var(--shadow-elevated);color:var(--color-text-primary);font-family:var(--font-body);font-weight:400;font-size:.78rem;line-height:1.45;letter-spacing:.01em;text-transform:none;opacity:0;visibility:hidden;transform:translateY(.25rem);transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;pointer-events:none;z-index:5}.pb-cost-badge:hover .pb-tooltip,.pb-cost-badge:focus-within .pb-tooltip,.pb-cost-badge--open .pb-tooltip{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;pointer-events:auto}.pb-help{position:relative;display:inline-block;vertical-align:baseline;margin-left:.15rem}.pb-help-trigger{display:inline-flex;align-items:center;gap:.3rem;padding:.05rem .45rem .05rem .35rem;background:transparent;border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:999px;color:var(--color-accent-bright);font-family:inherit;font-size:.78rem;line-height:1.4;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pb-help-trigger:hover,.pb-help-trigger:focus-visible{background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:var(--color-accent);outline:none}.pb-help-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-accent-bright);font-family:var(--font-display);font-size:.7rem;font-weight:700;line-height:1}.pb-help-label{text-decoration:underline dotted;text-underline-offset:.2em}.pb-help-pop{left:0;right:auto;width:19rem}.pb-help:hover .pb-help-pop,.pb-help:focus-within .pb-help-pop,.pb-help--open .pb-help-pop{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;pointer-events:auto}@media(max-width:600px){.pb-help-pop{width:88vw}}.pb-tooltip-heading{margin:0 0 .35rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;color:var(--color-accent-bright)}.pb-tooltip-lead{margin:0 0 .4rem;color:var(--color-text-secondary)}.pb-tooltip-list{margin:0 0 .4rem;padding-left:1rem;color:var(--color-text-primary)}.pb-tooltip-list li{margin:.1rem 0}.pb-tooltip-total{margin:0;color:var(--color-accent-bright);text-align:right;font-size:.85rem}.pb-col-reorder{display:flex;justify-content:space-between;gap:.35rem;margin-top:.25rem}.pb-col-arrow{flex:1;background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-secondary);border-radius:4px;cursor:pointer;padding:.25rem 0;font-size:.85rem;line-height:1;transition:color .15s ease,border-color .15s ease}.pb-col-arrow:hover:not(:disabled),.pb-col-arrow:focus-visible:not(:disabled){color:var(--color-accent-bright);border-color:var(--color-accent);outline:none}.pb-col-arrow:disabled{opacity:.4;cursor:not-allowed}.pb-suggestions{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1rem 1.25rem 1.25rem}.pb-sugg-head{margin-bottom:.75rem}.pb-sugg-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;color:var(--color-accent-bright);margin:0 0 .25rem}.pb-sugg-lead{color:var(--color-text-secondary);font-size:.85rem;margin:0}.pb-sugg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem;margin:.75rem 0 1rem}.pb-sugg-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .4rem .6rem;border-radius:8px;background:var(--color-bg-page);border:1px solid var(--color-border-strong);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;text-align:center;font-family:inherit}.pb-sugg-card:hover,.pb-sugg-card:focus-visible{border-color:var(--color-accent);transform:translateY(-1px);outline:none;box-shadow:0 4px 12px var(--shadow-elevated)}.pb-sugg-card.pb-cost-badge--easy{border-color:var(--color-accent)}.pb-sugg-card.pb-cost-badge--hard{opacity:.85}.pb-sugg-symbol{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;color:var(--color-accent-bright);text-transform:uppercase}.pb-sugg-cost{font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.pb-mini-chart.chord-chart.chord-chart-chordpic{--chord-cell-size: 22px;--chord-fret-col-size: 1rem;--chord-nut-height: 4px;padding:.35rem;border-width:1px;border-radius:4px}.pb-mini-chart .chord-chart-string-label{font-size:.6rem}.pb-mini-chart .chord-chart-nut-symbol{font-size:.7rem;height:.85rem}.pb-mini-chart .chord-chart-fret-num{font-size:.6rem}.pb-mini-chart .chord-chart-dot{min-width:14px;min-height:14px}.pb-sugg-custom{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:.65rem;border-top:1px dashed var(--color-border-strong)}.pb-sugg-custom-label{color:var(--color-text-secondary);font-size:.85rem;flex-basis:100%;margin-bottom:.25rem}.pb-starter{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pb-starter .pb-select{width:auto;min-width:6rem;flex:0 1 auto}.pb-starter .pb-select-degree{min-width:12rem;flex:1 1 14rem}.pb-starter .pb-select-degree:disabled{opacity:.55;cursor:not-allowed}.pb-starter .pb-select option.pb-opt-in-key,.pb-col-dd .pb-select option.pb-opt-in-key{color:var(--color-accent-bright);background-color:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-surface));font-weight:600}.pb-starter--in-key .pb-select-degree{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border-strong))}.pb-add-btn{white-space:nowrap}.pb-playback{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.pb-totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem}.pb-totals-line,.pb-symbols{margin:0;font-size:.95rem;color:var(--color-text-primary)}.pb-symbols{font-family:var(--font-body);word-break:break-word}.pb-actions{display:flex;flex-wrap:wrap;gap:.5rem}.pb-actions .btn:disabled{opacity:.5;cursor:not-allowed}.pb-share-summary{margin:0;font-size:1.05rem;font-family:var(--font-display);color:var(--color-text-secondary)}.pb-col--share{padding-bottom:.85rem}.pb-share-empty-msg{margin:0 0 1rem}@media(max-width:600px){.pb-columns{grid-auto-columns:80vw}.pb-tooltip{width:14rem;right:-.25rem}}.cof-main,.intervals-main{padding:2rem 0 4rem}.intervals-stack{display:flex;flex-direction:column;gap:1.5rem;max-width:920px;margin:0 auto 2rem}.intervals-stack .note-card{margin:0}.intervals-list{font-family:var(--font-body);color:var(--color-text-primary);line-height:1.6;margin:0 0 1rem 1.1rem;padding:0}.intervals-list li{margin-bottom:.5rem}.intervals-table-wrap{overflow-x:auto;margin-top:.5rem;-webkit-overflow-scrolling:touch}.intervals-table{min-width:280px}.intervals-explore-intro{margin-bottom:.5rem}.intervals-explore-links a{color:var(--color-accent-bright);text-decoration:none}.intervals-explore-links a:hover{text-decoration:underline}.cof-app{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}.cof-circle-wrap{flex:1 1 0;min-width:0;max-width:520px}.cof-svg{width:100%;height:auto;display:block}.cof-seg{cursor:pointer;transition:opacity .15s}.cof-seg-major{fill:var(--color-bg-surface);stroke:var(--color-border-strong);stroke-width:1.5}.cof-seg-minor{fill:color-mix(in srgb,var(--color-bg-surface) 60%,var(--color-bg-page));stroke:var(--color-border-strong);stroke-width:1}.cof-seg:hover{fill:color-mix(in srgb,var(--color-accent) 18%,var(--color-bg-surface))}.cof-seg:focus-visible{outline:none;fill:color-mix(in srgb,var(--color-accent) 22%,var(--color-bg-surface));stroke:var(--color-accent);stroke-width:2}.cof-seg-active{fill:color-mix(in srgb,var(--color-accent) 28%,var(--color-bg-surface));stroke:var(--color-accent);stroke-width:2}.cof-seg-active:hover{fill:color-mix(in srgb,var(--color-accent) 35%,var(--color-bg-surface))}.cof-ring-line{stroke:var(--color-border-strong);stroke-width:1.5}.cof-center{fill:var(--color-bg-page);stroke:var(--color-accent);stroke-width:2}.cof-center-fo{pointer-events:none;overflow:visible}.cof-center-html{width:100%;height:100%;margin:0;container-type:size;container-name:cof-hub;padding:4%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;font-family:var(--font-body);line-height:1.22}.cof-center-html-title{margin:0;font-size:clamp(.8rem,12cqmin,1.5rem);font-weight:700;letter-spacing:.05em;color:var(--color-accent-bright);line-height:1.1}.cof-center-html-line{margin:clamp(.15rem,2.5cqmin,.45rem) 0 0;font-size:clamp(.72rem,9cqmin,1.15rem);font-weight:600;color:var(--color-text-secondary);line-height:1.2}.cof-center-html-note{margin:clamp(.2rem,3cqmin,.55rem) 0 0;font-size:clamp(.65rem,7.5cqmin,1.02rem);font-weight:600;line-height:1.22;color:var(--color-text-secondary);max-width:100%}.cof-label{font-family:var(--font-display);fill:var(--color-text-primary);pointer-events:none}.cof-label-major{font-size:1.15rem;letter-spacing:.04em}.cof-label-minor{font-size:.8rem;fill:var(--color-text-secondary)}.cof-detail{flex:0 1 380px;min-width:260px;position:sticky;top:5rem}.cof-detail-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:1.25rem}.cof-detail-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);color:var(--color-accent-bright);letter-spacing:.04em;margin:0 0 .75rem}.cof-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:1rem}.cof-detail-item{display:flex;flex-direction:column;gap:.15rem}.cof-detail-label{font-family:var(--font-body);font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.cof-detail-value{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-primary)}.cof-detail-notes{font-size:.8rem;letter-spacing:.02em}.cof-detail-item-wide{grid-column:1 / -1}.cof-diatonic{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-strong)}.cof-diatonic-title{font-family:var(--font-body);font-size:.675rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 .5rem}.cof-diatonic-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.cof-diatonic-cell{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.cof-diatonic-numeral{font-family:var(--font-body);font-size:.6rem;font-weight:700;color:var(--color-text-secondary)}.cof-diatonic-chord{font-family:var(--font-body);font-size:clamp(.7rem,2vw,.875rem);font-weight:600;color:var(--color-accent-bright)}.cof-detail-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-strong)}.cof-detail-link{color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-body);font-size:.8rem;font-weight:600;transition:color .15s;min-height:44px;display:inline-flex;align-items:center}.cof-detail-link:hover,.cof-detail-link:focus-visible{color:var(--color-accent)}.cof-detail-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:860px){.cof-app{flex-direction:column;align-items:center}.cof-circle-wrap{max-width:540px}.cof-detail{flex:none;width:100%;max-width:540px;position:static}.cof-detail-card{padding:1.5rem}.cof-detail-title{font-size:clamp(1.5rem,4vw,2rem)}.cof-detail-grid{gap:1rem}.cof-detail-label{font-size:.75rem}.cof-detail-value{font-size:1rem}.cof-detail-notes{font-size:.95rem}.cof-diatonic-title{font-size:.8rem;margin-bottom:.75rem}.cof-diatonic-row{gap:.5rem}.cof-diatonic-numeral{font-size:.7rem}.cof-diatonic-chord{font-size:clamp(.8rem,2.2vw,1rem)}}@media(max-width:480px){.cof-detail-grid{grid-template-columns:1fr}.cof-detail-card{padding:1.25rem}.cof-diatonic-row{gap:.25rem}.cof-label-major{font-size:.95rem}.cof-label-minor{font-size:.65rem}}.theory-modes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theory-mode-index-card{align-items:flex-start;gap:.4rem;padding:1.25rem 1.25rem 1.5rem}.mode-index-degree{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.theory-mode-index-card .note-index-name{font-size:1.6rem;text-align:left}.mode-index-alias{font-family:var(--font-body);font-size:.8rem;color:var(--color-accent);font-weight:600}.theory-mode-index-card .note-index-triad{font-size:.8rem;text-transform:none;letter-spacing:normal;text-align:left;line-height:1.4}.mode-progression-list{list-style:none;padding:0;margin:0}.mode-progression-list li{padding:.6rem 0;border-bottom:1px solid var(--color-border-strong);font-family:var(--font-body);font-size:.9rem;display:flex;flex-wrap:wrap;gap:0 .5rem;align-items:baseline}.mode-progression-list li:last-child{border-bottom:none}.mode-prog-example{color:var(--color-accent-bright);font-weight:600}.mode-prog-label{color:var(--color-text-secondary);font-size:.85rem}.theory-roots-table{width:100%;font-size:.8rem;border-collapse:collapse;margin-top:1rem;overflow-x:auto;display:block}.theory-roots-table th,.theory-roots-table td{padding:.35rem .5rem;border:1px solid var(--color-border-strong);text-align:center;white-space:nowrap}.theory-roots-table th{font-family:var(--font-display);color:var(--color-accent);background:var(--color-bg-surface);font-size:.85rem}.theory-roots-note{text-align:left;font-family:var(--font-body);font-weight:600;white-space:nowrap}.theory-roots-note a{color:var(--color-accent-bright);text-decoration:none}.theory-roots-note a:hover{text-decoration:underline}.sb-root{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}#solo-builder.sb-root{min-height:82rem}@media(min-width:481px){#solo-builder.sb-root{min-height:71rem}}@media(min-width:768px){#solo-builder.sb-root{min-height:66rem}}@media(min-width:1025px){#solo-builder.sb-root{min-height:62rem}}#bass-solo-builder.sb-root{min-height:76rem}@media(min-width:481px){#bass-solo-builder.sb-root{min-height:66rem}}@media(min-width:768px){#bass-solo-builder.sb-root{min-height:59rem}}@media(min-width:1025px){#bass-solo-builder.sb-root{min-height:56rem}}.sb-loading{color:var(--color-text-secondary);font-style:italic}.sb-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem 1rem}.sb-field{display:flex;flex-direction:column;gap:.25rem}.sb-field-toggle{flex-direction:row;align-items:center;gap:.5rem}.sb-field-action{justify-content:end}.sb-field-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.sb-select,.sb-input{background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:4px;padding:.4rem .55rem;font:inherit}.sb-scale-notes{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.75rem 1rem}.sb-scale-notes-title{margin:0 0 .5rem;font-size:.95rem;color:var(--color-text-primary);letter-spacing:.02em;text-align:center}.sb-scale-notes-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.sb-scale-note{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.6rem;padding:.3rem .5rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg-page)}.sb-scale-note-root{background:var(--color-accent-fill);border-color:var(--color-accent-bright)}.sb-scale-note-degree{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.04em}.sb-scale-note-root .sb-scale-note-degree{color:var(--color-text-on-accent);opacity:.85}.sb-scale-note-name{font-size:1rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display, "Bebas Neue", sans-serif);letter-spacing:.04em}.sb-scale-note-root .sb-scale-note-name{color:var(--color-text-on-accent)}.sb-scale-notes-centered{text-align:center}.sb-scale-notes-centered .sb-scale-notes-list{justify-content:center}.sb-fretboard-wrap{overflow-x:auto;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.75rem .5rem}.sb-fretboard{display:flex;flex-direction:column;gap:2px;min-width:720px}.sb-fret-row{display:grid;grid-template-columns:2.25rem repeat(var(--sb-frets),minmax(2rem,1fr));align-items:stretch;gap:0}.sb-string-name{font-family:var(--font-mono, monospace);font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-right:2px solid var(--color-border-strong)}.sb-string-name.sb-empty{border-right:none}.sb-fret{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-right:1px solid var(--color-border-strong);height:2.4rem;cursor:pointer;padding:0;font:inherit;color:inherit}.sb-fret:before{content:"";position:absolute;inset:0;border-top:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);pointer-events:none}.sb-fret-open{border-right:3px double var(--color-text-primary)}.sb-fret-marker{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.sb-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}.sb-fret-marker-between:after{top:100%}.sb-fret-dot{position:relative;z-index:1;width:1.7rem;height:1.7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;background:transparent;color:transparent;transition:transform .08s ease}.sb-fret-in-scale .sb-fret-dot{background:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-text-primary)}.sb-fret-root .sb-fret-dot{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.sb-fret-played .sb-fret-dot{outline:2px solid var(--color-text-primary);outline-offset:1px}.sb-fret-highlight .sb-fret-dot{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 50%,transparent)}.sb-fret:hover .sb-fret-dot{transform:scale(1.1)}.sb-fret:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sb-fret-labels{display:grid;grid-template-columns:2.25rem repeat(var(--sb-frets, 16),minmax(2rem,1fr));margin-top:4px}.sb-fret-num{text-align:center;font-size:.72rem;color:var(--color-text-secondary)}.sb-timeline{display:flex;flex-direction:column;gap:.5rem}.sb-timeline-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.sb-timeline-title{font-size:1.05rem;margin:0}.sb-timeline-empty{color:var(--color-text-secondary);font-style:italic;margin:0}.sb-note-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.sb-note{display:flex;align-items:stretch;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg-surface);overflow:hidden}.sb-note-selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.sb-note-main{display:flex;flex-direction:column;align-items:flex-start;padding:.4rem .65rem;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.sb-note-name{font-weight:700;font-size:1rem}.sb-note-pos{font-size:.75rem;color:var(--color-text-secondary)}.sb-note-remove{background:transparent;border:0;border-left:1px solid var(--color-border-strong);padding:0 .5rem;cursor:pointer;font-size:1rem;color:var(--color-text-secondary)}.sb-note-remove:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-text-primary)}.sb-generator{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1rem}.sb-generator-title{margin:0 0 .25rem;font-size:1.05rem}.sb-generator-desc{color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.9rem}.sb-generator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;align-items:end}.sb-btn{font:inherit;border-radius:4px;border:1px solid var(--color-border-strong);padding:.45rem .85rem;cursor:pointer;background:var(--color-bg-surface);color:var(--color-text-primary)}.sb-btn-primary{background:var(--color-accent-fill);color:var(--color-text-on-accent);border-color:var(--color-accent)}.sb-btn-primary:hover{filter:brightness(1.05)}.sb-btn-secondary{background:transparent}.sb-btn:disabled{opacity:.5;cursor:not-allowed}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.challenge-card.is-complete{border-color:var(--color-accent)}.challenge-title{display:flex;align-items:center;gap:.5rem;margin-top:0}.challenge-icon{font-size:1.4em}.challenge-status{margin-bottom:.4rem}.challenge-best{font-size:.85em;color:var(--color-text-secondary);margin-top:.35rem}.challenge-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:22rem}.challenge-cell{aspect-ratio:1;border-radius:3px;background:var(--surface-muted-overlay);border:1px solid var(--color-border-strong)}.challenge-cell.is-filled{background:var(--color-accent);border-color:var(--color-accent)}.challenge-cell.is-today{outline:2px solid var(--color-text-primary);outline-offset:1px}.challenge-actions{margin-top:.75rem;margin-bottom:0}.practice-calendar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.75rem;font-size:.95em}.practice-calendar-label{color:var(--color-text-secondary)}.practice-calendar input[type=time],.practice-calendar select{font:inherit;padding:.25rem .4rem;border-radius:4px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary)}.tb-form{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1rem}.tb-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9em}.tb-field input[type=color]{width:4.5rem;height:2.5rem;padding:2px;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-surface);cursor:pointer}.tb-contrast{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.3rem}.tb-pass{color:var(--color-text-secondary)}.tb-fail{color:var(--color-accent);font-weight:700}.tb-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tb-note{font-size:.85em;color:var(--color-text-secondary);margin-top:.75rem}.container-max{max-width:none;padding:0 1.5rem}.tools-grid-full{grid-template-columns:minmax(0,1fr)}.note-block code{overflow-wrap:anywhere}.tf-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.tf-bpm{width:5rem;font:inherit;padding:.35rem .5rem;border-radius:4px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary)}.tf-scroll{overflow-x:auto;margin-bottom:1rem}.tf-svg-wrap{margin-bottom:1rem}.tf-grid{border-collapse:collapse}.tf-grid th{font-family:Courier New,monospace;padding-right:.5rem;text-align:right}.tf-grid td{padding:1px}.tf-cell{width:2.4rem;box-sizing:border-box;height:2.4rem;text-align:center;font-family:Courier New,monospace;font-size:.95rem;border:1px solid var(--color-border-strong);border-radius:3px;background:var(--color-bg-surface);color:var(--color-text-primary)}.tf-cell:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.tf-ascii{width:100%;font-family:Courier New,monospace;font-size:.9rem;white-space:pre;overflow-x:auto;padding:.6rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-surface);color:var(--color-text-primary);margin-bottom:.75rem}.tf-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tf-note{font-size:.85em;color:var(--color-text-secondary);margin-top:.75rem}.tf-dropzone{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:1.25rem;margin-bottom:.75rem;border:2px dashed var(--color-border-strong);border-radius:8px;background:var(--color-bg-surface);text-align:center}.tf-dropzone.is-drag{border-color:var(--color-accent);background:var(--color-bg-elevated, var(--color-bg-surface))}.tf-dropzone-text{color:var(--color-text-secondary)}.sb-image-dialog{border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);padding:.75rem;max-width:min(92vw,1100px)}.sb-image-dialog::backdrop{background:#0009}.sb-image-dialog img{display:block;max-width:100%;height:auto;border-radius:4px}.sb-image-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.sb-image-dialog-actions .sb-btn{text-decoration:none;display:inline-block}.sb-playback{display:flex;flex-wrap:wrap;gap:.5rem}.printables-page .printable-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.85rem 1.25rem;margin-bottom:1.5rem}.printables-page .printable-instrument-picker,.printables-page .printable-option{display:flex;flex-direction:column;gap:.3rem}.printables-page .printable-instrument-picker label,.printables-page .printable-option label{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.printables-page .printable-options{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:flex-end}.printables-page .printable-intro{max-width:62ch;margin:0 0 1.25rem;color:var(--color-text-secondary);line-height:1.55}.printables-page .printable-placeholder{margin:0;padding:2rem 0;color:var(--color-text-secondary);font-style:italic}.printables-page .printable-fretboard{margin:0 0 1.5rem}.printables-page .printable-fretboard:last-child{margin-bottom:0}.printables-page .printable-tab-svg{display:block;width:100%;height:auto;color:var(--color-text-primary)}@page{margin:12mm}@media print{html,body,html[data-theme],html[data-theme] body{background:#fff!important;color:#000!important}.site-header,.site-footer,.header-tools,.nav-toggle,.theme-picker,.instrument-chip-host,.skip-link,.chords-nav-wrap,.tools-toc,.print-handout-slot,.print-handout-bar,.sw-heading-anchor{display:none!important}main .sw-anchor-heading{padding-inline-start:0!important;margin-inline-start:0!important}main,#main-content{max-width:none!important;padding:0!important}.note-picker,.chord-type-picker,.chord-single-nav{display:none!important}.chord-chart-chordpic,.chord-preview-card,.scale-fretboard-wrap,.scale-fretboard,.scale-position-card,.tab-diagram,.prog-card,.prog-table-wrap,.tools-panel,.cof-circle-wrap,.cof-detail-card,.cof-detail,.lick-card,.lick-detail-header{break-inside:avoid;page-break-inside:avoid}.chord-chart-chordpic,.scale-fretboard,.tab-diagram,.cof-svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}.chord-chart-chordpic,.scale-fretboard{border:1px solid #ccc!important}.tab-diagram{border:1px solid #ddd!important;padding:.35rem!important}a{color:#000!important;text-decoration:underline}.btn{border:1px solid #333!important;color:#000!important;background:#f0f0f0!important}.printable-sheet{max-width:100%;margin:0 auto;padding:0!important;background:#fff!important;color:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.printable-controls,.no-print{display:none!important}.printable-page{break-before:page;page-break-before:always}.printable-page:first-child{break-before:auto;page-break-before:auto}.printable-card,.printable-sheet svg{break-inside:avoid;page-break-inside:avoid}.printables-page .note-breadcrumb,.printables-page .note-description{display:none!important}.printable-sheet .scale-fretboard{--color-bg-page: #fff;--color-border-strong: #333;--color-text-secondary: #333;--color-text-primary: #000;--scale-row-h: 2.1rem;background:#fff!important;border:0!important}.printable-sheet .scale-fretboard-wrap{overflow:visible!important;padding:0!important;margin:0 0 .6rem!important}.printable-sheet .printable-fretboard{break-inside:avoid;page-break-inside:avoid}.printable-sheet .printable-tab-svg{color:#000!important;width:100%;height:auto}}.prog-builder-cta{display:inline-block;margin-top:1rem}body.capo-active .scale-fretboard .scale-fret-nut{border-right:7px solid var(--color-accent);border-radius:0 3px 3px 0}body.capo-active .scale-fretboard.scale-fretboard-vertical .scale-fret-nut{border-right:none;border-bottom:7px solid var(--color-accent);border-radius:0 0 3px 3px}body.capo-active .scale-fretboard.scale-fretboard-lefty:not(.scale-fretboard-vertical) .scale-fret-nut{border-right:none;border-left:7px solid var(--color-accent);border-radius:3px 0 0 3px}body.capo-active .chord-chart-nut-bar{height:calc(var(--chord-nut-height) + 3px);background:var(--color-accent);border-radius:999px}.pb-bassline-heading{margin:0;font-size:1.1rem}.pb-bassline-tab{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:.85rem 1rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.9rem;line-height:1.6;overflow-x:auto;white-space:pre;color:var(--color-text-primary)}[data-tool-reference] .tool-display{text-align:center}[data-tool-reference] .ref-tone-note-row{display:flex;align-items:baseline;justify-content:center;min-height:4.6rem;line-height:1}[data-tool-reference] .ref-tone-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}[data-tool-reference] .tool-display.is-live .ref-tone-oct{color:var(--color-text-primary);text-shadow:0 0 18px color-mix(in srgb,var(--color-accent-bright) 40%,transparent)}[data-tool-reference] .tool-display.is-drone{animation:ref-tone-pulse 2.2s ease-in-out infinite}@keyframes ref-tone-pulse{0%,to{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 14px color-mix(in srgb,var(--color-accent-bright) 22%,transparent)}50%{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 26px color-mix(in srgb,var(--color-accent-bright) 45%,transparent)}}[data-tool-reference] .ref-tone-notes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}[data-tool-reference] .ref-tone-notes .btn{min-width:3.2rem;padding:.55rem .6rem;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){[data-tool-reference] .tool-display.is-drone{animation:none}}.key-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;min-height:1.6rem}.key-chip{font-family:ui-monospace,monospace;font-size:.85rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary)}.key-chip--invalid{color:var(--color-text-muted);border-style:dashed;text-decoration:line-through;opacity:.75}.key-display{--key-error: color-mix(in srgb, #ef4444 78%, var(--color-text-primary) 22%);text-align:center}.key-display-label{display:block;font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.35rem}.key-display .tool-big{display:block;min-height:2.6rem;font-size:clamp(2rem,8vw,3.2rem);word-break:break-word}.key-display-sub{min-height:1.2em;margin:.35rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.key-display.is-error{border-color:color-mix(in srgb,var(--key-error) 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 18px color-mix(in srgb,var(--key-error) 25%,transparent)}.key-display.is-error .tool-big{color:var(--key-error);text-shadow:0 0 16px color-mix(in srgb,var(--key-error) 45%,transparent)}.key-meter{height:auto;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.4rem}.key-meter:empty{display:none}.key-meter-row{display:grid;grid-template-columns:2.4rem 1fr 2rem;align-items:center;gap:.5rem}.key-meter-label{font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;color:#cbd5e1}.key-meter-track{position:relative;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.key-meter-fill{display:block;height:100%;border-radius:999px;background:var(--color-accent);transition:width .25s ease}.key-meter-row.is-top .key-meter-fill{background:var(--tuner-good)}.key-meter-score{font-family:ui-monospace,monospace;font-size:.75rem;color:#94a3b8;text-align:right}@media(prefers-reduced-motion:reduce){.key-meter-fill{transition:none}}.diatonic-display{text-align:center}.diatonic-display-label{display:block;font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .4rem}.diatonic-display-label--sevenths{margin-top:1rem}.diatonic-ladder{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem .3rem}.diatonic-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.6rem .25rem;border-radius:8px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-bg-page) 88%,transparent);cursor:pointer;font-family:inherit;transition:box-shadow .2s ease,border-color .2s ease,transform .1s ease}.diatonic-cell:hover,.diatonic-cell:focus-visible{border-color:var(--color-accent-bright);transform:translateY(-1px)}.diatonic-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.diatonic-cell:active{transform:translateY(0)}.diatonic-cell-roman{font-family:var(--font-body);font-size:.7rem;font-weight:700;color:var(--color-text-secondary)}.diatonic-cell-symbol{font-family:var(--font-display);font-size:clamp(.85rem,3vw,1.15rem);letter-spacing:.02em;white-space:nowrap;overflow-wrap:normal}.diatonic-cell--major .diatonic-cell-symbol{color:var(--color-accent-bright)}.diatonic-cell--minor .diatonic-cell-symbol{color:var(--color-text-primary)}.diatonic-cell--dim .diatonic-cell-symbol{color:var(--color-text-muted)}.diatonic-cell--tonic{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border-strong) 45%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.diatonic-ladder--sm .diatonic-cell{padding:.45rem .2rem}.diatonic-ladder--sm .diatonic-cell-symbol{font-size:clamp(.7rem,2.4vw,.9rem)}.diatonic-cell.is-playing{border-color:color-mix(in srgb,var(--tuner-good) 55%,var(--color-border-strong) 45%);box-shadow:0 0 16px color-mix(in srgb,var(--tuner-good) 45%,transparent)}.diatonic-display.is-key-change .diatonic-ladder{animation:diatonic-key-change .35s ease}@keyframes diatonic-key-change{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.diatonic-cell{transition:none}.diatonic-display.is-key-change .diatonic-ladder{animation:none}}@media(max-width:480px){.diatonic-ladder{grid-template-columns:repeat(4,minmax(0,1fr))}}.chord-finder-display-notes{margin:0 0 .35rem;text-align:center;font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.02em}.chord-finder-display-name{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.5rem;min-height:4.2rem;text-align:center}.chord-finder-display-quality{font-size:.48em;opacity:.85}.chord-finder-diagram-wrap{display:flex;justify-content:center;margin-top:.85rem}.chord-finder-diagram.chord-chart.chord-chart-chordpic{--chord-cell-size: clamp(20px, 6.5vw, 30px);--chord-fret-col-size: 1rem;--chord-nut-height: 5px;padding:.5rem .6rem;border-width:1px}.chord-finder-diagram.chord-chart .chord-chart-string-label{font-size:.65rem}.chord-finder-diagram.chord-chart .chord-chart-fret-num{font-size:.6rem}.chord-finder-result-list{align-items:flex-start}.chord-finder-result-item{animation:chord-finder-card-in .3s ease both}.chord-finder-result-tag{padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.chord-finder-result-item--top{--chord-finder-good: color-mix(in srgb, #22c55e 78%, var(--color-text-primary) 22%);flex:1 1 100%;gap:.7rem;padding:.6rem 1.1rem;border:2px solid color-mix(in srgb,var(--chord-finder-good) 55%,var(--color-border-strong) 45%);box-shadow:0 0 18px color-mix(in srgb,var(--chord-finder-good) 30%,transparent)}.chord-finder-result-item--top .chord-finder-result-name{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.03em}.chord-finder-result-item--top .chord-finder-result-tag{background:color-mix(in srgb,var(--chord-finder-good) 20%,transparent)}@keyframes chord-finder-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chord-finder-result-item{animation:none}}@media(max-width:600px){.chord-finder-diagram.chord-chart.chord-chart-chordpic{--chord-cell-size: clamp(16px, 8vw, 24px);--chord-fret-col-size: .85rem}}.ear-riddle{display:grid;gap:.9rem;justify-items:start}.ear-riddle-meta{margin:0}.ear-riddle-choices{display:flex;flex-wrap:wrap;gap:.5rem}.ear-riddle-choice{padding:.45rem .7rem;font-size:.85rem}.ear-riddle-choice.is-wrong{opacity:.45;text-decoration:line-through}.ear-riddle-choice.is-correct{border-color:var(--color-accent);color:var(--color-accent-bright)}.ear-riddle-feedback{min-height:1.4rem;margin:0}.ear-riddle-result{display:grid;gap:.5rem;justify-items:start}.ear-trainer-display{--ear-bad: color-mix(in srgb, #ef4444 78%, var(--color-text-primary) 22%);text-align:center}.ear-trainer-display-label{display:block;font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.35rem}.ear-trainer-display .tool-big{display:block;min-height:2.6rem;font-size:clamp(1.5rem,6vw,2.35rem);line-height:1.15;word-break:break-word;color:var(--color-text-muted);opacity:.55;transition:opacity .15s ease,color .15s ease,text-shadow .15s ease}.ear-trainer-display.is-playing .tool-big{opacity:1;color:var(--tuner-live);animation:ear-pulse 1.1s ease-in-out infinite}.ear-trainer-display.is-success .tool-big,.ear-trainer-display.is-wrong .tool-big{opacity:1}.ear-trainer-display.is-wrong .tool-big{color:var(--ear-bad);text-shadow:0 0 18px color-mix(in srgb,var(--ear-bad) 55%,transparent)}.ear-trainer-lcd{display:flex;align-items:center;justify-content:center;margin-top:.6rem}.ear-trainer-dots{display:flex;gap:.5rem}.ear-trainer-dot{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent);transition:background-color .2s ease,box-shadow .2s ease}.ear-trainer-display.is-playing .ear-trainer-dot{background:var(--tuner-live);box-shadow:0 0 8px color-mix(in srgb,var(--tuner-live) 70%,transparent);animation:ear-dot-bounce .9s ease-in-out infinite}.ear-trainer-display.is-playing .ear-trainer-dot:nth-child(2){animation-delay:.15s}.ear-trainer-display.is-playing .ear-trainer-dot:nth-child(3){animation-delay:.3s}.ear-trainer-display.is-success .ear-trainer-dot{background:var(--tuner-good);box-shadow:0 0 8px color-mix(in srgb,var(--tuner-good) 70%,transparent)}.ear-trainer-display.is-wrong .ear-trainer-dot{background:var(--ear-bad);box-shadow:0 0 8px color-mix(in srgb,var(--ear-bad) 70%,transparent)}.ear-trainer-readout{min-height:1.1rem}.ear-trainer-display.is-wrong .ear-trainer-readout{color:color-mix(in srgb,var(--ear-bad) 70%,var(--color-text-secondary) 30%)}.ear-trainer-display.is-wrong{border-color:color-mix(in srgb,var(--ear-bad) 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(--ear-bad) 30%,transparent);animation:ear-shake .4s ease}@keyframes ear-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes ear-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes ear-dot-bounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-4px);opacity:1}}.ear-trainer-scoreboard{--ear-good: color-mix(in srgb, #22c55e 78%, var(--color-text-primary) 22%)}.ear-trainer-stat dd{transition:color .2s ease,text-shadow .2s ease}.ear-trainer-stat.is-pop dd{animation:ear-stat-pop .4s ease}.ear-trainer-stat.is-milestone dd{color:var(--ear-good);text-shadow:0 0 14px color-mix(in srgb,var(--ear-good) 55%,transparent)}@keyframes ear-stat-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ear-trainer-display.is-playing .tool-big,.ear-trainer-display.is-playing .ear-trainer-dot,.ear-trainer-display.is-wrong,.ear-trainer-stat.is-pop dd{animation:none}}.pb-strip{margin:0}.pb-strip-idle{margin:0;text-align:center;font-family:var(--font-display);font-size:clamp(1.05rem,3vw,1.3rem);letter-spacing:.02em;line-height:1.4;color:var(--color-text-muted);opacity:.75}.pb-strip-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .4rem;margin:0 0 .5rem;padding:0}.pb-strip-chip{display:inline-block;font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.7rem);letter-spacing:.03em;text-transform:uppercase;padding:.1rem .55rem;border-radius:8px;border:1px solid transparent;color:var(--color-text-primary);transition:color .15s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pb-strip-arrow{color:var(--color-text-muted);font-size:1rem;opacity:.55}.pb-strip-chip.is-active{color:var(--color-accent-bright);background:color-mix(in srgb,var(--color-accent-bright) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent-bright) 55%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--color-accent-bright) 45%,transparent)}.pb-strip-readout{justify-content:center}.pb-strip-cost-num{font-weight:700}.pb-strip-cost--easy{color:var(--color-accent-bright)}.pb-strip-cost--mid{color:var(--color-text-primary)}.pb-strip-cost--hard{color:var(--color-accent-bright);text-shadow:0 0 10px var(--color-accent-glow)}.pb-col.is-playing{border-color:color-mix(in srgb,var(--color-accent-bright) 60%,var(--color-border-strong) 40%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-bright) 55%,transparent),0 0 22px color-mix(in srgb,var(--color-accent-bright) 40%,transparent)}@media(prefers-reduced-motion:reduce){.pb-strip-chip,.pb-col{transition:none}}.sob-phrase-panel{margin-top:1rem}.sob-phrase-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem}.sob-phrase-title{margin:0;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.03em;color:var(--color-accent-bright)}.sob-phrase-actions{display:flex;gap:.5rem}.sob-phrase-display{min-height:5.5rem;display:flex;align-items:center;justify-content:center}.sob-phrase-empty{margin:0;text-align:center;color:var(--color-text-muted);font-style:italic;opacity:.7}.sob-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.sob-chip{display:flex;align-items:stretch;border-radius:8px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-bg-page) 60%,var(--color-bg-surface) 40%);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.sob-chip.is-root{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border-strong) 40%)}.sob-chip.is-selected{box-shadow:0 0 0 2px var(--color-accent)}.sob-chip.is-playing{border-color:color-mix(in srgb,var(--tuner-good) 55%,var(--color-border-strong) 45%);box-shadow:0 0 16px color-mix(in srgb,var(--tuner-good) 40%,transparent)}.sob-chip-main{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.4rem .7rem;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.sob-chip-note{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.03em;line-height:1;color:var(--color-text-primary);transition:color .2s ease,text-shadow .2s ease}.sob-chip.is-root .sob-chip-note{color:color-mix(in srgb,var(--color-accent-bright) 85%,var(--color-text-primary) 15%)}.sob-chip.is-playing .sob-chip-note{color:var(--tuner-good);text-shadow:0 0 12px color-mix(in srgb,var(--tuner-good) 55%,transparent)}.sob-chip-sub{font-family:ui-monospace,monospace;font-size:.68rem;color:var(--color-text-secondary)}.sob-chip-remove{background:transparent;border:0;border-left:1px solid var(--color-border-strong);padding:0 .5rem;cursor:pointer;font-size:1rem;color:var(--color-text-secondary)}.sob-chip-remove:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-text-primary)}.sob-chip-enter{animation:sob-chip-fade-in .32s ease both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes sob-chip-fade-in{0%{opacity:0;transform:translateY(4px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-fret.sob-fret-generated .sb-fret-dot{animation:sob-fret-pulse .5s ease both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes sob-fret-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 55%,transparent)}45%{transform:scale(1.3);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 45%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.sb-fret.sob-fret-playing .sb-fret-dot{background:color-mix(in srgb,#22c55e 55%,transparent);color:var(--color-text-primary);box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 45%,transparent),0 0 14px color-mix(in srgb,#22c55e 55%,transparent);transform:scale(1.18)}.sob-phrase-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.sob-play-btn{font-size:1rem;padding:.55rem 1.1rem}.sob-repeat-field,.sob-step-field{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.sob-step-input{width:4rem}.sob-phrase-status{flex-basis:100%;margin:.25rem 0 0}@media(prefers-reduced-motion:reduce){.sob-chip-enter,.sb-fret.sob-fret-generated .sb-fret-dot{animation:none}.sob-chip{transition:none}}.bsb-scale-strip{max-width:720px;margin:0 auto;text-align:center}.bsb-scale-strip-title{margin:0 0 .6rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-secondary)}.bsb-scale-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.bsb-scale-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:3.2rem;padding:.4rem .7rem;font:inherit;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease}.bsb-scale-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,black 20%,transparent)}.bsb-scale-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.bsb-scale-chip.is-root{background:var(--color-accent-fill);border-color:var(--color-accent-bright);color:var(--color-text-on-accent)}.bsb-scale-chip-degree{font-size:.68rem;font-weight:700;letter-spacing:.04em;opacity:.8}.bsb-scale-chip-name{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em}.bsb-scale-chip.is-previewing{background:color-mix(in srgb,var(--color-accent) 35%,var(--color-bg-surface) 65%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 45%,transparent)}.bsb-phrase-panel{margin-top:1rem}.bsb-phrase-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem}.bsb-phrase-title{margin:0;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.03em;color:var(--color-accent-bright)}.bsb-phrase-actions{display:flex;gap:.5rem}.bsb-phrase-display{min-height:5.5rem;display:flex;align-items:center;justify-content:center}.bsb-phrase-empty{margin:0;text-align:center;color:var(--color-text-muted);font-style:italic;opacity:.7}.bsb-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.bsb-chip{display:flex;align-items:stretch;border-radius:8px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-bg-page) 60%,var(--color-bg-surface) 40%);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.bsb-chip.is-root{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border-strong) 40%)}.bsb-chip.is-selected{box-shadow:0 0 0 2px var(--color-accent)}.bsb-chip.is-playing{border-color:color-mix(in srgb,var(--tuner-good) 55%,var(--color-border-strong) 45%);box-shadow:0 0 16px color-mix(in srgb,var(--tuner-good) 40%,transparent)}.bsb-chip-main{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.4rem .7rem;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.bsb-chip-note{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.03em;line-height:1;color:var(--color-text-primary);transition:color .2s ease,text-shadow .2s ease}.bsb-chip.is-root .bsb-chip-note{color:color-mix(in srgb,var(--color-accent-bright) 85%,var(--color-text-primary) 15%)}.bsb-chip.is-playing .bsb-chip-note{color:var(--tuner-good);text-shadow:0 0 12px color-mix(in srgb,var(--tuner-good) 55%,transparent)}.bsb-chip-sub{font-family:ui-monospace,monospace;font-size:.68rem;color:var(--color-text-secondary)}.bsb-chip-remove{background:transparent;border:0;border-left:1px solid var(--color-border-strong);padding:0 .5rem;cursor:pointer;font-size:1rem;color:var(--color-text-secondary)}.bsb-chip-remove:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-text-primary)}.bsb-chip-enter{animation:bsb-chip-fade-in .32s ease both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes bsb-chip-fade-in{0%{opacity:0;transform:translateY(4px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-fret.bsb-fret-generated .sb-fret-dot{animation:bsb-fret-pulse .5s ease both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes bsb-fret-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 55%,transparent)}45%{transform:scale(1.3);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 45%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.sb-fret.bsb-fret-playing .sb-fret-dot{background:color-mix(in srgb,#22c55e 55%,transparent);color:var(--color-text-primary);box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 45%,transparent),0 0 14px color-mix(in srgb,#22c55e 55%,transparent);transform:scale(1.18)}.bsb-phrase-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.bsb-play-btn{font-size:1rem;padding:.55rem 1.1rem}.bsb-repeat-field,.bsb-step-field{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.bsb-step-input{width:4rem}.bsb-phrase-status{flex-basis:100%;margin:.25rem 0 0}@media(prefers-reduced-motion:reduce){.bsb-chip-enter,.sb-fret.bsb-fret-generated .sb-fret-dot{animation:none}.bsb-scale-chip,.bsb-chip{transition:none}}.bassline-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.bassline-chip{font-family:var(--font-display);font-size:.95rem;letter-spacing:.03em;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.bassline-chip:hover,.bassline-chip:focus-visible{border-color:var(--color-accent-bright);color:var(--color-accent-bright);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-bright) 25%,transparent)}.bassline-lcd{height:auto;min-height:58px;padding:.6rem}.bassline-grid{display:flex;flex-direction:column;gap:.5rem}.bassline-bar-row{display:flex;align-items:stretch;gap:.6rem;padding:.2rem .3rem;border-radius:6px;transition:background-color .2s ease}.bassline-bar-row.is-anchor-hover{background:#ffffff12}.bassline-bar-head{display:flex;flex-direction:column;justify-content:center;min-width:3.6rem;flex:0 0 auto}.bassline-bar-num{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary)}.bassline-bar-chord{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.03em;color:var(--tuner-live)}.bassline-cells{display:flex;flex:1 1 auto;gap:2px;min-width:0}.bassline-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:.3rem .15rem;border-radius:4px;background:#ffffff08;transition:background-color .12s ease,box-shadow .12s ease}.bassline-cell-note{font-family:var(--font-display);font-size:clamp(.8rem,3vw,1.15rem);color:#ffffff8c;line-height:1.1;transition:color .12s ease,text-shadow .12s ease}.bassline-cell-beat{font-family:ui-monospace,monospace;font-size:.6rem;color:#ffffff47;margin-top:.1rem}.bassline-cell.is-active{background:color-mix(in srgb,var(--tuner-live) 20%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--tuner-live) 55%,transparent)}.bassline-cell.is-active .bassline-cell-note{color:var(--tuner-live);text-shadow:0 0 10px color-mix(in srgb,var(--tuner-live) 70%,transparent)}.bassline-cell.is-active .bassline-cell-beat{color:color-mix(in srgb,var(--tuner-live) 70%,white 30%)}.bassline-tab-details{margin-top:.25rem}.bassline-tab-details summary{cursor:pointer;font-size:.85rem;color:var(--color-accent);user-select:none}.bassline-tab-details .pb-bassline-tab{margin-top:.6rem}.bassline-copy-btn{margin-top:.6rem;font-size:.8rem;padding:.35rem .75rem}.bassline-audio-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}@keyframes bassline-pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bassline-output{animation:bassline-pop-in .22s ease-out}@media(prefers-reduced-motion:reduce){.bassline-output{animation:none}.bassline-bar-row,.bassline-cell,.bassline-cell-note,.bassline-chip{transition:none}}#song-builder .songb-slots{position:relative}#song-builder .pb-columns{margin-bottom:0}#song-builder .songb-add-row{margin-top:.25rem}#song-builder .songb-slots.has-more:after{content:"";position:absolute;top:.5rem;bottom:1.5rem;right:0;width:2.5rem;background:linear-gradient(to right,transparent,var(--color-bg-page) 85%);pointer-events:none}#song-builder .pb-col-symbol{font-size:clamp(1.4rem,4vw,1.8rem);letter-spacing:.02em}#song-builder .pb-col{transition:border-color .5s ease,box-shadow .5s ease}#song-builder .pb-col.is-edited{border-color:color-mix(in srgb,var(--color-accent-bright) 65%,var(--color-border-strong) 35%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-bright) 45%,transparent)}.songb-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.songb-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem .25rem .3rem;border-radius:999px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-accent) 10%,transparent);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.songb-chip-num{width:1.3rem;height:1.3rem;font-size:.72rem}.songb-chip-symbol{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.03em;color:var(--color-text-primary);transition:color .15s ease}.songb-chip.is-active{border-color:color-mix(in srgb,var(--tuner-live) 55%,transparent);background:color-mix(in srgb,var(--tuner-live) 18%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--tuner-live) 45%,transparent)}.songb-chip.is-active .songb-chip-symbol{color:var(--tuner-live)}.songb-lcd{height:auto;min-height:58px;padding:.6rem}.songb-grid{display:flex;flex-direction:column;gap:.5rem}.songb-bar-row{display:flex;align-items:stretch;gap:.6rem;padding:.2rem .3rem;border-radius:6px}.songb-bar-head{display:flex;flex-direction:column;justify-content:center;min-width:3.6rem;flex:0 0 auto}.songb-bar-num{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary)}.songb-bar-chord{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.03em;color:var(--tuner-live)}.songb-cells{display:flex;flex:1 1 auto;gap:2px;min-width:0}.songb-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:.3rem .15rem;border-radius:4px;background:#ffffff08;transition:background-color .12s ease,box-shadow .12s ease}.songb-cell-note{font-family:var(--font-display);font-size:clamp(.8rem,3vw,1.15rem);color:#ffffff8c;line-height:1.1;transition:color .12s ease,text-shadow .12s ease}.songb-cell-beat{font-family:ui-monospace,monospace;font-size:.6rem;color:#ffffff47;margin-top:.1rem}.songb-cell.is-active{background:color-mix(in srgb,var(--tuner-live) 20%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--tuner-live) 55%,transparent)}.songb-cell.is-active .songb-cell-note{color:var(--tuner-live);text-shadow:0 0 10px color-mix(in srgb,var(--tuner-live) 70%,transparent)}.songb-cell.is-active .songb-cell-beat{color:color-mix(in srgb,var(--tuner-live) 70%,white 30%)}.songb-tab-details{margin-top:.25rem}.songb-tab-details summary{cursor:pointer;font-size:.85rem;color:var(--color-accent);user-select:none}.songb-tab-details .pb-bassline-tab{margin-top:.6rem}.songb-copy-btn{margin-top:.6rem;font-size:.8rem;padding:.35rem .75rem}.songb-audio-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}@media(prefers-reduced-motion:reduce){#song-builder .pb-col,.songb-bar-row,.songb-cell,.songb-cell-note,.songb-chip,.songb-chip-symbol{transition:none}}.cc-diagrams{display:flex;justify-content:center;gap:1.5rem;margin:.5rem 0 .25rem}.cc-diagram{display:flex;flex-direction:column;align-items:center;gap:.35rem}.cc-diagram-svg{width:92px;height:auto}.cc-diagram-name{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em;color:var(--color-text-primary)}.cc-diagram-nut{fill:var(--color-text-secondary)}.cc-diagram-fret,.cc-diagram-string{stroke:color-mix(in srgb,var(--color-text-secondary) 55%,transparent);stroke-width:1}.cc-diagram-open{fill:none;stroke:var(--color-text-secondary);stroke-width:1.4}.cc-diagram-mark{fill:var(--color-text-muted);font-family:var(--font-body);font-size:12px}.cc-diagram-dot{fill:var(--color-accent-bright)}.cc-display{text-align:center}.cc-count{display:block;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:.75rem}.cc-timer{display:flex;align-items:center;justify-content:center}.cc-timer-fill{position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(to right,color-mix(in srgb,var(--color-accent) 55%,transparent),color-mix(in srgb,var(--color-accent-bright) 70%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--color-accent-bright) 45%,transparent);transition:width .12s linear}.cc-display.is-success .cc-timer-fill{background:var(--tuner-good);box-shadow:0 0 16px color-mix(in srgb,var(--tuner-good) 55%,transparent)}.cc-timer-text{position:relative;font-family:ui-monospace,monospace;font-size:1.15rem;letter-spacing:.08em;color:#efe8dd;text-shadow:0 0 6px rgba(0,0,0,.7)}.cc-actions .cc-tap{min-width:9rem;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.05em}.cc-metro-field{margin-top:1rem}.cc-check{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.cc-check input{accent-color:var(--color-accent-bright)}.cc-metro-field input[type=number]{width:4.5rem}.dojo-strip-card{max-width:900px;margin:0 auto;padding:1rem 1.25rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:8px;background:var(--color-surface)}.dojo-strip-title{margin:0 0 .5rem;font-size:1.15rem}.dojo-strip-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.dojo-strip-heatmap-link{display:inline-flex;flex-direction:column;gap:.35rem;text-decoration:none}.dojo-strip-heatmap{display:grid;grid-auto-rows:9px;grid-template-columns:repeat(12,9px);gap:2px}.dojo-strip-heatmap .heatmap-cell{width:9px;height:9px;border-radius:2px}.dojo-strip-heatmap-caption{font-size:.8rem;color:var(--color-text-secondary)}.dojo-strip-heatmap-link:hover .dojo-strip-heatmap-caption,.dojo-strip-heatmap-link:focus-visible .dojo-strip-heatmap-caption{color:var(--color-accent)}.dojo-strip-item{display:flex;gap:.5rem;align-items:baseline}.dojo-strip-icon{flex:0 0 auto}.dojo-strip-comeback{padding:.35rem .5rem;border-left:3px solid var(--color-accent);border-radius:4px;background:var(--color-bg-elevated)}.dojo-strip-goal{align-items:center}.dojo-strip-goal-ring{--goal-percent: 0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--color-accent) calc(var(--goal-percent) * 1%),var(--color-border) 0)}.dojo-strip-goal-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-surface)}.dojo-strip-goal-ring-label{position:relative;z-index:1;font-size:.65rem;font-weight:600;color:var(--color-text)}.dojo-strip-goal-text{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.dojo-strip-goal-select{font-size:.8rem;padding:.15rem .4rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text)}.dojo-strip-ledger{align-items:center}.dojo-strip-ledger-ring{--ledger-percent: 0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--color-accent) calc(var(--ledger-percent) * 1%),var(--color-border) 0)}.dojo-strip-ledger-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-surface)}.dojo-strip-ledger-ring-label{position:relative;z-index:1;font-size:.6rem;font-weight:600;color:var(--color-text)}.dojo-strip-ledger-text{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.dojo-strip-teaser{color:var(--color-text-secondary)}.heatmap-scroll{overflow-x:auto;padding-bottom:.5rem}.heatmap-months{position:relative;height:1.2em;display:grid;grid-template-columns:repeat(var(--heatmap-weeks, 53),12px);gap:2px;font-size:.7rem;color:var(--color-text-secondary)}.heatmap-month{grid-column:var(--heatmap-col, 1);white-space:nowrap}.heatmap-grid{display:grid;grid-template-columns:repeat(var(--heatmap-weeks, 53),12px);grid-template-rows:repeat(7,12px);gap:2px}.heatmap-cell{width:12px;height:12px;border-radius:2px;background:var(--color-surface)}.heatmap-i1{background:color-mix(in srgb,var(--color-accent) 30%,var(--color-surface))}.heatmap-i2{background:color-mix(in srgb,var(--color-accent) 55%,var(--color-surface))}.heatmap-i3{background:color-mix(in srgb,var(--color-accent) 80%,var(--color-surface))}.heatmap-i4{background:var(--color-accent)}.heatmap-if{background:transparent}.practice-stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:0}.practice-stats-list dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.practice-stats-list dd{margin:0;font-size:1.15rem;font-weight:600}.riddle-app{max-width:720px}.riddle-pickers{margin:.75rem 0;display:grid;gap:.5rem}.riddle-notes,.riddle-qualities{display:flex;flex-wrap:wrap;gap:.35rem}.riddle-pick-btn{min-width:2.6em;padding:.35em .6em;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit}.riddle-pick-btn.is-picked{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent, #fff)}.riddle-rows{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.4rem}.riddle-row{display:flex;gap:.6rem;align-items:baseline;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.riddle-row-empty{color:var(--color-text-secondary);justify-content:center}.riddle-row-tiles{letter-spacing:.1em}.riddle-row-feedback{color:var(--color-text-secondary);font-size:.9rem}.rl-drop{display:block;padding:1.5rem 1rem;border:2px dashed var(--color-border);border-radius:8px;text-align:center;cursor:pointer;color:var(--color-text-secondary)}.rl-drop.is-drag{border-color:var(--color-accent);color:var(--color-text)}.rl-wave{display:block;width:100%;height:120px;margin-top:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);touch-action:none;cursor:crosshair}.rl-file-name{min-height:1.2em}.dojo-scroll{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dojo-scroll-import{cursor:pointer}.saved-backup-heading{margin:2rem 0 .25rem;font-size:1.1rem}.cc-challenge-banner{margin:.5rem 0;padding:.5rem .75rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:6px;background:var(--color-surface);font-size:.95rem}.cc-stats{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-strong)}.cc-stats-title{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;color:var(--color-accent-bright);margin:0 0 .75rem}.cc-stats-row{display:flex;gap:1rem;flex-wrap:wrap}.cc-stat{flex:1 1 4.5rem;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;border-radius:8px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-bg-page) 60%,var(--color-bg-surface))}.cc-stat-num{font-family:var(--font-display);font-size:1.8rem;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.cc-stat-label{margin-top:.25rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.cc-recent{display:flex;flex-wrap:wrap;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none}.cc-recent li{font-family:ui-monospace,monospace;font-size:.78rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.cc-recent li:first-child{border-color:color-mix(in srgb,var(--color-accent-bright) 55%,var(--color-border-strong));color:var(--color-text-primary)}.cc-faq{margin:.5rem 0 0}.cc-faq dt{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;color:var(--color-text-primary);margin-top:1rem}.cc-faq dd{margin:.35rem 0 0;color:var(--color-text-secondary);line-height:1.6}@media(prefers-reduced-motion:reduce){.cc-timer-fill{transition:none}}.capo-panel{grid-column:1 / -1;width:100%;max-width:640px;margin:0 auto}.capo-fields{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem;align-items:flex-end;margin:1rem 0}.capo-modes{border:none;margin:0;padding:0;min-width:0}.capo-modes legend{font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-bright);margin-bottom:.45rem;padding:0}.capo-mode-list{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.capo-mode-list label{display:inline-flex;align-items:center;gap:.35rem;font-size:.92rem;color:var(--color-text-primary);cursor:pointer}.capo-num{width:5.5rem;padding:.4rem .55rem;font-family:var(--font-body);font-size:.95rem;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary);box-sizing:border-box}.capo-display{--capo-good: color-mix(in srgb, #22c55e 78%, var(--color-text-primary) 22%);--capo-live: var(--color-accent-bright);position:relative;margin:1rem 0 1.5rem;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}.capo-display.is-success{border-color:color-mix(in srgb,var(--capo-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(--capo-good) 30%,transparent)}.capo-big{font-family:var(--font-display);font-size:clamp(2.2rem,7vw,3.2rem);letter-spacing:.04em;text-align:center;line-height:1;color:var(--color-text-muted);transition:color .2s ease,text-shadow .2s ease}.capo-display.is-live .capo-big{color:var(--color-text-primary);text-shadow:0 0 18px color-mix(in srgb,var(--capo-live) 40%,transparent)}.capo-display.is-success .capo-big{color:var(--capo-good);text-shadow:0 0 20px color-mix(in srgb,var(--capo-good) 55%,transparent)}.capo-lcd{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;min-height:3.4rem;margin-top:1rem;padding:.85rem .75rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-border-strong) 70%,transparent);background:#110f0d}.capo-chip{font-family:var(--font-display);font-size:clamp(1.3rem,4.5vw,1.9rem);letter-spacing:.03em;padding:.15rem .7rem;border-radius:7px;color:#d8d2c6;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);transition:color .2s ease,text-shadow .2s ease}.capo-display.is-live .capo-chip{color:#f2ede2}.capo-display.is-success .capo-chip{color:color-mix(in srgb,#22c55e 82%,white 18%);text-shadow:0 0 12px rgba(34,197,94,.45);border-color:#22c55e59}.capo-chip.is-error{color:#ffb4a6;background:#ff5a461f;border-color:#ff5a4666;text-decoration:line-through;text-decoration-color:#ff7864b3}.capo-lcd-empty{font-family:ui-monospace,monospace;font-size:.85rem;color:#6f6a60;letter-spacing:.05em}.capo-status{margin:.7rem 0 0;min-height:1.2em;text-align:center;font-size:.82rem;color:var(--color-text-secondary)}.capo-note{margin:.35rem 0 0;min-height:1em;text-align:center;font-size:.82rem;color:var(--color-text-muted)}.capo-subhead{margin:1.75rem 0 .25rem;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent-bright)}.capo-chart-wrap{overflow-x:auto}@media(prefers-reduced-motion:reduce){.capo-display,.capo-big,.capo-chip{transition:none}}.drum-machine-root{display:flex;flex-direction:column;gap:1rem}.dm-transport{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem .9rem}.dm-play{padding:.6rem 1.6rem}.dm-reset,.dm-clear{padding:.55rem 1rem;font-size:.8rem}.dm-field{display:flex;flex-direction:column;gap:.25rem}.dm-field-label{font-size:.8rem;color:var(--color-text-secondary)}.dm-select{font-family:var(--font-body);font-size:.95rem;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary)}.dm-sliders{display:flex;flex-wrap:wrap;gap:.75rem 2rem}.dm-slider{display:flex;flex-direction:column;gap:.3rem;flex:1 1 12rem;min-width:11rem}.dm-slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--color-text-secondary)}.dm-slider-value{font-family:ui-monospace,monospace;color:var(--color-text-primary)}.dm-slider input[type=range]{width:100%;margin:0;accent-color:var(--color-accent-bright);cursor:pointer}.dm-grid-wrap{overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.dm-grid{display:grid;grid-template-columns:minmax(3.6rem,auto) repeat(var(--dm-steps, 16),minmax(1.55rem,1fr));gap:.3rem;align-items:stretch;min-width:min-content}.dm-corner{min-width:3.6rem}.dm-step-num{text-align:center;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.2;color:var(--color-text-muted);min-height:1rem}.dm-step-num.is-beat{color:var(--color-text-secondary);font-weight:700}.dm-step-num.is-current{color:var(--color-accent-bright)}.dm-lane-label{display:flex;align-items:center;padding-right:.35rem;font-size:.8rem;letter-spacing:.01em;color:var(--color-text-secondary);white-space:nowrap}.dm-cell{aspect-ratio:1 / 1;min-height:1.55rem;padding:0;border:1px solid color-mix(in srgb,var(--color-border-strong) 80%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-text-muted) 14%,transparent);cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease,transform .09s ease}.dm-cell.is-beat{border-left:2px solid color-mix(in srgb,var(--color-accent) 45%,var(--color-border-strong) 55%)}.dm-cell:hover{background:color-mix(in srgb,var(--color-text-muted) 26%,transparent)}.dm-cell.is-on{background:var(--color-accent);border-color:var(--color-accent-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.dm-cell.is-on.is-ghost{background:color-mix(in srgb,var(--color-accent) 50%,transparent)}.dm-cell.is-current{box-shadow:0 0 0 2px var(--color-accent-bright),0 0 10px color-mix(in srgb,var(--color-accent-bright) 45%,transparent);transform:scale(1.04)}.dm-cell.is-on.is-current{box-shadow:0 0 0 2px var(--color-accent-bright),0 0 14px color-mix(in srgb,var(--color-accent-bright) 70%,transparent)}.dm-cell:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.dm-status{margin:0}@media(prefers-reduced-motion:reduce){.dm-cell{transition:none}.dm-cell.is-current{transform:none}}.practice-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.practice-stat{flex:1 1 160px;min-width:140px;display:flex;flex-direction:column;gap:.2rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.9rem 1.1rem}.practice-stat-value{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.03em;color:var(--color-accent-bright);line-height:1.1}.practice-stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.practice-stats-empty{width:100%;margin:0;padding:.9rem 1.1rem;background:var(--color-bg-surface);border:1px dashed var(--color-border-strong);border-radius:6px;color:var(--color-text-secondary)}.practice-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.75rem;padding:0}.practice-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;font-size:.85rem;color:var(--color-text-primary)}.practice-badge-icon{font-size:1.05rem;line-height:1}.practice-badge.is-earned{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow)}.practice-badge.is-locked{filter:grayscale(1)}.practice-badge.is-locked .practice-badge-icon{opacity:.5}.practice-section{margin:2.25rem 0}.practice-section-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .9rem}.practice-section-title{margin:0;font-family:var(--font-display);font-size:1.45rem;letter-spacing:.03em;color:var(--color-accent-bright)}.practice-section-count{font-size:.85rem;color:var(--color-text-secondary)}.practice-section-desc{margin:.35rem 0 1rem;color:var(--color-text-secondary);max-width:65ch}.practice-scheme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.practice-scheme-card{display:block;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1rem 1.15rem;text-decoration:none;color:var(--color-text-primary);transition:border-color .2s ease,transform .15s ease}.practice-scheme-card:hover,.practice-scheme-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.practice-scheme-card.is-done{border-color:var(--color-accent)}.practice-scheme-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.practice-scheme-name{margin:0;font-family:var(--font-body);font-size:1.05rem;font-weight:700}.practice-scheme-chords{margin:.5rem 0 .4rem;font-size:.95rem;color:var(--color-text-secondary)}.practice-scheme-meta{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.practice-done-check{color:var(--color-accent-bright);font-weight:700}.practice-how{margin:2.5rem 0 1rem;max-width:75ch}.practice-scheme-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 .75rem;color:var(--color-text-secondary)}.practice-tips{margin:.75rem 0 1.5rem}.practice-tips h2{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.03em;margin:0 0 .4rem;color:var(--color-accent-bright)}.practice-tips ul{margin:0;padding-left:1.25rem;color:var(--color-text-secondary);max-width:70ch}.practice-tips li{margin:.25rem 0}.practice-player{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1.25rem;margin:1rem 0 1.75rem}.practice-player-stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 2.5rem}.practice-player-chart{flex:0 1 auto}.practice-player-info{flex:1 1 220px;min-width:200px;max-width:360px;text-align:center}.practice-player-current-label{margin:0;font-family:var(--font-display);font-size:2.4rem;line-height:1.1;letter-spacing:.03em;color:var(--color-text-primary)}.practice-player-round{margin:.25rem 0 0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--color-text-muted)}.practice-player-upnext{margin:.25rem 0 .75rem;color:var(--color-text-secondary)}.practice-countdown{display:flex;flex-direction:column;align-items:center;gap:.4rem}.practice-countdown-num{font-family:var(--font-display);font-size:3.2rem;line-height:1;color:var(--color-accent-bright);font-variant-numeric:tabular-nums}.practice-countdown-bar{display:block;width:100%;max-width:260px;height:8px;border-radius:999px;background:var(--surface-muted-overlay);overflow:hidden}.practice-countdown-fill{display:block;height:100%;width:100%;border-radius:999px;background:var(--color-accent);transition:width .1s linear}.practice-player-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.practice-btn{font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.08em;padding:.6rem 1.1rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.practice-btn:hover:not(:disabled),.practice-btn:focus-visible{border-color:var(--color-accent)}.practice-btn:disabled{opacity:.45;cursor:not-allowed}.practice-login-soon{margin:.35rem 0 1rem;font-size:.9rem;font-style:italic;color:var(--color-text-secondary)}.practice-pace{display:inline-flex;align-items:center;gap:.45rem}.practice-pace-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.practice-pace-select{font-family:var(--font-body);font-size:.9rem;font-weight:700;padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease}.practice-pace-select:hover,.practice-pace-select:focus-visible{border-color:var(--color-accent)}.practice-btn-primary{background:var(--color-accent-fill);border-color:var(--color-accent);color:var(--color-text-on-accent)}.practice-btn-primary:hover:not(:disabled),.practice-btn-primary:focus-visible{background:var(--color-accent-fill-hover);border-color:var(--color-accent-bright)}.practice-btn[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow)}.practice-mark-done-row{margin:1rem 0 0;text-align:center;font-size:.9rem;color:var(--color-text-muted)}.practice-mark-done{background:none;border:none;padding:0;font:inherit;color:var(--color-link);text-decoration:underline;cursor:pointer}.practice-mark-done:hover,.practice-mark-done:focus-visible{color:var(--color-link-hover)}.practice-sequence{margin:1.5rem 0}.practice-sequence h2{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:0 0 .6rem}.practice-sequence-row{display:flex;flex-wrap:wrap;gap:.75rem}.practice-sequence-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border:2px solid transparent;border-radius:6px}.practice-sequence-cell.is-current{border-color:var(--color-accent);background:var(--surface-muted-overlay)}.practice-sequence-label{font-size:.8rem;font-weight:700;color:var(--color-text-secondary)}.practice-sequence-cell.is-current .practice-sequence-label{color:var(--color-accent-bright)}.practice-sequence-chart.chord-chart.chord-chart-chordpic{--chord-cell-size: 14px;--chord-fret-col-size: .85rem;--chord-nut-height: 3px;padding:.3rem;border-width:1px;border-radius:4px;box-shadow:none}.practice-sequence-chart .chord-chart-string-label,.practice-sequence-chart .chord-chart-fret-num{font-size:.55rem}.practice-sequence-chart .chord-chart-nut-symbol{font-size:.6rem;height:.7rem}.practice-sequence-chart .chord-chart-dot{min-width:9px;min-height:9px}.practice-chart-fallback{display:flex;align-items:center;justify-content:center;min-width:90px;min-height:90px;border:1px dashed var(--color-border-strong);border-radius:4px;font-family:var(--font-display);font-size:1.4rem;color:var(--color-text-secondary)}.practice-complete{background:var(--color-bg-surface);border:2px solid var(--color-accent);border-radius:8px;padding:1.5rem;margin:1rem 0 1.75rem;text-align:center}.practice-complete:focus{outline:2px solid var(--color-accent-bright);outline-offset:2px}.practice-complete-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:2rem;letter-spacing:.03em;color:var(--color-accent-bright)}.practice-complete-streak{margin:0 0 .75rem;color:var(--color-text-secondary)}.practice-complete-badges{justify-content:center;margin:.5rem 0 1rem}.practice-complete-badges-head{margin:.75rem 0 .25rem;font-weight:700}.practice-complete-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.75rem 0 0}.practice-complete-links .btn{font-size:.85rem;padding:.6rem 1.2rem}.practice-not-found{margin:1.5rem 0}.practice-not-found .btn{display:inline-block;margin-top:.75rem;text-decoration:none}.practice-section-progress-list{list-style:none;margin:1rem 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.practice-section-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .9rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.6rem .9rem}.practice-section-progress-name{color:var(--color-text-primary);font-weight:700;text-decoration:none}.practice-section-progress-name:hover,.practice-section-progress-name:focus-visible{color:var(--color-link-hover)}.practice-section-progress-count{font-size:.85rem;color:var(--color-text-secondary)}.practice-meter{grid-column:1 / -1;display:block;height:6px;border-radius:999px;background:var(--surface-muted-overlay);overflow:hidden}.practice-meter-fill{display:block;height:100%;border-radius:999px;background:var(--color-accent)}.account-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:1.25rem 1.5rem;margin:1.25rem 0}.account-panel h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--color-accent-bright)}.account-panel p{margin:0 0 .75rem;color:var(--color-text-secondary);max-width:70ch}.account-login-error{border:1px solid var(--color-accent);border-radius:4px;padding:.6rem .9rem;color:var(--color-text-primary);background:var(--surface-muted-overlay)}.account-soon-chip{display:inline-block;border:1px solid var(--color-accent);border-radius:999px;padding:.15rem .7rem;margin-bottom:.6rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-bright);background:var(--surface-muted-overlay)}.account-provider-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.account-provider-btn{display:inline-block;font-size:.85rem;padding:.7rem 1.3rem;text-decoration:none}.account-user{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.account-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-border-strong);object-fit:cover}.account-user-info{flex:1 1 220px}.account-user-name{margin:0;font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}.account-user-provider{margin:.15rem 0 0;font-size:.9rem;color:var(--color-text-secondary);max-width:none}.account-signout{font-size:.8rem;padding:.6rem 1.2rem}.account-progress{margin:2rem 0}.account-progress h2,.account-history h2{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:1.5rem 0 .6rem}.account-history-list{list-style:none;margin:.5rem 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.account-history-item{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem .9rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:4px}.account-history-name{font-weight:700;color:var(--color-text-primary)}.account-history-date{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.account-history-empty{color:var(--color-text-secondary)}.account-hub-link{margin:1rem 0 0}.account-hub-link .btn{display:inline-block;text-decoration:none;font-size:.9rem;padding:.75rem 1.5rem}.account-loading{color:var(--color-text-secondary)}@media(max-width:640px){.practice-scheme-grid{grid-template-columns:1fr}.practice-player{padding:1rem .75rem}.practice-player-stage{gap:1rem}.practice-player-current-label{font-size:1.9rem}.practice-countdown-num{font-size:2.6rem}.account-history-item{flex-wrap:wrap;gap:.15rem 1rem}}@media(prefers-reduced-motion:reduce){.practice-scheme-card,.practice-btn,.practice-countdown-fill{transition:none}.practice-scheme-card:hover,.practice-scheme-card:focus-visible{transform:none}}.routine-builder{margin:1rem 0 2rem}.routine-name-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;max-width:32rem}.routine-name-field label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--color-text-secondary)}.routine-input{font-family:var(--font-body);font-size:1rem;padding:.6rem .75rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary)}.routine-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.routine-section-title{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:1.5rem 0 .6rem}.routine-palette{display:flex;flex-wrap:wrap;gap:.5rem}.routine-palette-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;padding:.5rem .85rem;border:1px dashed var(--color-border-strong);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.routine-palette-btn:hover,.routine-palette-btn:focus-visible{border-color:var(--color-accent);border-style:solid}.routine-palette-icon{font-size:1rem}.routine-items{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.routine-items-empty{border:1px dashed var(--color-border-strong);border-radius:8px;padding:1.25rem;text-align:center;color:var(--color-text-secondary)}.routine-items-empty .btn{margin-top:.75rem}.routine-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;padding:.75rem .9rem}.routine-item.is-invalid{border-color:#d1495b}.routine-item-index{flex:0 0 auto;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-muted-overlay);font-family:var(--font-display);font-size:1rem;color:var(--color-text-secondary)}.routine-item-main{flex:1 1 15rem;min-width:11rem;display:flex;flex-direction:column;gap:.45rem}.routine-item-kind{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.routine-item-ref{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.routine-select,.routine-num{font-family:var(--font-body);font-size:.9rem;padding:.45rem .55rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;max-width:100%}.routine-num{width:5.5rem;cursor:text}.routine-select:focus-visible,.routine-num:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.routine-chord-chips{display:flex;flex-wrap:wrap;gap:.35rem;width:100%}.routine-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .2rem .2rem .55rem;border-radius:999px;background:var(--surface-muted-overlay);font-weight:700;font-size:.85rem;color:var(--color-text-primary)}.routine-chip-remove{border:none;background:none;cursor:pointer;color:var(--color-text-secondary);font-size:1rem;line-height:1;padding:0 .3rem;border-radius:999px}.routine-chip-remove:hover,.routine-chip-remove:focus-visible{color:var(--color-accent-bright)}.routine-add-chord{font-size:.8rem;font-weight:700;padding:.45rem .6rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer}.routine-add-chord:hover,.routine-add-chord:focus-visible{border-color:var(--color-accent)}.routine-item-warn{margin:0;font-size:.8rem;color:#d1495b}.routine-item-duration{display:flex;flex-direction:column;gap:.25rem;flex:0 0 auto}.routine-item-duration>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.routine-item-actions{display:flex;gap:.25rem;flex:0 0 auto;align-items:flex-start}.routine-icon-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;font-size:.9rem;transition:border-color .15s ease}.routine-icon-btn:hover:not(:disabled),.routine-icon-btn:focus-visible{border-color:var(--color-accent)}.routine-icon-btn:disabled{opacity:.4;cursor:not-allowed}.routine-icon-remove:hover:not(:disabled),.routine-icon-remove:focus-visible{border-color:#d1495b;color:#d1495b}.routine-summary{margin:1rem 0 .5rem;font-weight:700;color:var(--color-text-secondary)}.routine-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 .75rem}.routine-share-note{margin:0 0 1rem;font-size:.85rem;color:var(--color-text-muted)}.routine-library-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.routine-saved{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.6rem .85rem}.routine-saved-name{font-weight:700;color:var(--color-text-primary)}.routine-saved-meta{font-size:.85rem;color:var(--color-text-secondary)}.routine-saved-actions{margin-left:auto;display:flex;gap:.4rem}.routine-runner{scroll-margin-top:1rem}.routine-chord-charts{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;max-width:100%;-webkit-overflow-scrolling:touch}.routine-step-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;max-width:22rem}.routine-step-icon{font-size:3rem;line-height:1}.routine-step-detail{margin:0;color:var(--color-text-secondary)}.routine-step-meta{margin:0;font-size:.85rem;color:var(--color-text-muted)}.routine-step-link{font-weight:700;color:var(--color-link);text-decoration:none}.routine-step-link:hover,.routine-step-link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.routine-scale-formula{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.routine-formula-chip{min-width:1.9rem;padding:.3rem .5rem;border-radius:4px;background:var(--surface-muted-overlay);font-family:var(--font-display);font-size:1.05rem;color:var(--color-text-primary)}.routine-metro{display:flex;flex-direction:column;align-items:center;gap:.4rem}.routine-metro-dot{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--color-accent);animation:routine-metro-pulse var(--metro-period, .75s) steps(1,end) infinite}.routine-metro-bpm{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--color-accent-bright)}.routine-metro-unit{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}@keyframes routine-metro-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.45}}.routine-strum{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;max-width:100%;padding-bottom:.35rem}.routine-strum-slot{flex:0 0 auto;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:4px;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text-secondary)}.routine-strum-slot.is-accent{border-color:var(--color-accent);color:var(--color-accent-bright);font-weight:700}.routine-strum-slot.is-mute{opacity:.6;font-style:italic}.routine-strum-slot.is-rest{color:var(--color-text-muted);border-style:dashed}.routine-seq{margin:1.25rem 0 0}.routine-seq-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.routine-seq-cell{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border:2px solid transparent;border-radius:999px;background:var(--surface-muted-overlay);font-size:.85rem;color:var(--color-text-secondary)}.routine-seq-cell.is-current{border-color:var(--color-accent);color:var(--color-accent-bright);font-weight:700}.routine-seq-num{font-family:var(--font-display)}.routine-runner-exit{margin-top:1rem}@media(max-width:640px){.routine-item-actions{margin-left:auto}.routine-item-duration{flex-direction:row;align-items:center;gap:.4rem}}@media(prefers-reduced-motion:reduce){.routine-metro-dot{animation:none}.routine-palette-btn,.routine-icon-btn{transition:none}}.embed-docs-page .embed-intro p{margin-bottom:0}.embed-docs-page .embed-demo{margin:1rem 0;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-page);overflow:hidden}.embed-docs-page .embed-demo iframe{display:block;width:100%;border:0}.embed-docs-page .embed-demo-image{display:flex;justify-content:center}.embed-docs-page .embed-demo-image img{max-width:100%;height:auto;border-radius:8px}.embed-docs-page .embed-snippet,.tool-embed-details .embed-snippet{position:relative;margin:.75rem 0 .25rem}.embed-docs-page .embed-code,.tool-embed-details .embed-code,.license-page .lic-snippet{margin:0;padding:.9rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:.85rem;line-height:1.55;overflow-x:auto;white-space:pre;-webkit-overflow-scrolling:touch}.license-page .note-card p code,.license-page .note-card li code{overflow-wrap:anywhere}.embed-docs-page .embed-code code,.tool-embed-details .embed-code code,.license-page .lic-snippet code{background:none;padding:0;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.embed-docs-page .embed-copy-btn,.tool-embed-details .embed-copy-btn{margin-top:.5rem}.embed-docs-page .embed-copy-btn.is-copied,.tool-embed-details .embed-copy-btn.is-copied{border-color:var(--color-accent);color:var(--color-accent-bright, var(--color-accent))}.tool-embed-details{margin:1rem 0 0;border:1px solid var(--color-border-strong);border-radius:10px;background:color-mix(in srgb,var(--color-bg-page) 92%,black 8%);padding:0 .9rem}.tool-embed-details>summary{cursor:pointer;padding:.7rem 0;font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;color:var(--color-text-primary);list-style:none}.tool-embed-details>summary::-webkit-details-marker{display:none}.tool-embed-details>summary:before{content:"\25b8";display:inline-block;margin-right:.5rem;color:var(--color-accent-bright);transition:transform .15s ease}.tool-embed-details[open]>summary:before{transform:rotate(90deg)}.tool-embed-details-body{padding-bottom:.8rem}@media(prefers-reduced-motion:reduce){.tool-embed-details>summary:before{transition:none}}.songs-app{margin:1.5rem 0 2.5rem}.songs-toolbar-heading{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:0 0 1rem}.songs-learned-line{margin:0 0 1.25rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--color-text-secondary)}.songs-toolbar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end}.songs-filter-group{display:flex;flex-direction:column;gap:.35rem}.songs-filter-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.songs-select{min-height:44px;min-width:12rem;padding:0 .75rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px}.songs-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.songs-known{margin:1.5rem 0 .5rem}.songs-known-legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.6rem}.songs-known-title{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-secondary)}.songs-known-hint{font-size:.85rem;color:var(--color-text-muted)}.songs-known-chips{display:flex;flex-wrap:wrap;gap:.5rem}.songs-chip{min-height:40px;padding:0 .85rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.songs-chip:hover,.songs-chip:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.songs-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.songs-chip.is-on{color:var(--color-text-on-accent);background:var(--color-accent-fill);border-color:var(--color-accent)}.songs-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:1.75rem 0 1rem}.songs-count{font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.songs-reset{min-height:36px;padding:0 .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border-strong);border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s}.songs-reset:hover,.songs-reset:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.songs-empty{color:var(--color-text-secondary);max-width:55ch}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.song-card{display:flex;flex-direction:column;gap:.6rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:1.1rem 1.2rem;text-decoration:none;color:var(--color-text-primary);transition:border-color .2s,transform .15s,box-shadow .2s}.song-card{content-visibility:auto;contain-intrinsic-size:auto 100px}.song-card:hover,.song-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-elevated)}.song-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.song-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.song-card-title{margin:0;font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--color-accent)}.song-card:hover .song-card-title{color:var(--color-accent-bright)}.song-card.is-learned{border-color:var(--color-accent)}.song-card-learned{align-self:flex-start;font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-on-accent);background:var(--color-accent-fill);border-radius:999px;padding:.15rem .6rem}.song-card-meta{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.song-badge{display:inline-flex;align-items:center;flex:none;padding:.2rem .55rem;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);border:1px solid var(--color-border-strong);border-radius:999px;white-space:nowrap}.song-badge[data-difficulty=beginner]{color:var(--color-accent-bright);border-color:var(--color-accent)}.song-chips{display:flex;flex-wrap:wrap;gap:.35rem}.song-chip{padding:.15rem .5rem;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--color-text-secondary);background:var(--surface-muted-overlay);border-radius:4px;white-space:nowrap}.song-chip.is-new{color:var(--color-text-on-accent);background:var(--color-accent-fill)}.song-chip.is-known{opacity:.6}.song-card-learn{margin:0;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.song-card-learn strong{color:var(--color-text-primary);font-weight:800}.song-detail{margin:1rem 0 2.5rem}.song-detail-head{margin:.5rem 0 1.75rem}.song-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .85rem}.song-learned-row,.technique-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:0 0 1.75rem}.technique-progress{margin:1.25rem 0 0}.song-learned-toggle,.technique-progress-toggle{flex:none;font-family:var(--font-body);font-weight:700;font-size:.8rem;letter-spacing:.08em;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;padding:.55rem 1.3rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.song-learned-toggle:hover,.song-learned-toggle:focus-visible,.technique-progress-toggle:hover,.technique-progress-toggle:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.song-learned-toggle:focus-visible,.technique-progress-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.song-learned-toggle.is-learned,.technique-progress-toggle.is-practiced{color:var(--color-text-on-accent);background:var(--color-accent-fill);border-color:var(--color-accent)}.song-learned-status,.technique-progress-status{margin:0;font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary)}.technique-hub-progress{margin:.9rem 0 0;font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--color-accent-bright)}.song-meta-link{font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);text-decoration:none}.song-meta-link:hover,.song-meta-link:focus-visible{color:var(--color-accent-bright);text-decoration:underline}.song-meta-fact{font-size:.85rem;color:var(--color-text-secondary)}.song-section-title{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.03em;color:var(--color-accent-bright);margin:0 0 .75rem}.song-playalong{margin:2rem 0;padding:1.25rem 1.35rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px}.song-playalong-lead{margin:0 0 1rem;color:var(--color-text-secondary);max-width:60ch}.song-transpose-row{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}.song-transpose-label{font-family:var(--font-body);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.song-transpose-btn{min-width:2.25rem;padding:.35rem .6rem;line-height:1}.song-transpose-value{min-width:2.5ch;text-align:center;font-family:var(--font-body);font-weight:700;font-variant-numeric:tabular-nums}.song-capo-note{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.9rem;max-width:60ch}.song-playalong-transport{display:flex;gap:.6rem;margin:0 0 .6rem}.song-playalong-status{margin:0;color:var(--color-text-secondary);font-size:.9rem;min-height:1.3em}.song-line{transition:background-color .15s ease}.song-line.is-current-line{background:var(--surface-muted-overlay);border-radius:4px;box-shadow:-.4rem 0 0 var(--color-accent);padding-left:.5rem;margin-left:-.5rem}.song-chord-token.is-current-chord{color:var(--color-accent-bright, var(--color-accent));text-decoration:underline;text-underline-offset:.15em}.song-chords-used{margin:2.25rem 0}.song-chords-used-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.song-chord-card{display:flex;flex-direction:column;align-items:center;min-width:0;gap:.4rem;padding:.85rem .75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;text-decoration:none;color:var(--color-text-primary);transition:border-color .2s,transform .15s}.song-chord-card:hover,.song-chord-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.song-chord-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.song-chord-card .chord-preview-diagram{pointer-events:none;max-width:100%;overflow-x:auto}.song-chord-card .chord-preview-diagram .chord-chart.chord-chart-chordpic{--chord-preview-cell-max: 28px;max-width:100%}.song-chord-card-name{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--color-accent)}.song-chord-card:hover .song-chord-card-name{color:var(--color-accent-bright)}.song-chord-card-sub{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.song-chord-card-plain{display:flex;align-items:center;justify-content:center;padding:1rem .75rem;border:1px dashed var(--color-border-strong);border-radius:6px;font-weight:700;color:var(--color-text-secondary)}.song-chart{margin:2.25rem 0}.song-section{margin:0 0 1.75rem}.song-section-label{font-family:var(--font-body);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 .5rem}.song-line{margin:0 0 .85rem}.song-line-chords{display:flex;flex-wrap:wrap;gap:.3rem .6rem;margin-bottom:.1rem}.song-chord-token{font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--color-accent);letter-spacing:.02em}.song-chord-token-empty{color:var(--color-text-muted);font-weight:400}.song-line-lyric{font-size:1.05rem;line-height:1.5;color:var(--color-text-primary)}.song-line-chordonly .song-line-chords{margin-bottom:0}.song-source{margin:2.25rem 0;padding:1rem 1.15rem;background:var(--surface-muted-overlay);border-radius:6px}.song-source-line{margin:0 0 .35rem;color:var(--color-text-primary)}.song-source-note{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.song-related-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem 1.25rem}.song-related-list a{color:var(--color-accent);text-decoration:none}.song-related-list a:hover,.song-related-list a:focus-visible{color:var(--color-accent-bright);text-decoration:underline}.learn-progress{margin:1.5rem 0 2.5rem;padding:1.25rem 1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:10px}.learn-progress-stats{margin:0 0 .75rem}.learn-progress-meter{margin:.25rem 0 1.1rem}.learn-progress-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.learn-badge-row{margin:0}.learn-continue{text-decoration:none;margin-left:auto}.learn-progress-done{margin:0;font-family:var(--font-body);font-weight:700;color:var(--color-accent-bright)}.learn-sync-note{margin:.9rem 0 0;padding-top:.85rem;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-muted)}.learn-journey{list-style:none;margin:2rem 0;padding:0;display:flex;flex-direction:column;gap:1rem}.learn-step-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.15rem;padding:1.25rem 1.4rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-border-strong);border-radius:10px}.learn-step-item.is-done{border-left-color:var(--color-accent)}.learn-step-num{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-bg-page);font-family:var(--font-display);font-size:1.25rem;color:var(--color-accent-bright)}.learn-step-item.is-done .learn-step-num{background:var(--color-accent-fill);border-color:var(--color-accent);color:var(--color-text-on-accent)}.learn-step-main{min-width:0}.learn-step-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem}.learn-step-title{margin:0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.02em}.learn-step-title a{color:var(--color-accent-bright);text-decoration:none}.learn-step-title-icon{display:inline-block;width:24px;height:24px;margin-right:.4rem;vertical-align:-.15em;object-fit:contain;filter:var(--icon-filter-stack) var(--icon-filter-img-tone)}.learn-step-title a:hover{text-decoration:underline}.learn-step-tag{font-family:var(--font-body);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:999px;padding:.1rem .6rem}.learn-step-blurb{margin:.5rem 0 .6rem;color:var(--color-text-secondary);line-height:1.55}.learn-checklist{list-style:none;margin:0 0 .85rem;padding:0}.learn-checklist li{position:relative;padding:.2rem 0 .2rem 1.6rem;color:var(--color-text-primary);line-height:1.5}.learn-checklist li:before{content:"\2713";position:absolute;left:0;top:.2rem;color:var(--color-accent-bright);font-weight:700}.learn-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem}.learn-step-cta{text-decoration:none;padding:.55rem 1.25rem;font-size:.8rem}.learn-mark{font-family:var(--font-body);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-strong);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.learn-mark:hover,.learn-mark:focus-visible{border-color:var(--color-accent);color:var(--color-accent-bright)}.learn-done{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--color-accent-bright)}.learn-step-eyebrow{margin:.25rem 0 .4rem;font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.learn-step-lead{max-width:65ch}.learn-step-subhead{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent-bright);margin:1.75rem 0 .75rem}.learn-step-learn .learn-checklist{max-width:60ch}.learn-step-body{max-width:68ch;line-height:1.65;color:var(--color-text-primary)}.learn-step-body p{margin:0 0 1rem}.learn-step-body ul{margin:0 0 1rem;padding-left:1.25rem}.learn-step-body li{margin:.35rem 0;line-height:1.55}.learn-step-body a{color:var(--color-accent-bright);text-decoration:underline}.learn-step-body a:hover{text-decoration:underline}.learn-cta{margin:1.25rem 0}.learn-cta-btn,.learn-practice-link{display:inline-block;text-decoration:none}.learn-practice-row{margin:1.25rem 0 0}.learn-mark-row{margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--color-border-strong)}.learn-mark-lg{font-size:.85rem;padding:.7rem 1.5rem}.learn-complete-note{margin:0;font-family:var(--font-body);font-weight:700;color:var(--color-accent-bright)}.learn-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem;margin:2rem 0 1rem}.learn-nav-link{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;text-decoration:none;color:var(--color-text-primary);transition:border-color .15s ease}.learn-nav-link:hover,.learn-nav-link:focus-visible{border-color:var(--color-accent)}.learn-nav-link.is-next{text-align:right}.learn-nav-link.is-hub{text-align:center;justify-content:center}.learn-nav-dir{font-family:var(--font-body);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.learn-nav-title{font-family:var(--font-body);font-weight:700;color:var(--color-accent-bright);line-height:1.3}@media(max-width:640px){.learn-nav{grid-template-columns:1fr}.learn-nav-link.is-next{text-align:left}.learn-continue{margin-left:0;width:100%;text-align:center}}.chord-of-day{display:flex;justify-content:center}.cotd-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.25rem;width:100%;max-width:30rem}@media(min-width:60rem){.cotd-card:not(.cotd-card--permalink){display:grid;grid-template-columns:fit-content(26rem) minmax(0,1fr);grid-template-areas:"diagram heading" "diagram body";align-items:start;align-content:start;grid-auto-rows:min-content;justify-items:start;column-gap:2.25rem;row-gap:.85rem;max-width:52rem;padding:2rem 2.25rem}.cotd-card:not(.cotd-card--permalink) .cotd-diagram{grid-area:diagram;align-self:start;grid-row:1 / -1}.cotd-card:not(.cotd-card--permalink) .cotd-heading{grid-area:heading}.cotd-card:not(.cotd-card--permalink)>*:not(.cotd-diagram):not(.cotd-heading){grid-column:2;width:100%}}.cotd-card--permalink{max-width:34rem}.cotd-heading{margin:0;font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text-secondary)}.cotd-chord-name{font-family:var(--font-display);font-size:clamp(2.75rem,8vw,4rem);line-height:1;color:var(--color-accent-bright);text-decoration:none}.cotd-chord-name:hover,.cotd-chord-name:focus-visible{color:var(--color-accent);text-decoration:underline}.cotd-instrument{margin:-.75rem 0 0;text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-secondary)}.cotd-diagram,.cotd-audio{display:flex;justify-content:center;width:100%}.cotd-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.cotd-checkin--done{opacity:.7}.cotd-streak{flex-basis:100%;margin:0;text-align:center;font-weight:700;color:var(--color-accent-bright)}.cotd-forward{flex-basis:100%;margin:.25rem 0 0;text-align:center;font-size:.82rem}.cotd-forward a{color:var(--color-accent);font-weight:600;text-decoration:none}.cotd-forward a:hover,.cotd-forward a:focus-visible{text-decoration:underline}.cotd-note{margin:0;max-width:40ch;text-align:center;color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.scale-of-day,.sotd-diagram{display:flex;justify-content:center}.sotd-fretboard{max-width:100%}.lick-of-day{display:flex;justify-content:center}.lotd-tab-wrap{width:100%}.song-of-week{display:flex;justify-content:center}.cotd-song-meta{margin:.25rem 0 .75rem;color:var(--color-text-secondary);font-size:.95rem}.cotd-song-chips{justify-content:center}.textarea-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;line-height:1.5}.chordpro-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;margin:1rem 0}.chordpro-stepper-row{display:inline-flex;align-items:center;gap:.5rem}.chordpro-steps{min-width:3ch;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.chordpro-toggle{display:inline-flex;align-items:center;gap:.4rem}.chordpro-output-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem}.chordpro-output{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow-y:auto;margin:0;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;line-height:1.5}.chordpro-chips{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.gf-question{font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.6rem);letter-spacing:.04em;margin:0 0 .5rem;color:var(--color-text-primary)}.gf-question:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.gf-help{margin:0 0 1.25rem;color:var(--color-text-secondary)}.gf-progress{margin:0 0 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.gf-answers{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.5rem}.gf-answer{display:flex;align-items:center;justify-content:center;min-height:56px;padding:.9rem 1.1rem;font-family:var(--font-body);font-size:1rem;font-weight:700;text-align:center;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;transition:color .18s,border-color .18s,transform .18s,box-shadow .18s}.gf-answer:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-elevated)}.gf-answer:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gf-lead{margin:0 0 .75rem;color:var(--color-text-secondary)}.gf-guide-list{margin:0;padding-left:1.25rem;display:grid;gap:.4rem}.gf-result-kicker{margin:0 0 .35rem;font-family:var(--font-body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.gf-result-headline{font-family:var(--font-display);font-size:clamp(1.35rem,4.5vw,1.8rem);letter-spacing:.03em;margin:0 0 .5rem;color:var(--color-text-primary)}.gf-result-headline:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.gf-result-why{margin:0 0 1.25rem;color:var(--color-text-secondary);line-height:1.55}.gf-result-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.35rem;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-surface));border:1px solid var(--color-accent);border-left-width:4px;border-radius:0 8px 8px 0;transition:transform .18s,box-shadow .18s}.gf-result-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-elevated)}.gf-result-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gf-result-card-title{font-family:var(--font-body);font-size:1.1rem;font-weight:800;color:var(--color-text-primary)}.gf-result-card-summary{color:var(--color-text-secondary);line-height:1.5}.gf-result-card-cta{font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent)}.tab-bar-sep{min-width:.9rem;width:.9rem;color:var(--color-border-strong);font-weight:400}.tab-cell-ghost{color:var(--color-text-secondary)}.bassline-tab-section{margin:1.25rem 0 .5rem}.bassline-regen-row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.bassline-variant-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}@media(prefers-reduced-motion:no-preference){.tool-display.is-regenerated{animation:bassline-regen-flash .5s ease-out}@keyframes bassline-regen-flash{0%{box-shadow:0 0 0 3px var(--color-accent)}to{box-shadow:0 0 0 3px transparent}}}.bassline-step-hidden{display:none}.bassline-bpm-input{width:4.5rem}.st-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem}.st-control{display:flex;flex-direction:column;gap:.3rem}.st-control-label{font-size:.85em;color:var(--color-text-secondary)}.st-select{font:inherit;padding:.35rem .5rem;border-radius:4px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary)}.st-table .st-tension{white-space:nowrap}.st-table .st-total{font-weight:700}.st-formula{font-size:1.15em}.st-footnote{font-size:.85em;color:var(--color-text-secondary);margin-top:.75rem}.gear-category-title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em;color:var(--color-accent-bright);margin:2rem 0 .5rem}.gear-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.gear-item-card{margin:0;display:flex;flex-direction:column;gap:.75rem}.gear-item-name{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em;color:var(--color-text-primary)}.gear-item-sub,.gear-item-notes,.gear-item-serial,.gear-photo-count{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.gear-item-serial code{font-size:.85rem;word-break:break-all}.gear-photo-grid{display:flex;flex-wrap:wrap;gap:.5rem}.gear-photo{position:relative;margin:0}.gear-photo img{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border-strong);display:block}.gear-photo-delete{position:absolute;top:-.4rem;right:-.4rem;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:1rem;line-height:1;cursor:pointer}.gear-photo-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gear-item-form,.gear-inline-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.gear-inline-form{flex-direction:row;flex-wrap:wrap;align-items:center}.gear-input{background:var(--color-bg-body);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text-primary);font:inherit;padding:.5rem .65rem;min-width:0}.gear-input:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:1px}.gear-label{display:flex;flex-direction:column;gap:.25rem}.gear-label-text{font-size:.85rem;color:var(--color-text-secondary)}.gear-toggle-row{display:flex;align-items:center;gap:.5rem}.gear-toggle-row label{font-size:.95rem}.gear-visibility{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--color-border-strong);padding-top:.6rem}.gear-privacy-note{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.gear-form-error{margin:.25rem 0 0;font-size:.9rem;color:var(--color-accent-bright)}.gear-form-error:empty{display:none}.gear-item-actions{display:flex;gap:.5rem;margin-top:auto}.gear-report-note{margin-top:2.5rem;font-size:.85rem;color:var(--color-text-secondary)}.start-page .start-compare{margin:2rem 0}.start-page .start-table-lead{color:var(--color-text-secondary);margin-bottom:1rem}.start-page .start-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:8px}.start-page .start-table{width:100%;border-collapse:collapse;font-size:.92rem}.start-page .start-table th,.start-page .start-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.start-page .start-table thead th{position:sticky;top:0;background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--font-display, inherit);letter-spacing:.02em;z-index:1}.start-page .start-table tbody tr:last-child th,.start-page .start-table tbody tr:last-child td{border-bottom:0}.start-page .start-table tbody th{font-weight:600}.start-page .start-table .start-tuning{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--color-text-secondary)}.start-page .sq-panel{margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-bg-surface)}.start-page .sq-panel>h2{margin-top:0}.start-page .sq-progress{margin:0 0 .75rem;color:var(--color-text-secondary);font-size:.9rem}.sq-stage{min-height:24rem}@media(min-width:700px){.sq-stage{min-height:19rem}}.start-page .sq-fallback,.start-page .sq-help{color:var(--color-text-secondary)}.start-page .sq-question{margin:0 0 .4rem}.start-page .sq-answers{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.start-page .sq-answer{display:block;width:100%;padding:.7rem .9rem;text-align:left;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-elevated, var(--color-bg-surface));color:var(--color-text-primary);font:inherit;cursor:pointer}.start-page .sq-answer:hover,.start-page .sq-answer:focus-visible{border-color:var(--color-accent)}.start-page .sq-answer-skip{color:var(--color-text-secondary);font-size:.92rem}.start-page .sq-actions{display:flex;gap:.5rem;margin-top:1rem}.start-page .sq-cards{display:grid;gap:.75rem;margin-top:1rem}.start-page .sq-card{padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:8px}.start-page .sq-card-lead{border-color:var(--color-accent)}.start-page .sq-card-name{margin:0 0 .3rem}.start-page .sq-card-facts,.start-page .sq-card-note{margin:0 0 .4rem;color:var(--color-text-secondary);font-size:.92rem}.start-page .sq-card-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.start-page .sq-rest{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:.25rem 0 0}.desk-console{margin:1.5rem 0}.desk-console-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.desk-range-field{flex:1 1 12rem;min-width:10rem}.desk-preset-list,.desk-tool-list{list-style:none;padding:0;margin:0 0 .75rem}.desk-preset-item,.desk-tool-item{padding:.5rem 0;border-bottom:1px solid var(--color-border);line-height:1.55}.desk-preset-meta,.desk-tool-range{display:block;color:var(--color-text-secondary);font-size:.92rem}.desk-preset-load{margin-top:.5rem}.desk-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.25rem;margin:1.5rem 0}.desk-slot{min-height:320px;border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem}.desk-slot.is-on-desk{border-color:var(--color-accent)}.desk-slot-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0 0 .5rem}.desk-slot-toggle{font-size:.85rem;font-weight:400;color:var(--color-text-secondary);white-space:nowrap}@media(max-width:600px){.desk-slot{min-height:280px}}.sx-root{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}#scale-explorer.sx-root{min-height:76rem}@media(min-width:481px){#scale-explorer.sx-root{min-height:66rem}}@media(min-width:768px){#scale-explorer.sx-root{min-height:60rem}}@media(min-width:1025px){#scale-explorer.sx-root{min-height:56rem}}.sx-loading{color:var(--color-text-secondary);font-style:italic}.sx-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem 1rem}.sx-field{display:flex;flex-direction:column;gap:.25rem}.sx-field-label,.sx-section-title{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.04em}.sx-section-title{margin:0 0 .25rem}.sx-section-hint{margin:0 0 .75rem;color:var(--color-text-secondary);font-size:.9rem}.sx-select,.sx-input{background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:4px;padding:.4rem .55rem;font:inherit}.sx-controls,.sx-degrees,.sx-identity,.sx-save{width:100%;max-width:62rem;margin-inline:auto}.sx-degree-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem}.sx-degree{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .2rem;min-height:3.4rem;background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:5px;cursor:pointer;font:inherit;line-height:1.1}.sx-degree:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.sx-degree-on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-page)}.sx-degree-root:disabled{opacity:1;cursor:default;background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-page)}.sx-degree-label{font-weight:700;font-size:1rem}.sx-degree-note{font-size:.7rem}@media(max-width:600px){.sx-degree-row{grid-template-columns:repeat(6,minmax(0,1fr))}}.sx-identity{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.sx-identity-row{margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.sx-identity-key{min-width:5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.sx-identity-value{color:var(--color-text-primary)}.sx-identity-link{white-space:nowrap}.sx-board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sx-dot{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-accent);color:var(--color-bg-page);font-size:.7rem;font-weight:700}.sx-dot-root{background:var(--color-text-primary)}.sx-save-row{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.sx-btn{white-space:nowrap}.sx-saved-title{font-size:.85rem;letter-spacing:.04em;color:var(--color-text-secondary);margin:1rem 0 .5rem}.sx-saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.sx-saved-item{display:flex;align-items:stretch;gap:.4rem}.sx-saved-load{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;text-align:left;padding:.5rem .7rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-primary);cursor:pointer;font:inherit}.sx-saved-load:hover{border-color:var(--color-accent)}.sx-saved-name{font-weight:700}.sx-saved-formula{font-size:.85rem;color:var(--color-text-secondary)}.sx-saved-delete{padding:0 .7rem;background:transparent;border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;font:inherit}.sx-saved-delete:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.sx-steps{color:var(--color-text-secondary);line-height:1.7}.sx-steps strong{color:var(--color-text-primary)}.sx-markers{width:100%;max-width:62rem;margin-inline:auto}.sx-markers-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.sx-cell-marked .sx-dot{box-shadow:0 0 0 2px var(--color-bg-page),0 0 0 4px var(--sx-marker)}.sx-dot-ghost{background:transparent;color:var(--color-text-primary);border:2px solid var(--sx-marker, var(--color-border-strong))}.sx-cell-painting{cursor:crosshair}.sx-cell-painting:hover{outline:1px solid var(--color-accent);outline-offset:-1px}.sx-marker-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.sx-marker-item{display:flex;align-items:stretch;gap:.4rem}.sx-marker-select{flex:1;display:flex;align-items:center;gap:.6rem;text-align:left;padding:.45rem .7rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-primary);cursor:pointer;font:inherit}.sx-marker-item-current .sx-marker-select{border-color:var(--sx-marker)}.sx-marker-swatch{width:1rem;height:1rem;border-radius:50%;background:var(--sx-marker);flex:none}.sx-marker-name{font-weight:700}.sx-marker-count{margin-left:auto;font-size:.85rem;color:var(--color-text-secondary)}.sx-marker-color,.sx-marker-delete{padding:0 .7rem;background:transparent;border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-secondary);cursor:pointer;font:inherit}.sx-marker-color:hover,.sx-marker-delete:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.sx-marker-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.sx-marker-rename{flex:1 1 12rem;min-width:0}.sx-nudge{display:flex;gap:.25rem}.sx-nudge-btn{width:2.2rem;height:2.2rem;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-primary);cursor:pointer;font:inherit;line-height:1}.sx-nudge-btn:hover{border-color:var(--color-accent)}.chords-nav-wrap{min-height:18.25rem}.chords-nav-wrap:before{content:"";display:block;height:6.375rem}.chords-nav-wrap:has(#instrument-dock-control):before{display:none}@media(min-width:600px){.chords-nav-wrap{min-height:15.8125rem}}@media(min-width:768px){.chords-nav-wrap{min-height:14.375rem}}.section-nav-container{min-height:7.875rem}@media(min-width:600px){.section-nav-container{min-height:5.4375rem}}@media(min-width:768px){.section-nav-container{min-height:4rem}}