.chord-dictionary-wrapper{flex-direction:column;gap:24px;display:flex}.chord-dict-section{flex-direction:column;gap:10px;display:flex}.chord-dict-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.chord-root-grid{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}@media (max-width:640px){.chord-root-grid{grid-template-columns:repeat(6,1fr)}}.chord-root-btn{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-base) var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px 4px;font-weight:700;display:flex}.chord-root-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.chord-root-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);box-shadow:0 2px 8px #6366f14d}.chord-quality-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chord-quality-scroll::-webkit-scrollbar{height:4px}.chord-quality-scroll::-webkit-scrollbar-track{background:0 0}.chord-quality-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.chord-quality-btn{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-base) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 14px;display:flex}.chord-quality-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.chord-quality-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #6366f14d}.chord-quality-short{font-size:var(--text-sm);color:var(--text-primary);transition:color var(--duration-base) var(--ease);font-weight:800}.chord-quality-btn.active .chord-quality-short{color:var(--accent-text)}.chord-quality-name{color:var(--text-muted);transition:color var(--duration-base) var(--ease);font-size:10px}.chord-quality-btn.active .chord-quality-name{color:#ffffffb3}.chord-dict-loading{justify-content:center;padding:40px 0;display:flex}.chord-dict-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite chord-dict-spin}@keyframes chord-dict-spin{to{transform:rotate(360deg)}}.chord-dict-content{flex-direction:column;gap:20px;display:flex}.chord-dict-header-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.chord-dict-header-left{flex-direction:column;gap:8px;display:flex}.chord-dict-chord-name{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;margin:0;font-weight:900}.chord-dict-notes{flex-wrap:wrap;gap:6px;display:flex}.chord-dict-note-pill{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-primary);align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.chord-dict-interval{color:var(--text-muted);opacity:.8;font-size:9px;font-weight:600}.chord-dict-header-right{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.chord-dict-icon{width:20px;height:20px;color:var(--accent);opacity:.6}.chord-dict-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-weight:600}.chord-dict-admin-bar{border-radius:var(--radius-md);font-size:var(--text-sm);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;justify-content:space-between;align-items:center;padding:8px 14px;font-weight:600;display:flex}.chord-dict-admin-bar button{border-radius:var(--radius-sm);color:#f59e0b;font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease);background:#f59e0b26;border:1px solid #f59e0b4d;padding:4px 12px;font-weight:700}.chord-dict-admin-bar button:hover{background:#f59e0b40}.chord-dict-inversions{flex-direction:column;gap:10px;display:flex}.chord-dict-inversions-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;font-weight:700;display:inline-flex}.chord-dict-inversions-list{flex-wrap:wrap;gap:6px;display:flex}.chord-dict-inversion-btn{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-base) var(--ease);padding:6px 14px;font-weight:700}.chord-dict-inversion-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chord-dict-inversion-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);box-shadow:0 2px 8px #6366f140}.chord-dict-difficulty-bar{flex-wrap:wrap;gap:6px;display:flex}.chord-dict-diff-btn{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-base) var(--ease);align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.chord-dict-diff-btn:hover{border-color:var(--diff-color,var(--accent));color:var(--diff-color,var(--accent))}.chord-dict-diff-btn.active{background:var(--diff-color,var(--accent));color:#fff;border-color:var(--diff-color,var(--accent));box-shadow:0 2px 8px color-mix(in srgb, var(--diff-color,var(--accent)) 30%, transparent)}.chord-dict-diff-dot{background:var(--diff-color,var(--accent));border-radius:50%;flex-shrink:0;width:6px;height:6px}.chord-dict-diff-btn.active .chord-dict-diff-dot{background:#fffc}.chord-dict-diff-count{opacity:.6;text-align:center;min-width:14px;font-size:10px;font-weight:800}.chord-dict-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}@media (max-width:480px){.chord-dict-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.chord-dict-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:all var(--duration-base) var(--ease);flex-direction:column;align-items:center;padding:14px 8px 10px;display:flex;position:relative}.chord-dict-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chord-dict-card-difficulty{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-base) var(--ease);padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.chord-dict-card:hover .chord-dict-card-difficulty{opacity:1}.chord-dict-card-difficulty.easy{color:#22c55e;background:#22c55e1a}.chord-dict-card-difficulty.medium{color:#f59e0b;background:#f59e0b1a}.chord-dict-card-difficulty.hard{color:#ef4444;background:#ef44441a}.chord-dict-card-pos{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:10px;font-weight:700}.chord-dict-edit-btn{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent);width:24px;height:24px;color:var(--accent);cursor:pointer;opacity:.7;transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;top:6px;left:6px}.chord-dict-edit-btn:hover{opacity:1;background:var(--accent);color:var(--accent-text)}.chord-dict-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.chord-dict-empty-icon{opacity:.3;width:40px;height:40px}.chord-dict-empty p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.chord-dict-empty-hint{font-size:var(--text-xs)!important;color:var(--text-muted)!important}.chord-dict-clear-filter{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;transition:all var(--duration-base) var(--ease);padding:6px 16px;font-weight:700}.chord-dict-clear-filter:hover{background:var(--accent);color:var(--accent-text)}.chord-dict-search-section{position:relative}.chord-dict-search-hint{color:var(--text-muted);opacity:.5;pointer-events:none;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:50%;right:80px;transform:translateY(-50%)}.chord-dict-search-hint kbd{background:var(--bg-elevated);border:1px solid var(--border);min-width:20px;height:18px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.chord-quality-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.chord-quality-btn.disabled:hover{background:var(--bg-elevated);border-color:var(--border)}.chord-quality-badge{background:var(--accent-soft);min-width:16px;height:16px;color:var(--accent);transition:all var(--duration-base) var(--ease);border-radius:8px;justify-content:center;align-items:center;margin-left:4px;padding:0 4px;font-size:9px;font-weight:800;display:inline-flex}.chord-quality-btn.active .chord-quality-badge{color:#ffffffe6;background:#fff3}