a,body,code,div,form,h1,html,img,nav,small,span,strong{padding:0}body{line-height:1;width:100%;height:100%;font-family:sans-serif;font-size:14px;color:#bbc8d6;background-color:#0e161f}a,button,code,div,footer,form,h1,header,html,img,input,nav,small,span,strong{margin:0;line-height:1;border:0;box-sizing:border-box}body,main{margin:0;border:0}a::after,a::before,body,body::after,body::before,button::after,button::before,code::after,code::before,div::after,div::before,footer::after,footer::before,form::after,form::before,h1::after,h1::before,header::after,header::before,html::after,html::before,img::after,img::before,input::after,input::before,main,main::after,main::before,nav::after,nav::before,small::after,small::before,span::after,span::before,strong::after,strong::before{box-sizing:border-box}footer,header,main,nav{display:block}code,h1{font-size:inherit}a{outline:0}img{display:inline-block;max-width:100%}button,input{font:inherit;outline:0}button{cursor:pointer}button:disabled{cursor:auto}h1{font-weight:900}button,input{padding:10px;vertical-align:middle}#toast div,button{font-weight:700}nav{display:flex;flex-wrap:wrap;gap:5px 10px}header{position:sticky;top:0;display:grid;grid-template-columns:auto 1fr;padding:10px;background-color:#080d12}header a{text-decoration-line:none}header nav{justify-content:right}main{padding:0 20px;line-height:1.4}footer{text-align:center;margin-top:100vh;margin-bottom:50vh;padding:0 20px 100px}#player{margin-top:30px}#nowplaying,#shoutbox{margin-top:60px}#toast{position:fixed;top:20px;right:0;z-index:1000}#toast div{width:fit-content;max-width:100%;padding:10px;margin-left:auto;border-radius:9px 0 0 9px;cursor:pointer;color:#000}#nowplaying,#player{text-align:center}#nowplaying .current{font-size:42px;font-weight:700}#nowplaying .history{font-size:16px;margin-top:20px}#nowplaying .history .entry{margin-bottom:5px}#nowplaying .history .entry .time,#nowplaying .history .entry .track{display:inline-block}#nowplaying .history .entry .time{margin-right:5px}#player .ctrl_volume{width:100px}#shoutbox{max-width:400px;margin-left:auto;margin-right:auto}#shoutbox form,#toast div{margin-bottom:10px}#shoutbox form input[type=text]{width:100%}#player .ctrl_volume_value,#shoutbox form input[type=submit]{display:none}#shoutbox .messages{max-height:320px;overflow-y:scroll;overflow-x:hidden}#shoutbox .messages .record{word-break:break-all;margin-bottom:10px}#shoutbox .messages .record .avatar{width:20px;height:auto;vertical-align:middle}#shoutbox .messages .record .message{vertical-align:middle;font-family:monospace}code{color:#93b4d7}a:link,a:visited{color:#bbc8d6}a:active,a:focus,a:hover,button:focus,button:hover{color:#fff}button,input{color:inherit;background-color:#1d2833}button:disabled{color:#3c4a57}#nowplaying .history .entry:nth-child(1){opacity:1}#nowplaying .history .entry:nth-child(2){opacity:.9}#nowplaying .history .entry:nth-child(3){opacity:.8}#nowplaying .history .entry:nth-child(4){opacity:.7}#nowplaying .history .entry:nth-child(5){opacity:.6}#nowplaying .history .entry:nth-child(6){opacity:.5}#nowplaying .history .entry:nth-child(7){opacity:.4}#nowplaying .history .entry:nth-child(8){opacity:.3}#nowplaying .history .entry:nth-child(9){opacity:.2}#nowplaying .history .entry .time{color:#5c6873}#toast div.info{background-color:#add8e6}#toast div.success{background-color:#90ee90}#toast div.error{background-color:#f08080}