.publicModuleHeader{display:flex;align-items:end;justify-content:space-between;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-7));min-width:0;border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);padding:clamp(var(--public-space-4),2.6vw,var(--public-space-7));color:var(--public-text-primary);background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.publicModuleHeader__copy{display:flex;align-items:flex-start;min-width:0;gap:var(--public-space-4)}.publicModuleHeader__media{flex:0 0 auto;display:grid;width:clamp(44px,5.5vw,64px);aspect-ratio:1;place-items:center}.publicModuleHeader__icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgb(0 0 0 / .42))}.publicModuleHeader__text{display:grid;min-width:0;gap:var(--public-space-2)}.publicModuleHeader__kicker{max-width:100%;color:var(--public-accent-orange);font-size:.76rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.publicModuleHeader__title{max-width:920px;margin:0;color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(2rem,4.8vw,3.8rem);font-weight:900;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.publicModuleHeader__subtitle{max-width:760px;margin:0;color:var(--public-text-secondary);font-size:1rem;line-height:1.55;overflow-wrap:break-word}.publicModuleHeader__aside{flex:0 1 auto;display:grid;justify-items:end;gap:var(--public-space-3);min-width:min(220px,100%)}.publicModuleHeader__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--public-space-2);margin:0}.publicModuleHeader__stat{min-width:112px;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);padding:var(--public-space-2) var(--public-space-3);background:var(--public-surface-inset);text-align:right}.publicModuleHeader__stat dt,.publicModuleHeader__stat dd{margin:0}.publicModuleHeader__stat dt{color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2.2rem);font-weight:900;line-height:1}.publicModuleHeader__stat dd{margin-top:4px;color:var(--public-text-muted);font-size:.78rem;font-weight:800;line-height:1.2}.publicModuleHeader__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--public-space-2);max-width:100%}.publicModuleHeader--tool,.publicModuleHeader--trainer{align-items:center;padding:clamp(var(--public-space-3),1.8vw,var(--public-space-5));background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .035),rgb(var(--color-bg-rgb) / .1)),var(--public-module-bg)}.publicModuleHeader--tool .publicModuleHeader__title,.publicModuleHeader--trainer .publicModuleHeader__title{font-size:clamp(1.6rem,3.2vw,2.6rem)}.publicModuleHeader--tool .publicModuleHeader__subtitle,.publicModuleHeader--trainer .publicModuleHeader__subtitle{max-width:640px}.publicModuleHeader--trainer{border-color:#55d27c3d}.publicModuleHeader--trainer .publicModuleHeader__kicker{color:var(--music-root)}.publicModuleHeader--tool .publicModuleHeader__media{color:var(--public-accent-orange)}.publicModuleHeader--trainer .publicModuleHeader__media{color:var(--music-root)}.publicModuleHeader--library{background:var(--public-panel-bg)}.publicModuleHeader--library .publicModuleHeader__title{font-size:clamp(1.65rem,3.3vw,2.7rem)}.publicModuleHeader--learning{background:linear-gradient(110deg,rgb(var(--color-text-rgb) / .052),rgb(var(--color-bg-rgb) / .2)),var(--public-module-bg)}.publicModuleHeader--local{border-color:rgb(var(--color-accent-2-rgb) / .28)}.publicModuleHeader--local .publicModuleHeader__kicker{color:var(--color-accent-2)}.publicModuleHeader--landing{min-height:min(58vh,560px);align-items:center;padding:clamp(var(--public-space-6),7vw,88px)}.publicModuleHeader--landing .publicModuleHeader__title{font-size:clamp(3rem,8vw,6.4rem)}.publicModuleHeader--compact{padding:clamp(var(--public-space-3),1.7vw,var(--public-space-5))}.publicModuleHeader--compact .publicModuleHeader__media{width:clamp(36px,4.2vw,50px)}.publicModuleHeader--compact .publicModuleHeader__title{font-size:clamp(1.5rem,3vw,2.4rem)}@media(max-width:760px){.publicModuleHeader,.publicModuleHeader__copy,.publicModuleHeader__aside{display:grid}.publicModuleHeader__aside{justify-items:start;min-width:0;width:100%}.publicModuleHeader__stats{justify-content:flex-start}.publicModuleHeader__stat{min-width:min(128px,100%);text-align:left}.publicModuleHeader__actions{justify-content:flex-start}.publicModuleHeader--landing{min-height:min(48vh,420px)}}.chord-diagram-card{--cdc-card-bg: rgb(var(--color-bg-rgb, 16 18 24) / .66);--cdc-card-border: rgb(var(--color-text-rgb, 245 239 226) / .12);--cdc-card-text: var(--color-text, #f5efe2);--cdc-card-muted: var(--muted, #c7bda9);--cdc-card-accent: var(--color-accent, #f28c28);--cdc-diagram-width: 132px;box-sizing:border-box;display:grid;gap:8px;min-width:0;border:1px solid var(--cdc-card-border);border-radius:8px;padding:10px;color:var(--cdc-card-text);background:var(--cdc-card-bg)}.chord-diagram-card--mini{--cdc-diagram-width: 92px;gap:5px;padding:7px}.chord-diagram-card--compact{--cdc-diagram-width: 132px}.chord-diagram-card--learning{--cdc-diagram-width: 166px;gap:10px;padding:12px}.chord-diagram-card--print{--cdc-diagram-width: 88px;gap:5px;border-color:#11182729;color:#111827;background:transparent}.chord-diagram-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.chord-diagram-card__title-group{display:grid;gap:2px;min-width:0}.chord-diagram-card__title{min-width:0;overflow:hidden;font-size:.98rem;font-weight:950;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.chord-diagram-card--mini .chord-diagram-card__title,.chord-diagram-card--print .chord-diagram-card__title{font-size:.78rem}.chord-diagram-card--learning .chord-diagram-card__title{font-family:var(--font-brand, Georgia, "Times New Roman", serif);font-size:1.16rem;font-weight:700}.chord-diagram-card__subtitle,.chord-diagram-card__formula,.chord-diagram-card__technical{color:var(--cdc-card-muted);font-size:.74rem;line-height:1.3}.chord-diagram-card__fret-label{flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb, 242 140 40) / .22);border-radius:999px;padding:3px 7px;color:var(--cdc-card-accent);background:rgb(var(--color-accent-rgb, 242 140 40) / .08);font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.chord-diagram-card__diagram{display:grid;justify-items:center;min-width:0}.chord-diagram-card__diagram .mini-svg,.chord-diagram-card__diagram .diagram-svg,.chord-diagram-card__diagram .diagramBuilderSvgShell,.chord-diagram-card__diagram .diagramBuilderChordShell{width:min(100%,var(--cdc-diagram-width));max-width:var(--cdc-diagram-width);height:auto}.chord-diagram-card__badges{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.chord-diagram-card__badge{border:1px solid rgb(var(--color-text-rgb, 245 239 226) / .12);border-radius:999px;padding:3px 6px;color:var(--cdc-card-muted);background:rgb(var(--color-text-rgb, 245 239 226) / .05);font-size:.64rem;font-weight:900;line-height:1}.chord-diagram-card__badge--reference,.chord-diagram-card__badge--primary{border-color:rgb(var(--color-accent-rgb, 242 140 40) / .34);color:var(--cdc-card-accent);background:rgb(var(--color-accent-rgb, 242 140 40) / .1)}.chord-diagram-card__badge--warning{border-color:#ffb84d61;color:#ffcf7a;background:#ffb84d1a}.chord-diagram-card__formula,.chord-diagram-card__technical{margin:0}.chord-diagram-card__formula{font-weight:850}.chord-diagram-card__technical{display:flex;align-items:baseline;justify-content:space-between;gap:8px;opacity:.74}.chord-diagram-card__technical code{overflow:hidden;color:currentColor;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.chord-diagram-card{--cdc-diagram-width: min(150px, 48vw)}.chord-diagram-card--mini,.chord-diagram-card--print{--cdc-diagram-width: min(104px, 36vw)}}.chord-explorer-panel{--chord-explorer-picker-accent: #ff7a1a;--chord-explorer-picker-accent-strong: #ff9f2f;--chord-explorer-picker-accent-rgb: 255 122 26;--chord-explorer-root-active: var(--music-root);--chord-explorer-root-active-strong: var(--music-root-strong);--chord-explorer-root-active-rgb: 47 158 68;display:grid;min-width:0;gap:12px;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-panel);padding:clamp(12px,1.9vw,18px);background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.chord-explorer-panel__topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}.chord-explorer-quality-select>span,.chord-explorer-result__head span,.chord-explorer-summary span,.chord-explorer-theory__fact span,.chord-explorer-knowledge span,.chord-explorer-voicings__head span,.chord-explorer-root-picker legend{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}.chord-explorer-quality-select>span,.chord-explorer-root-picker legend{color:var(--public-text-muted);letter-spacing:.05em}.chord-explorer-panel__controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.32fr);align-items:end;gap:12px;min-width:0;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);padding:clamp(10px,1.5vw,14px);background:var(--public-surface-inset)}.chord-explorer-root-picker{min-width:0;margin:0;border:0;padding:0}.chord-explorer-root-picker legend{margin-bottom:8px;padding:0}.chord-explorer-root-picker div{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;max-width:100%;overflow:visible}.chord-explorer-root-picker__group{display:inline-flex;flex:0 0 auto}.chord-explorer-root-picker__group--stacked{display:inline-grid;grid-template-rows:repeat(2,minmax(27px,1fr));overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:7px;background:rgb(var(--color-bg-rgb) / .68);box-shadow:inset 0 1px #ffffff0a}.chord-explorer-root-picker button{flex:0 0 auto;min-width:52px;min-height:54px;border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:7px;padding:10px 12px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .78);cursor:pointer;font:inherit;font-weight:900;font-size:1rem;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.chord-explorer-root-picker__group--stacked button{min-width:58px;min-height:27px;border:0;border-radius:0;padding:3px 10px 4px;background:transparent;font-size:.82rem;line-height:1}.chord-explorer-root-picker__group--stacked button+button{border-top:1px solid rgb(var(--color-text-rgb) / .14)}.chord-explorer-root-picker button.is-natural:not(.is-active){border-color:rgb(var(--color-text-rgb) / .24);background:rgb(var(--color-text-rgb) / .07);font-size:1.06rem}.chord-explorer-root-picker button:hover{border-color:rgb(var(--chord-explorer-picker-accent-rgb) / .62);color:#111723;background:var(--chord-explorer-picker-accent-strong);transform:translateY(-1px)}.chord-explorer-root-picker button.is-active{border-color:rgb(var(--chord-explorer-root-active-rgb) / .86);color:#071018;background:linear-gradient(180deg,var(--chord-explorer-root-active-strong),var(--chord-explorer-root-active));box-shadow:0 0 0 2px rgb(var(--color-bg-rgb) / .72),0 8px 18px rgb(var(--chord-explorer-root-active-rgb) / .26)}.chord-explorer-root-picker__group--stacked button.is-active{box-shadow:inset 0 0 0 1px rgb(var(--color-bg-rgb) / .18)}.chord-explorer-root-picker button:focus-visible,.chord-explorer-quality-select select:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .4);outline-offset:2px}.chord-explorer-quality-select{display:grid;gap:8px;min-width:0}.chord-explorer-quality-select select{appearance:none;width:100%;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:7px;padding:12px 40px 12px 14px;color:var(--color-text);background:linear-gradient(45deg,transparent 50%,currentColor 50%) right 18px center / 7px 7px no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) right 13px center / 7px 7px no-repeat,rgb(var(--color-bg-rgb) / .86);font:inherit;font-weight:850;min-height:48px;box-shadow:inset 0 1px #ffffff0a}.chord-explorer-quality-select select:hover{border-color:rgb(var(--chord-explorer-picker-accent-rgb) / .5);background-color:rgb(var(--color-bg-rgb) / .96)}.chord-explorer-result{grid-column:1 / -1;display:grid;min-width:0;gap:8px;border-top:1px solid rgb(var(--color-text-rgb) / .12);padding-top:10px}.chord-explorer-result__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.chord-explorer-result__head div{display:grid;gap:4px;min-width:0}.chord-explorer-result__head strong{color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.75rem,4.4vw,3rem);font-weight:900;letter-spacing:.02em;line-height:.92}.chord-explorer-result__head small{flex:0 0 auto;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:999px;padding:5px 9px;color:var(--muted);background:rgb(var(--color-bg-rgb) / .58);font-size:.76rem;font-weight:850;text-transform:capitalize}.chord-explorer-theory{display:grid;min-width:0;border-block:1px solid rgb(var(--color-text-rgb) / .1);padding-block:8px}.chord-explorer-theory__facts{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.chord-explorer-theory__fact{display:flex;align-items:baseline;gap:7px;min-width:0;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:999px;padding:5px 9px;background:rgb(var(--color-text-rgb) / .045)}.chord-explorer-theory__fact--root{border-color:rgb(var(--color-accent-rgb) / .3);background:rgb(var(--color-accent-rgb) / .1)}.chord-explorer-theory__fact--root strong{color:var(--gold2)}.chord-explorer-theory__fact strong{min-width:0;color:var(--color-text);font-size:.95rem;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.chord-explorer-summary{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chord-explorer-summary div,.chord-explorer-section,.chord-explorer-knowledge,.chord-explorer-voicings,.chord-explorer-warnings{border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:8px;background:rgb(var(--color-bg-rgb) / .5)}.chord-explorer-summary div{display:grid;min-width:0;gap:7px;padding:12px}.chord-explorer-summary strong{color:var(--color-text);font-size:clamp(1rem,2vw,1.3rem);line-height:1.25;word-break:break-word}.chord-explorer-sections{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.chord-explorer-section{display:grid;min-width:0;gap:8px;padding:10px}.chord-explorer-section>span{color:var(--muted);font-size:.78rem;font-weight:850;line-height:1.25}.chord-explorer-chip-row{display:flex;flex-wrap:wrap;gap:5px}.chord-explorer-chip-row b,.chord-explorer-chip-row em{border-radius:999px;padding:5px 8px;font-size:.8rem;line-height:1}.chord-explorer-chip-row b{color:var(--color-bg);background:var(--gold2)}.chord-explorer-chip-row em{color:var(--muted);background:rgb(var(--color-text-rgb) / .08);font-style:normal}.chord-explorer-knowledge,.chord-explorer-voicings,.chord-explorer-warnings{display:grid;gap:4px;padding:8px 10px}.chord-explorer-knowledge p,.chord-explorer-voicings__empty,.chord-explorer-warnings p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.38}.chord-explorer-warnings{border-color:#ffb84d4d;background:#ffb84d14}.chord-explorer-voicings{gap:7px;border-color:rgb(var(--color-text-rgb) / .06);padding:6px 0 0;background:transparent;--db-diagram-border: transparent;--db-diagram-bg-fill: transparent;--db-chord-grid-bg: transparent;--db-chord-grid-stroke: rgb(var(--color-text-rgb) / .1);--db-diagram-string: rgb(var(--color-text-rgb) / .6);--db-diagram-grid: rgb(var(--color-text-rgb) / .18);--db-diagram-soft: rgb(var(--color-text-rgb) / .26);--db-diagram-strong: var(--color-text);--db-diagram-inlay-fill: rgb(var(--color-text-rgb) / .08);--db-diagram-inlay-stroke: rgb(var(--color-text-rgb) / .12);--db-gold-2: var(--gold2);--db-muted-state: rgb(var(--color-text-rgb) / .34);--db-marker-root-fill: #18b66a;--db-marker-stroke: rgb(var(--color-bg-rgb) / .9);--db-marker-fill: #f28c28;--db-marker-dot-text: #111318;--db-barre-fill: rgb(var(--color-accent-rgb) / .32);--db-barre-stroke: rgb(var(--color-accent-rgb) / .52)}.chord-explorer-voicings__head{display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0}.chord-explorer-voicings__head strong{min-width:0;color:var(--color-text);font-size:1.05rem;line-height:1.2}.chord-explorer-voicings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));gap:10px;align-items:start}.chord-explorer-voicings__grid--secondary{opacity:.82}.chord-explorer-voicings__more{display:grid;gap:8px;border-top:1px solid rgb(var(--color-text-rgb) / .08);padding-top:7px}.chord-explorer-voicings__more summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:850;line-height:1.2;list-style:none}.chord-explorer-voicings__more summary::-webkit-details-marker{display:none}.chord-explorer-voicings__more summary:before{content:"+";display:inline-grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:999px;color:var(--gold2);font-size:.9rem;line-height:1}.chord-explorer-voicings__more[open] summary:before{content:"-"}.chord-explorer-voicings__more summary span{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:800}.chord-explorer-voicings__alternatives{display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px}.chord-explorer-voicing-card.chord-diagram-card{--cdc-card-bg: transparent;--cdc-card-border: transparent;--cdc-diagram-width: 150px;gap:10px;border-radius:8px;padding:12px;transition:border-color .16s ease,background .16s ease}.chord-explorer-voicing-card.chord-diagram-card:hover{border-color:transparent;background:transparent}.chord-explorer-voicing-card--primary.chord-diagram-card{--cdc-card-bg: transparent;--cdc-card-border: transparent;--cdc-diagram-width: 150px}.chord-explorer-voicing-card .chord-diagram-card__fret-label,.chord-explorer-voicing-card .chord-diagram-card__formula,.chord-explorer-voicing-card .chord-diagram-card__badges,.chord-explorer-voicing-card .chord-diagram-card__technical{display:none}@media(max-width:980px){.chord-explorer-panel__topbar{grid-template-columns:minmax(0,1fr);align-items:start}.chord-explorer-panel__controls{grid-template-columns:minmax(0,1fr)}.chord-explorer-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-explorer-voicings__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.chord-explorer-summary,.chord-explorer-sections,.chord-explorer-voicings__alternatives{grid-template-columns:minmax(0,1fr)}.chord-explorer-result__head{display:grid}.chord-explorer-panel__controls{gap:10px;padding:10px}.chord-explorer-quality-select{flex:none;width:100%;min-width:0}.chord-explorer-theory__facts{display:grid;grid-template-columns:minmax(0,1fr)}.chord-explorer-theory__fact{border-radius:8px}.chord-explorer-root-picker button{min-width:46px;min-height:48px;padding-inline:8px}.chord-explorer-root-picker__group--stacked button{min-width:50px;min-height:25px;padding-inline:7px}}.welcome-page{width:min(100%,1180px);margin-inline:auto;color:var(--color-text)}.welcome-hero{position:relative;display:grid;min-height:clamp(230px,28vw,360px);align-items:center;justify-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(28px,5vw,58px) clamp(18px,4vw,44px);background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .044),rgb(var(--color-text-rgb) / .015)),var(--color-surface);box-shadow:var(--shadow-md);isolation:isolate}.welcome-brand-hero:before,.welcome-brand-hero:after{display:none}.welcome-brand-hero{border-color:rgb(var(--color-accent-rgb) / .34);background:radial-gradient(circle at 82% 18%,rgb(var(--color-accent-rgb) / .13),transparent 40%),linear-gradient(180deg,rgb(var(--color-text-rgb) / .044),rgb(var(--color-text-rgb) / .015)),var(--color-surface);box-shadow:0 0 0 1px rgb(var(--color-accent-rgb) / .1) inset,var(--shadow-md)}.welcome-hero__copy{position:relative;z-index:2;display:grid;max-width:min(860px,100%);min-width:0;justify-items:center;text-align:center}.welcome-brand-logo{display:block;width:min(460px,92%);max-height:clamp(120px,18vw,190px);height:auto;margin:0 auto 14px;object-fit:contain}.welcome-brand-logo--fallback{display:grid;width:auto;max-width:100%;min-height:70px;place-items:center;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:var(--radius-md);padding:14px 16px;color:var(--color-bg);background:var(--color-text);font-family:var(--font-display);font-size:1.2rem;font-weight:900;letter-spacing:0;line-height:1.1;overflow-wrap:anywhere;text-align:center}.welcome-brand-wordmark{display:inline-flex;max-width:100%;flex-wrap:nowrap;margin:.12em 0 0;color:var(--color-text);font-family:var(--font-display);font-size:clamp(2.2rem,5.3vw,4.35rem);font-weight:900;letter-spacing:0;line-height:.98;overflow-wrap:normal;text-wrap:nowrap;text-transform:none;white-space:nowrap}.welcome-brand-wordmark .brand-wordmark__guitar{color:var(--color-accent)}.welcome-brand-claim{max-width:100%;margin:10px 0 0;color:var(--color-text);font-family:var(--font-display);font-size:.9rem;font-weight:800;letter-spacing:.16em;line-height:1.35;overflow-wrap:anywhere;text-transform:uppercase}.welcome-section{gap:clamp(16px,2.4vw,24px)}.welcome-section__head{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:18px}.welcome-section__head>span{max-width:100%;color:var(--color-accent-2);font-family:var(--font-display);font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.welcome-section__head h2{max-width:100%;margin:0;color:var(--color-text);font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2.25rem);font-weight:800;letter-spacing:0;line-height:1.08;overflow-wrap:anywhere}.welcome-feature-card,.welcome-command-item,.welcome-section-link,.welcome-current-card,.welcome-practice-row,.welcome-feed-item,.welcome-article-card{appearance:none;border:0;color:inherit;font:inherit;text-align:left}.welcome-feature-card,.welcome-current-card,.welcome-feed-item,.welcome-article-card{background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .045),rgb(var(--color-text-rgb) / .018)),var(--color-surface-raised);box-shadow:var(--shadow-md);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.welcome-feature-card--clickable,.welcome-command-item,.welcome-current-card--clickable,.welcome-practice-card--clickable,.welcome-feed-item--clickable,.welcome-article-card--clickable{cursor:pointer}.welcome-feature-card--clickable:hover,.welcome-current-card--clickable:hover,.welcome-feed-item--clickable:hover,.welcome-article-card--clickable:hover{background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .064),rgb(var(--color-text-rgb) / .024)),var(--color-surface-raised);border-color:rgb(var(--color-accent-rgb) / .5);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.welcome-feature-card:focus-visible,.welcome-command-item:focus-visible,.welcome-section-link:focus-visible,.welcome-current-card:focus-visible,.welcome-practice-row:focus-visible,.welcome-feed-item:focus-visible,.welcome-article-card:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .55);outline-offset:3px}.welcome-section-link{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:var(--radius-sm);padding:8px 11px;color:var(--color-text);background:var(--color-surface);font-family:var(--font-display);font-size:.82rem;font-weight:800;line-height:1.1;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.welcome-section-link:hover{border-color:rgb(var(--color-accent-rgb) / .5);background:rgb(var(--color-accent-rgb) / .12);transform:translateY(-1px)}.welcome-section-link svg{width:15px;height:15px;color:var(--color-accent)}.welcome-feature-card--planned,.welcome-article-card--planned{opacity:.86}.welcome-feature-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);grid-auto-flow:dense;gap:clamp(12px,1.9vw,18px);min-width:0}.welcome-feature-card{display:grid;min-height:142px;overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / .11);border-radius:var(--radius-md);padding:0}.welcome-feature-card--lead{grid-row:span 4;min-height:clamp(420px,48vw,620px)}.welcome-feature-card:not(.welcome-feature-card--lead){grid-column:2;grid-template-columns:minmax(116px,34%) minmax(0,1fr)}.welcome-card-visual,.welcome-article-card__visual,.welcome-feed-item__visual{position:relative;display:grid;min-width:0;overflow:hidden;place-items:center;background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .18),transparent 36%),linear-gradient(135deg,var(--color-surface-raised),var(--color-surface))}.welcome-card-visual,.welcome-article-card__visual{aspect-ratio:16 / 9;min-height:clamp(154px,17vw,232px);border-radius:0}.welcome-feature-card--lead .welcome-card-visual{min-height:clamp(250px,30vw,380px)}.welcome-feature-card:not(.welcome-feature-card--lead) .welcome-card-visual{height:100%;min-height:0;aspect-ratio:auto}.welcome-card-visual img,.welcome-article-card__visual img,.welcome-feed-item__visual img{display:block;width:100%;height:100%;object-fit:var(--image-fit, cover);object-position:var(--image-focus, center 34%)}.welcome-card-visual--card-graphic img,.welcome-card-visual--infographic img,.welcome-card-visual--diagram img,.welcome-card-visual--icon img,.welcome-card-visual--graphic img,.welcome-article-card__visual--card-graphic img,.welcome-article-card__visual--infographic img,.welcome-article-card__visual--diagram img,.welcome-article-card__visual--icon img,.welcome-article-card__visual--graphic img,.welcome-feed-item__visual--card-graphic img,.welcome-feed-item__visual--infographic img,.welcome-feed-item__visual--diagram img,.welcome-feed-item__visual--icon img,.welcome-feed-item__visual--graphic img{box-sizing:border-box;padding:clamp(6px,2vw,12px);object-fit:contain;object-position:center center}.welcome-card-visual svg,.welcome-article-card__visual svg,.welcome-feed-item__visual svg{width:clamp(30px,5vw,46px);height:clamp(30px,5vw,46px);color:var(--color-accent)}.welcome-feature-card__body,.welcome-article-card__body,.welcome-feed-item__body{display:flex;min-width:0;flex-direction:column;gap:8px;padding:clamp(13px,1.8vw,18px)}.welcome-feature-card--lead .welcome-feature-card__body{gap:10px;padding:clamp(18px,2.5vw,28px)}.welcome-card-title{display:block;max-width:100%;margin:0;color:var(--color-text);font-family:var(--font-display);font-size:clamp(1.02rem,1.45vw,1.24rem);font-weight:780;letter-spacing:0;line-height:1.12;overflow-wrap:anywhere}.welcome-feature-card--lead .welcome-card-title{font-size:clamp(1.72rem,3.4vw,3.05rem);font-weight:850;line-height:1.03}.welcome-card-text{display:block;max-width:62ch;margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.42;overflow-wrap:break-word}.welcome-feature-card--lead .welcome-card-text{font-size:clamp(.95rem,1.35vw,1.06rem)}.welcome-section--quick{margin-block:clamp(2px,1vw,8px)}.welcome-section--quick .welcome-section__head{display:grid;justify-content:start;gap:4px}.welcome-command-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:8px;background:linear-gradient(180deg,rgb(var(--color-accent-rgb) / .1),rgb(var(--color-text-rgb) / .018)),var(--color-surface);box-shadow:var(--shadow-sm)}.welcome-command-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;min-height:58px;align-items:center;gap:9px;border-radius:var(--radius-sm);padding:10px 11px;background:transparent;transition:background .16s ease,color .16s ease,transform .16s ease}.welcome-command-item:hover{color:var(--color-text);background:rgb(var(--color-accent-rgb) / .13);transform:translateY(-1px)}.welcome-command-item__icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;color:var(--color-accent)}.welcome-command-item__icon svg{width:30px;height:30px}.welcome-command-item__icon-img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .28))}.welcome-command-item__label{min-width:0;color:var(--color-text);font-family:var(--font-display);font-size:.88rem;font-weight:780;line-height:1.1;overflow-wrap:anywhere}.welcome-command-item__arrow,.welcome-practice-row__arrow{width:16px;height:16px;color:var(--color-text-muted);transition:color .16s ease,transform .16s ease}.welcome-command-item:hover .welcome-command-item__arrow,.welcome-practice-row:hover .welcome-practice-row__arrow{color:var(--color-accent);transform:translate(2px)}.welcome-current-section{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:var(--radius-md);padding:clamp(16px,2.4vw,24px);background:linear-gradient(180deg,rgb(var(--color-accent-rgb) / .08),rgb(var(--color-text-rgb) / .014)),var(--color-surface);box-shadow:var(--shadow-sm)}.welcome-current-head{display:grid;justify-content:start;gap:4px}.welcome-current-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,14px)}.welcome-current-card{display:grid;align-content:start;gap:9px;min-height:190px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:clamp(14px,2vw,18px)}.welcome-current-card__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.welcome-current-card__meta time{color:var(--color-text-muted);font-family:var(--font-display);font-size:.72rem;font-weight:760;line-height:1.2}.welcome-current-card__tags{display:flex;min-width:0;flex-wrap:wrap;gap:6px;margin-top:2px}.welcome-current-card__tags span{border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:var(--radius-pill);padding:4px 8px;color:var(--color-text-muted);font-size:.72rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.welcome-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(18px,2.8vw,28px);align-items:start}.welcome-split>.welcome-section{min-width:0}.welcome-practice-list{display:grid;min-width:0;overflow:hidden;border-block:1px solid rgb(var(--color-text-rgb) / .11)}.welcome-practice-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;min-width:0;align-items:center;gap:12px;border-radius:0;padding:13px 4px;background:transparent;transition:background .16s ease,transform .16s ease}.welcome-practice-row+.welcome-practice-row{border-top:1px solid rgb(var(--color-text-rgb) / .09)}.welcome-practice-row:hover{background:rgb(var(--color-accent-rgb) / .08);transform:translate(2px)}.welcome-practice-row__index{width:2.5ch;color:var(--color-accent-2);font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.04em;line-height:1}.welcome-practice-row__visual{display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-sm);background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .16),transparent 36%),var(--color-surface-raised)}.welcome-practice-row__visual--light{padding:4px;background:var(--color-text)}.welcome-practice-row__visual img{display:block;width:100%;height:100%;object-fit:var(--image-fit, cover);object-position:var(--image-focus, center 38%)}.welcome-practice-row__visual--card-graphic img,.welcome-practice-row__visual--infographic img,.welcome-practice-row__visual--diagram img,.welcome-practice-row__visual--icon img,.welcome-practice-row__visual--graphic img{box-sizing:border-box;padding:3px;object-fit:contain;object-position:center center}.welcome-practice-row__visual svg{width:22px;height:22px;color:var(--color-accent)}.welcome-practice-row__body{display:grid;min-width:0;gap:4px}.welcome-practice-row .welcome-card-title{font-size:clamp(.96rem,1.35vw,1.12rem)}.welcome-practice-row__focus{color:var(--color-text-muted);font-size:.78rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.welcome-practice-row__duration{display:inline-flex;align-items:center;justify-content:end;gap:5px;color:var(--color-text-muted);font-family:var(--font-display);font-size:.78rem;font-weight:800;white-space:nowrap}.welcome-practice-row__duration svg{width:14px;height:14px;color:var(--color-accent-2)}.welcome-practice-signature{display:grid;min-height:clamp(210px,24vw,330px);align-content:center;justify-items:center;gap:10px;padding:clamp(54px,7vw,96px) 16px clamp(18px,2.6vw,34px);color:var(--color-text);text-align:center}.welcome-practice-signature__logo{display:block;width:min(126px,42%);max-height:126px;object-fit:contain;opacity:.72;filter:drop-shadow(0 18px 28px rgb(0 0 0 / .35))}.welcome-practice-signature__wordmark{display:inline-flex;max-width:100%;flex-wrap:wrap;justify-content:center;gap:0;font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2.35rem);font-weight:900;letter-spacing:0;line-height:.98;overflow-wrap:anywhere}.welcome-practice-signature__wordmark span:nth-child(2){color:var(--color-accent)}.welcome-practice-signature__claim{color:var(--color-text-muted);font-family:var(--font-display);font-size:.68rem;font-weight:850;letter-spacing:.16em;line-height:1.35;text-transform:uppercase}.welcome-feed-list{display:grid;min-width:0;gap:10px}.welcome-feed-item{display:grid;grid-template-columns:minmax(108px,30%) minmax(0,1fr);min-height:132px;overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:0}.welcome-feed-item--lead{grid-template-columns:minmax(0,1fr)}.welcome-feed-item__visual{width:100%;height:100%;min-height:0;border-radius:0}.welcome-feed-item--lead .welcome-feed-item__visual{aspect-ratio:16 / 8;min-height:190px}.welcome-feed-item--bottlenecks.welcome-feed-item--lead .welcome-feed-item__visual{aspect-ratio:16 / 9;min-height:clamp(230px,24vw,320px)}.welcome-feed-item--bottlenecks.welcome-feed-item--lead .welcome-feed-item__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;padding:0}.welcome-feed-item:not(.welcome-feed-item--lead) .welcome-feed-item__visual{border-right:1px solid rgb(var(--color-text-rgb) / .08)}.welcome-feed-item--lead .welcome-card-title{font-size:clamp(1.2rem,2vw,1.6rem)}.welcome-card-label{display:block;width:fit-content;max-width:100%;color:var(--color-accent-2);font-family:var(--font-display);font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.welcome-lexicon-section{border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:clamp(16px,2.6vw,24px);background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .035),rgb(var(--color-text-rgb) / .012)),var(--color-surface);box-shadow:var(--shadow-sm)}.welcome-lexicon-head{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:end}.welcome-lexicon-lead{max-width:760px;margin:-6px 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.52;overflow-wrap:break-word}.welcome-lexicon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.welcome-lexicon-card{display:grid;align-content:start;gap:9px;min-height:220px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:clamp(14px,2vw,18px);background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .045),rgb(var(--color-text-rgb) / .018)),var(--color-surface-raised);box-shadow:var(--shadow-sm)}.welcome-lexicon-card__meta{display:flex;min-width:0;flex-wrap:wrap;gap:6px;margin-top:2px}.welcome-lexicon-card__meta span{border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:var(--radius-pill);padding:4px 8px;color:var(--color-text-muted);font-size:.74rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.welcome-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.8vw,16px);min-width:0}.welcome-article-card{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100%;overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--radius-md);padding:0}.welcome-article-card__visual{min-height:clamp(160px,18vw,230px)}@media(max-width:1080px){.welcome-feature-grid,.welcome-split{grid-template-columns:minmax(0,1fr)}.welcome-feature-card--lead,.welcome-feature-card:not(.welcome-feature-card--lead){grid-column:auto;grid-row:auto}.welcome-feature-card:not(.welcome-feature-card--lead){grid-template-columns:minmax(126px,30%) minmax(0,1fr)}.welcome-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-current-grid,.welcome-lexicon-grid,.welcome-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.welcome-brand-wordmark{flex-wrap:wrap;justify-content:center;font-size:clamp(1.55rem,7.9vw,2.45rem);text-wrap:balance;white-space:normal}.welcome-brand-logo{width:min(340px,94%);max-height:142px}.welcome-hero{min-height:250px;padding:26px 18px}.welcome-section{gap:14px}.welcome-section__head{display:grid;justify-content:start}.welcome-lexicon-head{grid-template-columns:minmax(0,1fr)}.welcome-feature-card--lead{min-height:0}.welcome-feature-card:not(.welcome-feature-card--lead),.welcome-feed-item{grid-template-columns:minmax(0,1fr)}.welcome-feature-card:not(.welcome-feature-card--lead) .welcome-card-visual,.welcome-feed-item__visual{aspect-ratio:16 / 9;min-height:170px}.welcome-card-visual,.welcome-article-card__visual{min-height:190px}.welcome-command-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.welcome-command-item{grid-template-columns:auto minmax(0,1fr);min-height:62px}.welcome-command-item__arrow{display:none}.welcome-practice-row{grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;padding:13px 2px}.welcome-practice-row__arrow{display:none}.welcome-practice-row__duration{align-self:start;padding-top:2px}.welcome-feed-item:not(.welcome-feed-item--lead) .welcome-feed-item__visual{border-right:0;border-bottom:1px solid rgb(var(--color-text-rgb) / .08)}.welcome-article-grid,.welcome-current-grid,.welcome-lexicon-grid{grid-template-columns:minmax(0,1fr)}.welcome-card-visual img,.welcome-article-card__visual img,.welcome-feed-item__visual img{object-position:var(--image-focus-mobile, var(--image-focus, center 30%))}}@container main (max-width: 620px){.welcome-page{gap:18px}}:root{--color-bg: #070b13;--color-surface: #101827;--color-surface-raised: #162033;--color-text: #f8fafc;--color-text-muted: #a7b0c0;--color-border: rgba(255, 255, 255, .14);--color-accent: #ff6a00;--color-accent-2: #ff2e63;--color-danger: #d75945;--color-success: #42d692;--color-focus: #ff8a2b;--color-bg-rgb: 7 11 19;--color-surface-rgb: 16 24 39;--color-surface-raised-rgb: 22 32 51;--color-accent-rgb: 255 106 0;--color-accent-2-rgb: 255 46 99;--color-text-rgb: 248 250 252;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-ui);--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 8px 20px rgba(0, 0, 0, .18);--shadow-md: 0 18px 48px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--public-page-bg: var(--color-bg);--public-app-bg: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 52%, #05070c 100%);--public-module-bg: rgb(var(--color-bg-rgb) / .72);--public-surface-base: color-mix(in srgb, var(--color-surface) 82%, var(--color-bg));--public-surface-raised: color-mix(in srgb, var(--color-surface-raised) 88%, var(--color-bg));--public-surface-inset: rgb(var(--color-bg-rgb) / .58);--public-panel-bg: linear-gradient(180deg, rgb(var(--color-text-rgb) / .045), rgb(var(--color-bg-rgb) / .16)), var(--public-module-bg);--public-card-bg: linear-gradient(180deg, rgb(var(--color-text-rgb) / .035), rgb(var(--color-bg-rgb) / .12)), rgb(var(--color-bg-rgb) / .68);--public-card-bg-hover: linear-gradient(180deg, rgb(var(--color-text-rgb) / .055), rgb(var(--color-bg-rgb) / .1)), rgb(var(--color-bg-rgb) / .78);--public-border-subtle: rgb(var(--color-text-rgb) / .12);--public-border-strong: rgb(var(--color-accent-rgb) / .32);--public-text-primary: var(--color-text);--public-text-secondary: rgb(var(--color-text-rgb) / .78);--public-text-muted: var(--color-text-muted);--public-text-inverse: var(--color-bg);--public-accent-orange: var(--color-accent);--public-accent-orange-soft: rgb(var(--color-accent-rgb) / .14);--public-focus-ring: 0 0 0 3px rgb(var(--color-accent-rgb) / .38);--public-radius-card: var(--radius-md);--public-radius-panel: var(--radius-md);--public-radius-control: var(--radius-sm);--public-shadow-panel: var(--shadow-md);--public-shadow-card: 0 16px 42px rgb(0 0 0 / .18);--public-space-1: var(--space-1);--public-space-2: var(--space-2);--public-space-3: var(--space-3);--public-space-4: var(--space-4);--public-space-5: var(--space-5);--public-space-6: var(--space-6);--public-space-7: var(--space-7);--public-space-8: var(--space-8);--music-root: #55d27c;--music-root-strong: #35b14c;--music-root-soft: rgb(85 210 124 / .16);--music-third: #e2b45f;--music-fifth: #7ea7cf;--music-seventh: #df8540;--music-tension: #be6870;--music-muted-note: rgb(var(--color-text-rgb) / .44);--music-diagram-bg: rgb(var(--color-text-rgb) / .96);--music-diagram-grid: rgb(var(--color-bg-rgb) / .58);--music-diagram-string: rgb(var(--color-bg-rgb) / .86);--music-diagram-marker: var(--public-accent-orange);--surface-gradient-brand: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .12));--brand-name: "LocalGuitarHero";--brand-claim: "Learn · Play · Inspire";--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: var(--color-bg);--brand-slate: var(--color-text-muted);--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display);--bg: var(--color-bg);--bg2: var(--brand-navy);--panel: color-mix(in srgb, var(--color-surface) 80%, transparent);--panel2: color-mix(in srgb, var(--color-bg) 78%, transparent);--cream: var(--color-text);--muted: var(--color-text-muted);--color-muted: var(--color-text-muted);--gold: var(--color-accent);--gold2: var(--color-accent-2);--line: var(--color-border);--shadow: var(--shadow-lg);--radius: var(--radius-md)}:root[data-theme=local-guitar-hero]{--brand-name: "LocalGuitarHero";--brand-claim: "Learn · Play · Inspire";--color-bg: #070b13;--color-surface: #101827;--color-surface-raised: #162033;--color-text: #f8fafc;--color-text-muted: #a7b0c0;--color-border: rgb(var(--color-text-rgb) / .12);--color-accent: #ff6a00;--color-accent-2: #ff2e63;--color-focus: #ff8a2b;--color-bg-rgb: 7 11 19;--color-surface-rgb: 16 24 39;--color-surface-raised-rgb: 22 32 51;--color-accent-rgb: 255 106 0;--color-accent-2-rgb: 255 46 99;--color-text-rgb: 248 250 252;--font-display: "Montserrat", var(--font-ui);--shadow-lg: 0 22px 70px rgba(0, 0, 0, .34);--radius-md: 8px;--surface-gradient-brand: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%);--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .12));--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: #0d1321;--brand-slate: #374151;--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display)}:root[data-theme=guitar-magazine]{--brand-name: "LocalGuitarHero";--brand-claim: "Learn · Play · Inspire";--color-bg: #0d0a07;--color-surface: #17120d;--color-surface-raised: #221a12;--color-text: #f7f0e7;--color-text-muted: #c9b99e;--color-border: rgba(226, 160, 78, .24);--color-accent: #d99b43;--color-accent-2: #77aa9c;--color-focus: #f0c16f;--color-bg-rgb: 13 10 7;--color-surface-rgb: 23 18 13;--color-surface-raised-rgb: 34 26 18;--color-accent-rgb: 217 155 67;--color-accent-2-rgb: 119 170 156;--color-text-rgb: 247 240 231;--font-display: Georgia, "Times New Roman", serif;--shadow-lg: 0 24px 70px rgba(0, 0, 0, .36);--radius-md: 8px;--surface-gradient-brand: linear-gradient(135deg, #d99b43, #77aa9c);--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .1));--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: #18110b;--brand-slate: #5f5345;--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display)}.public-module-shell{display:grid;min-width:0;max-width:100%;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-7));color:var(--public-text-primary)}.public-module-header{display:grid;min-width:0;gap:var(--public-space-3);border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);padding:clamp(var(--public-space-4),2.4vw,var(--public-space-7));background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.public-module-kicker{max-width:100%;color:var(--public-accent-orange);font-size:.76rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.public-module-title{max-width:920px;margin:0;color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(2rem,4.8vw,3.8rem);font-weight:900;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.public-module-subtitle{max-width:760px;margin:0;color:var(--public-text-secondary);font-size:1rem;line-height:1.55;overflow-wrap:break-word}.public-panel,.public-card{min-width:0;max-width:100%;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);color:var(--public-text-primary);overflow-wrap:break-word}.public-panel{padding:clamp(var(--public-space-4),2vw,var(--public-space-6));background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.public-card{padding:clamp(var(--public-space-3),1.7vw,var(--public-space-5));background:var(--public-card-bg);box-shadow:var(--public-shadow-card)}.public-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--public-space-3),1.8vw,var(--public-space-5));min-width:0}.public-pill{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:28px;border:1px solid var(--public-border-subtle);border-radius:var(--radius-pill);padding:5px 10px;color:var(--public-text-muted);background:rgb(var(--color-text-rgb) / .045);font-size:.78rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.public-button-primary,.public-button-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;border-radius:var(--public-radius-control);padding:9px 13px;font:inherit;font-size:.9rem;font-weight:850;line-height:1.15;cursor:pointer;overflow-wrap:anywhere}.public-button-primary{border:1px solid rgb(var(--color-accent-rgb) / .7);color:var(--public-text-inverse);background:var(--public-accent-orange)}.public-button-secondary{border:1px solid var(--public-border-subtle);color:var(--public-text-primary);background:rgb(var(--color-text-rgb) / .055)}.public-button-primary:focus-visible,.public-button-secondary:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}@media(max-width:920px){.public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.public-card-grid{grid-template-columns:minmax(0,1fr)}}:root{--bg: var(--color-bg);--bg2: var(--brand-navy);--panel: color-mix(in srgb, var(--color-surface) 80%, transparent);--panel2: color-mix(in srgb, var(--color-bg) 78%, transparent);--cream: var(--color-text);--muted: var(--color-text-muted);--soft: #7d8797;--gold: var(--color-accent);--gold2: var(--color-accent-2);--line: var(--color-border);--white-line: rgb(var(--color-text-rgb) / .76);--danger: var(--color-danger);--shadow: var(--shadow-lg);--radius: var(--radius-md);--content-max-width: 1320px;--sidebar: 336px;--topbar: 64px;font-family:var(--font-brand)}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream)}img,svg,video,canvas{max-width:100%}img,video{height:auto}body{background:radial-gradient(circle at 74% 0%,rgb(var(--color-accent-2-rgb) / .1),transparent 32rem),radial-gradient(circle at 12% 16%,rgb(var(--color-accent-rgb) / .09),transparent 20rem),linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 42%,#05070c 100%)}button,input,select{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,var(--sidebar));max-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:18px 14px;background:radial-gradient(circle at 12% 0%,rgb(var(--color-accent-rgb) / .07),transparent 18rem),radial-gradient(circle at 100% 12%,rgb(var(--color-accent-2-rgb) / .06),transparent 18rem),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 78%,var(--color-bg)),var(--color-bg));border-right:1px solid var(--brand-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #00000073;z-index:30}body.drawer-open .sidebar{transform:translate(0)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px 12px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:radial-gradient(circle at 86% 22%,rgb(var(--color-accent-rgb) / .14),transparent 42%),linear-gradient(135deg,rgb(var(--color-text-rgb) / .055),rgb(var(--color-accent-2-rgb) / .045)),color-mix(in srgb,var(--color-surface-raised) 78%,var(--color-bg));box-shadow:0 18px 36px #00000038;margin-bottom:16px;overflow:hidden}.sidebar-brand-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.sidebar-brand-title{display:flex;align-items:baseline;justify-content:center;max-width:100%;color:var(--brand-text);font-family:var(--font-brand);font-size:1.18rem;font-weight:900;letter-spacing:0;line-height:1;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:initial;flex-wrap:wrap}.sidebar-brand-accent{color:var(--brand-orange)}.sidebar-brand-tagline{display:block;width:100%;margin-top:5px;color:rgb(var(--color-text-rgb) / .88);font-size:.54rem;font-weight:850;letter-spacing:.12em;line-height:1.15;text-align:center;text-transform:uppercase;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:initial}.sidebar-brand-logo{flex:0 0 auto;width:76px;height:76px;display:block;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}@media(max-width:520px){.sidebar-brand{gap:9px;padding:12px 10px}.sidebar-brand-title{font-size:1.02rem}.sidebar-brand-tagline{font-size:.48rem;letter-spacing:.1em}.sidebar-brand-logo{width:66px;height:66px}}@media(max-width:380px){.sidebar-brand{gap:8px;padding-inline:9px}.sidebar-brand-title{font-size:.94rem}.sidebar-brand-logo{width:60px;height:60px}}.brand-wordmark{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0;max-width:100%;color:var(--brand-text);font-family:var(--font-brand);font-weight:900;line-height:.96;white-space:normal;word-break:normal;overflow-wrap:break-word}.brand-wordmark__guitar{color:var(--brand-orange)}.brand-wordmark--nav{font-size:1rem;line-height:1}.brand-claim{display:block;max-width:100%;overflow:visible;overflow-wrap:anywhere;text-overflow:initial;white-space:normal}.brand-claim{color:var(--brand-light);font-size:.44rem;font-weight:850;letter-spacing:.13em;text-align:center}.module-loading{min-height:min(42vh,360px);display:grid;place-items:center;color:var(--muted);font-weight:850}.nav-group{margin:14px 0 18px}.nav-title{color:var(--soft);font-weight:900;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;margin:0 10px 8px}.nav-section{margin:12px 0 14px}.nav-folder-toggle{width:calc(100% - 20px);border:0;display:flex;align-items:center;gap:7px;background:transparent;cursor:pointer;text-align:left}.nav-section-title{color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.07em;margin:0 10px 7px;padding:4px 0;text-transform:uppercase}.nav-folder-toggle:hover{color:var(--cream)}.nav-folder-toggle:focus-visible,.nav-btn:focus-visible,.nav-chapter-btn:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .5);outline-offset:2px}.nav-subgroup{margin:8px 0 10px}.nav-subtitle{color:var(--soft);font-size:.72rem;font-weight:900;margin:0 10px 4px 47px;padding:3px 0;text-transform:uppercase}.nav-item-block{display:grid;gap:4px}.nav-btn{width:100%;min-width:0;border:0;color:var(--cream);background:transparent;padding:10px;border-radius:var(--brand-radius-card);text-align:left;display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;cursor:pointer}.nav-btn>span{min-width:0}.nav-btn>span:not(.nav-ico):not(.nav-count){overflow-wrap:break-word}.nav-btn:hover{background:rgb(var(--color-text-rgb) / .055)}.nav-btn.active{background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .12),rgb(var(--color-accent-2-rgb) / .08)),color-mix(in srgb,var(--color-surface-raised) 62%,transparent);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .28)}.nav-btn .nav-ico{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--gold2);font-size:1.08rem}.nav-ico-img{display:block;width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.nav-btn .nav-count{color:var(--soft);font-size:.78rem}.nav-chapter-list{display:grid;gap:2px;margin:0 8px 8px 47px}.nav-chapter-btn{border:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;border-radius:8px;padding:6px 8px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.nav-chapter-btn:hover{color:var(--cream);background:#ffffff0b}.nav-chapter-btn span{color:var(--gold2);font-size:.72rem;font-weight:950}.nav-chapter-btn strong{font-size:.82rem;font-weight:850}.main{min-width:0;max-width:100%;container:main / inline-size}.topbar{position:sticky;top:0;height:var(--topbar);display:flex;align-items:center;gap:12px;padding:10px clamp(16px,3vw,32px);background:color-mix(in srgb,var(--color-bg) 76%,transparent);border-bottom:1px solid var(--brand-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.menu-toggle{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;color:var(--cream);background:transparent;border-radius:999px;cursor:pointer;overflow:visible;padding:0;filter:drop-shadow(0 0 2px rgb(var(--color-accent-rgb) / .18)) drop-shadow(0 0 5px rgba(255,46,99,.1));animation:menu-pick-pulse 3.4s ease-in-out infinite}.menu-toggle img{display:block;width:32px;height:32px;object-fit:contain;object-position:center;border-radius:0;pointer-events:none}@keyframes menu-pick-pulse{0%,to{filter:drop-shadow(0 0 1px rgb(var(--color-accent-rgb) / .18)) drop-shadow(0 0 4px rgba(255,46,99,.08));transform:scale(1)}50%{filter:drop-shadow(0 0 2px rgb(var(--color-accent-rgb) / .4)) drop-shadow(0 0 8px rgba(255,46,99,.18));transform:scale(1.035)}}.search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;max-width:700px;padding:10px 13px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:#101827b8}.search input{width:100%;border:0;outline:0;color:var(--cream);background:transparent}.search input::placeholder{color:var(--soft)}.stage{width:min(100%,var(--content-max-width, 1320px));min-width:0;max-width:var(--content-max-width, 1320px);padding:clamp(16px,3vw,34px);margin-inline:auto}.stage:has(.lesson-editor){width:100%;max-width:none;padding-inline:clamp(12px,1.8vw,24px)}.module-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px;min-width:0}.module-head h2{margin:0;font-family:var(--font-brand);font-size:clamp(2.2rem,5vw,4.8rem);line-height:.9;text-transform:uppercase;letter-spacing:.015em;overflow-wrap:anywhere}.module-head p{margin:.35rem 0 0;color:var(--muted);max-width:620px;line-height:1.5;overflow-wrap:break-word}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{max-width:100%;border:1px solid rgb(var(--color-accent-rgb) / .28);background:rgb(var(--color-accent-rgb) / .1);color:var(--cream);padding:7px 10px;border-radius:999px;font-weight:800;font-size:.82rem;overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:22px;align-items:start;min-width:0}.magazine-card{overflow:hidden;border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:radial-gradient(circle at 76% 4%,rgb(var(--color-accent-2-rgb) / .13),transparent 27rem),linear-gradient(180deg,#ffffff0b,#ffffff04),#101827d1;box-shadow:var(--shadow)}.hero{position:relative;min-height:clamp(430px,46vw,650px);padding:clamp(22px,4vw,50px);display:grid;align-items:end;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:var(--hero-zoom-desktop, cover);background-position:var(--focus-x) var(--focus-y);filter:brightness(1.12) contrast(1.03) saturate(1.02);z-index:0}.hero.no-photo:before{background:radial-gradient(circle at var(--focus-x) var(--focus-y),rgb(var(--color-accent-rgb) / .3),transparent 16rem),linear-gradient(135deg,var(--color-surface),var(--color-bg) 60%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .06),rgb(var(--color-bg-rgb) / .05) 42%,rgb(var(--color-bg-rgb) / .46) 78%,rgb(var(--color-bg-rgb) / .72)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .02) 58%,rgb(var(--color-bg-rgb) / .74));z-index:1}.hero-title{position:relative;z-index:2;max-width:720px;min-width:0;margin-left:auto;text-align:right}.hero-title h1{margin:0;color:var(--color-text);font-family:var(--font-brand);max-width:100%;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.84;letter-spacing:.02em;overflow-wrap:break-word;text-shadow:0 16px 36px rgba(0,0,0,.46)}.hero-title p{margin:10px 0 0;color:var(--gold2);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.86rem,1.5vw,1.12rem);overflow-wrap:anywhere}.infographic-body{padding:clamp(18px,3vw,38px);display:grid;gap:28px}.top-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr) minmax(260px,.9fr);gap:22px;align-items:start}.bottom-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr) minmax(280px,1fr);gap:22px;align-items:start}.section-label{display:inline-block;width:fit-content;max-width:100%;margin-bottom:14px;padding:8px 16px 7px;color:#fff;background:var(--brand-gradient);font-weight:950;letter-spacing:.035em;text-transform:uppercase;font-size:.88rem;line-height:1.15;overflow-wrap:anywhere;white-space:normal;clip-path:polygon(4% 0,100% 6%,94% 50%,100% 94%,0 100%,5% 50%)}.nowrap-token{white-space:nowrap}.panel{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);padding:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--brand-surface);box-shadow:0 16px 45px #00000038}.panel-spaced{margin-top:12px}.alphatab-viewer{min-width:0;margin:0 0 22px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff04),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.alphatab-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px 18px 12px}.alphatab-head .section-label{margin-bottom:10px}.alphatab-head h3{margin:0;font-size:clamp(1.3rem,3vw,2rem);line-height:1.05}.alphatab-head p{margin:6px 0 0;color:var(--muted)}.alphatab-status{flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:999px;padding:7px 11px;color:var(--cream);background:rgb(var(--color-accent-rgb) / .1);font-size:.8rem;font-weight:900}.alphatab-status[data-status=error]{border-color:rgb(var(--color-accent-rgb) / .46);background:rgb(var(--color-accent-rgb) / .14)}.alphatab-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 18px 16px}.alphatab-toolbar button{border:1px solid rgb(var(--color-accent-rgb) / .35);border-radius:14px;padding:9px 14px;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold));cursor:pointer;font-weight:950}.alphatab-toolbar button:disabled,.alphatab-tempo input:disabled{cursor:not-allowed;opacity:.52}.alphatab-tempo{min-width:min(100%,280px);display:grid;grid-template-columns:auto minmax(120px,1fr) 48px;align-items:center;gap:9px;color:var(--muted);font-size:.9rem;font-weight:800}.alphatab-tempo input{width:100%;accent-color:var(--gold2)}.alphatab-tempo strong{color:var(--cream);text-align:right}.alphatab-stage{min-width:0;width:100%;height:var(--alphatab-height, 520px);overflow:visible;border-top:1px solid rgb(var(--color-accent-rgb) / .18);background:var(--color-text)}.alphatab-surface{min-width:660px;min-height:0;color:var(--color-bg);background:var(--color-text)}.alphatab-viewer-responsive .alphatab-surface{max-width:100%;min-width:0;overflow:visible}.alphatab-viewer-responsive .at-surface{max-width:100%}.alphatab-surface .at-surface{overflow:visible!important}.alphatab-surface .at-cursors{z-index:6!important;pointer-events:none!important}.alphatab-surface .at-surface>div:not(.at-cursors){position:relative;z-index:1!important}.alphatab-surface .at-cursor-bar{display:none}.alphatab-surface .at-cursor-beat{border-radius:2px;background:#16a34a;outline:1px solid rgb(var(--color-text-rgb) / .95);box-shadow:0 0 0 1px #15803d2e,0 0 14px rgb(var(--color-accent-2-rgb) / .72);opacity:1;will-change:transform}.alphatab-surface .alphatab-steady-beat-cursor{position:absolute;left:0;top:0;z-index:4;border-radius:999px;background:#16a34a;box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .95),0 0 14px rgb(var(--color-accent-2-rgb) / .72);opacity:1;pointer-events:none;transform-origin:left top;will-change:transform}.alphatab-surface .at-surface text{fill:currentColor}.alphatab-surface .at-surface>div:last-child text{fill:var(--color-text)}.alphatab-message{margin:16px;border:1px solid rgb(var(--color-accent-rgb) / .38);border-radius:14px;padding:12px 14px;color:var(--color-text);background:#541a14db}.diagram-wrap{text-align:center}.strings,.open-row{width:min(100%,300px);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);text-align:center;font-weight:900}.strings{color:var(--cream);letter-spacing:.05em}.open-row{margin-top:5px;font-size:1.4rem;color:var(--color-text)}.diagram-svg{width:min(100%,330px);height:auto;overflow:visible}.fretboard-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .96));box-shadow:inset 0 0 0 1px #ffffff09}.fretboard-svg{display:block;min-width:900px;width:100%;height:auto;overflow:visible}.fretboard-svg.vertical{min-width:0;width:min(100%,330px)}.fretboard-title{fill:var(--cream);font-size:22px;font-weight:950;letter-spacing:.03em}.fretboard-open-label,.fretboard-number,.fretboard-tuning{font-family:var(--font-brand);font-weight:900}.fretboard-open-label,.fretboard-number{font-size:16px}.fretboard-number{fill:var(--color-accent);text-shadow:0 0 10px rgb(var(--color-accent-rgb) / .35)}.fretboard-tuning{fill:var(--gold2);font-size:16px}.fretboard-string{stroke:rgb(var(--color-text-rgb) / .76);stroke-linecap:round}.fretboard-string.string-0,.fretboard-string.string-1{stroke-width:2.4}.fretboard-string.string-2,.fretboard-string.string-3{stroke-width:3.4}.fretboard-string.string-4,.fretboard-string.string-5{stroke-width:4.4}.fretboard-svg .fretboard-string-highlight{stroke-linecap:round;stroke-width:8}.fretboard-svg .fretboard-string-highlight.boom{stroke:var(--color-accent)}.fretboard-svg .fretboard-string-highlight.chick{stroke:#79bf42}.fretboard-highlight-label{font-family:var(--font-brand);font-size:20px;font-weight:950;letter-spacing:.04em}.fretboard-highlight-label.boom{fill:var(--color-accent)}.fretboard-highlight-label.chick{fill:#79bf42}.fretboard-fingering-label circle{fill:#6f3c83;stroke:rgb(var(--color-text-rgb) / .62);stroke-width:1.5}.fretboard-fingering-label.index circle{fill:#1974b8}.fretboard-fingering-label.middle circle{fill:#5a9f38}.fretboard-fingering-label.ring circle{fill:var(--color-accent)}.fretboard-fingering-label text{fill:#fff;font-family:var(--font-brand);font-size:17px;font-weight:950}.fretboard-string-bracket path{fill:none;stroke:#6f3c83;stroke-width:4;stroke-linecap:round}.fretboard-string-bracket text{fill:#fff;font-family:var(--font-brand);font-size:18px;font-weight:950}.fretboard-string-bracket.thumb text{fill:var(--color-text)}.fretboard-fret{stroke:rgb(var(--color-accent-rgb) / .42);stroke-width:3}.fretboard-fret-bar line{stroke:var(--color-bg);stroke-width:18;stroke-linecap:round;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.fretboard-fret-bar.capo line{stroke:var(--color-bg)}.fretboard-fret-bar text{fill:var(--gold2);font-family:var(--font-brand);font-size:17px;font-weight:950;letter-spacing:.04em}.fretboard-nut{stroke:var(--color-text);stroke-width:8;stroke-linecap:round}.fretboard-inlay circle{fill:#b9ae9e17;stroke:#b9ae9e2e;stroke-width:1.2}.fretboard-marker circle{fill:var(--color-accent-2);stroke:rgb(var(--color-bg-rgb) / .72);stroke-width:2}.fretboard-marker.root circle{fill:var(--gold2);stroke:var(--color-text);stroke-width:2.4}.fretboard-marker.open circle{stroke-dasharray:3 3}.fretboard-marker text{fill:var(--color-bg);font-family:var(--font-brand);font-size:13px;font-weight:950}.scale-page{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .38);box-shadow:var(--shadow)}.scale-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.scale-head h1{margin:2px 0 0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2rem,5vw,4.4rem);font-weight:500;line-height:1}.scale-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(86px,1fr));gap:4px;padding:4px;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:#00000038}.scale-toggle button,.scale-list button,.scale-chord-links button{border:0;border-radius:6px;cursor:pointer;font-weight:900}.scale-toggle button{padding:9px 12px;color:var(--muted);background:transparent}.scale-toggle button.active{color:var(--color-bg);background:var(--gold2)}.scale-info-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(260px,1fr);gap:14px;margin-top:16px}.scale-info{min-width:0;border-top:1px solid rgb(var(--color-accent-rgb) / .25);padding-top:14px}.scale-note-row,.scale-list,.scale-chord-links{display:flex;flex-wrap:wrap;gap:8px}.scale-note-row span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--color-accent-2);font-weight:950}.scale-note-row span.root{background:var(--gold2);box-shadow:0 0 0 2px rgb(var(--color-text-rgb) / .52)}.scale-list button{padding:9px 11px;color:var(--cream);background:rgb(var(--color-accent-2-rgb) / .18)}.scale-list button.active{color:var(--color-bg);background:var(--color-accent-2)}.scale-chord-links button{display:grid;gap:2px;min-width:78px;padding:9px 12px;color:var(--color-bg);background:linear-gradient(180deg,var(--color-text),var(--color-text-muted));text-align:left}.scale-chord-links button span{color:var(--color-accent);font-size:.82rem}.scale-chord-links p{margin:0;color:var(--muted)}.fretboard-path{display:grid;gap:clamp(16px,2.4vw,24px)}.fretboard-path-hero{min-height:clamp(280px,34vw,430px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(105deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .72) 44%,rgb(var(--color-bg-rgb) / .2)),url(/FOTOS/DIVERSE/STARTPUNKT%20GITARRE.png);background-position:center;background-size:cover;box-shadow:var(--shadow)}.fretboard-path-copy{display:grid;align-content:end;padding:clamp(18px,3vw,30px)}.fretboard-path-copy .section-label{justify-self:start}.fretboard-path-copy h1{max-width:760px;margin:4px 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.35rem,5.2vw,4.8rem);font-weight:900;line-height:.92;text-transform:uppercase}.fretboard-path-copy p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.55}.startpoint-chapter{scroll-margin-top:92px}.startpoint-chapter-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,184px),1fr));gap:10px}.startpoint-chapter-nav a{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;row-gap:2px;min-width:0;min-height:92px;align-content:start;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:12px;color:var(--color-text);background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .54);text-decoration:none}.startpoint-chapter-nav a:hover{border-color:rgb(var(--color-accent-rgb) / .58);background:linear-gradient(180deg,rgb(var(--color-accent-rgb) / .12),#ffffff03),rgb(var(--color-bg-rgb) / .64)}.startpoint-chapter-nav span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .48);border-radius:50%;color:var(--gold2);font-size:.82rem;font-weight:950}.startpoint-chapter-nav strong{min-width:0;color:var(--color-text);font-size:clamp(.86rem,1.65cqi,.96rem);line-height:1.08;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.startpoint-chapter-nav small{grid-column:2;min-width:0;color:var(--muted);font-size:clamp(.72rem,1.35cqi,.78rem);font-weight:760;line-height:1.22;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.startpoint-griffbrett{display:grid;gap:12px}.hand-basics-section{display:grid;gap:clamp(14px,2vw,20px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 50% 32%,rgb(var(--color-accent-rgb) / .12),transparent 28rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.hand-basics-head{max-width:840px}.hand-basics-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3.2rem,6.4vw,5.6rem);font-weight:500;line-height:.95}.hand-basics-head h2 span{display:block;color:var(--gold2);font-size:.5em;line-height:.95}.hand-basics-head p{max-width:760px;margin:14px 0 0;color:var(--muted);line-height:1.55}.hand-basics-head p strong{color:var(--color-text)}.hand-basics-stage{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:clamp(12px,2vw,20px);justify-self:center;width:min(100%,720px)}.hand-basics-card{display:grid;place-items:center;min-height:clamp(320px,34vw,430px);margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(16px,2.5vw,28px);background:linear-gradient(180deg,#ffffffc2,rgb(var(--color-text-rgb) / .96)),var(--color-text);box-shadow:inset 0 0 0 1px #ffffff73}.hand-basics-card img{width:min(76%,260px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}.hand-basics-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hand-basics-info{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.hand-basics-info div{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hand-basics-info strong{display:inline-block;padding:7px 11px;color:var(--color-text);background:var(--color-bg);border:1px solid rgb(var(--color-text-rgb) / .12);font-family:var(--font-brand);font-size:1.35rem;line-height:1;text-transform:uppercase}.hand-basics-info span{color:var(--gold2);font-weight:950;text-transform:uppercase}.hand-basics-info p{margin:0 0 14px;color:var(--muted);line-height:1.52}.hand-finger-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.hand-finger-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--muted)}.hand-finger-list b{display:grid;place-items:center;width:36px;height:32px;color:var(--color-text);background:var(--color-bg);border:1px solid rgb(var(--color-text-rgb) / .12);font-weight:950}.hand-finger-list span{color:var(--gold2);font-weight:950;text-transform:uppercase}.hand-finger-list em{color:#c9bbaa;font-size:.84rem;font-style:normal;text-transform:uppercase}.hand-basics-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.hand-basics-tip div{display:flex;align-items:center;gap:10px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:950;text-transform:uppercase}.hand-basics-tip div span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--gold2)}.hand-basics-tip p{margin:0;color:var(--muted);line-height:1.55}.hand-basics-footer{display:grid;gap:4px;justify-items:center;border-radius:8px;padding:22px 16px;background:linear-gradient(90deg,transparent,rgb(var(--color-accent-rgb) / .16),transparent),var(--color-bg);text-align:center}.hand-basics-footer strong{color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.8rem,5vw,3rem);font-weight:500;line-height:1}.hand-basics-footer span{color:var(--color-text);font-size:.95rem}.chord-reading-section{display:grid;gap:clamp(16px,2.2vw,22px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 24% 24%,rgb(var(--color-accent-rgb) / .12),transparent 26rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.chord-reading-head{max-width:860px}.chord-reading-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;line-height:1}.chord-reading-head p{max-width:780px;margin:12px 0 0;color:var(--muted);line-height:1.55}.chord-reading-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(280px,.85fr);gap:clamp(14px,2vw,22px);align-items:stretch}.chord-reading-layout.image-layout{align-items:start}.chord-reading-visual{display:grid;place-items:center;min-width:0;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(12px,2vw,20px);background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .96));box-shadow:inset 0 0 0 1px #ffffff09}.chord-reading-visual.image-card{padding:clamp(16px,2.4vw,28px);background:radial-gradient(circle at 50% 18%,rgb(var(--color-accent-rgb) / .18),transparent 18rem),linear-gradient(180deg,rgb(var(--color-text-rgb) / .98),rgb(var(--color-text-rgb) / .96)),var(--color-text-muted);box-shadow:inset 0 0 0 1px #ffffff9e,0 18px 48px #00000047}.chord-reading-visual img{width:min(100%,620px);height:auto;border-radius:6px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}.chord-reading-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chord-reading-callouts.tips-only{grid-template-columns:1fr}.chord-reading-callout{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.chord-reading-callout span{display:inline-block;margin-bottom:10px;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:999px;padding:5px 9px;color:var(--gold2);font-size:.78rem;font-weight:950;text-transform:uppercase}.chord-reading-callout h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500}.chord-reading-callout p{margin:8px 0 0;color:var(--muted);line-height:1.48}.chord-reading-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:var(--gold2);font-weight:950;text-align:center}.capo-section{display:grid;gap:clamp(14px,2vw,20px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(16px,2.2vw,24px);background:radial-gradient(circle at 72% 18%,rgb(var(--color-accent-rgb) / .13),transparent 24rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .52)}.capo-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:stretch}.capo-hero figure,.capo-photo-card{margin:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:var(--color-bg)}.capo-hero img,.capo-photo-card img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.capo-hero img{max-height:360px;object-position:42% 50%}.capo-hero-copy{display:grid;align-content:center;min-width:0;min-height:260px;padding:clamp(18px,3vw,34px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;background:radial-gradient(circle at 92% 20%,rgb(var(--color-accent-rgb) / .12),transparent 14rem),linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .62)}.capo-hero-copy .section-label{justify-self:start}.capo-hero-copy h2{margin:10px 0 4px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.8rem,8cqi,5.8rem);line-height:.92;letter-spacing:.02em;text-transform:uppercase}.capo-quote{margin:0 0 12px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.2rem,3.2cqi,1.85rem);font-style:italic}.capo-hero-copy p:not(.capo-quote),.capo-fretboard-card p{margin:0;color:var(--muted);line-height:1.55}.capo-info-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.capo-info-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:13px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.capo-icon-badge{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--gold2);background:rgb(var(--color-accent-rgb) / .08)}.capo-info-card span:not(.capo-icon-badge){color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.capo-info-card h3,.capo-fretboard-card h3{margin:4px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.12rem,2.7cqi,1.55rem);font-weight:500;line-height:1.08}.capo-info-card p{margin:0;color:var(--muted);line-height:1.48}.capo-demo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:14px;align-items:stretch}.capo-fretboard-card,.capo-photo-card,.capo-examples{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.capo-fretboard-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.capo-fretboard-map{min-width:0}.capo-fretboard-card .fretboard-scroll{align-self:stretch}.capo-fretboard-map .fretboard-marker circle{fill:var(--color-accent)}.capo-fretboard-map .fretboard-marker.root circle{fill:var(--color-accent)}.capo-fretboard-map .fretboard-marker text{font-size:12px}.capo-photo-card{display:grid;grid-template-rows:minmax(250px,1fr) auto;gap:12px;overflow:hidden}.capo-photo-card img{min-height:250px;border-radius:6px}.capo-photo-card ul{display:grid;gap:8px;margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.42}.capo-examples{display:grid;gap:10px;padding:12px}.capo-examples>div{display:grid;gap:8px}.capo-examples article{display:grid;grid-template-columns:minmax(72px,auto) minmax(82px,1fr) auto minmax(120px,1.2fr);gap:12px;align-items:center;border-top:1px solid rgb(var(--color-accent-rgb) / .22);padding-top:7px;color:var(--muted);font-size:.92rem}.capo-examples span,.capo-examples strong,.capo-examples b{color:var(--color-text);font-weight:920}.capo-examples em{color:var(--gold2);font-style:normal;font-weight:950}.tab-reading-section{display:grid;gap:clamp(16px,2.2vw,24px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 74% 18%,rgb(var(--color-accent-2-rgb) / .22),transparent 28rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .52)}.tab-reading-head{max-width:900px}.tab-reading-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.35rem,5.2vw,4.65rem);font-weight:500;line-height:1}.tab-reading-head p{max-width:800px;margin:12px 0 0;color:var(--muted);line-height:1.55}.tab-reading-player{width:100%;min-width:0;justify-self:stretch}.tab-reading-player .alphatab-viewer{margin:0;border-radius:8px}.tab-reading-player .alphatab-head h3{font-size:clamp(1.25rem,2.4vw,2rem)}.tab-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.tab-reading-card{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;display:grid;grid-template-rows:auto auto 1fr;gap:12px;min-height:220px;padding:16px;background:radial-gradient(circle at 22% 18%,rgb(var(--color-accent-rgb) / .11),transparent 7.5rem),linear-gradient(180deg,#ffffff09,#ffffff03),rgb(var(--color-bg-rgb) / .66);box-shadow:inset 0 1px #ffffff0d}.tab-reading-card-head{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-height:76px}.tab-reading-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:8px;color:var(--color-bg);background:var(--color-text);box-shadow:0 10px 22px #0000003d,inset 0 0 0 1px rgb(var(--color-accent-rgb) / .18);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:950;line-height:1;overflow:hidden}.tab-reading-icon img{display:block;width:auto;max-width:76%;height:auto;max-height:76%;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}.tab-reading-icon.wide img{max-width:88%;max-height:58%}.tab-reading-icon-fallback{display:grid;place-items:center}.tab-reading-label{min-width:0;color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.1;text-align:right;text-transform:uppercase;align-self:center}.tab-reading-card h3{margin:0;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.02rem,1.45vw,1.2rem);font-weight:950;line-height:1.12}.tab-reading-card p{margin:8px 0 0;color:var(--muted);line-height:1.48}.tab-reading-footer{border-radius:8px;padding:18px;color:var(--color-text);background:linear-gradient(90deg,rgb(var(--color-accent-2-rgb) / .32),rgb(var(--color-accent-rgb) / .2)),var(--color-bg);font-weight:950;text-align:center}.plucking-section{display:grid;gap:clamp(16px,2.2vw,24px);border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .18),transparent 25rem),radial-gradient(circle at 86% 14%,rgb(var(--color-accent-2-rgb) / .2),transparent 26rem),linear-gradient(180deg,#ffffff0c,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.plucking-hero{position:relative;min-height:clamp(360px,49vw,560px);display:grid;align-items:end;overflow:hidden;border-radius:8px;isolation:isolate;background:var(--color-bg)}.plucking-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:54% 50%}.plucking-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .9),rgb(var(--color-bg-rgb) / .42) 54%,rgb(var(--color-bg-rgb) / .2)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .76))}.plucking-hero-copy{width:min(720px,100%);padding:clamp(22px,4vw,46px)}.plucking-hero-copy h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3rem,8vw,7.3rem);font-weight:500;line-height:.92;text-transform:none}.plucking-hero-copy p{max-width:620px;margin:16px 0 0;color:var(--color-text);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55}.plucking-info-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr);gap:14px;align-items:stretch}.plucking-hand-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:clamp(14px,2vw,24px);align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:clamp(16px,2.4vw,24px);background:linear-gradient(135deg,rgb(var(--color-text-rgb) / .08),rgb(var(--color-accent-2-rgb) / .08)),rgb(var(--color-bg-rgb) / .64)}.plucking-hand-card h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,3.2vw,2.9rem);font-weight:500;line-height:1.02}.plucking-hand-card p{margin:12px 0 0;color:var(--muted);line-height:1.55}.plucking-hand-card figure{display:grid;place-items:center;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:linear-gradient(180deg,var(--color-text),var(--color-text-muted))}.plucking-hand-card img{display:block;width:min(100%,150px);height:auto}.plucking-finger-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plucking-finger-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:rgb(var(--color-bg-rgb) / .66)}.plucking-finger-list strong{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold));font-size:1.25rem;font-weight:950}.plucking-finger-list h4{margin:0;color:var(--color-text);font-size:1rem;line-height:1.1}.plucking-finger-list p{margin:5px 0 0;color:var(--muted);font-size:.92rem;line-height:1.35}.plucking-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plucking-insight{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:radial-gradient(circle at 20% 10%,rgb(var(--color-accent-rgb) / .11),transparent 8rem),linear-gradient(180deg,#ffffff09,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.plucking-insight span{display:inline-block;margin-bottom:12px;color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-insight h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:500;line-height:1.08}.plucking-insight p{margin:10px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}.plucking-example-groups{display:grid;gap:clamp(18px,2.4vw,26px)}.plucking-example-group{display:grid;gap:14px}.plucking-example-group>header{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.plucking-example-group>header span{display:block;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-example-group>header strong{display:block;margin-top:7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;line-height:1}.plucking-example-group>header p{max-width:780px;margin:10px 0 0;color:var(--muted);line-height:1.48}.plucking-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}.plucking-example{min-width:0;display:grid;gap:12px}.plucking-example header{min-height:150px;border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.plucking-example header span{display:block;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-example header em{display:block;margin-top:7px;color:#d7c4a8;font-size:.82rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.plucking-example header strong{display:block;margin-top:7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;line-height:1}.plucking-example header p{max-width:580px;margin:10px 0 0;color:var(--muted);line-height:1.48}.plucking-example .alphatab-viewer{margin:0;border-radius:8px}.plucking-example .alphatab-head h3{font-size:clamp(1.16rem,2.2vw,1.58rem)}.plucking-example .alphatab-head{align-items:center;padding-bottom:8px}.plucking-example .alphatab-toolbar{padding-bottom:14px}.plucking-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:linear-gradient(90deg,rgb(var(--color-text-rgb) / .62),rgb(var(--color-accent-rgb) / .92)),var(--gold2);font-weight:950;text-align:center}.strumming-section{--strumming-surface: color-mix(in srgb, var(--color-surface) 78%, transparent);--strumming-surface-raised: color-mix(in srgb, var(--color-surface-raised) 82%, transparent);--strumming-border: rgb(var(--color-accent-rgb) / .28);--strumming-border-soft: rgb(var(--color-text-rgb) / .11);--strumming-heading: var(--color-text);--strumming-copy: var(--color-text-muted);display:grid;gap:clamp(16px,2.4vw,26px);border:1px solid var(--strumming-border);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 14% 12%,rgb(var(--color-accent-rgb) / .16),transparent 24rem),radial-gradient(circle at 86% 18%,rgb(var(--color-accent-2-rgb) / .13),transparent 27rem),linear-gradient(180deg,rgb(var(--color-text-rgb) / .042),rgb(var(--color-text-rgb) / .01)),color-mix(in srgb,var(--color-bg) 86%,transparent)}.strumming-hero{position:relative;min-height:clamp(350px,42vw,520px);display:grid;align-items:end;overflow:hidden;border-radius:8px;isolation:isolate;background:var(--color-bg)}.strumming-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:58% 48%}.strumming-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070ceb,#05070c8f 50%,#05070c29),linear-gradient(180deg,#05070c05,#05070cd6)}.strumming-hero-copy{width:min(900px,100%);padding:clamp(22px,4vw,48px)}.strumming-hero-copy h2{margin:0;color:var(--strumming-heading);font-family:var(--font-brand);font-size:clamp(3.4rem,5.6vw,6.2rem);font-weight:900;letter-spacing:0;line-height:.88;text-transform:uppercase;white-space:nowrap;overflow-wrap:normal;word-break:normal}.strumming-brush{width:fit-content;margin:14px 0!important;padding:7px 14px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.25rem,2.6vw,2.15rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 12%,96% 0,100% 50%,94% 100%,2% 88%)}.strumming-hero-copy p:not(.strumming-brush){max-width:650px;margin:0;color:var(--strumming-heading);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55}.strumming-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strumming-core-card,.strumming-tech-card,.strumming-pattern-card,.strumming-feel-card,.strumming-damping,.strumming-mistakes,.strumming-use{border:1px solid var(--strumming-border);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .04),rgb(var(--color-text-rgb) / .01)),var(--strumming-surface)}.strumming-core-card{min-width:0;padding:16px}.strumming-card-label{display:flex;gap:9px;align-items:center;margin-bottom:10px}.strumming-card-label>span:last-child{display:inline-block;color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.strumming-icon-badge{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:50%;color:var(--strumming-heading);background:rgb(var(--color-text-rgb) / .055)}.strumming-icon-badge svg,.strumming-section-label svg,.strumming-direction svg,.strumming-mistakes li svg{width:20px;height:20px;display:block;stroke:currentColor}.strumming-core-card h3,.strumming-tech-card h4,.strumming-damping h3,.strumming-mistakes h3,.strumming-use h3,.strumming-feel-section h3,.strumming-section-head h3,.strumming-tech-copy h3{margin:0;color:var(--strumming-heading);font-family:var(--font-brand);font-weight:900;line-height:1.06}.strumming-core-card h3{font-size:clamp(1.25rem,1.9vw,1.7rem)}.strumming-core-card p,.strumming-tech-card p,.strumming-pattern-card p,.strumming-feel-section p,.strumming-feel-card p,.strumming-damping p,.strumming-mistakes li,.strumming-use article>span:not(.strumming-icon-badge),.strumming-section-head p,.strumming-tech-copy p{color:var(--muted);line-height:1.5}.strumming-core-card p,.strumming-tech-card p{margin:10px 0 0}.strumming-tech-section{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.2fr);gap:14px;align-items:stretch}.strumming-tech-copy{align-self:start;border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.strumming-tech-copy h3,.strumming-section-head h3,.strumming-feel-section h3{font-size:clamp(1.7rem,3vw,2.65rem)}.strumming-tech-copy p,.strumming-section-head p,.strumming-feel-section p{max-width:760px;margin:10px 0 0}.strumming-photo-explain{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.strumming-photo-card{position:relative;min-width:0;min-height:0;aspect-ratio:4 / 3;overflow:hidden;margin:0;border:1px solid var(--strumming-border);border-radius:8px;background:var(--color-bg)}.strumming-photo-card.main{min-height:0;max-height:480px;max-width:720px}.strumming-photo-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 52%}.strumming-photo-card figcaption{position:absolute;left:12px;right:12px;bottom:12px;border-radius:6px;padding:9px 10px;color:var(--strumming-heading);background:color-mix(in srgb,var(--color-bg) 80%,transparent);font-size:.84rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.strumming-tech-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.strumming-tech-card{padding:15px}.strumming-tech-card h4{font-size:clamp(1.16rem,1.65vw,1.45rem)}.strumming-patterns-section{display:grid;gap:14px}.strumming-section-head{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.strumming-patterns-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.strumming-pattern-card{min-width:0;padding:14px}.strumming-pattern-card header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}.strumming-pattern-card header>span{width:42px;height:42px;display:grid;place-items:center;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:50%;font-weight:950}.strumming-pattern-card h3{margin:0;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:.04em;line-height:1;text-transform:uppercase}.strumming-pattern-card header p{margin:3px 0 0;color:var(--strumming-copy);font-size:.86rem;font-weight:850}.strumming-pattern-card>p{margin:11px 0 0;font-size:.92rem}.strumming-pattern-grid{display:grid;grid-template-columns:repeat(8,minmax(24px,1fr));border:1px solid rgb(var(--color-accent-rgb) / .42);overflow:hidden}.strumming-count,.strumming-direction{min-height:36px;display:grid;place-items:center;border-right:1px solid rgb(var(--color-accent-rgb) / .25);font-weight:950}.strumming-count:nth-child(8),.strumming-direction:nth-child(16){border-right:0}.strumming-count{color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);font-size:.9rem}.strumming-direction{border-top:1px solid rgb(var(--color-accent-rgb) / .25);color:var(--strumming-heading);background:rgb(var(--color-text-rgb) / .035);font-size:1.45rem;line-height:1}.strumming-direction.up{color:var(--color-accent-2)}.strumming-direction.rest{background:linear-gradient(90deg,transparent calc(50% - 1px),rgb(var(--color-text-rgb) / .16) 50%,transparent calc(50% + 1px)),#ffffff05}.strumming-direction.accent{color:var(--color-bg);background:var(--gold2)}.strumming-feel-section{display:grid;grid-template-columns:minmax(430px,1fr) minmax(280px,.62fr);gap:clamp(18px,3vw,30px);align-items:center;border:1px solid var(--strumming-border);border-radius:8px;padding:clamp(22px,3vw,34px);background:linear-gradient(90deg,rgb(var(--color-text-rgb) / .04),transparent 46%),var(--strumming-surface-raised)}.strumming-feel-copy{max-width:760px}.strumming-feel-copy .section-label{position:relative;width:fit-content;margin-bottom:12px;padding:8px 18px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)}.strumming-section-label{display:inline-flex;gap:8px;align-items:center}.strumming-section-label svg{color:currentColor}.strumming-feel-copy h3{max-width:660px;color:var(--strumming-heading);font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:.95;text-shadow:0 2px 0 rgb(var(--color-accent-2-rgb) / .28)}.strumming-feel-copy p{max-width:660px;margin-top:16px;color:var(--strumming-copy);font-size:clamp(1rem,1.45vw,1.18rem)}.strumming-feel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border:1px solid var(--strumming-border-soft);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .052),rgb(var(--color-text-rgb) / .012)),color-mix(in srgb,var(--color-bg) 62%,transparent)}.strumming-feel-card{border:0;background:transparent;padding:4px 6px;text-align:center}.strumming-feel-card .strumming-icon-badge{margin:0 auto 12px}.strumming-feel-card strong{display:block;color:var(--gold2);font-weight:950;text-transform:uppercase}.strumming-feel-card p{margin:8px 0 0;font-size:.92rem}.strumming-bottom-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(230px,.85fr) minmax(260px,1fr);gap:12px;align-items:stretch}.strumming-damping,.strumming-mistakes,.strumming-use{padding:16px}.strumming-damping h3,.strumming-mistakes h3,.strumming-use h3{font-size:clamp(1.35rem,2.2vw,1.9rem)}.strumming-damping-visual{position:relative;min-height:180px;overflow:hidden;margin:14px 0 0;border:1px solid var(--strumming-border);border-radius:8px;background:var(--color-bg)}.strumming-damping-visual img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;object-position:48% 48%}.strumming-damping article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-top:14px;padding-top:14px;border-top:1px solid var(--strumming-border-soft)}.strumming-damping h4{margin:0 0 6px;color:var(--gold2);font-size:1rem;text-transform:uppercase}.strumming-damping p{margin:0}.strumming-mistakes ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.strumming-mistakes li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start}.strumming-mistakes li svg{width:22px;height:22px;display:grid;margin-top:1px;color:var(--gold2)}.strumming-use>div{display:grid;gap:10px;margin-top:14px}.strumming-use article{display:grid;grid-template-columns:34px 78px minmax(0,1fr);gap:10px;align-items:center}.strumming-use strong{color:var(--gold2);font-weight:950;text-transform:uppercase}.strumming-use article>span:not(.strumming-icon-badge){min-width:0}.strumming-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2) 48%,var(--color-accent)),var(--gold2);font-family:var(--font-brand);font-size:clamp(1.45rem,4vw,3.1rem);line-height:1.02;letter-spacing:.045em;text-align:center;text-transform:uppercase}.fretboard-overview,.fretboard-step-card{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.fretboard-overview{display:grid;gap:16px;padding:clamp(14px,2vw,20px)}.fretboard-overview h2{max-width:760px;margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,3vw,2.55rem);font-weight:500;line-height:1.08}.fretboard-overview p{max-width:820px;margin:10px 0 0;color:var(--muted);line-height:1.52}.fretboard-legend-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fretboard-legend-row span{border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:999px;padding:7px 10px;color:var(--color-text);background:rgb(var(--color-accent-rgb) / .09);font-size:.84rem;font-weight:900}.fretboard-legend-row .legend-string{border-color:rgb(var(--color-accent-2-rgb) / .72);color:#59ff7c;background:rgb(var(--color-accent-2-rgb) / .11)}.fretboard-legend-row .legend-fret{border-color:#1bcaffb8;color:#52d9ff;background:#1bcaff1c}.fretboard-legend-row .legend-octave{border-color:#ff4a2fcc;color:var(--color-accent);background:#ff4a2f21}.fretboard-legend-row .legend-note{border-color:rgb(var(--color-accent-rgb) / .78);color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .12)}.fretboard-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fretboard-mobile-workbench{display:none}.fretboard-step-card{display:flex;min-height:230px;flex-direction:column;padding:18px}.fretboard-step-card span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:14px;border:2px solid var(--gold2);border-radius:50%;color:var(--gold2);font-size:1.25rem;font-weight:950}.fretboard-step-card.step-1{border-color:rgb(var(--color-accent-2-rgb) / .58)}.fretboard-step-card.step-1 span{border-color:#2df45d;color:#2df45d;box-shadow:0 0 0 4px rgb(var(--color-accent-2-rgb) / .08)}.fretboard-step-card.step-2{border-color:#1bcaff94}.fretboard-step-card.step-2 span{border-color:#1bcaff;color:#1bcaff;box-shadow:0 0 0 4px #1bcaff14}.fretboard-step-card.step-3{border-color:rgb(var(--color-accent-rgb) / .62)}.fretboard-step-card.step-3 span{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .1)}.fretboard-step-card h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:500;line-height:1.08;font-size:clamp(1.35rem,2.5vw,2rem)}.fretboard-step-card p{margin:10px 0 0;color:var(--muted);line-height:1.52}.fretboard-step-card.apply{border-color:rgb(var(--color-accent-2-rgb) / .46);background:linear-gradient(180deg,rgb(var(--color-accent-2-rgb) / .11),#ffffff03),rgb(var(--color-bg-rgb) / .48)}.path-action{margin-top:16px;border:0;border-radius:6px;padding:11px 14px;color:var(--color-bg);background:var(--gold2);cursor:pointer;font-weight:950}.fretboard-step-card .path-action{align-self:flex-start;margin-top:auto}.fretboard-marker.string-number circle{stroke:rgb(var(--color-text-rgb) / .62);stroke-width:2.2}.fretboard-marker.string-number circle{fill:#2df45d;stroke:#d4ffdeeb}.fretboard-marker.string-number text{fill:var(--color-bg)}.fretboard-basics-map .fretboard-number{fill:#1bcaff;text-shadow:0 0 11px rgba(27,202,255,.52)}.fretboard-basics-map .fretboard-number.fret-12{fill:var(--color-accent);text-shadow:0 0 12px rgba(255,74,47,.62)}.fretboard-basics-map{min-width:0}.fretboard-basics-map .fretboard-fret.fret-12{stroke:#ff4a2fc7}.fretboard-basics-map .fretboard-inlay.fret-12 circle{fill:#ff4a2f1c;stroke:rgb(var(--color-accent-rgb) / .38)}.fretboard-basics-map .fretboard-tuning{fill:var(--color-accent);text-shadow:0 0 10px rgb(var(--color-accent-rgb) / .5)}.fretboard-basics-map .fretboard-marker.string-number text{fill:var(--color-bg)}.legend{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.code-line{margin-top:8px;color:var(--muted);font-size:.9rem}.tones{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin:5px 0 12px;font-family:var(--font-brand);color:var(--color-text);font-weight:900;font-size:clamp(2.3rem,4vw,3.5rem)}.tone-dash{color:var(--muted)}.copy{color:var(--muted);line-height:1.55;margin:0 0 8px}.degrees{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.degree{text-align:center;color:var(--muted)}.degree-circle{width:66px;height:66px;margin:0 auto 6px;border:2px solid rgb(var(--color-text-rgb) / .76);border-radius:50%;display:grid;place-items:center;color:var(--cream);font-weight:950;line-height:.9;font-size:1.3rem}.degree-circle small{display:block;font-size:.68rem;color:var(--muted)}.check{display:flex;gap:10px;color:var(--cream);line-height:1.45;align-items:flex-start}.check:before{content:"✓";flex:0 0 27px;height:27px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:950}.formula-check{display:grid;grid-template-columns:27px minmax(0,1fr);gap:6px 10px;align-items:start}.formula-check:before{grid-row:1 / span 2}.formula-check strong{color:var(--cream);font-size:1.2rem;font-weight:950;line-height:1.2;overflow-wrap:anywhere}.character-list,.use-list,.links-list{display:grid;gap:12px}.character-item,.use-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:var(--cream);line-height:1.42}.ico{color:var(--gold2);font-size:1.25rem}.ico svg{display:block}.use-item strong{display:block;color:var(--gold2);text-transform:uppercase}.use-item span{color:var(--muted);font-size:.92rem}.progressions{display:grid;gap:10px}.prog{display:grid;grid-template-columns:1fr;gap:6px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#00000029}.prog b{font-size:clamp(1.22rem,5.4vw,1.5rem);color:var(--color-text);letter-spacing:.04em;line-height:1.15;white-space:nowrap}.prog span{color:var(--muted);font-size:.86rem;line-height:1.35;text-align:left}.variants{display:grid;gap:15px}.variant{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgb(var(--color-accent-rgb) / .18)}.variant:last-child{padding-bottom:0;border-bottom:0}.variant h3{margin:0 0 4px;color:var(--color-text)}.variant p{margin:0;color:var(--muted);line-height:1.45}.side-panel{position:sticky;top:calc(var(--topbar) + 22px);display:grid;gap:14px}.side-card{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:22px;background:rgb(var(--color-bg-rgb) / .68);padding:16px;box-shadow:0 14px 36px #00000038}.side-card h3{margin:0 0 10px;color:var(--gold2);text-transform:uppercase;font-size:.95rem;letter-spacing:.045em}.link-card{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:15px;background:#ffffff09;color:var(--cream);padding:12px;text-align:left;cursor:pointer}.link-card:hover{background:rgb(var(--color-accent-rgb) / .13)}.link-card strong{display:block}.link-card span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.item-card{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:22px;background:rgb(var(--color-bg-rgb) / .64);padding:18px;cursor:pointer;min-height:150px}.item-card:hover{background:rgb(var(--color-accent-rgb) / .11)}.item-card h3{margin:0 0 8px;font-size:1.45rem}.item-card p{margin:0 0 14px;color:var(--muted);line-height:1.45}.item-card .mini-meta{color:var(--gold2);font-weight:850;font-size:.86rem}.learning-path-detail{display:grid;gap:clamp(18px,3vw,28px)}.learning-paths-hub{display:grid;min-width:0;gap:clamp(var(--public-space-4),2.6vw,var(--public-space-7));color:var(--public-text-primary)}.learning-paths-hub__header{border-color:var(--public-border-strong);background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .74)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .16),rgb(var(--color-bg-rgb) / .58)),url(/FOTOS/HINTERGRUNDBILDER/LERNPFADE_HINTERGUND.png) center / cover no-repeat,var(--public-panel-bg)}.learning-paths-section__header span{color:var(--public-accent-orange);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.learning-paths-section__header p{max-width:760px;margin:0;color:var(--public-text-secondary);line-height:1.55}.learning-paths-hub__sections{display:grid;min-width:0;gap:clamp(18px,3.2vw,30px)}.learning-paths-section{display:grid;min-width:0;gap:14px}.learning-paths-section__header{display:flex;justify-content:space-between;gap:18px;align-items:end}.learning-paths-section__header h2{margin:5px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2.25rem);font-weight:500;line-height:1.08}.learning-path-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learning-path-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learning-path-card{display:grid;min-width:0;width:100%;grid-template-rows:auto 1fr auto;gap:10px;overflow:hidden;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);padding:0;color:inherit;background:linear-gradient(180deg,#ffffff0b,#00000017),var(--public-card-bg);box-shadow:var(--public-shadow-card);cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.level-mission-card{min-height:230px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:22px;background:linear-gradient(145deg,#ffffff0a,rgb(var(--color-accent-rgb) / .08)),rgb(var(--color-bg-rgb) / .7);color:var(--cream);padding:clamp(16px,2.4vw,24px);text-align:left;cursor:pointer;box-shadow:0 18px 52px #0000003d}.learning-path-card:hover{border-color:rgb(var(--color-accent-rgb) / .48);background:linear-gradient(180deg,#ffffff12,#0000000f),rgb(var(--color-bg-rgb) / .82);box-shadow:var(--public-shadow-panel);transform:translateY(-2px)}.learning-path-card:focus-visible{outline:0;box-shadow:var(--public-focus-ring);outline-offset:3px}.level-mission-card:hover{background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .14),#ffffff0a),rgb(var(--color-bg-rgb) / .78);border-color:rgb(var(--color-accent-rgb) / .5)}.learning-path-card__visual{position:relative;display:block;width:100%;aspect-ratio:16 / 9;min-width:0;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .26),transparent 34%),linear-gradient(135deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .95))}.learning-path-card__visual img{display:block;width:100%;height:100%;object-fit:var(--image-fit, cover);object-position:var(--image-focus, center 38%)}.learning-path-card__visual--person-photo img,.learning-path-card__visual--hero-photo img,.learning-path-card__visual--card-photo img,.learning-path-card__visual--photo img{object-fit:cover}.learning-path-card__visual--card-graphic img,.learning-path-card__visual--infographic img,.learning-path-card__visual--diagram img,.learning-path-card__visual--icon img,.learning-path-card__visual--graphic img{object-fit:contain;object-position:center center;padding:clamp(8px,2vw,14px);box-sizing:border-box}.learning-path-card__fallback{display:grid;width:100%;height:100%;place-items:center}.learning-path-card__fallback img{width:min(50px,28%);height:min(50px,28%);object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 16px rgba(0,0,0,.36))}.learning-path-card__body{display:block;min-width:0;padding:2px 13px 0}.learning-path-genre{display:block;color:var(--gold2);font-size:.7rem;font-weight:900;letter-spacing:.055em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.mission-number{display:inline-flex;width:fit-content;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:999px;padding:6px 10px;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.mission-number{margin-bottom:0}.level-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 14px}.level-status-badge,.next-mission-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950;letter-spacing:.06em;line-height:1;text-transform:uppercase}.level-status-badge{border:1px solid rgb(var(--color-text-rgb) / .18);background:#ffffff09;color:var(--muted)}.level-status-badge.started{border-color:rgb(var(--color-accent-rgb) / .38);background:rgb(var(--color-accent-rgb) / .12);color:var(--gold2)}.level-status-badge.completed{border-color:rgb(var(--color-accent-2-rgb) / .4);background:rgb(var(--color-accent-2-rgb) / .12);color:#9bd69d}.next-mission-badge{border:1px solid rgb(var(--color-accent-rgb) / .48);background:rgb(var(--color-accent-rgb) / .16);color:var(--color-accent)}.learning-path-card strong{display:-webkit-box;margin:6px 0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.03rem,1.55vw,1.28rem);font-weight:600;line-height:1.12;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.level-mission-card strong{display:block;margin-bottom:10px;color:var(--color-text);font-size:clamp(1.45rem,2.7vw,2.1rem);line-height:1.08}.learning-path-card p{display:-webkit-box;margin:0;color:var(--public-text-secondary);font-size:.86rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.level-mission-card p{margin:0 0 18px;color:var(--muted);line-height:1.5}.learning-path-card__meta{display:flex;min-width:0;flex-wrap:wrap;gap:6px;padding:0 13px 13px}.learning-path-card__meta span{max-width:100%;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:999px;padding:4px 7px;color:var(--public-text-muted);background:rgb(var(--color-text-rgb) / .045);font-size:.72rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.learning-path-card__meta .learning-path-card__status{border-color:rgb(var(--color-accent-rgb) / .42);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .14);text-transform:uppercase}.learning-path-detail{width:min(1180px,100%);margin:0 auto}.learning-path-detail__back{justify-self:start;border:1px solid rgb(var(--color-accent-rgb) / .35);border-radius:8px;padding:10px 13px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .78);cursor:pointer;font-weight:900}.learning-path-detail__back:hover{border-color:rgb(var(--color-accent-rgb) / .58);background:rgb(var(--color-accent-rgb) / .12)}.learning-path-detail__back:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .42);outline-offset:3px}.level-mission-card em{display:block;color:var(--gold2);font-size:.9rem;font-style:normal;font-weight:850;line-height:1.35}@media(max-width:1080px){.learning-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.learning-paths-section__header{display:grid}.learning-path-grid{grid-template-columns:minmax(0,1fr)}.learning-path-card__visual img{object-position:var(--image-focus-mobile, var(--image-focus, center 38%))}}.learning-path-hero,.level-detail-head{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:28px;background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .9)),rgb(var(--color-bg-rgb) / .76);box-shadow:var(--shadow)}.chord-module-hub{display:grid;min-width:0;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-6));color:var(--public-text-primary)}.chord-module-hub__header{min-width:0;border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .78)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .1),rgb(var(--color-bg-rgb) / .42)),url(/FOTOS/HINTERGRUNDBILDER/AKKORDE_HINTERGUND.png) center / cover no-repeat,var(--public-module-bg);box-shadow:var(--public-shadow-panel)}.chord-module-library-note span{color:var(--public-accent-orange);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.chord-module-library-note p{max-width:760px;margin:0;color:var(--public-text-secondary);line-height:1.55}.chord-module-library-note{border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-panel);padding:clamp(14px,2.2vw,18px);background:var(--public-panel-bg)}.chord-module-library-note h2{margin:5px 0 7px;color:var(--public-text-primary);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2.25rem);font-weight:500;line-height:1.08}.chord-module-library-note{display:flex;align-items:center;justify-content:space-between;gap:16px}.chord-module-library-note button{flex:0 0 auto;border-radius:var(--public-radius-control);padding:12px 16px;cursor:pointer;font-weight:950}.chord-module-library-note button:hover{filter:brightness(1.06);box-shadow:0 16px 34px rgb(var(--color-accent-rgb) / .24)}.chord-module-library-note button:focus-visible{outline:0;box-shadow:var(--public-focus-ring);outline-offset:2px}@media(max-width:720px){.chord-module-library-note{display:grid}.chord-module-library-note button{justify-self:start}}.learning-path-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:clamp(18px,4vw,38px);align-items:center;padding:clamp(20px,3.6vw,34px)}.learning-path-hero{background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .72)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .18),rgb(var(--color-bg-rgb) / .56)),url(/FOTOS/HINTERGRUNDBILDER/LERNPFADE_HINTERGUND.png) center / cover no-repeat,rgb(var(--color-bg-rgb) / .76)}.learning-path-hero h1,.level-detail-head h2{margin:8px 0 10px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.6rem,6vw,5.4rem);font-weight:900;letter-spacing:.03em;line-height:.95;text-transform:uppercase}.learning-path-hero p,.level-detail-head p{max-width:760px;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.learning-path-subtitle{margin-bottom:10px!important;color:var(--color-text)!important;font-size:clamp(1.15rem,2vw,1.45rem)!important;font-weight:850}.learning-path-stat{min-height:180px;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:22px;display:grid;place-items:center;padding:18px;text-align:center;background:#0003}.learning-path-stat span{color:var(--gold2);font-family:var(--font-brand);font-size:clamp(4rem,8vw,7rem);line-height:.9}.learning-path-stat strong,.learning-path-stat em{display:block}.learning-path-stat strong{color:var(--cream);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.learning-path-stat em{color:var(--muted);font-size:.85rem;font-style:normal}.learning-path-toolbar{display:flex;flex-wrap:wrap;gap:10px}.path-action.ghost{background:#ffffff09;color:var(--cream)}.path-summary-grid,.level-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.level-detail{display:grid;gap:16px}.level-detail-head{padding:clamp(18px,3vw,28px)}.level-detail-head>span{color:var(--gold2);font-weight:950;letter-spacing:.08em;text-transform:uppercase}.level-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.level-detail-actions .path-action:disabled{cursor:default;opacity:.72}.mission-panel{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:20px;background:rgb(var(--color-bg-rgb) / .68);padding:16px}.mission-panel.highlight{background:rgb(var(--color-accent-rgb) / .1)}.mission-panel.wide{grid-column:1 / -1}.mission-panel p{margin:0;color:var(--cream);line-height:1.55}.mission-list{margin:0;padding-left:19px;color:var(--cream)}.mission-list li{margin:0 0 9px;line-height:1.45}.mission-list li:last-child{margin-bottom:0}.criteria-list{display:grid;gap:10px}.criteria-check{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px;background:#ffffff08;color:var(--cream);line-height:1.45;cursor:pointer}.criteria-check:hover{border-color:rgb(var(--color-accent-rgb) / .34);background:rgb(var(--color-accent-rgb) / .08)}.criteria-check.checked{border-color:rgb(var(--color-accent-2-rgb) / .36);background:rgb(var(--color-accent-2-rgb) / .09)}.criteria-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--gold2)}.criteria-check span{min-width:0}.tool-button-row{display:flex;flex-wrap:wrap;gap:9px}.tool-button-row button{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:999px;background:#ffffff0a;color:var(--cream);padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:850}.tool-button-row button.linked{cursor:pointer}.tool-button-row button.linked:hover{border-color:rgb(var(--color-accent-rgb) / .54);background:rgb(var(--color-accent-rgb) / .13)}.tool-button-row button.pending,.tool-button-row button:disabled{cursor:not-allowed;opacity:.66}.tool-button-row button em{border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:999px;padding:2px 6px;color:var(--soft);font-size:.68rem;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.fingerstyle-path{position:relative;display:grid;gap:clamp(18px,3vw,30px)}.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-grid{min-width:0}.fingerstyle-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:clamp(20px,4vw,42px);align-items:center;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:clamp(18px,3vw,32px);background:linear-gradient(115deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .9) 54%,#152c2ac7),rgb(var(--color-bg-rgb) / .94);box-shadow:var(--shadow)}.fingerstyle-saloon-sign{width:fit-content;margin:12px 0 10px;border:1px solid rgb(var(--color-accent-rgb) / .62);padding:7px 13px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:950;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1.2deg)}.fingerstyle-hero h1{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3.2rem,8vw,7.1rem);font-weight:900;letter-spacing:.03em;line-height:.9;text-transform:uppercase;text-shadow:0 3px 0 rgba(7,36,38,.82),0 18px 40px rgba(0,0,0,.42)}.fingerstyle-hero-line{margin:14px 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.35rem,2.7vw,2.2rem);font-style:italic;line-height:1.1}.fingerstyle-hero-copy>p:not(.fingerstyle-hero-line){max-width:780px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.56}.fingerstyle-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.fingerstyle-hero-actions span{color:var(--color-text);font-weight:900}.fingerstyle-hero-art{position:relative;min-width:0;margin:0;align-self:stretch;min-height:390px}.fingerstyle-hero-art img{display:block;width:100%;height:100%;min-height:390px;max-height:560px;border:1px solid rgb(var(--color-text-rgb) / .24);border-radius:8px;object-fit:cover;object-position:42% 50%;background:var(--color-bg);box-shadow:0 22px 58px #0000005c}.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid{display:grid;gap:14px}.fingerstyle-core-grid{grid-template-columns:minmax(0,.95fr) minmax(280px,1fr);align-items:stretch}.fingerstyle-boom-card,.fingerstyle-hand-map,.fingerstyle-rule-card,.fingerstyle-pattern-section,.fingerstyle-history,.fingerstyle-exercises,.fingerstyle-kernsatz{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),rgb(var(--color-bg-rgb) / .72)}.fingerstyle-boom-card,.fingerstyle-hand-map,.fingerstyle-rule-card{padding:clamp(15px,2vw,20px)}.fingerstyle-boom-card,.fingerstyle-hand-map{height:100%}.fingerstyle-boom-card h2,.fingerstyle-hand-map h2,.fingerstyle-section-head h2{margin:8px 0 10px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.75rem,3.4vw,3.1rem);line-height:.98;letter-spacing:.04em;text-transform:uppercase}.fingerstyle-boom-card h2 span:first-child,.fingerstyle-boom-chick strong:nth-child(1),.fingerstyle-boom-chick strong:nth-child(5){color:var(--color-accent)}.fingerstyle-boom-card h2 span:last-child,.fingerstyle-boom-chick strong:nth-child(3),.fingerstyle-boom-chick strong:nth-child(7){color:#79bf42}.fingerstyle-boom-card p,.fingerstyle-section-head p,.fingerstyle-pattern-card p,.fingerstyle-history-card p,.fingerstyle-exercise-card p,.fingerstyle-rule-card p,.fingerstyle-kernsatz p{margin:0;color:var(--muted);line-height:1.52}.fingerstyle-boom-card p strong{color:var(--color-text)}.fingerstyle-string-note{display:block;margin-top:6px;color:var(--color-text);font-weight:850}.fingerstyle-boom-chick{display:grid;grid-template-columns:repeat(7,auto);gap:8px;align-items:center;width:fit-content;max-width:100%;margin-top:18px;overflow:auto}.fingerstyle-boom-chick strong{border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:999px;padding:8px 11px;background:#00000038;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.fingerstyle-boom-chick span{width:16px;height:2px;background:rgb(var(--color-text-rgb) / .42)}.fingerstyle-string-map{display:grid;margin-top:16px}.fingerstyle-explainer-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.fingerstyle-explainer-board{width:min(100%,560px);min-width:0}.fingerstyle-explainer-board .fretboard-string{stroke:rgb(var(--color-text-rgb) / .72)}.fingerstyle-explainer-board .fretboard-fret{stroke:rgb(var(--color-accent-rgb) / .28);stroke-width:2.2}.fingerstyle-explainer-board .fretboard-nut{stroke-width:7}.fingerstyle-explainer-board .fretboard-number,.fingerstyle-explainer-board .fretboard-tuning{font-size:17px}.fingerstyle-explainer-board .fretboard-tuning{fill:var(--color-accent)}.fingerstyle-explainer-board .fretboard-fingering-label circle{r:13px}.fingerstyle-finger-list{display:grid;gap:9px}.fingerstyle-finger{display:grid;grid-template-columns:42px minmax(96px,.45fr) minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;padding:9px;background:#ffffff09}.fingerstyle-finger b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:1.2rem;line-height:1}.fingerstyle-finger strong{color:var(--color-text)}.fingerstyle-finger span{color:var(--muted);font-weight:760}.fingerstyle-finger.purple b{background:#6f3c83}.fingerstyle-finger.blue b{background:#1974b8}.fingerstyle-finger.green b{background:#5a9f38}.fingerstyle-finger.orange b{background:var(--color-accent)}.fingerstyle-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fingerstyle-rule-card{display:grid;gap:10px;align-content:start}.fingerstyle-rule-card svg{color:var(--gold2)}.fingerstyle-rule-card h3,.fingerstyle-pattern-card h3,.fingerstyle-history-card h3,.fingerstyle-exercise-card h3{margin:0;color:var(--color-text);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.1}.fingerstyle-pattern-section,.fingerstyle-history,.fingerstyle-exercises{display:grid;gap:16px;padding:clamp(16px,2.4vw,24px)}.fingerstyle-section-head{max-width:860px}.fingerstyle-exercises-head{position:relative;max-width:none;min-height:clamp(260px,34vw,430px);display:grid;align-content:end;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(18px,3vw,30px);background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .9),rgb(var(--color-bg-rgb) / .62) 42%,rgb(var(--color-bg-rgb) / .18) 72%),linear-gradient(0deg,rgb(var(--color-bg-rgb) / .86),rgb(var(--color-bg-rgb) / .16) 58%),url(/FOTOS/fingerstyle%20DAUMENPICK2.png) center / cover no-repeat;box-shadow:0 22px 60px #00000057}.fingerstyle-exercises-head .section-label,.fingerstyle-exercises-head h2,.fingerstyle-exercises-head p{position:relative;z-index:1}.fingerstyle-exercises-head h2{max-width:760px;text-shadow:0 3px 0 rgba(7,36,38,.72),0 16px 40px rgba(0,0,0,.5)}.fingerstyle-exercises-head p{max-width:560px;color:var(--color-text);font-weight:820}.fingerstyle-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fingerstyle-pattern-card,.fingerstyle-history-card{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:16px;background:#ffffff09}.fingerstyle-pattern-card{display:grid;align-content:start;gap:10px}.fingerstyle-pattern-card>span{display:block;color:var(--color-accent-2);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.fingerstyle-pattern-card>strong{display:inline-flex;width:fit-content;border:1px solid rgb(var(--color-accent-rgb) / .48);border-radius:999px;padding:8px 15px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent));font-size:clamp(1.2rem,2.7vw,1.85rem);letter-spacing:.05em}.fingerstyle-pattern-card em{display:inline-flex;color:var(--color-text);font-style:normal;font-weight:950}.fingerstyle-pattern-card .alphatab-viewer{margin:4px 0 0;border-radius:8px}.fingerstyle-pattern-card .alphatab-head{padding-bottom:8px}.fingerstyle-pattern-card .alphatab-head h3{font-size:clamp(1.05rem,2vw,1.42rem)}.fingerstyle-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fingerstyle-history-card{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:start}.fingerstyle-history-card span{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));font-weight:950}.fingerstyle-history-card p{margin-top:6px}.fingerstyle-exercise-grid{display:grid;gap:18px}.fingerstyle-exercise-card{min-width:0;display:grid;grid-template-columns:1fr;gap:12px;align-items:start;border-top:1px solid rgb(var(--color-accent-rgb) / .28);padding-top:18px}.fingerstyle-exercise-card:first-child{border-top:0;padding-top:0}.fingerstyle-exercise-card .alphatab-viewer{grid-column:1;width:100%;margin:0;border-radius:8px}.fingerstyle-exercise-card .alphatab-head{padding-bottom:8px}.fingerstyle-exercise-card .alphatab-head h3{font-size:clamp(1.05rem,2vw,1.45rem)}.fingerstyle-exercise-card header{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.fingerstyle-exercise-card header>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:1.8rem}.fingerstyle-exercise-card header em{display:block;margin-bottom:4px;color:var(--color-accent-2);font-size:.78rem;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.fingerstyle-exercise-pattern{color:var(--color-accent)!important;font-weight:950}.fingerstyle-kernsatz{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 44%,var(--color-accent-2)),var(--gold2)}.fingerstyle-kernsatz svg{color:var(--color-bg)}.fingerstyle-kernsatz p{color:var(--color-bg);font-weight:800}.fingerstyle-kernsatz strong{font-weight:950;text-transform:uppercase}.footer-note{margin-top:22px;padding:18px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:22px;background:#00000029;color:var(--muted);line-height:1.5}.pocket-path{position:relative;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:28px;background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .94) 52%,rgb(var(--color-bg-rgb) / .88)),rgb(var(--color-bg-rgb) / .94);box-shadow:var(--shadow);padding:clamp(18px,3vw,34px)}.pocket-path:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgb(var(--color-text-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text-rgb) / .025) 1px,transparent 1px);background-size:42px 42px}.pocket-path>*{position:relative;z-index:1}.pocket-hero{min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:clamp(18px,5vw,48px);align-items:center;border-bottom:1px solid rgb(var(--color-accent-rgb) / .28);padding-bottom:clamp(18px,3vw,28px)}.pocket-kicker{color:var(--color-text);font-family:var(--font-brand);font-size:clamp(4rem,11vw,9rem);line-height:.82;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 16px 38px rgba(0,0,0,.45)}.pocket-hero h1{width:fit-content;margin:10px 0 14px;padding:7px 14px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(2rem,4.5vw,4.2rem);line-height:.95;letter-spacing:.06em;text-transform:uppercase}.pocket-script{margin:0 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,3.4vw,2.7rem);font-style:italic;line-height:1.05}.pocket-hero p:not(.pocket-script){max-width:760px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.55}.pocket-hero-art{margin:0;justify-self:end;align-self:stretch;width:min(100%,360px);min-height:310px;display:flex;align-items:center;justify-content:center}.pocket-hero-art img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,0,0,.42))}.pocket-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(18px,3vw,28px) 0}.pocket-benefit{display:flex;gap:10px;align-items:center;min-height:62px;color:var(--gold2);font-weight:950;text-transform:uppercase;line-height:1.2}.pocket-benefit span{flex:0 0 42px;height:42px;display:grid;place-items:center;border:2px solid var(--gold2);border-radius:50%;color:var(--gold2);font-size:1.3rem}.pocket-group{margin-top:clamp(18px,3vw,30px)}.pocket-group-head{display:grid;grid-template-columns:auto minmax(190px,auto) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px}.pocket-group-head span{padding:7px 14px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent));font-weight:950;text-transform:uppercase;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);white-space:nowrap}.pocket-group-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.35rem,3vw,2.35rem);font-style:italic;font-weight:500;line-height:1.05}.pocket-group-head p{margin:0;color:var(--muted);line-height:1.35}.pocket-chord-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px}.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(170px,260px))}.pocket-chord-card{position:relative;display:block;min-width:0;border:0;border-radius:8px;padding:0;color:inherit;background:transparent;box-shadow:none;cursor:pointer;font:inherit;text-align:left}.pocket-chord-card--static{cursor:default}.pocket-chord-card:hover{transform:translateY(-2px)}.pocket-chord-card--static:hover{transform:none}.pocket-chord-card:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .46);outline-offset:4px}.pocket-card-diagram{--cdc-diagram-width: 150px;min-height:100%;border-color:transparent;background:transparent;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.pocket-chord-card--link .pocket-card-diagram{border-color:rgb(var(--color-accent-rgb) / .13)}.pocket-chord-card--link:hover .pocket-card-diagram,.pocket-chord-card--link:focus-visible .pocket-card-diagram{border-color:rgb(var(--color-accent-rgb) / .38);background:rgb(var(--color-bg-rgb) / .16);box-shadow:0 10px 24px #00000024}.pocket-chord-card--static:hover .pocket-card-diagram{border-color:transparent;background:transparent;box-shadow:none}.pocket-card-diagram svg .mini-line{stroke-width:1.9}.pocket-card-diagram svg .mini-dot{opacity:.92}.pocket-card-diagram svg .root-dot{fill:#2f9e44;opacity:1}.pocket-card-diagram svg .mini-text{fill:#071018;font-size:17px;font-weight:900;font-family:Arial,Helvetica,sans-serif;stroke:none;text-rendering:geometricPrecision}.pocket-card-diagram svg .pocket-dot-label{fill:#02070c;font-size:21px;font-weight:900;font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.pocket-card-diagram svg .pocket-dot-label--wide{font-size:17px}.pocket-card-diagram svg .open-string-marker{fill:rgb(var(--color-bg-rgb) / .72);stroke:rgb(var(--color-text-rgb) / .88);stroke-width:2}.pocket-card-diagram svg .root-open-string-marker{fill:#2f9e4457;stroke:#2f9e44;stroke-width:2.3}.pocket-card-diagram svg .open-string-label{fill:rgb(var(--color-text-rgb) / .94);font-family:Arial,Helvetica,sans-serif;font-size:15.5px;font-weight:900;paint-order:stroke;pointer-events:none;stroke:rgb(var(--color-bg-rgb) / .28);stroke-width:.3}.pocket-card-diagram svg .open-string-label--wide{font-size:13px}.pocket-card-diagram svg .root-open-string-label{fill:#eaffef}.pocket-card-diagram svg .muted-string-marker{fill:rgb(var(--color-text-rgb) / .82);font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;text-transform:none}.pocket-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:18px;align-items:stretch;margin-top:clamp(22px,4vw,34px)}.pocket-rhythm,.pocket-practice{border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;background:#0000003d;padding:clamp(14px,2vw,20px)}.pocket-rhythm h2,.pocket-practice h2{margin:0 0 10px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2.4rem);line-height:1;letter-spacing:.04em;text-transform:uppercase}.pocket-rhythm p{max-width:680px;margin:0 0 12px;color:var(--muted);line-height:1.45}.pocket-strum-table{display:grid;grid-template-columns:minmax(82px,auto) minmax(0,1fr);border:1px solid rgb(var(--color-accent-rgb) / .45);border-radius:6px;overflow:hidden}.pocket-strum-label{min-height:34px;display:grid;align-items:center;padding:0 10px;border-right:1px solid rgb(var(--color-accent-rgb) / .3);border-bottom:1px solid rgb(var(--color-accent-rgb) / .3);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .1);font-weight:950;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.pocket-strum-row{display:grid;grid-template-columns:repeat(8,minmax(32px,1fr));border-bottom:1px solid rgb(var(--color-accent-rgb) / .3)}.pocket-strum-table>:nth-last-child(-n+2){border-bottom:0}.pocket-count,.pocket-arrow{min-height:34px;display:grid;place-items:center;border-right:1px solid rgb(var(--color-accent-rgb) / .3);font-weight:950}.pocket-count{color:rgb(var(--color-text-rgb) / .76);background:rgb(var(--color-accent-rgb) / .055);font-size:.82rem}.pocket-arrow.down,.pocket-arrow.up{color:var(--gold2);background:rgb(var(--color-accent-rgb) / .1)}.pocket-arrow{color:var(--gold2);font-size:1.18rem;line-height:1;background:#ffffff09}.pocket-arrow.rest{color:rgb(var(--color-text-rgb) / .18);background:linear-gradient(90deg,transparent calc(50% - 1px),rgb(var(--color-text-rgb) / .16) 50%,transparent calc(50% + 1px)),#ffffff05}.pocket-pattern-name{display:block;margin-top:9px;color:var(--muted);text-align:center;font-size:clamp(.82rem,1.6vw,1rem);letter-spacing:.18em}.pocket-practice{display:grid;align-content:start;gap:12px}.pocket-practice-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.pocket-practice-item span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));font-weight:950}.pocket-practice-item p{margin:0;color:var(--cream);line-height:1.35}.pocket-finish{margin-top:clamp(20px,4vw,34px);padding-top:18px;border-top:3px double rgb(var(--color-accent-rgb) / .74);color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,4.4vw,3.5rem);line-height:1.08;letter-spacing:.055em;text-align:center;text-transform:uppercase}.pocket-finish strong{color:var(--gold2)}.admin-editor{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:24px;background:rgb(var(--color-bg-rgb) / .68);padding:18px;box-shadow:0 14px 36px #00000038}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.admin-toolbar label,.admin-field{display:grid;gap:7px;color:var(--muted);font-weight:800;font-size:.86rem}.admin-toolbar select,.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#0003;color:var(--cream);padding:11px 12px;outline:0}.admin-field textarea{resize:vertical;min-height:92px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-actions .debug-action:disabled{opacity:.45;cursor:not-allowed}.admin-chord-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px}.admin-chord-item{border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:11px;background:#00000024;color:var(--cream);text-align:left;cursor:pointer}.admin-chord-item:hover,.admin-chord-item.active{background:rgb(var(--color-accent-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .28)}.admin-chord-item strong,.admin-chord-item span,.admin-chord-item small{display:block}.admin-chord-item span,.admin-chord-item small{margin-top:3px;color:var(--muted);font-size:.82rem}.admin-import{display:grid;gap:10px;margin:0 0 16px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:18px;padding:14px;background:#0000001f}.admin-import-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.admin-import-head h3{margin:0 0 4px;color:var(--gold2);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.admin-import-head p{margin:0;color:var(--muted);line-height:1.4;font-size:.9rem}.admin-import-text{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#00000038;color:var(--cream);padding:12px;outline:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.45}.admin-derived{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.admin-derived span{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px;padding:6px 9px;color:var(--muted);background:#ffffff09;font-size:.82rem;font-weight:800}.admin-message{margin:0 0 14px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:16px;background:rgb(var(--color-accent-rgb) / .1);color:var(--gold2);padding:12px;font-weight:850}.admin-message-error{border-color:rgb(var(--color-accent-rgb) / .45);background:rgb(var(--color-accent-rgb) / .12);color:#f0b0a6}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-field-wide{grid-column:1 / -1}.lesson-editor{display:grid;gap:16px}.lesson-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid rgb(var(--color-accent-rgb) / .18);padding-bottom:16px}.lesson-editor-head span{color:var(--gold2);font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-head h1{margin:4px 0 6px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2rem,4vw,3.3rem);font-weight:500;line-height:1.02}.lesson-editor-head p{margin:0;color:var(--muted);line-height:1.45}.lesson-editor-section,.lesson-editor-block,.lesson-editor-code{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:18px;padding:14px;background:#0000001f}.lesson-editor-add,.lesson-editor-copy,.lesson-editor-code header,.lesson-editor-icon-actions{display:flex;gap:8px;align-items:center}.lesson-editor-add select{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#0003;color:var(--cream);padding:9px 12px;outline:0}.lesson-editor select option{color:var(--color-bg);background:var(--color-text)}.lesson-editor-blocks,.lesson-editor-output{display:grid;gap:12px}.lesson-editor-block-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.lesson-editor-block-head span,.lesson-editor-string-grid>span{display:block;color:var(--soft);font-size:.76rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-block-head strong,.lesson-editor-code strong{color:var(--gold2);font-weight:950}.lesson-editor-icon-actions button{width:36px;height:36px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:10px;display:grid;place-items:center;color:var(--cream);background:#ffffff0a;cursor:pointer}.lesson-editor-icon-actions button:hover{background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-toggle{display:flex;gap:9px;align-items:center;align-self:end;min-height:43px;color:var(--muted);font-weight:850}.lesson-editor-toggle input{width:18px;height:18px;accent-color:var(--gold2)}.lesson-editor-string-grid{display:grid;gap:7px}.lesson-editor-string-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.lesson-editor-string-row.labels{color:var(--gold2);text-align:center}.lesson-editor-string-row input{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:10px;background:#0003;color:var(--cream);padding:9px 8px;text-align:center;outline:0}.lesson-editor-string-grid small{color:var(--soft)}.lesson-editor-form-preview{display:grid;gap:8px;margin-top:10px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:12px;padding:12px;background:#ffffff0a}.lesson-editor-form-preview p,.lesson-editor-form-preview ul{margin:0}.lesson-editor-form-preview ul{display:grid;gap:4px;padding-left:18px;color:var(--muted)}.lesson-editor-form-preview small{color:var(--soft)}.lesson-editor-diagram-fields{align-items:start}.lesson-editor-diagram-preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.lesson-editor-diagram-preset-row select{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;padding:10px 12px;color:var(--cream);background:#0003;outline:0}.lesson-editor-diagram-preset-row .debug-action{white-space:nowrap}.lesson-editor-diagram-inspector{display:grid;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-2-rgb) / .22);border-radius:14px;padding:12px;background:linear-gradient(145deg,rgb(var(--color-accent-2-rgb) / .08),rgb(var(--color-accent-rgb) / .04)),#ffffff07}.lesson-editor-diagram-inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-inspector-head span,.lesson-editor-diagram-inspector-head strong,.lesson-editor-diagram-readonly span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.lesson-editor-diagram-inspector-grid label,.lesson-editor-diagram-readonly{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:.78rem;font-weight:850}.lesson-editor-diagram-inspector-grid label>span{color:var(--soft);font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-diagram-inspector-grid input,.lesson-editor-diagram-inspector-grid select{width:100%;min-width:0;min-height:39px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:12px;padding:8px 10px;color:var(--cream);background:#00000038;outline:0}.lesson-editor-diagram-inspector-grid input:disabled,.lesson-editor-diagram-inspector-grid select:disabled{cursor:not-allowed;opacity:.52}.lesson-editor-diagram-readonly{min-height:39px;justify-content:center;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;padding:8px 10px;background:#00000029}.lesson-editor-diagram-readonly strong{color:var(--cream);font-size:.9rem}.lesson-editor-diagram-toggle{grid-template-columns:auto minmax(0,1fr);align-items:center;align-self:end;min-height:39px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;padding:8px 10px;background:#00000029}.lesson-editor-diagram-toggle input{width:17px;height:17px;min-height:0;accent-color:var(--gold2)}.lesson-editor-diagram-quality{display:grid;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:12px;background:#ffffff08}.lesson-editor-diagram-quality-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-quality-head span,.lesson-editor-diagram-quality-head strong{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-quality-list{display:grid;gap:8px}.lesson-editor-diagram-quality-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid rgb(var(--color-accent-2-rgb) / .2);border-radius:12px;padding:10px;background:rgb(var(--color-accent-2-rgb) / .06)}.lesson-editor-diagram-quality-item.warning{border-color:rgb(var(--color-accent-rgb) / .28);background:rgb(var(--color-accent-rgb) / .08)}.lesson-editor-diagram-quality-item div{min-width:0}.lesson-editor-diagram-quality-item strong{display:block;color:var(--cream);font-size:.9rem;line-height:1.25}.lesson-editor-diagram-quality-item span{display:block;margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.35}.lesson-editor-diagram-quality-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.lesson-editor-diagram-quality-item em,.lesson-editor-diagram-quality-item button{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:999px;padding:4px 7px;color:var(--gold2);background:#00000029;font-size:.68rem;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-diagram-quality-item button{cursor:pointer;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold))}.lesson-editor-diagram-quality-item button:hover{filter:brightness(1.06)}.lesson-editor-diagram-preview{display:grid;gap:9px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:12px;background:#ffffff09}.lesson-editor-diagram-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-preview-head span,.lesson-editor-diagram-preview-head strong{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-preview-stage{min-width:0;max-width:100%;overflow:hidden}.lesson-editor-diagram-preview-stage .content-block-diagram{gap:8px;margin:0;padding:10px;border-radius:10px}.lesson-editor-diagram-preview-stage .content-block-diagram__header span{margin-bottom:4px;font-size:.66rem}.lesson-editor-diagram-preview-stage .content-block-diagram__header h3{font-size:clamp(1rem,1.5vw,1.2rem)}.lesson-editor-diagram-preview-stage .diagramBuilderSvgShell{max-width:100%}.lesson-editor-diagram-preview-stage .diagramBuilderChordShell{max-width:300px}@media(max-width:720px){.lesson-editor-diagram-preset-row,.lesson-editor-diagram-inspector-grid,.lesson-editor-diagram-quality-item{grid-template-columns:1fr}.lesson-editor-diagram-quality-actions{justify-content:flex-start}.lesson-editor-diagram-preset-row .debug-action{width:100%}.lesson-editor-diagram-preview-stage .diagramBuilderChordShell{max-width:260px}}.lesson-editor-message-grid{display:grid;gap:10px}.lesson-editor-message-grid .admin-message{display:grid;gap:5px;margin:0}.lesson-editor-save-panel{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgb(var(--color-accent-2-rgb) / .3);border-radius:16px;padding:12px;background:rgb(var(--color-accent-2-rgb) / .08)}.lesson-editor-save-panel>div:first-child{display:grid;min-width:0;gap:4px}.lesson-editor-save-panel strong{color:#cdeee6;font-weight:950}.lesson-editor-save-panel span{color:var(--muted);font-size:.86rem;line-height:1.35}.lesson-editor-code header{justify-content:space-between;margin-bottom:9px}.lesson-editor-code textarea{margin:0}.lesson-editor-lick-workflow{display:grid;gap:14px;border-color:rgb(var(--color-accent-2-rgb) / .32);background:linear-gradient(145deg,rgb(var(--color-accent-2-rgb) / .08),rgb(var(--color-accent-rgb) / .04)),#0000001f}.lesson-editor-lick-grid{align-items:end}.lesson-editor-lick-validation{margin-top:0}.lesson-editor-lick-panels{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr);gap:14px;align-items:start}.lesson-editor-lick-preview,.lesson-editor-lick-export{display:grid;min-width:0;gap:12px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;padding:12px;background:#ffffff09}.lesson-editor-lick-preview>header,.lesson-editor-lick-export>header{display:flex;justify-content:space-between;gap:10px;align-items:center}.lesson-editor-lick-preview>header strong,.lesson-editor-lick-export>header strong{color:var(--gold2);font-weight:950}.lesson-editor-lick-preview>header span,.lesson-editor-lick-export-meta span{color:var(--soft);font-size:.82rem;line-height:1.35}.lesson-editor-lick-export-meta{display:grid;gap:5px;border:1px solid rgb(var(--color-accent-2-rgb) / .22);border-radius:12px;padding:10px;background:rgb(var(--color-accent-2-rgb) / .06)}.lesson-editor-lick-export .lesson-editor-code{padding:10px;border-radius:12px}.lesson-editor-lick-export .lesson-editor-code textarea{min-height:0;max-height:min(48vh,380px);overflow:auto}.lesson-editor-audio-url-helper{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-editor-audio-url-helper .debug-action{width:fit-content}.lesson-editor-audio-url-helper small{color:var(--gold2);font-weight:850}.lesson-editor-copy-status{border:1px solid rgb(var(--color-accent-2-rgb) / .42);border-radius:999px;padding:7px 10px;color:#cdeee6;background:rgb(var(--color-accent-2-rgb) / .12);font-size:.82rem;font-weight:900}.lesson-editor-preview .lesson-preview{margin-top:12px}@media(max-width:1180px){.lesson-editor-lick-panels{grid-template-columns:1fr}}svg .grid-line{stroke:rgb(var(--color-text-rgb) / .82);stroke-width:4;stroke-linecap:round}svg .nut{stroke:var(--color-text);stroke-width:9;stroke-linecap:round}svg .dot{fill:var(--color-accent)}svg .diagram-symbol{fill:var(--cream);font-weight:950;font-size:46px;font-family:var(--font-brand)}svg.mini-svg .diagram-symbol{font-size:16px}svg .dot-text{fill:var(--color-bg);font-weight:950;font-size:18px;font-family:var(--font-brand)}svg .finger-label{fill:var(--gold2);font-weight:950;font-size:21px;font-family:var(--font-brand)}svg.mini-svg .finger-label{font-size:13px}svg .string-marker{fill:var(--color-text);font-weight:950;font-size:24px;font-family:var(--font-brand)}svg .string-marker.open{font-size:22px}svg .fret-label{fill:var(--color-text);font-weight:850;font-size:17px;font-family:var(--font-brand)}svg .start-fret-label{font-size:28px;font-weight:950;letter-spacing:0}svg .mini-line{stroke:rgb(var(--color-text-rgb) / .82);stroke-width:2.2}svg .mini-nut{stroke:var(--color-text);stroke-width:5}svg .mini-dot{fill:var(--color-accent)}svg .mini-text{fill:var(--color-bg);font-weight:900;font-size:12px;font-family:var(--font-brand)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0000008a;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:25}body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}@media(min-width:821px){.app{grid-template-columns:var(--sidebar) minmax(0,1fr);height:100dvh;min-height:100dvh;overflow:hidden}body.sidebar-collapsed .app{grid-template-columns:0 minmax(0,1fr)}.sidebar,body.drawer-open .sidebar{position:sticky;inset:auto;width:var(--sidebar);height:100dvh;max-height:100dvh;transform:none;box-shadow:none}body.sidebar-collapsed .sidebar{transform:translate(-105%);pointer-events:none}.main{height:100dvh;overflow-y:auto}.drawer-backdrop,body.drawer-open .drawer-backdrop{opacity:0;pointer-events:none}}.debug-toggle{border:1px solid rgb(var(--color-accent-rgb) / .32);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12);border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:850;white-space:nowrap}.debug-toggle.active{background:rgb(var(--color-accent-rgb) / .24);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .42)}.debug-panel{display:none;margin-bottom:18px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:24px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),rgb(var(--color-bg-rgb) / .78);box-shadow:0 16px 50px #00000047;padding:16px}body.debug-on .debug-panel{display:block}.debug-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}.debug-head h3{margin:0 0 4px;color:var(--gold2);text-transform:uppercase;letter-spacing:.04em;font-size:.98rem}.debug-head p{margin:0;color:var(--muted);line-height:1.4;font-size:.92rem}.image-focus-editor{display:grid;gap:10px;margin:14px 0}.image-focus-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.viewport-toggle,.zoom-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.viewport-toggle button,.zoom-buttons button{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:12px;min-width:42px;min-height:38px;color:var(--cream);background:#ffffff0a;cursor:pointer;font-weight:850}.viewport-toggle button{padding:8px 12px}.viewport-toggle button.active,.zoom-buttons button:hover,.viewport-toggle button:hover{background:rgb(var(--color-accent-rgb) / .18);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .32)}.zoom-buttons output{min-width:54px;color:var(--gold2);font-weight:950;font-variant-numeric:tabular-nums;text-align:right}.image-focus-preview{position:relative;width:100%;max-height:680px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:18px;overflow:hidden;background:linear-gradient(#00000014,#00000014),var(--editor-image);background-size:var(--editor-zoom);background-position:var(--editor-focus-x) var(--editor-focus-y);background-repeat:no-repeat;filter:brightness(var(--editor-brightness)) contrast(var(--editor-contrast)) saturate(var(--editor-saturation));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.image-focus-preview.desktop{aspect-ratio:16 / 9}.image-focus-preview.mobile{width:min(100%,430px);aspect-ratio:9 / 16;margin-inline:auto}.image-focus-preview.empty{background:radial-gradient(circle at var(--editor-focus-x) var(--editor-focus-y),rgb(var(--color-accent-rgb) / .3),transparent 12rem),linear-gradient(135deg,var(--color-surface),var(--color-bg) 60%)}.image-focus-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(var(--color-text-rgb) / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text-rgb) / .12) 1px,transparent 1px);background-size:10% 10%}.image-focus-marker{position:absolute;left:var(--editor-focus-x);top:var(--editor-focus-y);width:30px;height:30px;border:2px solid rgb(var(--color-text-rgb) / .96);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000008a,0 0 18px rgb(var(--color-accent-rgb) / .58);pointer-events:none}.image-focus-marker:before,.image-focus-marker:after{content:"";position:absolute;left:50%;top:50%;background:rgb(var(--color-text-rgb) / .96);transform:translate(-50%,-50%)}.image-focus-marker:before{width:42px;height:2px}.image-focus-marker:after{width:2px;height:42px}.image-safe-editor-box{position:absolute;left:var(--editor-safe-left);top:var(--editor-safe-top);width:var(--editor-safe-width);height:var(--editor-safe-height);border:2px dashed rgb(var(--color-accent-rgb) / .95);border-radius:14px;background:rgb(var(--color-accent-rgb) / .08);box-shadow:0 0 0 9999px #0000001f;cursor:move}.image-safe-editor-box:before{content:"HAND SAFE AREA";position:absolute;left:9px;top:8px;color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;letter-spacing:.04em;pointer-events:none}.image-safe-handle{position:absolute;width:16px;height:16px;border:2px solid var(--color-bg);border-radius:50%;background:var(--gold2);box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .82)}.image-safe-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.image-safe-handle.ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.image-safe-handle.sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.image-safe-handle.se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.image-focus-hint{color:var(--muted);font-size:.9rem;line-height:1.35}.debug-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.control{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;padding:12px;background:#00000029}.control label{display:flex;justify-content:space-between;gap:10px;color:var(--cream);font-weight:800;font-size:.86rem;margin-bottom:8px}.control output{color:var(--gold2);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--gold)}.debug-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.debug-action{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:14px;padding:9px 11px;color:var(--cream);background:#ffffff0a;cursor:pointer;font-weight:800}.debug-action:hover{background:rgb(var(--color-accent-rgb) / .12)}.debug-save-status{align-self:center;color:var(--gold2);font-weight:900;font-size:.9rem}.debug-code{display:none;width:100%;margin-top:12px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:16px;background:#00000052;color:var(--cream);padding:12px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;white-space:pre-wrap}.debug-code.show{display:block}body.debug-on .hero:before{filter:brightness(var(--debug-brightness, 1.12)) contrast(var(--debug-contrast, 1.03)) saturate(var(--debug-saturation, 1.02))}body.debug-on .hero:after{opacity:var(--debug-overlay, 1)}body.debug-on .hero{min-height:var(--debug-hero-height, clamp(430px, 46vw, 650px))}body.debug-on .hero-debug-crosshair{display:block}.hero-debug-crosshair{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}.hero-debug-crosshair:before,.hero-debug-crosshair:after{content:"";position:absolute;background:rgb(var(--color-accent-rgb) / .78);box-shadow:0 0 0 1px #00000047}.hero-debug-crosshair:before{left:var(--focus-x);top:0;bottom:0;width:2px;transform:translate(-1px)}.hero-debug-crosshair:after{top:var(--focus-y);left:0;right:0;height:2px;transform:translateY(-1px)}.safe-box{display:none;position:absolute;z-index:3;pointer-events:none;left:var(--safe-left, 25%);top:var(--safe-top, 18%);width:var(--safe-width, 34%);height:var(--safe-height, 54%);border:2px dashed rgb(var(--color-accent-rgb) / .88);border-radius:18px;background:rgb(var(--color-accent-rgb) / .07);box-shadow:0 0 0 9999px #00000029}body.debug-on .safe-box{display:block}.safe-box:before{content:"HAND SAFE AREA";position:absolute;left:10px;top:8px;color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;letter-spacing:.04em}@media(max-width:1180px){.layout{grid-template-columns:1fr}.side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.top-grid,.bottom-grid{grid-template-columns:1fr 1fr}.character-section,.variants-section{grid-column:1 / -1}.cards-grid,.pocket-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-chord-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.pocket-bottom{grid-template-columns:1fr}.scale-info-grid{grid-template-columns:1fr 1fr}.fretboard-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-reading-layout{grid-template-columns:1fr}.tab-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plucking-info-grid,.plucking-insights,.plucking-examples{grid-template-columns:1fr}.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strumming-tech-section,.strumming-feel-section,.strumming-bottom-grid{grid-template-columns:1fr}.strumming-photo-explain{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)}.plucking-hand-card{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.plucking-hand-card h3{font-size:clamp(1.75rem,4.5vw,2.55rem)}.plucking-finger-list{grid-template-columns:repeat(2,minmax(0,1fr))}.plucking-finger-list article{grid-template-columns:48px minmax(0,1fr);align-content:start}}@container main (max-width: 980px){.capo-hero,.capo-demo-grid{grid-template-columns:1fr}.capo-hero img{min-height:220px;max-height:310px}.capo-hero-copy{min-height:0;padding:clamp(16px,3cqi,26px)}.capo-hero-copy h2{font-size:clamp(2.45rem,9cqi,4.7rem)}.capo-quote{font-size:clamp(1.12rem,3.6cqi,1.55rem)}.capo-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-info-card{min-width:0;padding:12px}.capo-info-card h3{font-size:clamp(1.06rem,4cqi,1.4rem)}.capo-photo-card{grid-template-rows:minmax(190px,260px) auto}}@media(max-width:820px){.debug-grid{grid-template-columns:1fr 1fr}.debug-toggle{padding:10px}body.debug-on .hero{min-height:min(var(--debug-hero-height-mobile, 86vh),760px)}.safe-box{left:var(--safe-left-mobile, var(--safe-left, 25%));top:var(--safe-top-mobile, var(--safe-top, 18%));width:var(--safe-width-mobile, var(--safe-width, 34%));height:var(--safe-height-mobile, var(--safe-height, 54%))}.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,var(--sidebar));transform:translate(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #00000073}body.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0000008a;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:25}body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.menu-toggle{display:grid;place-items:center}.topbar{padding-inline:12px}.stage{padding:14px}.module-head,.scale-head{display:block}.scale-toggle{margin-top:14px;width:100%}.scale-info-grid,.fretboard-step-grid{grid-template-columns:1fr}.startpoint-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-basics-stage,.hand-basics-info-grid{grid-template-columns:1fr}.hand-basics-card{min-height:330px}.hand-basics-card img{width:min(76%,230px)}.hand-finger-list li{grid-template-columns:38px minmax(0,1fr)}.hand-finger-list em{grid-column:2}.hand-basics-tip,.chord-reading-layout,.chord-reading-callouts,.capo-hero,.capo-info-grid,.capo-demo-grid{grid-template-columns:1fr}.capo-examples article{grid-template-columns:1fr;gap:4px}.capo-examples em{display:none}.chord-reading-visual{padding:10px}.tab-reading-grid{grid-template-columns:1fr}.tab-reading-card-head{align-items:start}.plucking-hero{min-height:430px}.plucking-hero img{object-position:62% 50%}.plucking-hero:after{background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .18),rgb(var(--color-bg-rgb) / .9)),linear-gradient(90deg,rgb(var(--color-bg-rgb) / .64),rgb(var(--color-bg-rgb) / .2))}.plucking-info-grid,.plucking-insights,.plucking-examples{grid-template-columns:1fr}.strumming-hero{min-height:470px}.strumming-hero-copy{width:100%;max-width:100%;min-width:0}.strumming-hero-copy h2{max-width:100%;font-size:clamp(3.2rem,12.2vw,5.8rem);letter-spacing:.015em}.strumming-hero img{object-position:62% 50%}.strumming-hero:after{background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .12),rgb(var(--color-bg-rgb) / .9)),linear-gradient(90deg,rgb(var(--color-bg-rgb) / .7),rgb(var(--color-bg-rgb) / .16))}.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid,.strumming-photo-explain{grid-template-columns:1fr}.strumming-photo-card,.strumming-photo-card.main{min-height:300px}.strumming-use article{grid-template-columns:34px 74px minmax(0,1fr)}.plucking-hand-card{grid-template-columns:1fr}.plucking-hand-card h3{font-size:clamp(1.7rem,9vw,2.55rem)}.plucking-hand-card figure{justify-self:start;width:min(100%,340px)}.plucking-finger-list{grid-template-columns:1fr}.plucking-finger-list article{grid-template-columns:48px minmax(0,1fr)}.plucking-example header{min-height:0}.fretboard-path .fretboard-overview>.fretboard-scroll,.fretboard-desktop-steps{display:none}.fretboard-mobile-workbench{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,38vw,360px);gap:14px;align-items:start;overflow-x:visible;padding-bottom:8px}.fretboard-svg.vertical .fretboard-string.string-0,.fretboard-svg.vertical .fretboard-string.string-1{stroke-width:4.4}.fretboard-svg.vertical .fretboard-string.string-2,.fretboard-svg.vertical .fretboard-string.string-3{stroke-width:3.4}.fretboard-svg.vertical .fretboard-string.string-4,.fretboard-svg.vertical .fretboard-string.string-5{stroke-width:2.4}.fretboard-mobile-workbench .fretboard-scroll{order:2;justify-self:center;width:min(100%,380px);min-width:0;overflow:hidden}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,360px)}.fretboard-mobile-core{order:1;display:grid;min-width:0;gap:10px}.fretboard-mobile-apply{order:4}.fretboard-mobile-workbench .fretboard-step-card{min-height:0;padding:12px}.fretboard-mobile-workbench .fretboard-step-card span{width:38px;height:38px;margin-bottom:10px;font-size:1.05rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(1rem,4vw,1.28rem)}.fretboard-mobile-workbench .fretboard-step-card p{font-size:clamp(.82rem,2.9vw,.95rem);line-height:1.42}.fretboard-mobile-workbench .fretboard-step-card .path-action{margin-top:auto;align-self:start;padding:9px 11px;font-size:.88rem}.pill-row{margin-top:12px}.top-grid,.bottom-grid,.side-panel,.cards-grid,.learning-path-grid,.learning-path-levels,.legacy-path-row,.learning-path-hero,.path-summary-grid,.level-detail-grid,.admin-form-grid{grid-template-columns:1fr}.alphatab-head,.alphatab-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr}.alphatab-status{width:fit-content}.alphatab-stage{height:var(--alphatab-height, 520px);overflow:visible}.alphatab-surface{min-width:620px}.alphatab-viewer-responsive .alphatab-surface{min-width:0}.admin-toolbar{align-items:stretch;display:grid}.hero{min-height:min(86vh,670px);padding:22px 18px 30px}.hero:before{background-size:var(--hero-zoom-mobile, auto 105%);background-position:var(--focus-x-mobile) var(--focus-y-mobile)}.hero:after{background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .12) 42%,rgb(var(--color-bg-rgb) / .66))}.hero-title{text-align:left;margin-left:0}.hero-title h1{font-size:clamp(2.7rem,15vw,5.4rem)}.magazine-card{border-radius:24px}.infographic-body{padding:16px}.prog{grid-template-columns:1fr;gap:4px}.prog span{text-align:left}.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-card{grid-template-columns:1fr}.fingerstyle-hero-art{max-width:620px;min-height:260px}.fingerstyle-hero-art img{min-height:260px;max-height:360px}.fingerstyle-finger{grid-template-columns:42px minmax(0,1fr)}.fingerstyle-finger span{grid-column:2}.pocket-hero{min-height:0;grid-template-columns:1fr}.pocket-hero-art{justify-self:start;width:min(100%,360px);min-height:170px}.pocket-hero-art img{max-height:240px}.pocket-group-head{grid-template-columns:1fr;gap:8px}.pocket-group-head span{width:fit-content}.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:520px){.fretboard-mobile-workbench{grid-template-columns:minmax(0,.9fr) clamp(170px,46vw,220px);gap:7px}.fretboard-mobile-workbench .fretboard-scroll{order:2;width:100%}.fretboard-mobile-core{order:1;gap:7px}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,220px)}.fretboard-mobile-workbench .fretboard-step-card{padding:8px}.fretboard-mobile-workbench .fretboard-step-card span{width:28px;height:28px;margin-bottom:6px;font-size:.82rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.78rem,3.25vw,.98rem);line-height:1.05}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:6px;font-size:clamp(.66rem,2.45vw,.78rem);line-height:1.28}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:8px 9px;font-size:.78rem}.debug-grid{grid-template-columns:1fr}.debug-head{display:block}.variant{grid-template-columns:92px 1fr}.module-head h2{font-size:clamp(2rem,12vw,3.6rem)}.degrees{gap:6px}.degree-circle{width:58px;height:58px}.fingerstyle-hero{padding:14px}.fingerstyle-hero h1{font-size:clamp(2.75rem,16vw,4.45rem)}.fingerstyle-hero-line{font-size:clamp(1.2rem,7vw,1.7rem)}.fingerstyle-saloon-sign{font-size:.98rem}.fingerstyle-boom-chick{grid-template-columns:repeat(4,auto)}.fingerstyle-boom-chick span{display:none}.fingerstyle-pattern-card em{display:block;margin:0 0 10px}.fingerstyle-exercise-card header{grid-template-columns:44px minmax(0,1fr)}.fingerstyle-exercise-card header>span{width:42px;height:42px;font-size:1.45rem}.fingerstyle-kernsatz{grid-template-columns:1fr}.pocket-path{padding:14px;border-radius:22px}.learning-path-hero,.level-detail-head{border-radius:22px;padding:16px}.learning-path-hero h1,.level-detail-head h2{font-size:clamp(2.2rem,15vw,3.6rem)}.level-mission-card{min-height:0;border-radius:18px}.learning-path-stat{min-height:130px}.pocket-kicker{font-size:clamp(3.4rem,18vw,5rem)}.pocket-hero h1{font-size:clamp(1.55rem,10vw,2.5rem)}.pocket-benefits,.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:1fr}.pocket-card-diagram{--cdc-diagram-width: 150px}.pocket-strum-table{grid-template-columns:1fr}.strumming-hero{min-height:430px}.strumming-hero-copy{padding:18px}.strumming-hero-copy h2{font-size:clamp(2.65rem,14vw,4.45rem);letter-spacing:.01em}.strumming-brush{width:100%;max-width:100%;box-sizing:border-box;font-size:clamp(1rem,5.3vw,1.42rem)!important}.strumming-pattern-grid{grid-template-columns:repeat(8,minmax(22px,1fr))}.strumming-count,.strumming-direction{min-height:33px}.strumming-use article{grid-template-columns:34px minmax(0,1fr);gap:2px 10px}.strumming-use article strong,.strumming-use article>span:not(.strumming-icon-badge){grid-column:2}.pocket-strum-label{min-height:34px;border-right:0}.pocket-strum-row{grid-template-columns:repeat(8,minmax(28px,1fr))}}@media(max-width:430px){.fretboard-mobile-core{gap:6px}.fretboard-mobile-workbench .fretboard-step-card{padding:6px}.fretboard-mobile-workbench .fretboard-step-card span{width:24px;height:24px;margin-bottom:5px;font-size:.74rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.72rem,3.05vw,.9rem);line-height:1.03}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:5px;font-size:clamp(.59rem,2.28vw,.7rem);line-height:1.22}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:6px 7px;font-size:.68rem}}@container main (max-width: 820px){.debug-grid{grid-template-columns:1fr 1fr}.debug-toggle{padding:10px}.topbar{padding-inline:12px}.stage{padding:14px}.module-head,.scale-head{display:block}.scale-toggle{margin-top:14px;width:100%}.layout,.scale-info-grid,.fretboard-step-grid,.hand-basics-stage,.hand-basics-info-grid,.chord-reading-layout,.chord-reading-callouts,.capo-hero,.capo-info-grid,.capo-demo-grid,.tab-reading-grid,.plucking-info-grid,.plucking-insights,.plucking-examples,.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid,.strumming-photo-explain,.top-grid,.bottom-grid,.side-panel,.cards-grid,.learning-path-grid,.learning-path-levels,.legacy-path-row,.learning-path-hero,.path-summary-grid,.level-detail-grid,.admin-form-grid,.alphatab-head,.alphatab-toolbar,.admin-toolbar,.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-card,.pocket-hero,.pocket-group-head{grid-template-columns:1fr}.startpoint-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-examples article{grid-template-columns:1fr;gap:4px}.capo-examples em{display:none}.strumming-photo-card,.strumming-photo-card.main{min-height:300px}.plucking-hand-card,.plucking-finger-list{grid-template-columns:1fr}.plucking-hand-card h3{font-size:clamp(1.7rem,9vw,2.55rem)}.plucking-hand-card figure{justify-self:start;width:min(100%,340px)}.fretboard-path .fretboard-overview>.fretboard-scroll,.fretboard-desktop-steps{display:none}.fretboard-mobile-workbench{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,38vw,360px);gap:14px;align-items:start;overflow-x:visible;padding-bottom:8px}.fretboard-mobile-workbench .fretboard-scroll{order:2;justify-self:center;width:min(100%,380px);min-width:0;overflow:hidden}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,360px)}.fretboard-mobile-core{order:1;display:grid;min-width:0;gap:10px}.fretboard-mobile-apply{order:4}.fretboard-mobile-workbench .fretboard-step-card{min-height:0;padding:12px}.fretboard-mobile-workbench .fretboard-step-card span{width:38px;height:38px;margin-bottom:10px;font-size:1.05rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(1rem,4vw,1.28rem)}.fretboard-mobile-workbench .fretboard-step-card p{font-size:clamp(.82rem,2.9vw,.95rem);line-height:1.42}.fretboard-mobile-workbench .fretboard-step-card .path-action{margin-top:auto;align-self:start;padding:9px 11px;font-size:.88rem}.alphatab-head,.alphatab-toolbar{align-items:stretch;display:grid}.alphatab-status{width:fit-content}.alphatab-stage{height:var(--alphatab-height, 520px);overflow:visible}.alphatab-surface{min-width:620px}.alphatab-viewer-responsive .alphatab-surface{min-width:0}.hero{min-height:min(86vh,670px);padding:22px 18px 30px}.hero-title{text-align:left;margin-left:0}.hero-title h1{font-size:clamp(2.7rem,15vw,5.4rem)}.pocket-hero-art{justify-self:start;width:min(100%,360px);min-height:170px}.pocket-hero-art img{max-height:240px}.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@container main (max-width: 520px){.fretboard-mobile-workbench{grid-template-columns:minmax(0,.9fr) clamp(170px,46vw,220px);gap:7px}.fretboard-mobile-workbench .fretboard-scroll{order:2;width:100%}.fretboard-mobile-core{order:1;gap:7px}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,220px)}.fretboard-mobile-workbench .fretboard-step-card{padding:8px}.fretboard-mobile-workbench .fretboard-step-card span{width:28px;height:28px;margin-bottom:6px;font-size:.82rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.78rem,3.25vw,.98rem);line-height:1.05}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:6px;font-size:clamp(.66rem,2.45vw,.78rem);line-height:1.28}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:8px 9px;font-size:.78rem}.debug-grid,.pocket-benefits,.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid,.pocket-strum-table{grid-template-columns:1fr}.debug-head{display:block}.variant{grid-template-columns:92px 1fr}.module-head h2{font-size:clamp(2rem,12vw,3.6rem)}.degrees{gap:6px}.degree-circle{width:58px;height:58px}.fingerstyle-hero{padding:14px}.fingerstyle-finger,.fingerstyle-exercise-card header{grid-template-columns:42px minmax(0,1fr)}.fingerstyle-finger span{grid-column:2}.fingerstyle-boom-chick{grid-template-columns:repeat(4,auto)}.fingerstyle-boom-chick span{display:none}.fingerstyle-pattern-card em{display:block;margin:0 0 10px}.fingerstyle-kernsatz{grid-template-columns:1fr}.pocket-path{padding:14px;border-radius:22px}.learning-path-hero,.level-detail-head{border-radius:22px;padding:16px}.level-mission-card{min-height:0;border-radius:18px}.learning-path-stat{min-height:130px}.pocket-card-diagram{--cdc-diagram-width: 150px}.strumming-brush{width:100%;max-width:100%;box-sizing:border-box;font-size:clamp(1rem,5.3vw,1.42rem)!important}.strumming-pattern-grid{grid-template-columns:repeat(8,minmax(22px,1fr))}.strumming-count,.strumming-direction{min-height:33px}.strumming-use article{grid-template-columns:34px minmax(0,1fr);gap:2px 10px}.strumming-use article strong,.strumming-use article>span:not(.strumming-icon-badge){grid-column:2}.pocket-strum-label{min-height:34px;border-right:0}.pocket-strum-row{grid-template-columns:repeat(8,minmax(28px,1fr))}}@container main (max-width: 430px){.fretboard-mobile-core{gap:6px}.fretboard-mobile-workbench .fretboard-step-card{padding:6px}.fretboard-mobile-workbench .fretboard-step-card span{width:24px;height:24px;margin-bottom:5px;font-size:.74rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.72rem,3.05vw,.9rem);line-height:1.03}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:5px;font-size:clamp(.59rem,2.28vw,.7rem);line-height:1.22}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:6px 7px;font-size:.68rem}}.picks-section{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(135deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 16px),rgb(var(--color-bg-rgb) / .78)}.picks-hero{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;isolation:isolate;background:var(--color-bg)}.picks-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:52% 50%;filter:saturate(.92) contrast(1.08)}.picks-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .68) 48%,rgb(var(--color-bg-rgb) / .18)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .9))}.picks-hero-copy{width:min(800px,100%);padding:42px}.picks-hero-copy h2,.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3,.picks-photo-note h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.02em;text-transform:uppercase}.picks-hero-copy h2{max-width:720px;font-size:7.2rem;line-height:.82}.picks-kicker{width:fit-content;max-width:100%;margin:16px 0 14px!important;padding:8px 14px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:1.62rem!important;font-style:italic;font-weight:950;line-height:1.04!important;clip-path:polygon(0 12%,96% 0,100% 50%,94% 100%,2% 88%)}.picks-hero-copy p:not(.picks-kicker){max-width:680px;margin:0;color:var(--color-text-muted);font-size:1.08rem;line-height:1.55}.picks-hero-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.picks-hero-points article,.picks-finder article,.picks-thickness-card,.picks-material-grid article,.picks-shape-grid article,.picks-photo-note,.picks-grip-section,.picks-footer{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .68)}.picks-hero-points article{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:3px 10px;align-items:center;padding:14px}.picks-icon-badge{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .38);border-radius:50%;color:var(--color-text);background:#00000059}.picks-icon-badge svg,.picks-section-label svg,.picks-grip-copy li svg,.picks-footer svg,.picks-thumb-photo figcaption svg{width:20px;height:20px;display:block;stroke:currentColor}.picks-hero-points strong,.picks-finder strong,.picks-material-grid h4,.picks-shape-grid h4,.picks-grip-copy li,.picks-footer strong{color:var(--color-text)}.picks-hero-points strong{align-self:end;font-size:.84rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.picks-hero-points span:not(.picks-icon-badge){grid-column:2;color:var(--muted);font-size:.9rem;line-height:1.35}.picks-choice-band{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:16px;align-items:stretch;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:20px;background:linear-gradient(100deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .1)),rgb(var(--color-bg-rgb) / .72)}.picks-choice-copy,.picks-section-head{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3,.picks-photo-note h3{font-size:2.6rem;line-height:.96}.picks-choice-copy p,.picks-section-head p,.picks-material-grid p,.picks-shape-grid p,.picks-photo-note p,.picks-grip-copy p,.picks-thumb-photo figcaption span,.picks-finder span,.picks-thickness-card p,.picks-thickness-card em{color:var(--muted);line-height:1.5}.picks-choice-copy p,.picks-section-head p,.picks-grip-copy p,.picks-photo-note p{max-width:720px;margin:12px 0 0}.picks-finder{display:grid;gap:8px}.picks-finder article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:11px}.picks-finder div{min-width:0;display:grid;gap:2px}.picks-finder b{justify-self:end;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:999px;padding:7px 10px;color:var(--color-bg);background:var(--gold2);font-size:.84rem;white-space:nowrap}.picks-thickness-section,.picks-materials,.picks-shapes-section{display:grid;gap:14px}.picks-section-label{display:inline-flex;gap:8px;align-items:center}.picks-section-label svg{color:var(--color-bg)}.picks-thickness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.picks-thickness-card{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px}.picks-pick-icon{width:64px;height:76px;display:grid;place-items:center;align-self:start;margin-top:0;filter:drop-shadow(0 12px 20px rgba(0,0,0,.34))}.picks-pick-icon svg{display:block;width:100%;height:100%}.picks-thickness-card strong{display:block;color:var(--gold2);font-size:.82rem;font-weight:950}.picks-thickness-card h4{margin:4px 0 6px;color:var(--color-text);font-family:var(--font-brand);font-size:1.22rem;font-weight:500;line-height:1.05}.picks-thickness-card p,.picks-thickness-card em{display:block;margin:0;font-size:.9rem}.picks-thickness-card em{margin-top:8px;color:var(--color-text);font-style:normal;font-weight:800}.picks-material-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;align-items:stretch}.picks-material-grid,.picks-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.picks-material-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.picks-material-grid span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.picks-material-grid h4,.picks-shape-grid h4{margin:3px 0 7px;font-family:var(--font-brand);font-size:1.22rem;font-weight:500;line-height:1.06}.picks-material-grid p,.picks-shape-grid p{margin:0;font-size:.92rem}.picks-photo-note{display:grid;grid-template-rows:minmax(220px,.88fr) auto;gap:12px;overflow:hidden;padding:14px}.picks-photo-note img,.picks-thumb-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}.picks-photo-note img{min-height:220px;max-height:320px;object-position:52% 54%}.picks-photo-note h3{font-size:2rem}.picks-shape-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.picks-shape-grid article{min-width:0;display:grid;align-content:start;justify-items:start;gap:9px;padding:14px}.picks-shape-grid h4{margin:0}.picks-grip-section{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:16px;align-items:stretch;padding:18px;background:linear-gradient(100deg,rgb(var(--color-accent-2-rgb) / .16),rgb(var(--color-accent-rgb) / .1)),rgb(var(--color-bg-rgb) / .72)}.picks-grip-copy{align-self:center;min-width:0}.picks-grip-copy ul{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.picks-grip-copy li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;line-height:1.42}.picks-grip-copy li svg{color:var(--gold2)}.picks-thumb-photo{position:relative;min-height:300px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:var(--color-bg)}.picks-thumb-photo img{min-height:300px;max-height:390px;object-position:48% 58%}.picks-thumb-info{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:linear-gradient(100deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .1)),rgb(var(--color-bg-rgb) / .68)}.picks-thumb-info img{display:block;width:100%;height:190px;object-fit:cover;object-position:50% 58%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:6px;background:var(--color-bg)}.picks-thumb-info h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,2.4vw,2.1rem);font-weight:500;line-height:1.06}.picks-thumb-info p{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.5}.picks-thumb-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:10px;background:rgb(var(--color-bg-rgb) / .78)}.picks-thumb-photo figcaption svg{color:var(--gold2)}.picks-footer{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:16px;color:var(--color-text);background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .22),rgb(var(--color-accent-2-rgb) / .14)),rgb(var(--color-bg-rgb) / .74)}.picks-footer svg{color:var(--gold2)}@container main (max-width: 980px){.picks-hero{min-height:470px}.picks-hero-copy{padding:30px}.picks-hero-copy h2{font-size:5.2rem}.picks-hero-points,.picks-thickness-grid,.picks-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picks-choice-band,.picks-material-layout,.picks-grip-section,.picks-thumb-info{grid-template-columns:1fr}.picks-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 560px){.picks-section{padding:12px}.picks-hero{min-height:420px}.picks-hero-copy{padding:22px}.picks-hero-copy h2{font-size:3.4rem;line-height:.88}.picks-kicker{font-size:1.12rem!important}.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3{font-size:2rem}.picks-hero-points,.picks-thickness-grid,.picks-material-grid,.picks-shape-grid{grid-template-columns:1fr}.picks-finder article{grid-template-columns:38px minmax(0,1fr)}.picks-finder b{grid-column:2;justify-self:start}.picks-thumb-info img{height:170px}}@media(max-width:560px){.picks-section,.picks-section *,.picks-section *:before,.picks-section *:after{max-width:100%}.picks-section{width:100%;min-width:0;padding:12px}.picks-hero{min-height:420px;width:100%;max-width:100%;min-width:0}.picks-hero-copy{width:100%;min-width:0;padding:22px}.picks-hero-copy h2{max-width:100%;font-size:clamp(2.25rem,13vw,3.25rem);line-height:.9;overflow-wrap:anywhere}.picks-kicker,.picks-section-label{width:fit-content;max-width:100%;white-space:normal}.picks-kicker{font-size:clamp(.95rem,5vw,1.12rem)!important}.picks-hero-copy p:not(.picks-kicker),.picks-section-head h3,.picks-section-head p{max-width:100%;overflow-wrap:anywhere}.picks-hero-points,.picks-thickness-grid,.picks-choice-band,.picks-thickness-section,.picks-material-layout,.picks-materials,.picks-material-grid,.picks-shape-grid{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){.stage{padding-inline:10px}.picks-section{justify-self:start;width:min(100%,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:10px}.picks-hero-copy{padding:18px}.picks-hero-copy h2{font-size:clamp(2rem,12vw,2.85rem)}}.bottleneck-section{display:grid;gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(125deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .9) 46%,rgb(var(--color-accent-2-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 18px),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.bottleneck-section h3,.bottleneck-section h4,.bottleneck-section p{min-width:0}.bottleneck-hero{position:relative;display:grid;min-height:620px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:var(--color-bg);isolation:isolate}.bottleneck-hero-copy,.bottleneck-hero-art,.bottleneck-callout-row article,.bottleneck-use-grid article,.bottleneck-material-card,.bottleneck-feature-note,.bottleneck-fit-section,.bottleneck-technique-grid article,.bottleneck-tuning-section,.bottleneck-players,.bottleneck-care,.bottleneck-footer{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.bottleneck-hero-copy{position:relative;z-index:2;display:grid;align-content:end;width:min(780px,62%);min-height:620px;padding:clamp(24px,4vw,46px);border:0;border-radius:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .74) 58%,rgb(var(--color-bg-rgb) / 0)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .68))}.bottleneck-hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 16%,rgb(var(--color-accent-rgb) / .2),transparent 18rem)}.bottleneck-hero-copy h2,.bottleneck-section-head h3,.bottleneck-fit-copy h3,.bottleneck-tuning-copy h3,.bottleneck-feature-note h3,.bottleneck-footer strong{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.025em;text-transform:uppercase}.bottleneck-hero-copy h2{max-width:720px;margin-top:16px;font-size:7.2rem;line-height:.82;text-shadow:0 18px 42px rgba(0,0,0,.52);overflow-wrap:normal}.bottleneck-kicker{width:fit-content;max-width:100%;margin:18px 0 14px!important;padding:8px 15px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.05rem,2vw,1.62rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 10%,96% 0,100% 52%,94% 100%,2% 90%)}.bottleneck-hero-copy p:not(.bottleneck-kicker){max-width:700px;margin:0;color:var(--color-text);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55}.bottleneck-section-label{display:inline-flex;width:fit-content;gap:8px;align-items:center}.bottleneck-section-label svg{width:18px;height:18px;color:var(--color-bg)}.bottleneck-hero-art{position:absolute;inset:0;z-index:1;margin:0;border:0;border-radius:0;background:var(--color-bg)}.bottleneck-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(1.05) contrast(1.06)}.bottleneck-hero-art figcaption{position:absolute;left:16px;right:16px;bottom:16px;margin-left:auto;width:min(560px,calc(100% - 32px));display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:12px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.36}.bottleneck-hero-art figcaption svg{color:var(--gold2)}.bottleneck-icon-badge{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--color-text);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .2),rgb(var(--color-accent-2-rgb) / .26)),#00000057}.bottleneck-icon-badge svg,.bottleneck-footer svg{width:20px;height:20px;display:block;stroke:currentColor}.bottleneck-callout-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-callout-row article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:15px}.bottleneck-callout-row span,.bottleneck-material-card span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.bottleneck-callout-row h3{margin:2px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:500;line-height:1.08}.bottleneck-callout-row p,.bottleneck-use-grid span,.bottleneck-section-head p,.bottleneck-material-card p,.bottleneck-feature-note li,.bottleneck-fit-copy p,.bottleneck-fit-card p,.bottleneck-size-table span,.bottleneck-technique-grid p,.bottleneck-tuning-copy p,.bottleneck-tuning-card span,.bottleneck-tuning-card em,.bottleneck-player-grid span,.bottleneck-care-list span{color:var(--muted);line-height:1.48}.bottleneck-callout-row p,.bottleneck-material-card p,.bottleneck-technique-grid p,.bottleneck-tuning-card em{margin:0}.bottleneck-use-section,.bottleneck-materials,.bottleneck-technique-section{display:grid;gap:14px}.bottleneck-section-head,.bottleneck-fit-copy,.bottleneck-tuning-copy{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.bottleneck-section-head h3,.bottleneck-fit-copy h3,.bottleneck-tuning-copy h3,.bottleneck-feature-note h3{max-width:900px;margin-top:8px;font-size:clamp(2rem,4vw,3.1rem);line-height:.94}.bottleneck-section-head p,.bottleneck-fit-copy p,.bottleneck-tuning-copy p{max-width:820px;margin:12px 0 0}.bottleneck-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-use-grid article{display:grid;align-content:start;gap:10px;min-width:0;padding:14px}.bottleneck-use-grid strong,.bottleneck-material-card h4,.bottleneck-fit-card strong,.bottleneck-technique-grid h4,.bottleneck-tuning-card strong,.bottleneck-player-grid strong{color:var(--color-text)}.bottleneck-use-grid strong{font-weight:950;line-height:1.15}.bottleneck-material-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);gap:14px;align-items:stretch}.bottleneck-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottleneck-material-card{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;gap:12px;align-items:center;min-width:0;padding:14px}.bottleneck-tube{position:relative;width:46px;height:76px;display:inline-block;border:2px solid rgb(var(--color-text-rgb) / .72);border-radius:18px/11px;background:linear-gradient(90deg,#ffffff05,#ffffff94 22%,#ffffff0d 47%,#ffffff52 78%,#ffffff05),#ffffff14;box-shadow:inset 0 0 0 5px #ffffff12,0 15px 26px #00000057}.bottleneck-tube:before,.bottleneck-tube:after{content:"";position:absolute;left:7px;right:7px;height:12px;border:2px solid rgb(var(--color-text-rgb) / .52);border-radius:50%}.bottleneck-tube:before{top:-2px;background:rgb(var(--color-bg-rgb) / .62)}.bottleneck-tube:after{bottom:-2px;opacity:.58}.bottleneck-tube span{position:absolute;inset:10px 13px 10px auto;width:5px;border-radius:999px;background:#ffffff75}.bottleneck-tube.steel{border-color:rgb(var(--color-text-rgb) / .78);background:linear-gradient(90deg,var(--color-bg),#d9dad5 25%,#60666a 48%,var(--color-text) 72%,#272a2d)}.bottleneck-tube.brass{border-color:#f6c962d1;background:linear-gradient(90deg,var(--color-accent-2),var(--color-accent) 27%,var(--color-accent-2) 48%,var(--color-accent) 74%,var(--color-accent-2))}.bottleneck-tube.ceramic{border-color:rgb(var(--color-text-rgb) / .9);background:linear-gradient(90deg,#d7d0c5,var(--color-text) 32%,#b9b1a6 52%,var(--color-text) 76%,#c9c0b4)}.bottleneck-material-card h4{margin:4px 0 6px;font-family:var(--font-brand);font-size:clamp(1.18rem,2vw,1.5rem);font-weight:500;line-height:1.06}.bottleneck-feature-note{display:grid;align-content:start;gap:12px;min-width:0;padding:16px;background:linear-gradient(150deg,rgb(var(--color-accent-rgb) / .16),rgb(var(--color-accent-2-rgb) / .16)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-feature-note h3{font-size:clamp(1.7rem,3vw,2.35rem)}.bottleneck-feature-note ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.bottleneck-feature-note li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px}.bottleneck-feature-note li:before{content:"";width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .13)}.bottleneck-fit-section{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);gap:14px;padding:18px;background:linear-gradient(105deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .11)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-fit-copy{align-self:center}.bottleneck-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-fit-card{display:grid;align-content:start;justify-items:center;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:14px;text-align:center;background:#0003}.bottleneck-fit-card .bottleneck-tube{transform:scale(.78);transform-origin:center top;margin-bottom:-6px}.bottleneck-fit-card.wrong .bottleneck-tube{filter:saturate(.7) opacity(.74)}.bottleneck-fit-card.right{border-color:rgb(var(--color-accent-2-rgb) / .42);background:linear-gradient(180deg,rgb(var(--color-accent-2-rgb) / .1),#ffffff03),#0003}.bottleneck-fit-card strong{margin:2px 0 4px;font-weight:950}.bottleneck-fit-card span{color:var(--gold2);font-size:.76rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.bottleneck-fit-card p{margin:9px 0 0;font-size:.9rem}.bottleneck-size-table{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:#0003}.bottleneck-size-table article{display:grid;gap:4px;min-width:0;padding:12px;border-right:1px solid rgb(var(--color-accent-rgb) / .22)}.bottleneck-size-table article:last-child{border-right:0}.bottleneck-size-table b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--gold2)}.bottleneck-size-table strong{color:var(--color-text);font-size:1rem}.bottleneck-technique-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-technique-grid article{position:relative;display:grid;align-content:start;gap:10px;min-width:0;overflow:hidden;padding:16px}.bottleneck-step-number{position:absolute;top:12px;right:12px;color:rgb(var(--color-text-rgb) / .12);font-family:var(--font-brand);font-size:4.2rem;line-height:.8}.bottleneck-technique-grid h4{margin:0;font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.58rem);font-weight:500;line-height:1.06}.bottleneck-string-demo{position:relative;min-height:104px;margin-top:4px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:8px;background:linear-gradient(rgb(var(--color-accent-rgb) / .18) 0 0) 0 52% / 100% 2px no-repeat,repeating-linear-gradient(0deg,transparent 0 18px,rgb(var(--color-text-rgb) / .32) 18px 20px,transparent 20px 32px),linear-gradient(90deg,#5b3015cc,rgb(var(--color-bg-rgb) / .88))}.bottleneck-string-demo:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(var(--color-text-rgb) / .26) 0 2px,transparent 2px 56px)}.bottleneck-string-demo .bottleneck-tube{position:absolute;top:18px;left:18%;width:34px;height:68px;transform:rotate(90deg)}.bottleneck-string-demo.step-02 .bottleneck-tube{left:48%}.bottleneck-string-demo.step-03 .bottleneck-tube{left:70%}.bottleneck-tuning-section{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1fr);gap:16px;align-items:center;padding:18px;background:linear-gradient(105deg,rgb(var(--color-accent-rgb) / .14),rgb(var(--color-accent-2-rgb) / .18)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-tuning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-tuning-card{display:grid;gap:10px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:13px;background:#00000036}.bottleneck-tuning-card header{display:grid;gap:3px}.bottleneck-tuning-card strong{font-family:var(--font-brand);font-size:1.28rem;font-weight:500}.bottleneck-open-diagram{display:grid;place-items:center;min-height:180px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:6px;padding:10px;background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0000002e}.bottleneck-open-diagram .mini-svg{display:block;width:min(100%,150px);height:auto}.bottleneck-open-diagram svg .string-marker.open{fill:var(--gold2);font-size:11px}.bottleneck-open-diagram svg .diagram-symbol{fill:var(--color-text);font-size:15px}.bottleneck-tuning-card em{color:var(--color-text);font-style:normal;font-weight:850}.bottleneck-bottom-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:14px}.bottleneck-players,.bottleneck-care{display:grid;align-content:start;gap:14px;padding:16px}.bottleneck-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-player-grid article{min-width:0;min-height:128px;display:grid;align-content:end;border:1px solid rgb(var(--color-accent-rgb) / .25);border-radius:8px;padding:12px;background:linear-gradient(180deg,#ffffff05,#00000080),linear-gradient(145deg,rgb(var(--color-accent-rgb) / .22),rgb(var(--color-accent-2-rgb) / .18)),var(--color-bg)}.bottleneck-player-grid strong{font-size:1rem;line-height:1.15}.bottleneck-player-grid span{margin-top:4px;font-size:.86rem}.bottleneck-care-list{display:grid;gap:8px}.bottleneck-care-layout{display:grid;grid-template-columns:minmax(180px,.52fr) minmax(0,1fr);gap:12px;align-items:stretch}.bottleneck-care-photo{position:relative;min-height:250px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:var(--color-bg)}.bottleneck-care-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .02),rgb(var(--color-bg-rgb) / .34));box-shadow:inset 0 0 0 1px #ffffff09}.bottleneck-care-photo img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;object-position:50% 50%}.bottleneck-care-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:8px;padding:10px;background:#00000029}.bottleneck-footer{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 52%,var(--color-accent-2)),var(--gold2)}.bottleneck-footer strong{color:var(--color-bg);font-size:clamp(1.28rem,3vw,2.4rem);line-height:1.02;text-align:center}.bottleneck-footer svg{color:var(--color-bg)}@container main (max-width: 980px){.bottleneck-material-layout,.bottleneck-fit-section,.bottleneck-tuning-section,.bottleneck-bottom-grid{grid-template-columns:1fr}.bottleneck-hero,.bottleneck-hero-copy{min-height:520px}.bottleneck-hero-copy{width:min(760px,76%)}.bottleneck-hero-copy h2{font-size:5.6rem}.bottleneck-callout-row,.bottleneck-use-grid,.bottleneck-technique-grid,.bottleneck-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 680px){.bottleneck-section{padding:12px}.bottleneck-hero,.bottleneck-hero-copy{min-height:520px}.bottleneck-hero-copy{width:100%;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .68)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .78))}.bottleneck-hero-copy h2{font-size:4rem}.bottleneck-callout-row,.bottleneck-use-grid,.bottleneck-material-grid,.bottleneck-fit-grid,.bottleneck-technique-grid,.bottleneck-tuning-grid,.bottleneck-player-grid,.bottleneck-size-table{grid-template-columns:1fr}.bottleneck-material-card{grid-template-columns:58px minmax(0,1fr)}.bottleneck-material-card .bottleneck-icon-badge{grid-column:1 / -1;justify-self:start}.bottleneck-size-table article{border-right:0;border-bottom:1px solid rgb(var(--color-accent-rgb) / .22)}.bottleneck-size-table article:last-child{border-bottom:0}.bottleneck-footer{grid-template-columns:1fr;justify-items:center}.bottleneck-care-layout{grid-template-columns:1fr}.bottleneck-care-photo,.bottleneck-care-photo img{min-height:220px}}.twelvebar-section{display:grid;gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(125deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .9) 46%,rgb(var(--color-accent-2-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 18px),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.twelvebar-section h3,.twelvebar-section h4,.twelvebar-section p{min-width:0}.twelvebar-hero{position:relative;display:grid;min-height:620px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:var(--color-bg);isolation:isolate}.twelvebar-hero-copy,.twelvebar-hero-art,.twelvebar-callout-row article,.twelvebar-feature-grid article,.twelvebar-style-grid article,.twelvebar-chart-card,.twelvebar-feature-note,.twelvebar-artists,.twelvebar-style-section,.twelvebar-story-section,.twelvebar-functions,.twelvebar-turnaround,.twelvebar-footer{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.twelvebar-hero-copy{position:relative;z-index:2;display:grid;align-content:end;width:min(780px,62%);min-height:620px;padding:clamp(24px,4vw,46px);border:0;border-radius:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .97),rgb(var(--color-bg-rgb) / .76) 58%,rgb(var(--color-bg-rgb) / 0)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .68))}.twelvebar-hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 16%,rgb(var(--color-accent-rgb) / .2),transparent 18rem)}.twelvebar-hero-copy h2,.twelvebar-section-head h3,.twelvebar-story-copy h3,.twelvebar-feature-note h3,.twelvebar-footer strong{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.025em;text-transform:uppercase}.twelvebar-hero-copy h2{max-width:760px;margin-top:16px;font-size:6.4rem;line-height:.84;text-shadow:0 18px 42px rgba(0,0,0,.52);overflow-wrap:normal}.twelvebar-kicker{width:fit-content;max-width:100%;margin:18px 0 14px!important;padding:8px 15px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.05rem,2vw,1.62rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 10%,96% 0,100% 52%,94% 100%,2% 90%)}.twelvebar-hero-copy p:not(.twelvebar-kicker){max-width:700px;margin:0;color:var(--color-text);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55}.twelvebar-section-label{display:inline-flex;width:fit-content;gap:8px;align-items:center}.twelvebar-section-label svg{width:18px;height:18px;color:var(--color-bg)}.twelvebar-hero-art{position:absolute;inset:0;z-index:1;margin:0;border:0;border-radius:0;background:var(--color-bg)}.twelvebar-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%;filter:saturate(1.05) contrast(1.06)}.twelvebar-hero-art figcaption{position:absolute;right:16px;bottom:16px;width:min(520px,calc(100% - 32px));display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:12px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.36}.twelvebar-hero-art figcaption svg{color:var(--gold2)}.twelvebar-icon-badge{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--color-text);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .2),rgb(var(--color-accent-2-rgb) / .26)),#00000057}.twelvebar-icon-badge svg,.twelvebar-footer svg{width:20px;height:20px;display:block;stroke:currentColor}.twelvebar-callout-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.twelvebar-callout-row article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:15px}.twelvebar-callout-row span,.twelvebar-feature-grid span,.twelvebar-artist-grid span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.twelvebar-callout-row h3{margin:2px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:500;line-height:1.08}.twelvebar-callout-row p,.twelvebar-section-head p,.twelvebar-feature-grid p,.twelvebar-style-grid p,.twelvebar-feature-note p,.twelvebar-story-copy p,.twelvebar-story-grid p,.twelvebar-turnaround p,.twelvebar-tab-placeholder span{color:var(--muted);line-height:1.48}.twelvebar-feature-section,.twelvebar-artists,.twelvebar-style-section{display:grid;gap:14px}.twelvebar-section-head,.twelvebar-story-copy{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.twelvebar-section-head h3,.twelvebar-story-copy h3,.twelvebar-feature-note h3{max-width:900px;margin-top:8px;font-size:clamp(1.72rem,3.2vw,3rem);line-height:.98;overflow-wrap:break-word}.twelvebar-section-head p,.twelvebar-story-copy p{max-width:820px;margin:12px 0 0}.twelvebar-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.twelvebar-feature-grid article{display:grid;grid-column:span 2;align-content:start;gap:10px;min-width:0;padding:14px}.twelvebar-feature-copy{display:grid;gap:10px;min-width:0}.twelvebar-box-sound-card{grid-column:1 / -1;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:clamp(16px,2vw,22px);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .2)),rgb(var(--color-bg-rgb) / .7)}.twelvebar-box-sound-card .twelvebar-feature-copy{align-content:start;max-width:860px}.twelvebar-box-sound-card .twelvebar-feature-copy strong{font-family:var(--font-brand);font-size:clamp(1.95rem,3.2vw,3rem);font-weight:900;letter-spacing:.025em;line-height:.96;text-transform:uppercase}.twelvebar-box-sound-card .twelvebar-feature-copy p{margin:0;color:var(--color-text);font-size:clamp(1.06rem,1.45vw,1.22rem);line-height:1.42}.twelvebar-box-sound-diagram{display:grid;gap:10px;grid-column:1 / -1;min-width:0;margin-top:2px}.twelvebar-box-sound-diagram h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.8vw,1.58rem);font-weight:700;line-height:1.12;overflow-wrap:break-word}.twelvebar-box-sound-map{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(8px,1.5vw,14px);background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .84),rgb(var(--color-bg-rgb) / .94))}.twelvebar-box-sound-map .fretboard-svg{min-width:0;width:100%;max-width:880px;margin:0 auto}.twelvebar-box-sound-map .fretboard-fret{stroke-width:2.4}.twelvebar-box-sound-map .fretboard-marker.blues-note circle{fill:var(--color-accent);stroke:var(--color-text);stroke-width:2.6}.twelvebar-box-sound-map .fretboard-marker.blues-note text{fill:var(--color-bg)}.twelvebar-box-sound-legend{display:inline-flex;width:fit-content;max-width:100%;gap:7px;align-items:center;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:999px;padding:5px 9px;color:var(--color-text)!important;background:#0000002e;font-size:.78rem;font-weight:900;line-height:1.2}.twelvebar-box-sound-legend .legend-dot{width:10px;height:10px;flex:0 0 auto;border:1px solid var(--color-text);border-radius:50%;background:var(--color-accent)}.twelvebar-feature-grid strong,.twelvebar-story-grid strong,.twelvebar-tab-placeholder strong{color:var(--color-text)}.twelvebar-chart-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}.twelvebar-chart-card,.twelvebar-feature-note,.twelvebar-artists,.twelvebar-style-section,.twelvebar-story-section,.twelvebar-functions,.twelvebar-turnaround{display:grid;align-content:start;gap:14px;min-width:0;padding:16px}.twelvebar-chart-card .chord-chart-block,.twelvebar-functions .chord-chart-block{border-radius:8px}.twelvebar-feature-note{background:linear-gradient(150deg,rgb(var(--color-accent-rgb) / .16),rgb(var(--color-accent-2-rgb) / .16)),rgb(var(--color-bg-rgb) / .72)}.twelvebar-mini-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:#0003}.twelvebar-mini-form span{display:grid;gap:4px;min-width:0;padding:10px;border-right:1px solid rgb(var(--color-accent-rgb) / .2);border-bottom:1px solid rgb(var(--color-accent-rgb) / .2)}.twelvebar-mini-form span:nth-child(4n){border-right:0}.twelvebar-mini-form b{color:var(--gold2);font-size:.78rem}.twelvebar-mini-form strong{color:var(--color-text);font-family:var(--font-brand);font-size:1.28rem}.twelvebar-mini-form em{color:var(--muted);font-style:normal;font-weight:850}.twelvebar-artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.twelvebar-artist-grid figure{position:relative;min-height:260px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:var(--color-bg)}.twelvebar-artist-grid img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:50% 50%;filter:saturate(1.05) contrast(1.04)}.twelvebar-artist-grid figcaption{position:absolute;inset:auto 0 0;display:grid;gap:4px;padding:58px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.54) 58%,transparent)}.twelvebar-artist-grid strong{display:block;color:var(--color-text);font-size:.96rem;line-height:1.08}.twelvebar-artist-grid p{margin:0;color:var(--color-text);font-size:.82rem;font-weight:800;line-height:1.16}.twelvebar-artist-grid em{width:fit-content;max-width:100%;border:1px solid rgb(var(--color-accent-2-rgb) / .34);border-radius:999px;padding:2px 7px;color:#b9d7cb;background:#0f2d30b8;font-size:.66rem;font-style:normal;font-weight:950;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}.twelvebar-style-section{background:linear-gradient(115deg,rgb(var(--color-accent-2-rgb) / .26),rgb(var(--color-accent-rgb) / .08)),rgb(var(--color-bg-rgb) / .7)}.twelvebar-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.twelvebar-style-grid article{display:grid;align-content:start;gap:12px;min-width:0;padding:15px}.twelvebar-style-grid header{display:grid;gap:7px}.twelvebar-style-grid dt{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.twelvebar-style-grid span{width:fit-content;max-width:100%;border:1px solid rgb(var(--color-accent-2-rgb) / .28);border-radius:999px;padding:4px 8px;color:#b9d7cb;background:#0f2d3094;font-size:.68rem;font-weight:950;letter-spacing:.075em;line-height:1.18;text-transform:uppercase}.twelvebar-style-grid h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.2rem,1.8vw,1.58rem);font-weight:600;line-height:1.04}.twelvebar-style-grid dl{display:grid;gap:8px;margin:0}.twelvebar-style-grid dl div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;border-top:1px solid rgb(var(--color-accent-rgb) / .14);padding-top:8px}.twelvebar-style-grid dd{margin:0;color:var(--color-text);line-height:1.38}.twelvebar-style-grid p{margin:0;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;color:var(--color-text);font-family:var(--font-brand);font-size:1rem}.twelvebar-story-section{grid-template-columns:1fr;align-items:stretch;background:linear-gradient(105deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .11)),rgb(var(--color-bg-rgb) / .72)}.twelvebar-story-copy{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:18px;align-items:end}.twelvebar-story-copy p{max-width:760px;margin:0}.twelvebar-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.twelvebar-story-grid article{position:relative;display:grid;align-content:start;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:15px;background:#00000036}.twelvebar-step-number{position:absolute;top:12px;right:12px;z-index:0;color:rgb(var(--color-text-rgb) / .08);font-family:var(--font-brand);font-size:clamp(2.7rem,4.8vw,4rem);line-height:.8;pointer-events:none}.twelvebar-story-grid article>*:not(.twelvebar-step-number){position:relative;z-index:1}.twelvebar-degree-badge{display:inline-grid;place-items:center;width:fit-content;min-width:58px;min-height:46px;border:1px solid rgb(var(--color-accent-rgb) / .56);border-radius:8px;padding:7px 12px 5px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.8rem,3.2vw,2.65rem);font-weight:900;letter-spacing:.035em;line-height:.9;text-transform:uppercase;box-shadow:0 14px 30px #0000003d}.twelvebar-story-grid h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.1rem,1.6vw,1.36rem);font-weight:500;line-height:1.12;overflow-wrap:break-word}.twelvebar-story-grid strong{color:var(--gold2);font-size:.95rem}.twelvebar-bottom-grid{display:grid;grid-template-columns:1fr;gap:16px}.twelvebar-functions,.twelvebar-turnaround{width:100%}.twelvebar-alpha-embed{display:grid;gap:12px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff08,#ffffff03),#00000029}.twelvebar-alpha-copy{display:grid;gap:8px;border-left:3px solid var(--gold2);padding:8px 0 8px 14px}.twelvebar-alpha-copy h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:900;letter-spacing:.025em;line-height:.98;text-transform:uppercase}.twelvebar-alpha-copy p{max-width:860px;margin:0;color:var(--muted);line-height:1.48}.twelvebar-alpha-embed .content-block-alphatab{border:0;border-radius:8px;padding:0;background:transparent}.twelvebar-alpha-embed .content-block-alphatab__toolbar{margin-bottom:2px}.twelvebar-alpha-embed .content-block-alphatab__stage{position:relative;min-height:var(--alphatab-block-height, 420px);height:auto;overflow:visible;border-color:rgb(var(--color-accent-rgb) / .16);border-radius:8px;background:#fff}.twelvebar-alpha-embed .content-block-alphatab__stage:after{content:none}.twelvebar-alpha-embed .content-block-alphatab__surface{min-width:0;width:100%;overflow:visible;background:#fff}.twelvebar-alpha-embed .content-block-alphatab__surface svg,.twelvebar-alpha-embed .content-block-alphatab__surface canvas{width:100%!important;max-width:100%;height:auto!important;transform-origin:left top}.twelvebar-tab-placeholder{display:grid;place-items:center;gap:8px;min-height:250px;border:1px dashed rgb(var(--color-accent-rgb) / .36);border-radius:8px;color:var(--color-text);background:linear-gradient(135deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .12)),#0003;text-align:center}.twelvebar-tab-placeholder svg{width:34px;height:34px;color:var(--gold2)}.twelvebar-footer{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 52%,var(--color-accent-2)),var(--gold2)}.twelvebar-footer strong{color:var(--color-bg);font-size:clamp(1.28rem,3vw,2.4rem);line-height:1.02;text-align:center}.twelvebar-footer svg{color:var(--color-bg)}@container main (max-width: 980px){.twelvebar-chart-layout,.twelvebar-story-section,.twelvebar-bottom-grid{grid-template-columns:1fr}.twelvebar-hero,.twelvebar-hero-copy{min-height:520px}.twelvebar-hero-copy{width:min(760px,76%)}.twelvebar-hero-copy h2{font-size:5rem}.twelvebar-callout-row,.twelvebar-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-feature-grid article,.twelvebar-box-sound-card{grid-column:auto}.twelvebar-box-sound-card{grid-column:1 / -1;grid-template-columns:40px minmax(0,1fr)}.twelvebar-box-sound-diagram{grid-column:1 / -1}.twelvebar-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.twelvebar-story-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:4px}}@container main (max-width: 680px){.twelvebar-section{padding:12px}.twelvebar-hero,.twelvebar-hero-copy{min-height:520px}.twelvebar-hero-copy{width:100%;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .68)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .78))}.twelvebar-hero-copy h2{font-size:3.5rem}.twelvebar-hero-art img{object-position:64% 50%}.twelvebar-callout-row,.twelvebar-feature-grid,.twelvebar-story-grid{grid-template-columns:1fr;overflow-x:hidden}.twelvebar-box-sound-card{grid-template-columns:36px minmax(0,1fr);padding:14px}.twelvebar-box-sound-card .twelvebar-feature-copy strong{font-size:clamp(1.65rem,8vw,2.25rem)}.twelvebar-box-sound-map{padding:6px}.twelvebar-box-sound-map .fretboard-marker text{font-size:12px}.twelvebar-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden}.twelvebar-style-grid{grid-template-columns:1fr}.twelvebar-alpha-embed .content-block-alphatab__stage{min-height:var(--alphatab-block-height, 420px);height:auto;overflow:visible}.twelvebar-alpha-embed .content-block-alphatab__surface{overflow:visible}.twelvebar-story-copy{grid-template-columns:1fr}.twelvebar-mini-form{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-mini-form span:nth-child(2n){border-right:0}.twelvebar-footer{grid-template-columns:1fr;justify-items:center}}@container main (max-width: 460px){.twelvebar-artist-grid{grid-template-columns:1fr}.twelvebar-alpha-embed .content-block-alphatab__stage{min-height:var(--alphatab-block-height, 420px);height:auto}}.fingerstyle-hero-copy,.capo-hero-copy,.plucking-hero-copy,.strumming-hero-copy,.picks-hero-copy{min-width:0;max-width:100%}.fingerstyle-hero h1,.capo-hero-copy h2,.plucking-hero-copy h2,.picks-hero-copy h2{max-width:100%;overflow-wrap:anywhere;word-break:normal}.strumming-hero-copy h2{max-width:none;overflow-wrap:normal;word-break:keep-all}.fingerstyle-hero h1{font-size:5.2rem}.capo-hero-copy h2{font-size:4.2rem}.fingerstyle-hero-line,.picks-kicker,.strumming-brush,.learning-path-card__meta span,.level-status-badge,.next-mission-badge,.nav-count{max-width:100%;overflow-wrap:anywhere;white-space:normal}@container main (max-width: 620px){.fingerstyle-hero h1{font-size:2.75rem;letter-spacing:0;line-height:.94}.fingerstyle-hero-line{font-size:1.35rem}.capo-hero-copy h2,.plucking-hero-copy h2{font-size:2.55rem;letter-spacing:0;line-height:.98}.strumming-hero-copy h2,.picks-hero-copy h2{font-size:2.45rem;letter-spacing:0;line-height:.92}.picks-kicker,.strumming-brush{max-width:100%;font-size:1.05rem!important;line-height:1.15!important}}@container main (max-width: 430px){.fingerstyle-hero h1{font-size:2.3rem}.capo-hero-copy h2,.plucking-hero-copy h2,.strumming-hero-copy h2,.picks-hero-copy h2{font-size:2.15rem}}.module-hub,:where(.lesson-hub,.song-hub,.exercise-hub,.licks-hub,.scale-hub,.welcome-page){display:grid;min-width:0;max-width:100%;gap:clamp(16px,2.6vw,26px);overflow-wrap:break-word}.module-hub__header,:where(.lesson-hub__header,.song-hub__header,.exercise-hub__header,.licks-hub__header,.scale-hub__header,.welcome-hero,.lesson-detail-bar,.song-detail-bar,.exercise-detail-bar,.licks-detail-bar){min-width:0;max-width:100%}.module-hub__copy,:where(.lesson-hub__header-copy,.song-hub__header-copy,.exercise-hub__header-copy,.licks-hub__header-copy,.scale-hub__header-copy,.welcome-hero__copy,.song-category-hero__copy){min-width:0;max-width:100%}.module-hub__eyebrow,:where(.lesson-hub__header span,.song-hub__header span,.exercise-hub__header span,.licks-hub__header span,.scale-hub__header span,.welcome-section__head>span){max-width:100%;overflow-wrap:anywhere}.module-hub__title,:where(.lesson-hub__header h1,.song-hub__header h1,.exercise-hub__header h1,.licks-hub__header h1,.scale-hub__header h1,.welcome-hero h1,.lesson-detail-bar h1,.song-detail-bar h1,.exercise-detail-bar h1,.licks-detail-bar h1){max-width:100%;overflow-wrap:anywhere}.module-hub__lead,:where(.lesson-hub__header p,.song-hub__header p,.exercise-hub__header p,.licks-hub__header p,.scale-hub__header p,.welcome-hero p){max-width:760px;overflow-wrap:break-word}.module-hub__stats,:where(.lesson-hub__stats,.song-hub__stats,.exercise-hub__stats,.licks-hub__stats,.scale-hub__stats){flex:0 1 156px;min-width:min(156px,100%)}.module-section,:where(.lesson-hub-section,.song-hub-section,.exercise-hub-section,.licks-hub-section,.scale-hub-section,.welcome-section){display:grid;min-width:0;gap:14px}.module-section__head,:where(.lesson-hub-section__header,.song-hub-section__header,.exercise-hub-section__header,.licks-hub-section__header,.scale-hub-section__header,.welcome-section__head){min-width:0;max-width:100%}.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid,.welcome-feature-grid,.welcome-quick-grid,.welcome-article-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.module-grid--featured{align-items:stretch;gap:clamp(10px,1.8vw,16px)}.module-card,:where(.lesson-hub-card,.song-hub-card,.exercise-hub-card,.licks-hub-card,.scale-hub-card,.welcome-feature-card,.welcome-quick-card,.welcome-practice-card,.welcome-feed-item,.welcome-article-card){min-width:0;max-width:100%;width:100%;overflow-wrap:break-word}.module-card--featured,.module-card--compact{min-height:0}.module-card__visual,:where(.lesson-hub-card__visual,.song-hub-card__visual,.exercise-hub-card__visual,.licks-hub-card__visual,.scale-hub-card__visual,.welcome-card-visual,.welcome-practice-card__visual,.welcome-feed-item__visual,.welcome-article-card__visual){min-width:0;max-width:100%;overflow:hidden}.module-card__image,:where(.lesson-hub-card__visual img,.song-hub-card__visual img,.exercise-hub-card__visual img,.welcome-card-visual img,.welcome-practice-card__visual img,.welcome-feed-item__visual img,.welcome-article-card__visual img){display:block;max-width:100%;object-fit:cover;object-position:center 42%}:where(.lesson-hub-card__visual--photo img,.song-hub-card__visual--photo img,.exercise-hub-card__visual--photo img,.welcome-card-visual--photo img,.welcome-practice-card__visual--photo img,.welcome-feed-item__visual--photo img,.welcome-article-card__visual--photo img){object-position:center 35%}:where(.lesson-hub-card__visual--graphic img,.song-hub-card__visual--graphic img,.exercise-hub-card__visual--graphic img,.scale-hub-card__visual img,.licks-hub-card__visual img,.welcome-card-visual--graphic img,.welcome-practice-card__visual--graphic img,.welcome-feed-item__visual--graphic img,.welcome-article-card__visual--graphic img){object-fit:contain;object-position:center center}.module-card__body,:where(.lesson-hub-card__body,.song-hub-card__body,.exercise-hub-card__body,.licks-hub-card__body,.scale-hub-card__body,.welcome-feature-card__body,.welcome-practice-card__body,.welcome-feed-item__body,.welcome-article-card__body){min-width:0}.module-card__meta,:where(.lesson-hub-card__meta,.song-hub-card__meta,.exercise-hub-card__meta,.licks-hub-card__meta,.scale-hub-card__meta,.welcome-card-meta,.welcome-practice-card__meta){display:flex;min-width:0;flex-wrap:wrap}.module-card__title,:where(.lesson-hub-card h3,.song-hub-card h3,.exercise-hub-card h3,.scale-hub-card h3,.licks-hub-card__title,.welcome-feature-card h3,.welcome-quick-card h3,.welcome-practice-card h3,.welcome-feed-item h3,.welcome-article-card h3){max-width:100%;overflow-wrap:break-word}.module-card__text,:where(.lesson-hub-card p,.song-hub-card p,.exercise-hub-card p,.scale-hub-card p,.licks-hub-card__teaser,.welcome-feature-card p,.welcome-quick-card p,.welcome-practice-card p,.welcome-feed-item p,.welcome-article-card p){max-width:100%;overflow-wrap:break-word}.module-card__pill,:where(.lesson-hub-card__meta span,.song-hub-card__meta span,.exercise-hub-card__meta span,.licks-hub-card__meta span,.scale-hub-card__meta span,.welcome-chip,.welcome-card-meta span,.welcome-practice-card__meta strong){max-width:100%;overflow-wrap:anywhere;white-space:normal}:where(.lesson-detail-bar__back,.song-detail-bar__back,.exercise-detail-bar__back,.licks-detail-bar__back,.song-detail__meta span,.exercise-detail__meta span,.licks-detail__meta span,.song-slot-card__meta span,.song-status-badge){max-width:100%;overflow-wrap:anywhere;white-space:normal}:where(.lesson-detail-bar,.song-detail-bar,.exercise-detail-bar,.licks-detail-bar)>*,:where(.song-slot-card__body,.song-slot-card__meta,.song-detail__meta,.exercise-detail__meta,.licks-detail__meta)>*{min-width:0}@container main (max-width: 980px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 620px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:minmax(0,1fr)}}@media(max-width:1080px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:minmax(0,1fr)}.module-hub__stats,:where(.lesson-hub__stats,.song-hub__stats,.exercise-hub__stats,.licks-hub__stats,.scale-hub__stats){border-left:0;padding-left:0;text-align:left}}