@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}.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}.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}}@media (max-width:760px){.colorList{border-right:0 solid;flex-direction:row;width:100%;height:41%;margin-top:44px;overflow:scroll hidden}.colorList li{border-bottom:none;border-right:1px solid #222;min-width:180px}.content{border-top:1px solid;margin-top:calc(40vh + 48px);margin-left:0;position:fixed}.titleContainer{height:auto;padding:2px 4px;font-size:.8rem}h1{font-size:15px}summary{font-size:.8rem}h2{font-size:15px}.category{background-color:#fff;width:200px}figure{margin:0 30px;padding:0}figcaption{font-size:.7rem}}@media (max-width:499px){.colorList{margin-top:58px}.content{margin-top:40vh}}