:root{--bg-dark: #121214;--bg-panel: #1e1e24;--primary: #8257e6;--accent: #04d361;--waveform-color: #8257e6;--graph-color: #fba94c;--text-main: #e1e1e6;--text-muted: #a8a8b3;--playhead-color: #ff3b3b;--border-color: #29292e;--hover-bg: #2a2a34;--active-bg: #3a3a44;--chord-major: #8257e6;--chord-minor: #fba94c;--chord-diminished: #ef4444}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.placeholder{background:linear-gradient(90deg,var(--bg-panel) 25%,#333 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;min-height:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}input,select,button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}button{cursor:pointer;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}