@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard-Regular,sans-serif;overflow:hidden}.app{height:100vh;position:relative;width:100vw}.background-container{overflow:hidden;z-index:0}.background-container,.background-layer{height:100%;left:0;position:absolute;top:0;width:100%}.background-layer{background-position:50%;background-size:cover;opacity:1;transition:opacity 1s ease}.background-layer.fade-out{opacity:0}.background-overlay{background-color:#0009;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.arrow-button{align-items:center;background:#0000004d;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:3}.arrow-button:hover{background:#00000080;transform:translateY(-50%) scale(1.1)}.arrow-button .material-icons{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:36px}.arrow-button.prev{left:2rem}.arrow-button.next{right:2rem}.content-layer{display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;width:100%;z-index:2}.logo-container{left:2rem;position:absolute;top:2rem;z-index:10}.logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:60px;width:auto}.server-info-container{align-items:center;display:flex;flex-direction:row;gap:1rem;position:absolute;right:2rem;top:calc(2rem + 100px)}.server-address-widget,.server-status-widget,.server-version-widget{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.server-address-widget:hover,.server-status-widget:hover,.server-version-widget:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.server-address-widget .material-icons{color:#64b5f6}.server-version-widget .material-icons{color:#81c784}.status-online{align-items:center;display:flex;gap:.5rem}.status-online .material-icons{color:#4caf50}.status-offline{align-items:center;display:flex;gap:.5rem}.status-offline .material-icons{color:#f44336}.status-loading{align-items:center;display:flex;gap:.5rem}.loading-icon{animation:spin 1s linear infinite;color:#ffc107}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-center-widgets{left:50%;position:absolute;top:2rem;transform:translateX(-50%)}.widget{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.widget:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.time-widget{align-items:center;display:flex;justify-content:center;min-width:160px;padding:.75rem 1.5rem}.current-time-display{font-family:Pretendard-Regular,sans-serif;font-size:16px}.time-widget-container{left:50%;position:absolute;top:2rem;transform:translateX(-50%)}.time-widget{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1rem 2rem;transition:all .3s ease}.time-widget:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.current-time-display{color:#fff;font-size:1.5rem;font-weight:500;text-align:center}.notice-container{position:absolute;right:2rem;top:2rem;width:500px}.notice-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:1rem 1.5rem;transition:all .3s ease}.notice-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.notice-title{color:#212121;font-size:1.2rem;font-weight:400;margin-bottom:1rem;text-align:center}.notice-content{display:flex;padding:.5rem}.notice-emoji{align-self:flex-start;font-size:1.8rem;margin-right:1rem;min-width:30px;text-align:center}.notice-text{word-wrap:break-word;color:#fff;flex-grow:1;font-size:1rem;line-height:1.4;max-height:2.8em;overflow-wrap:break-word}.title-container{bottom:4rem;left:4rem;max-width:60%;position:absolute}.main-title{color:#fff;font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;text-shadow:2px 2px 8px #00000080}.subtitle{color:#fff;font-size:1.8rem;font-weight:300;text-shadow:1px 1px 4px #00000080}.audio-player-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border-radius:12px;bottom:2rem;box-shadow:0 4px 6px #0000001a;padding:1.2rem;position:absolute;right:2rem;transition:all .3s ease;width:220px}.audio-player-container:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.track-name{color:#fff;font-weight:500;margin-bottom:.8rem;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.track-progress-info{margin-bottom:.5rem;text-align:center}.time-display{color:#ddd;font-size:.8rem}.track-progress{margin-bottom:1rem;width:100%}.audio-controls,.audio-toggle{align-items:center;display:flex;justify-content:center}.audio-toggle{background-color:#673ab7;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;height:42px;margin:0 .8rem;transition:all .2s ease;width:42px}.audio-toggle:hover{background-color:#5e35b1;transform:scale(1.1)}.audio-toggle:active{transform:scale(.95)}.audio-control-btn{align-items:center;background-color:#673ab7b3;border:none;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.audio-control-btn:hover{background-color:#673ab7e6;transform:scale(1.1)}.audio-control-btn:active{transform:scale(.95)}.audio-control-btn .material-icons,.audio-toggle .material-icons{font-size:20px}.progress-slider{appearance:none;background:#673ab74d;border-radius:5px;height:5px;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{appearance:none;background:#673ab7;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.progress-slider::-webkit-slider-thumb:hover{background:#5e35b1;transform:scale(1.2)}.progress-slider::-moz-range-thumb{background:#673ab7;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.progress-slider::-moz-range-thumb:hover{background:#5e35b1;transform:scale(1.2)}.volume-control{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem;padding:0 .5rem}.volume-icon{color:#673ab7;cursor:pointer;font-size:20px}.volume-slider{appearance:none;background:#673ab74d;border-radius:4px;flex:1 1;height:4px;outline:none}.volume-slider::-webkit-slider-thumb{appearance:none;background:#673ab7;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{background:#5e35b1;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#673ab7;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-moz-range-thumb:hover{background:#5e35b1;transform:scale(1.2)}.social-links-container{bottom:2rem;display:flex;gap:1.5rem;padding:.5rem;position:absolute;right:calc(2rem + 240px)}.social-link{align-items:center;display:flex;height:42px;justify-content:center;text-decoration:none;transition:transform .2s ease;width:42px}.social-link:hover{transform:scale(1.1)}.social-link .material-icons{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}@media (max-width:768px){.main-title{font-size:2.5rem}.subtitle{font-size:1.2rem}.notice-container{width:400px}.logo{height:50px}.widget{padding:.8rem 1.5rem}.current-time-display,.offline-status,.player-count{font-size:1.2rem}.notice-text{font-size:.9rem}.notice-emoji{font-size:1.5rem}.audio-player-container{padding:1rem;width:180px}.logo-container{left:1.5rem;top:1.5rem}.server-info-container{gap:.8rem;top:calc(2rem + 80px)}.server-address-widget,.server-status-widget,.server-version-widget{font-size:1rem;padding:.5rem .8rem}.server-status{left:calc(1.5rem + 60px);padding:.5rem 1rem;top:1.5rem}.status-offline,.status-online{font-size:1rem}.top-center-widgets{width:250px}.server-info{gap:.5rem}.server-address,.status-offline,.status-online{font-size:1rem}.current-time-display{font-size:1.2rem}.time-widget{padding:.5rem 1rem}}@media (max-width:480px){.content-layer{padding:1rem}.logo-container{left:1rem;top:1rem}.logo{height:40px}.server-info-container{align-items:flex-end;flex-direction:column;gap:.5rem;right:1rem;top:calc(1rem + 70px)}.server-address-widget,.server-status-widget,.server-version-widget{font-size:.9rem;padding:.4rem .7rem}.top-center-widgets{flex-direction:column;gap:.5rem;top:1rem;width:80%}.notice-container{right:1rem;top:4rem;width:220px}.title-container{bottom:6rem;left:1rem;max-width:90%}.audio-player-container{bottom:1rem;padding:.8rem;right:1rem;width:160px}.main-title{font-size:2rem}.subtitle{font-size:1rem}.notice-card{padding:1rem}.notice-title{font-size:1rem;margin-bottom:.5rem}.notice-emoji{font-size:1.2rem;margin-right:.5rem}.notice-text{font-size:.8rem}.volume-control{margin-bottom:.8rem}.volume-slider{height:3px}.volume-icon{font-size:18px}.server-status{left:calc(1rem + 50px);padding:.4rem .8rem;top:1rem}.status-offline,.status-online{font-size:.9rem}.server-info{gap:.4rem}.server-address,.status-offline,.status-online{font-size:.9rem;padding:.6rem 1rem}.current-time-display{font-size:1.1rem}.time-widget{padding:.4rem .8rem}}
/*# sourceMappingURL=main.2eecb37f.css.map*/