@font-face{font-family:AUTHENTICSans-Condensed-90;src:url(/fonts/AUTHENTICSans-Condensed-90.woff)format("woff")}@font-face{font-family:AUTHENTICSans-90;src:url(/fonts/AUTHENTICSans-90.woff)format("woff")}@font-face{font-family:SpokaHanSansNeo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff)format("woff");font-weight:400;font-display:swap}*{box-sizing:border-box}body,ul,h1,h2{word-break:keep-all;margin:0;font-family:AUTHENTICSans-Condensed-90,SpokaHanSansNeo,sans-serif;line-height:1.3}a{color:#000}h1:hover{text-decoration:underline}body{overflow:hidden}.colorList{white-space:nowrap;scrollbar-width:none;z-index:2;border-right:1px solid #222;flex-direction:column;width:248px;height:calc(100vh - 30px);margin:30px 0 0;padding:0;display:flex;position:fixed;top:0;left:0;overflow-y:scroll}.colorList::-webkit-scrollbar{display:none}.colorList li{box-sizing:border-box;cursor:pointer;border-bottom:1px solid #222;margin:0;padding:5px 0 0 4px;font-size:.8rem;line-height:1.5;list-style:none}.colorList li table{border-collapse:collapse;width:100%}.colorList li td{text-overflow:ellipsis;white-space:nowrap;width:70px;padding:0;font-size:.8rem;overflow:hidden}.colorList li td:first-child{width:110px}.colorList li td:last-child{color:#666;width:auto;font-size:.7rem}.colorList li.playing{color:#fff;cursor:default;background-color:#000!important}.colorList li.playing td{color:#fff!important}.colorList li:not(.playing):hover{cursor:pointer}.titleContainer{z-index:10;background-color:#fff;border-bottom:1px solid #ddd;align-items:center;gap:8px;width:100%;padding:4px 8px;font-size:1rem;display:flex;position:fixed;top:0;overflow:hidden}h1{letter-spacing:0;color:#aaa;flex-shrink:0;margin:0;font-size:1rem;display:inline-block}h1:hover{color:#888;text-decoration:underline}.nowPlaying{color:#bbb;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;overflow:hidden}button{cursor:pointer;white-space:nowrap;background-color:#dcdcdc;border:0 solid #000;border-radius:10px;flex-shrink:0;height:20px;padding:0 10px;font-family:AUTHENTICSans-Condensed-90,sans-serif;font-size:12pt;line-height:1.5;display:inline-block}.transport{flex-shrink:0;align-items:center;gap:2px;display:flex}@keyframes soundbar{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.soundbars{vertical-align:middle;align-items:flex-end;gap:2px;width:16px;height:12px;display:inline-flex}.soundbars span{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:12px;animation:.7s ease-in-out infinite soundbar;display:block}.soundbars span:first-child{animation-duration:.65s}.soundbars span:nth-child(2){animation-duration:.85s;animation-delay:.12s}.soundbars span:nth-child(3){animation-duration:.7s;animation-delay:.25s}.soundbars span:nth-child(4){animation-duration:.9s;animation-delay:80ms}.title-gif{filter:grayscale()opacity(.35);flex-shrink:0;width:auto;height:22px;display:block}.transport-btn{cursor:pointer;color:#bbb;background-color:#0000000f;border:1px solid #0000001a;border-radius:10px;height:20px;padding:0 7px;font-family:AUTHENTICSans-Condensed-90,sans-serif;font-size:.75rem;line-height:1.5;display:inline-block}.transport-btn:hover{color:#888;background-color:#0000001a}.transport-btn.play-pause{color:#aaa;background-color:#00000014;padding:0 9px}.transport-btn.play-pause:hover{color:#666;background-color:#00000024}#toggle-button{color:#bbb;background-color:#0000000f;border:1px solid #0000001a;border-radius:10px;height:20px;padding:0 8px;font-size:.7rem}#toggle-button:hover{color:#888}.live-bar{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.live-title{white-space:nowrap;text-overflow:ellipsis;color:#999;flex-shrink:1;min-width:0;font-size:.75rem;overflow:hidden}.live-cat{color:#ccc;font-size:.7rem}.live-time{color:#bbb;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem}.progress-slider{appearance:none;background:linear-gradient(to right,#00000040 0%,#00000040 var(--pct,0%),#00000014 var(--pct,0%),#00000014 100%);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:60px;max-width:240px;height:3px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0000004d;border-radius:50%;width:9px;height:9px}.progress-slider::-moz-range-thumb{cursor:pointer;background:#0000004d;border:none;border-radius:50%;width:9px;height:9px}.volume-control{flex-shrink:0;align-items:center;gap:4px;display:flex}.volume-slider{appearance:none;background:linear-gradient(to right,#00000040 0%,#00000040 var(--vol,100%),#00000014 var(--vol,100%),#00000014 100%);cursor:pointer;border-radius:2px;outline:none;flex-shrink:0;width:60px;height:3px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0000004d;border-radius:50%;width:9px;height:9px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#0000004d;border:none;border-radius:50%;width:9px;height:9px}.shuffle-btn.active{color:#555;background-color:#00000026}.content{scrollbar-width:none;margin-top:30px;margin-left:248px;position:absolute;overflow-x:scroll}.content::-webkit-scrollbar{display:none}#categoryContainer{background:#fff;align-items:stretch;display:flex}.category{scrollbar-width:none;border-right:1px dotted #222;flex-shrink:0;width:250px;height:calc(100vh - 30px);overflow-y:scroll}.category::-webkit-scrollbar{display:none}h2{z-index:1;background-color:#fff;border-bottom:2px dotted #222;padding:5px 5px 0;font-size:18px;position:sticky;top:0}details{cursor:pointer;border-radius:50%;margin-bottom:0;padding:5px 5px 0 7px}details:empty:before{content:"•";color:gray;margin-right:8px;font-size:20px}summary{border-bottom:1px dotted #000;align-items:center;gap:4px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.play-icon{flex-shrink:0;width:12px;font-size:.6rem}details[open] summary{border-bottom:none}details[open] summary .play-icon:before{content:"⏸"}details:not([open]) summary:hover .play-icon:before{content:"▶"}figure{margin:0 40px;padding:0 30px}figure img{width:100%}figcaption{background-color:#fff;padding:3px;font-size:10pt}details.unavailable{opacity:.4;cursor:default}details.unavailable summary:after{content:" ·";color:gray}@media (max-width:1155px){.colorList{height:calc(100vh - 52px);margin-top:52px}.content{margin-top:52px}.category{height:calc(100vh - 52px);padding-bottom:400px}}.mobile-now-card,.mobile-progress-row,.mobile-controls,.mobile-viz{display:none}@media (max-width:760px){.titleContainer{display:none!important}.colorList{display:none}.mobile-now-card{z-index:30;background:#eee;border-radius:50%;flex-direction:column;justify-content:space-evenly;align-items:stretch;gap:4px;height:210px;padding:30px 80px 36px;transition:background .5s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.mobile-card-cat{color:#00000061;font-weight:400}.mobile-card-times{color:#00000080;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.56rem}.mobile-card-sep{opacity:.4}.mobile-now-card figure{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.mobile-now-card figure img{object-fit:cover;flex-shrink:1;width:100%;height:auto;min-height:0;max-height:120px;display:block}.mobile-now-card figcaption{color:#333;background:#fff;flex-direction:column;flex-shrink:0;gap:1px;width:100%;padding:3px 6px;display:flex}.mobile-fig-top{color:#000000bf;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.mobile-fig-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.65rem;font-weight:700;overflow:hidden}.mobile-fig-meta{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;display:block;overflow:hidden}.mobile-card-empty{color:#00000059;text-align:center;align-self:center;font-size:.85rem}.category details[open]>figure{display:none!important}.category details[open]>summary{border-bottom:1px dotted #000}.mobile-controls{z-index:29;background:#fff;border-bottom:1px solid #00000012;flex-direction:row;align-items:center;gap:6px;height:46px;padding:0 14px;display:flex;position:fixed;top:210px;left:0;right:0}.mobile-title-gif{filter:grayscale()opacity(.35);flex-shrink:0;width:auto;height:22px;display:block}.mobile-title-deco{color:#ccc;white-space:nowrap;letter-spacing:0;flex:1;margin:0;font-size:.8rem;overflow:hidden}.mobile-controls .volume-slider{flex-shrink:0;width:70px}.content{margin:0;position:fixed;inset:256px 0 0;overflow:scroll hidden}#categoryContainer{align-items:stretch;height:100%;flex-direction:row!important;width:max-content!important;display:flex!important}.category{border-right:1px dotted #00000026;flex-shrink:0;padding-bottom:24px;overflow:hidden scroll;width:50vw!important;height:100%!important;display:block!important}.category h2{writing-mode:horizontal-tb;color:#333;z-index:1;background:#fff;border-bottom:2px dotted #ddd;padding:6px 6px 3px;font-size:13px;position:sticky;top:0}}