:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:300px;min-height:100vh}#account-btn-container{justify-content:right;display:flex}#account-btn-container button{margin-top:4px}#navbar ul{display:flex;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none;padding:0}#navbar li{display:inline;margin:4px}#navbar a{text-decoration:none;font-size:.8em;color:#fff}#navbar .active{font-weight:700}#root{max-width:1900px;width:95%;margin:0 auto;text-align:center}h1{font-size:1.2em;margin-top:10px}.error-msg{display:flex;align-items:center;justify-content:center;width:240px;padding:10px;border-radius:8px;background-color:#d44545c9}.error-msg p{margin:0}button{background-color:#524f4f;border-radius:8px;border:1px solid gray;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px}input,select{border-radius:8px;border:1px solid gray;padding:6px;text-align:center}.flex-new-line{width:0;height:0;padding:0;margin:0;flex-basis:100%}.artist-img{width:200px;height:200px;border-radius:50%;border:2px solid gray}table{text-align:center;margin-left:auto;margin-right:auto;border-collapse:collapse;border:1px solid rgb(60,60,60)}table thead{background-color:#464646}table th,td{padding:6px}table tbody tr:nth-child(odd){background-color:#585858}table tbody tr:nth-child(2n){background-color:#646464}@media(max-width:767px){.hide-on-mobile{display:none!important}}#account{display:flex;justify-content:center;flex-wrap:wrap}#account button{width:100px;margin:4px}#account #cancel-btn{background-color:#662020;margin-top:20px;width:150px;height:30px}#login-form,#profile{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:4px}#profile p,#login-form p{margin:10px 0 0}#login-form input{width:200px;border-radius:8px;border:1px solid gray;padding:6px;text-align:center}#admin-panel{background-color:#2e2e2e;display:flex;flex-basis:100%;max-width:400px;border:1px solid gray;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px}#admin-panel th{font-size:1em}#admin-panel td{font-size:.9em}#discussion-adder,#discussion-panel,.discussion-card{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:4px}.discussion-card h1{flex-basis:100%;margin-bottom:4px}.discussion-card p{flex-basis:100%;margin-top:0}.discussion-card button{width:200px}.comment-panel{background-color:#3d3d3d;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;width:100%;padding:10px 0;margin:0;max-width:800px}.comment-input{margin-top:10px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.comment-input textarea{flex-basis:90%;height:100px;text-align:left;border-radius:8px}.comment-input button{background-color:#2b5052;width:120px}.comment{font-size:.8em;width:90%;text-align:left;padding:6px;border:1px solid gray;border-radius:2px;margin:2px auto;white-space:pre-wrap}.rating-panel{background-color:#3d3d3d;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:800px;padding:10px 0;margin:0}.rating-table{width:95%}.rating-input{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.rating-input input{width:80px}.rating-input button{background-color:#2b5052;width:120px}.song-tile{background-color:#2e2e2e;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;max-width:800px}.song-tile-header{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;padding:4px;margin:0}.song-tile-header p{margin:0}.song-tile-header button{padding:4px;width:80px}