/* KanGouLya Theme */
@font-face{font-family:'kaly';src:url('fonts/kaly.ttf') format('truetype')}
@font-face{font-family:'source_sans_proregular';src:url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype')}
@font-face{font-family:'source_sans_probold';src:url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype')}
*{box-sizing:border-box;margin:0;padding:0}
::-webkit-scrollbar{display:none}
html,body{height:100%;width:100%;overflow:hidden;font-family:kaly,sans-serif;line-height:1.5;background:#414444}
a{text-decoration:none}
.element-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.logo{position:fixed;bottom:20px;right:20px;width:5em;height:5em;background-image:url("./logo.png");background-size:contain;background-repeat:no-repeat;z-index:0}
.user-portal{background-image:url("background.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}
.content{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}
#header{text-align:center;padding:.5em;flex-shrink:0}
.paragraph{text-align:center}
#nian{position:center; max-width: 242px; max-height: 242px; max-height: 42vh}
#main{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden;padding:.2em .6em .8em}
#chat-response{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:66%;max-width:66%;margin:0 auto .45em;padding:.15em 0;text-align:center;font-family:kaly,sans-serif}
#main > div[align="center"]{flex-shrink:0}
#kaly{width:90%;max-width:20em;padding:.5em;font-family:kaly,sans-serif;border:1px solid #ccc;margin:0 auto}
audio{max-width:66%;display:block;margin:0 auto;padding:0}
#StreamTITLE{display:block;margin:0 0 .4em}
#StreamTITLE a{display:inline-block;color:#000;font-family:source_sans_probold,sans-serif;font-size:.95em;transition:color .2s ease}
#StreamTITLE a:hover,#StreamTITLE a:focus{color:#fff}
#radio-status-panel{max-width:44em;margin:.35em auto 0;padding:.42em .62em;background:rgba(255,255,255,.58);border:1px solid rgba(0,0,0,.25);border-radius:8px;color:#000;font-family:source_sans_proregular,sans-serif;text-align:left;line-height:1.22;font-size:.92em}
#radio-status-panel .radio-status-title{font-family:source_sans_probold,sans-serif;font-size:1em;margin-bottom:.2em}
#radio-status-panel .radio-status-row{display:block;margin:.16em 0;color:#000;word-break:break-word}
#radio-status-panel .label-inline{font-family:source_sans_probold,sans-serif;color:#000}
#apps{flex-shrink:0;padding-top:10px}
.carousel{display:flex;width:max-content;cursor:grab;user-select:none;padding:10px 0}
.carousel:active{cursor:grabbing}
.carousel ul{display:flex;gap:2em;padding:0;margin:0;flex-shrink:0}
.carousel ul:first-child{margin-right:2em}
.carousel li{list-style:none;box-shadow:2px 2px 3px rgba(0,0,0,.4),-2px -2px 3px 0 rgba(0,0,0,.7) inset}
.carousel a{display:block;position:relative;padding:.2em;width:2.7em;height:2.7em;background:rgba(255,255,255,.5);color:#000;font-size:4em;top:0;left:0;transition:all .3s ease;font-family:source_sans_probold,sans-serif}
.carousel a:hover,.carousel a:focus{left:-10px;top:-10px;box-shadow:none;color:#fff!important}
.carousel a:hover:before,.carousel a:focus:before{height:10px}
.carousel a:hover:after,.carousel a:focus:after{width:10px}
.carousel a:hover:before,.carousel a:focus:before,.carousel a:hover:after,.carousel a:focus:after{background:rgba(51,51,51,.4)}
.carousel a:before,.carousel a:after{content:"";position:absolute;transition:all .3s ease}
.carousel a:before{width:100%;height:0;left:5px;top:100%;box-shadow:0 5px 10px rgba(0,0,0,.4);transform:skew(45deg,0deg)}
.carousel a:after{width:0;height:100%;left:100%;top:5px;box-shadow:5px 0 10px rgba(0,0,0,.4);transform:skew(0deg,45deg)}
.carousel span{display:block;margin:-1.2em 0 0 .2em}
.carousel .first-letter{margin:0;display:inline-block;font-family:source_sans_probold,sans-serif}
.carousel .first-letter::before{content:attr(data-first-letter)}
.carousel .name{font-family:source_sans_proregular,sans-serif;font-size:.3em}
.app-tile{background-color:rgba(255,255,255,.5)!important;color:#000!important}