*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:Roboto,Helvetica Neue,sans-serif;height:100vh}#root{height:100%}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}p{margin-bottom:1rem}button{background-color:#1a237e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}button:hover{background-color:#3949ab}button:active{background-color:#0d1442}input,select{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:8px}input:focus,select:focus{border-color:#1a237e;box-shadow:0 0 0 2px #1a237e33}@media (max-width:768px){.content{flex-direction:column}.player-section{flex:1 1}.list-section{border-left:none;border-top:1px solid #ddd;flex:1 1;width:100%}}
/*# sourceMappingURL=main.41b36381.css.map*/