*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:DM Sans,sans-serif;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808033;border-radius:2px}.theme-light{--bg-grad:linear-gradient(160deg,#fff 0%,#f0f0f0 100%);--sidebar-bg:#e8e8e8;--sidebar-text:#1a1a1a;--sidebar-muted:#6a6a6a;--sidebar-active-bg:#00000014;--sidebar-hover:#0000000d;--bar-bg:#e0e0e0;--bar-border:#0000001a;--card-bg:#fff;--card-hover:#f5f5f5;--card-shadow:0 2px 10px #00000012;--card-border:#00000012;--text:#1a1a1a;--text-muted:#5a5a5a;--text-dim:#9a9a9a;--accent:#e07840;--accent2:#c85e28;--accent-glow:#e078404d;--section-title:#1a1a1a;--queue-bg:#ebebeb;--input-bg:#0000000d;--ctrl-color:#0000008c;--ctrl-hover:#1a1a1a;--bar-text:#1a1a1a}.theme-dark{--bg-grad:linear-gradient(160deg,#1c1414 0%,#221818 100%);--sidebar-bg:#2a1e1e;--sidebar-text:#fff;--sidebar-muted:#ffffff73;--sidebar-active-bg:#ffffff1f;--sidebar-hover:#ffffff12;--bar-bg:#2a1e1e;--bar-border:#ffffff12;--card-bg:#322020cc;--card-hover:#422c2cf2;--card-shadow:0 2px 14px #0000004d;--card-border:#643c3c4d;--text:#fff;--text-muted:#c49a8a;--text-dim:#7a5a5a;--accent:#dc2626;--accent2:#b91c1c;--accent-glow:#dc262661;--section-title:#fff;--queue-bg:#221616b3;--input-bg:#ffffff0f;--ctrl-color:#ffffff80;--ctrl-hover:#fff;--bar-text:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollTxt{0%,20%{transform:translate(0)}80%,to{transform:translate(-50%)}}@keyframes w1{0%{height:3px}to{height:13px}}@keyframes w2{0%{height:8px}to{height:4px}}@keyframes w3{0%{height:5px}to{height:14px}}@keyframes w4{0%{height:10px}to{height:3px}}