html{height:100%}body{font-size:14px;color:#f4f1de;background:#001219;font-family:sans-serif;line-height:1.5;margin:0 auto;max-width:768px;height:100dvh;display:flex;flex-direction:column;overflow:hidden}main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}header{border-bottom:1px solid #001e29;margin-bottom:1rem;padding:0 1rem}footer{border-top:1px solid #001e29;margin-top:1rem;padding:0 1rem;color:#005f73}a{color:#94d2bd;text-decoration:none}a:hover,a:focus,a.active{background-color:#005f73}h1{margin:0;color:#005f73}h1 span{font-size:1.1rem;vertical-align:middle}progress{width:99%;background:#005f73;border-color:#005f73;height:4px}progress::-webkit-progress-bar{background-color:#005f73}progress::-webkit-progress-value{background-color:#94d2bd}progress::-moz-progress-bar{background-color:#94d2bd}.player{text-align:center;min-height:100px}h2,h3{margin:0}h2{font-size:1rem}h2 a{display:block;padding:.5rem;border-radius:5px}.player h2{font-size:2.5rem}.player h3{font-size:.9rem;color:#005f73}.progress,.controls{max-width:200px;margin:0 auto}.radios-list{display:grid;grid-template-columns:25% 25% 25% 25%;grid-gap:10px;margin:3rem 0 2rem;padding:0 2rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#005f73 #001e29}.radios-list::-webkit-scrollbar{width:8px}.radios-list::-webkit-scrollbar-track{background:#001e29;border-radius:4px}.radios-list::-webkit-scrollbar-thumb{background:#005f73;border-radius:4px}.radios-list::-webkit-scrollbar-thumb:hover{background:#94d2bd}.radios-list h2{margin:1px}a .fa{color:#005f73}.fa{cursor:pointer}.controls{display:flex;flex-wrap:wrap;font-size:1.2rem}.controls .fa{font-size:1.5rem}.controls div{flex:1 1 5%}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;z-index:-1}#equalizer{background:#000;display:block;width:100%;height:100%;opacity:.3}@media(max-width:640px){.radios-list{grid-template-columns:50% 50%}}@media(max-width:370px){.radios-list{grid-template-columns:100%}}.header-content{display:flex;align-items:center;justify-content:space-between}.install-btn{display:none;background:#005f73;color:#94d2bd;border:1px solid #005f73;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.install-btn:hover{background:#94d2bd;color:#001219;border-color:#94d2bd}.install-btn.visible{display:block}