.bt-app{gap:var(--space-6);margin-top:var(--space-6);flex-direction:column;display:flex}.bt-player{gap:var(--space-6);flex-direction:column;display:flex}.bt-section{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.bt-section-title{font-family:var(--font-ui);color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.bt-tips{background:var(--color-accent-tint);border-radius:var(--radius-card);padding:var(--space-4) var(--space-6)}.bt-tips summary{font-family:var(--font-ui);color:var(--color-wood);cursor:pointer;font-size:.9rem;font-weight:700}.bt-tips ul{margin:var(--space-3) 0 0;font-family:var(--font-ui);color:var(--color-text);padding-left:1.1em;font-size:.85rem}.bt-tips li{margin-bottom:var(--space-2)}.bt-tips li:last-child{margin-bottom:0}.bt-transport{align-items:center;gap:var(--space-6);font-family:var(--font-ui);flex-wrap:wrap;display:flex}.bt-buttons{gap:var(--space-2);display:flex}.bt-tempo,.bt-loop{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.9rem;display:flex}.bt-chart-meta{font-family:var(--font-ui);color:var(--color-muted);margin-bottom:var(--space-3);font-size:.9rem}.bt-bars{gap:var(--space-3);font-family:var(--font-ui);flex-wrap:wrap;list-style:none;display:flex}.bt-bars li{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-subtle);border-radius:4px;font-weight:600;transition:background-color .1s,border-color .1s}.bt-bars li.is-current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface-dark)}.bt-bars li.bt-section-divider{padding:var(--space-3) 0 0;text-transform:uppercase;letter-spacing:.06em;color:var(--color-wood);background:0 0;border:none;flex:100%;font-size:.75rem;font-weight:700}.bt-bars li.bt-section-divider:first-child{padding-top:0}.bt-bars li.is-current .bt-beats{color:var(--color-surface-dark);opacity:.7}.bt-beats{color:var(--color-muted);font-size:.75rem;font-weight:400;display:block}.bt-preset-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.bt-generate-form{gap:var(--space-3);flex-wrap:wrap;display:flex}.bt-generate-input{min-width:240px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);font-family:var(--font-ui);background:var(--color-surface);color:var(--color-text);border-radius:6px;flex:1;font-size:1rem}.bt-scale-suggestion{padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-subtle);border-radius:4px}.bt-scale-suggestion-empty{font-family:var(--font-ui);color:var(--color-muted);font-size:.9rem;font-style:italic}.bt-scale-suggestion-label{font-family:var(--font-ui);margin-bottom:var(--space-3);font-size:.95rem}.bt-scale-diagram{width:100%;max-width:280px;height:auto;display:block}.bt-scale-diagram-label{font-size:10px;font-family:var(--font-ui);fill:var(--color-muted)}.bt-scale-diagram-string,.bt-scale-diagram-fret{stroke:var(--color-border);stroke-width:1px}.bt-scale-diagram-nut{stroke:var(--color-text);stroke-width:3px}.bt-scale-diagram-fret-label{font-size:9px;font-family:var(--font-ui);fill:var(--color-muted)}.bt-scale-diagram-root{fill:var(--color-accent)}.bt-scale-diagram-chord-tone{fill:var(--color-wood)}.bt-scale-diagram-tone{fill:var(--color-muted)}.bt-scale-diagram-legend{gap:var(--space-4);margin:var(--space-3) 0 0;font-family:var(--font-ui);color:var(--color-muted);flex-wrap:wrap;padding:0;font-size:.75rem;list-style:none;display:flex}.bt-scale-diagram-legend li{padding-left:16px;position:relative}.bt-scale-diagram-legend li:before{content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bt-scale-diagram-legend-root:before{background:var(--color-accent)}.bt-scale-diagram-legend-chord-tone:before{background:var(--color-wood)}.bt-scale-diagram-legend-scale-tone:before{background:var(--color-muted)}.bt-hero{background:var(--color-surface-dark);border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text-on-dark);font-family:var(--font-ui);flex-wrap:wrap;padding:28px 32px;display:flex}.bt-hero-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.8rem;font-weight:700}.bt-hero-reading{margin-bottom:var(--space-1);font-size:1.375rem;font-weight:700}.bt-hero-sub{color:var(--color-text-on-dark-muted);font-size:.8rem}.bt-hero-badge{background:var(--color-accent);width:78px;height:78px;color:var(--color-surface-dark);text-align:center;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.375rem;font-weight:800;line-height:1.2;display:flex}