.practice-section{margin-top:24px;padding-top:20px;border-top:.5px solid var(--color-border)}.practice-section__title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.practice-section__list{display:flex;flex-direction:column;gap:12px}.practice-card{border:.5px solid var(--color-border);border-radius:var(--radius-card);padding:14px 16px;background:var(--color-surface);box-shadow:var(--shadow-card)}.practice-card__header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.practice-card__badge{font-size:11px;font-weight:500;padding:1px 8px;border-radius:20px;line-height:1.5}.practice-card__badge--warmup{background:#fde68a;color:#78350f}.practice-card__badge--strumming{background:#bbf7d0;color:#14532d}.practice-card__badge--transition{background:#bfdbfe;color:#1e3a5f}.practice-card__badge--fingerpicking{background:#ddd6fe;color:#3b0764}.practice-card__badge--progression{background:#fbcfe8;color:#701a45}@media(prefers-color-scheme:dark){.practice-card__badge--warmup{background:#78350f;color:#fde68a}.practice-card__badge--strumming{background:#14532d;color:#bbf7d0}.practice-card__badge--transition{background:#1e3a5f;color:#bfdbfe}.practice-card__badge--fingerpicking{background:#3b0764;color:#ddd6fe}.practice-card__badge--progression{background:#701a45;color:#fbcfe8}}.practice-card__diff{font-size:10px;font-weight:500;padding:1px 6px;border-radius:var(--radius-pill);border:.5px solid var(--color-border);color:var(--color-text-secondary)}.practice-card__meta{font-size:11px;color:var(--color-text-tertiary)}.practice-card__title{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.practice-card__desc{font-size:12px;color:var(--color-text-secondary);margin:0 0 8px;line-height:1.5}.practice-card__chords{display:flex;align-items:flex-end;gap:0;overflow-x:auto;padding:8px 0;margin-bottom:8px}.practice-card__chord{display:flex;align-items:center;gap:0;flex-shrink:0}.practice-card__chord canvas{display:block}.practice-card__chord-name{font-size:12px;font-weight:600;color:var(--color-text-primary);text-align:center;margin-top:2px;display:none}.practice-card__arrow{font-size:18px;color:var(--color-text-tertiary);margin:0 2px;align-self:center}.practice-card__tab{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;line-height:1.4;background:color-mix(in srgb,var(--color-bg-soft) 64%,var(--color-surface));border:.5px solid var(--color-border);border-radius:var(--radius-control);padding:10px 12px;margin:0;overflow-x:auto;color:var(--color-text-primary);white-space:pre}.chord-page{padding-bottom:40px}.chord-page__back{font-size:clamp(20px,4vw,24px);font-weight:700;color:var(--color-text-primary);text-decoration:none}.chord-page__back:hover{text-decoration:underline}.chord-page__content{display:flex;gap:24px;margin-bottom:24px;padding:24px;border:.5px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.chord-page__canvas{flex-shrink:0}.chord-page__info{flex:1;min-width:0}.chord-page__header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.chord-page__name{font-size:28px;font-weight:600;margin:0;color:var(--color-text-primary)}.chord-page__popularity{font-size:14px;letter-spacing:1px;color:var(--color-text-secondary, #999)}.chord-page__favorite{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;font-size:20px;cursor:pointer;padding:0;line-height:1;color:var(--color-text-tertiary, #bbb);transition:background-color .15s,color .15s,transform .15s}.chord-page__favorite:hover,.chord-page__favorite:focus-visible{background:color-mix(in srgb,var(--color-favorite) 12%,transparent);color:var(--color-favorite)}.chord-page__favorite:active{transform:scale(.94)}.chord-page__favorite--active{color:var(--color-favorite)}.chord-page__notes{margin-bottom:12px;font-size:14px;color:var(--color-text-secondary)}.chord-page__label{font-weight:600;margin-right:8px;color:var(--color-text-primary)}.chord-page__table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:.5px solid var(--color-border);border-radius:var(--radius-control);font-size:13px;margin-bottom:12px}.chord-page__table th{text-align:left;padding:7px 9px;border-bottom:.5px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-soft) 46%,transparent);color:var(--color-text-secondary);font-weight:650}.chord-page__table td{padding:7px 9px;border-bottom:.5px solid var(--color-border);color:var(--color-text-primary)}.chord-page__table tbody tr:last-child td{border-bottom:0}.chord-page__tip{background:color-mix(in srgb,var(--color-bg-soft) 64%,var(--color-surface));border-radius:var(--radius-control);padding:12px 14px;font-size:12px;color:var(--color-text-secondary);line-height:1.6;border:.5px solid var(--color-border)}.chord-page__tip-label{font-weight:600;margin-bottom:4px;color:var(--color-text-primary)}.chord-page__tip p{margin:0}.chord-page__nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-top:.5px solid var(--color-border)}.chord-page__nav-link{font-size:14px;color:var(--color-text-secondary);text-decoration:none;padding:6px 12px;border-radius:var(--radius-pill);border:.5px solid var(--color-border);background:var(--color-surface);transition:border-color .15s,color .15s,transform .15s}.chord-page__nav-link:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.chord-page__nav-link:active{transform:translateY(1px)}@media(max-width:600px){.chord-page__content{flex-direction:column;align-items:center;padding:18px 14px}.chord-page__nav{display:grid;grid-template-columns:1fr}.chord-page__nav-link{text-align:center}}