:root{--color-bg: #ffffff;--color-surface: #f5f4f0;--color-border: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .3);--color-text-primary: #1a1a18;--color-text-secondary: #6b6a65;--color-text-tertiary: #9c9a92;--badge-major-bg: #b5d4f4;--badge-major-text: #0c447c;--badge-minor-bg: #9fe1cb;--badge-minor-text: #085041;--badge-7th-bg: #fac775;--badge-7th-text: #633806;--badge-maj7-bg: #a8e0e0;--badge-maj7-text: #0a4f4f;--badge-m7-bg: #a8e0e0;--badge-m7-text: #0a4f4f;--badge-sus2-bg: #d4bff5;--badge-sus2-text: #3b1a6e;--badge-sus4-bg: #d4bff5;--badge-sus4-text: #3b1a6e;--badge-dim-bg: #f5b5b5;--badge-dim-text: #7c0c0c;--badge-aug-bg: #f5cfa8;--badge-aug-text: #6e3a0a;--badge-add9-bg: #b5bff5;--badge-add9-text: #1a2a6e;--badge-9th-bg: #b5bff5;--badge-9th-text: #1a2a6e;--badge-6th-bg: #f5b5d4;--badge-6th-text: #6e0a3b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark;color:var(--color-text-primary);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a18;--color-surface: #242422;--color-border: rgba(255, 255, 255, .12);--color-border-hover: rgba(255, 255, 255, .3);--color-text-primary: #e0e0dc;--color-text-secondary: #9c9a92;--color-text-tertiary: #6b6a65;--badge-major-bg: #185fa5;--badge-major-text: #b5d4f4;--badge-minor-bg: #0f6e56;--badge-minor-text: #9fe1cb;--badge-7th-bg: #854f0b;--badge-7th-text: #fac775;--badge-maj7-bg: #0a4f4f;--badge-maj7-text: #a8e0e0;--badge-m7-bg: #0a4f4f;--badge-m7-text: #a8e0e0;--badge-sus2-bg: #3b1a6e;--badge-sus2-text: #d4bff5;--badge-sus4-bg: #3b1a6e;--badge-sus4-text: #d4bff5;--badge-dim-bg: #7c0c0c;--badge-dim-text: #f5b5b5;--badge-aug-bg: #6e3a0a;--badge-aug-text: #f5cfa8;--badge-add9-bg: #1a2a6e;--badge-add9-text: #b5bff5;--badge-9th-bg: #1a2a6e;--badge-9th-text: #b5bff5;--badge-6th-bg: #6e0a3b;--badge-6th-text: #f5b5d4}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg)}#root{max-width:960px;margin:0 auto;padding:0 16px}.language-switcher{font-size:13px;font-family:inherit;padding:4px 8px;border-radius:6px;border:.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.language-switcher:hover{border-color:var(--color-border-hover)}.chord-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;border:.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background-color .15s}.chord-card__favorite{position:absolute;top:4px;right:4px;background:none;border:none;font-size:16px;cursor:pointer;padding:2px;line-height:1;color:var(--color-text-tertiary, #bbb);transition:color .15s}.chord-card__favorite:hover,.chord-card__favorite--active{color:#e74c3c}.chord-card:hover{border-color:var(--color-border-hover)}.chord-card--selected{border-color:var(--color-text-primary);border-width:1.5px}.chord-card__name{font-size:18px;font-weight:600;color:var(--color-text-primary)}.chord-card__popularity{font-size:10px;letter-spacing:1px;color:var(--color-text-secondary, #999)}.chord-card__badge{display:inline-block;font-size:11px;font-weight:500;padding:1px 8px;border-radius:20px;line-height:1.5}.chord-card__badge--Major{background:var(--badge-major-bg);color:var(--badge-major-text)}.chord-card__badge--Minor{background:var(--badge-minor-bg);color:var(--badge-minor-text)}.chord-card__badge--7th{background:var(--badge-7th-bg);color:var(--badge-7th-text)}.chord-card__badge--maj7{background:var(--badge-maj7-bg);color:var(--badge-maj7-text)}.chord-card__badge--m7{background:var(--badge-m7-bg);color:var(--badge-m7-text)}.chord-card__badge--sus2{background:var(--badge-sus2-bg);color:var(--badge-sus2-text)}.chord-card__badge--sus4{background:var(--badge-sus4-bg);color:var(--badge-sus4-text)}.chord-card__badge--dim{background:var(--badge-dim-bg);color:var(--badge-dim-text)}.chord-card__badge--aug{background:var(--badge-aug-bg);color:var(--badge-aug-text)}.chord-card__badge--add9{background:var(--badge-add9-bg);color:var(--badge-add9-text)}.chord-card__badge--9th{background:var(--badge-9th-bg);color:var(--badge-9th-text)}.chord-card__badge--6th{background:var(--badge-6th-bg);color:var(--badge-6th-text)}.app__header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px;border-bottom:.5px solid var(--color-border);margin-bottom:16px}.app__title{font-size:24px;font-weight:600;margin:0;color:var(--color-text-primary)}.app__subtitle{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0}.app__main{padding-bottom:32px}