.practice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);position:sticky;top:var(--header-h);z-index:var(--z-sticky);padding:var(--space-3) 0;background:var(--color-bg)}.practice-bar__info{display:flex;align-items:baseline;gap:var(--space-2)}.practice-stage{display:grid;gap:var(--space-5)}.practice-big{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 4vw,5rem);line-height:1.05;margin:0}[data-stage=on] .practice-big{font-size:clamp(4rem,3rem + 6vw,8rem)}.tab-view{display:grid;gap:var(--space-4)}.tab-staff{border-collapse:collapse;font-family:var(--font-data);font-size:calc(var(--text-body) * 1.05)}.tab-staff th{padding:0 var(--space-2) 0 0;color:var(--color-text-muted);font-weight:600;text-align:right}.tab-staff td{min-width:2.1em;height:1.7em;text-align:center;color:var(--color-text-muted);border-bottom:1px solid var(--fb-string);position:relative}.tab-staff td[data-beat]{border-left:1px dotted var(--color-border)}.tab-staff .tab-meta td{border-bottom:0;font-size:var(--text-label)}.tab-fret{color:var(--color-text);font-weight:800;display:inline-block;min-width:1.6em;border-radius:4px;background:var(--color-bg)}.tab-staff td[data-active] .tab-fret{background:var(--color-playing);color:var(--color-bg);outline:2px solid var(--color-playing)}.tab-staff td[data-active]{background:color-mix(in srgb,var(--color-playing) 15%,transparent)}.tab-tech{font-size:.65em;vertical-align:super;margin-right:1px;color:var(--color-accent)}.strum-row{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-1);max-width:640px}.strum-row li{display:grid;justify-items:center;gap:2px;padding:var(--space-2) 0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.strum-row li[data-stroke="-"]{opacity:.45}.strum-row li[data-active]{background:var(--color-playing);color:var(--color-bg);border-color:var(--color-playing)}.strum-arrow{font-size:clamp(1.25rem,5vw,2rem);line-height:1;font-weight:800}.strum-count{font-family:var(--font-data);font-size:var(--text-small)}.rhythm-view{display:flex;flex-wrap:wrap;gap:var(--space-4)}.rhythm-bar{display:flex;flex:1 1 auto;min-width:0;max-width:100%;gap:2px;padding:var(--space-2);border-left:3px solid var(--color-border-strong);border-right:3px solid var(--color-border-strong)}.rhythm-cell{flex:1 1 0;min-width:14px;max-width:30px;height:40px;display:grid;place-items:center;font-family:var(--font-data);color:var(--color-text-muted);border-radius:4px}.rhythm-cell[data-beat]{background:var(--color-surface-sunken)}.rhythm-cell[data-hit]{color:var(--color-text);font-size:1.3rem;font-weight:800}.rhythm-cell[data-active]{background:var(--color-playing);color:var(--color-bg)}.badge.ok{color:var(--color-success)}