:root{--bg:#3a3a38;--surface:#444441;--surface-2:#4f4f4c;--surface-3:#5a5a57;--border:#686864;--border-2:#787874;--accent:#ff5c1a;--accent-glow:#ff5c1a4d;--teal:#00e5d4;--teal-glow:#00e5d440;--purple:#a88df5;--purple-dim:#a88df54d;--text:#eeecea;--text-muted:#a8a8a4;--text-dim:#727270;--font-mono:"Chivo Mono", "Courier New", monospace;--font-ui:"Outfit", system-ui, sans-serif;--radius:6px;--radius-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}button{font-family:var(--font-ui);cursor:pointer}input,select{font-family:var(--font-ui)}@media (width<=768px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app-root{min-height:100vh;height:auto!important}.app-body{flex-direction:column;overflow:visible!important}.app-center{order:1}.track-panel{order:2;width:100%}.track-list-inner{border-bottom:1px solid var(--border);border-right:none!important;width:100%!important}.export-panel{border-top:1px solid var(--border);order:3;border-left:none!important;width:100%!important}}