@charset "UTF-8";:root{--text-color-melody:#ededed;--text-color-artist:#ededed;--text-color-album:#45666a;--text-color-date:#45666a;--text-color-dina-val:#ccc;--text-color-not-selected:#36545d;--list-text-size-large:2.1rem;--list-text-size-medium:1.8rem;--list-text-size-small:1.4rem;--bg-color-site:#345966;--bg-color-melody:#163b48;--bg-color-melody-selected:#0c2831;--melody--nr2-color:#ffeb00;--melody--nr1-colorXXX:#f69d00;--melody--nr1-color:#345966;--bg-color-play:#345966;--bg-color-vote:#345966;--mellody-height:7.4rem;--button-height:9rem;--selected-color:#ffeb00}.style2025{--text-color-header:#fff;--text-color-vote-box:#ededed;--text-color-sound-box:#ededed;--text-color-melody:#333;--text-color-artist:#141414;--text-color-artist-dark:#b7b7b7;--text-color-album:#141414;--text-color-date:#141414;--bg-color-vote-box:#345966;--bg-color-site:#f0f0f0;--bg-color-list:#909090;--bg-color-list-dark:#1f1f1f;--bg-color-melody:#ffffff;--bg-color-melody-dark:#141414;--bg-color-melody-selected:#ccc;--bg-color-melody-selected-dark:#4a4a4a;--bg-color-play:#000;--bg-color-pause:#000;--bg-color-play-white:#fff;--bg-color-pause-white:#fff;--bg-color-vote:#da000d;--bg-color-sound-box:#f8f8f8;--mellody-height:12rem;--mellody-button-height:6rem;--button-height:9rem;--text-color-melody-button:#ededed;--box-padding-melody:0rem;--list-text-size-large:3.8rem;--list-text-size-large2:4.2rem;--list-text-size-medium:1.6rem;--list-text-size-small:1.6rem;--list-text-weight-large:600;--list-text-weight-medium:500;--list-text-weight-small:300;--divider-small:0rem;--divider-medium:2rem}.debugger{font-size:9px;line-height:1;display:none}body{margin:0;padding:0;line-height:1.4;font-family:DNSansVF, Georgia, "Times New Roman", Times, serif;font-weight:400;font-style:normal;font-stretch:normal;overflow:unset}main{position:relative;width:100%;margin:0 auto;margin-left:auto;margin-right:auto;max-width:600px;box-sizing:border-box;background-color:transparent;transition:all 0.9s ease-in-out}.container{position:relative;width:100%}.container-wrapper{position:relative;width:100%;height:100%;top:0;left:0}.main__content-wrapper{padding-top:0;padding-bottom:0}.musicList{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin-bottom:0;background-color:var(--bg-color-list)}.main__dark-mode .musicList{background-color:#484848}.musicList.collapse{margin-bottom:0}.musicList.collapse .mellodyButtons{height:0;padding:0;margin:0;overflow:hidden}.musicList.collapse .melodyColorBox{border:0 solid #000;height:0;padding:0;margin:0;overflow:hidden}.musicList.collapse .melodyItem{height:0;padding:0;margin:0}.firstline{width:100%;height:1px;background-color:var(--bg-color-list)}.firstline.off{display:none}.melodyOuther{position:relative;width:100%;margin:0;padding:0;padding-left:0;padding-right:0;box-sizing:border-box;background-color:transparent;transition:all 0.9s ease-in-out;z-index:0}.melodyOuther.empty{opacity:0.5}.melodyOuther.active .melodyColorBox{background-color:var(--bg-color-melody-selected)}.melodyOuther.active .melodyCoreBox{padding-top:0}.melodyOuther.active .box3{display:none}.onRealWeb .melodyOuther{padding-left:0.5rem;padding-right:0.5rem}.main__dark-mode .melodyOuther.active .melodyColorBox{background-color:var(--bg-color-melody-selected-dark)}.melodyColorBox{position:relative;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;align-items:flex-start;box-sizing:border-box;margin-bottom:1px;border-radius:0;border:0 solid transparent;padding-left:var(--box-padding-melody);padding-right:0rem;padding-top:var(--box-padding-melody);padding-bottom:var(--box-padding-melody);min-height:8rem;background-color:var(--bg-color-melody)}.main__dark-mode .melodyColorBox{background-color:var(--bg-color-melody-dark)}.melodyItem{position:relative;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;height:var(--mellody-height);padding:0;box-sizing:border-box;background-color:transparent;color:var(--text-color-melody);transition:all 0.3s ease-in-out;overflow:hidden;cursor:pointer}.melodyCoreBox{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;z-index:2;margin-top:0;padding-top:0;padding-left:0;box-sizing:border-box}.box1{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;z-index:2;margin-top:0;padding-top:0;padding-left:0;box-sizing:border-box}.box1wrapper{position:relative;width:18%;display:flex;flex-direction:column;justify-content:space-evenly;align-content:flex-start;align-items:flex-start}.box2wrapper{position:relative;width:60%;display:flex;flex-direction:column;justify-content:space-evenly;align-content:flex-start;align-items:flex-start}.box3wrapper{position:relative;width:20%;display:none;flex-direction:column;justify-content:space-evenly;align-content:flex-start;align-items:flex-start}.box4wrapper{position:relative;width:20%;height:auto;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}.box5wrapper{position:relative;width:10%;display:flex;flex-direction:column;justify-content:space-evenly;align-content:flex-start;align-items:flex-start}.number-wrapper{position:absolute;top:1.2rem;left:0.4rem;width:2.5rem;height:2.5rem;font-size:1.5rem;color:#fff;border-radius:100%;background-color:red;z-index:1;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;font-weight:800}.circle-wrapper{aspect-ratio:1;width:100%;max-width:100px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #e4e4e4}.main__dark-mode .circle-wrapper{border:1px solid #464646}.circle-image{width:100%;height:100%;object-fit:cover}.firstItem{font-family:DNSansVF, Georgia, "Times New Roman", Times, serif;font-size:var(--list-text-size-large);font-variation-settings:"opsz" 18;color:var(--text-color-melody);line-height:1.1;font-weight:900;font-feature-settings:"tnum"}.secondItem{font-family:DNSansVF, Times, "Times New Roman", serif;font-size:var(--list-text-size-medium);color:var(--text-color-artist);line-height:1.1;font-weight:var(--list-text-weight-large)}.thirdItem{font-family:DNSansVF, Georgia, "Times New Roman", Times, serif;font-size:var(--list-text-size-small);color:var(--text-color-album);line-height:1.1;font-weight:var(--list-text-weight-small)}.thirdItem .date{color:var(--text-color-date)}.main__dark-mode .secondItem,.main__dark-mode .thirdItem{color:var(--text-color-artist-dark, #ededed)}@media screen and (min-width: 519px){.firstItem{font-size:var(--list-text-size-large2)}}.mellodyButtons{position:relative;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;gap:2rem;margin:0;margin-top:0;margin-bottom:1px;padding:0;padding-left:0rem;height:unset;box-sizing:border-box;background-color:transparent}.mellodyButtons.isPlaying .buttonPlay{display:none}.mellodyButtons.isPlaying .buttonPause{display:flex}.mellodyButtons.active:active,.mellodyButtons.active:hover{background-color:#76b2e9}.mellodyPlayButton{display:none;cursor:pointer;flex-direction:row;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.mellodyPlayButton.showplayer{display:flex}.verticaldivider{position:relative;width:2rem}.smalldivider{width:var(--divider-small)}.mediumdivider{width:var(--divider-medium)}.smalltextdivider{height:0.5rem}.divider{height:1rem}.divider2{height:2rem}.buttonPlay{font-size:1.2rem}.buttonPause{font-size:1.2rem;display:none}.soundColorBox .buttonPlay{font-size:0.7rem}.soundColorBox .buttonPause{font-size:0.7rem;display:none}.buttonPlayX{width:3rem;height:3rem;display:flex;justify-content:center;align-content:center;align-items:center;background-color:var(--bg-color-play);border-radius:50%}.play-button,.play-button-black{position:relative;width:4.5em;height:4.5em;background-color:var(--bg-color-play);border-radius:50%;display:flex;justify-content:center;align-items:center}.play-button::after,.play-button-black::after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:1em 0 1em 1.5em;border-color:transparent transparent transparent white;transform:translateX(0.3125em)}.play-button-white{position:relative;width:4em;height:4em;background-color:var(--bg-color-play-white);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0.01em 0.4em rgba(0, 0, 0, 0.2)}.play-button-white::after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:1.25em 0 1.25em 2.08em;border-color:transparent transparent transparent #333;transform:translateX(0.3125em);font-size:0.43rem}.mellodyButtons.waiting .buttonPlay .play-button-white::after{border-color:transparent transparent transparent #dcd9d9;transform:translateX(0.3125em);font-size:0.33rem}@media screen and (min-width: 519px){.play-button-white{width:6em;height:6em;font-size:0.53rem}}.buttonPauseX{width:3rem;height:3rem;display:none;flex-direction:row;justify-content:center;align-content:center;align-items:center;background-color:var(--bg-color-pause);border:0 solid var(--bg-color-play);border-radius:50%}.pause-button,.pause-button-black{position:relative;width:5em;height:5em;background-color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center}.pause-button::after,.pause-button-black::after{content:"";position:absolute;display:flex;gap:0.4em}.pause-button div,.pause-button-black div{width:0.5em;height:2.5em;background-color:white;border-radius:0.1em}.pause-button div:first-of-type,.pause-button-black div:first-of-type{margin-right:0.2rem}.pause-button div:last-of-type,.pause-button-black div:last-of-type{margin-left:0.2rem}.topheader{position:relative;width:70%;font-size:4rem;padding:1rem;color:var(--text-color-header);font-weight:700}@media only screen and (min-width: 420px){html,body{font-size:2.1vw}}@media only screen and (min-width: 519px){html,body{font-size:10px}}
.coverWrap.svelte-sih9p4{position:relative;display:inline-block;aspect-ratio:1}.coverImg.svelte-sih9p4{width:100%;height:100%;object-fit:cover;transform-origin:center center;user-select:none;-webkit-user-drag:none;will-change:transform}.circle.svelte-sih9p4{border-radius:9999px}
@charset "UTF-8";.soundContainer{position:relative;margin:0 auto;bottom:0;left:0;right:0;width:100%;height:unset;background:transparent;display:none;justify-content:center;align-items:center;z-index:1}.soundContainer.showSoundBar{display:flex}.soundContainer.hideSoundBar{display:none}.soundOuther{position:relative;width:100%;margin:0;box-sizing:border-box;background-color:transparent;padding:1rem 0.5rem 1.5rem;transition:all 0.9s ease-in-out}.soundColorBox{position:relative;width:100%;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-content:flex-start;align-items:flex-start;box-sizing:border-box;background-color:var(--bg-color-sound-box);color:var(--text-color-sound-box);border-radius:2px;border:1px solid #ddd;margin-top:0}.soundButtons{position:relative;width:100%;margin:0;margin-top:0;padding:0 1rem;display:none;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;gap:2rem;height:var(--mellody-button-height);box-sizing:border-box;background-color:transparent}.soundButtons.isPlaying .buttonPlay{display:none}.soundButtons.isPlaying .buttonPause{display:flex}.soundButtons.showplayer{display:flex}.soundButtons.soundOn .soundButtonP{display:none}.soundButtons.soundOn .soundButtonPa{display:flex}.soundButtonP,.soundButtonPa{position:relative;width:2.8rem;height:2.8rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-content:center;align-items:center;box-shadow:0 0.01em 0.4em rgba(0, 0, 0, 0.2)}.soundButtonPa{display:none}.spotifyButton{position:absolute;right:1%;width:3.2rem;height:3.2rem}.spotifyText{position:absolute;right:1%;bottom:-1.6rem;color:#616161;font-size:0.9rem}.logo{position:absolute;inset:0;width:100%;height:100%}.soundItemWrapper{position:relative;width:60%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;background-color:#b7b7ab;color:#000;height:70%;padding:0.3rem;border-radius:4px}.soundItem{position:relative;font-size:1.1rem;line-height:1;width:100%;overflow:hidden}.equalizer{position:relative;display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:center;z-index:2;bottom:0;right:0;width:unset;visibility:hidden}.equalizer.showEq{visibility:visible}.eq{width:1.8rem}.XsvgIcon{width:60%;height:60%;fill:rgb(0, 0, 0);margin-left:5px;margin-top:1px}.XsvgIconP{width:60%;height:60%;fill:rgb(0, 0, 0);margin-left:0;margin-top:0}.pause-button-white{position:relative;width:4em;height:4em;background-color:var(--bg-color-play-white);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0.01em 0.4em rgba(0, 0, 0, 0.2);gap:0.2rem}.pause-button-white div.p1,.pause-button-white div.p2{width:0.8em;height:2.6em;background-color:#333}.pause-button-white div.p2{border-radius:0.1em}.marquee{width:var(--marquee-distance);white-space:nowrap}.marquee__track{display:flex;align-items:center;transform:translateX(calc(-1 * var(--marquee-distance) + var(--marquee-text-length)));--marquee-gap:3rem;--marquee-duration:6s;will-change:transform}.marquee__segment{flex:0 0 auto;min-width:100%;padding-right:var(--marquee-gap);display:flex;justify-content:flex-end}.marquee__content{white-space:nowrap}.marquee.isScrolling .marquee__track{animation:marquee-loop var(--marquee-duration) linear infinite}@keyframes marquee-loop{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-distance)))}}@media(prefers-reduced-motion: reduce){.marquee.isScrolling .marquee__track{animation:none}}.soundItemWrapper{position:relative;overflow:hidden}.soundItemWrapper::before{content:"";position:absolute;inset:-40px;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 50%, rgba(255, 214, 107, 0.55) 0%, rgba(255, 214, 107, 0.25) 22%, rgba(255, 214, 107, 0.12) 42%, rgba(255, 214, 107, 0) 70%);filter:blur(10px);transform:scale(1.05)}.soundButtons.isPlaying .soundItemWrapper::before{animation-delay:var(--vu-drift, 0s);opacity:1;animation:vuGlow 12.6s ease-in-out infinite}@keyframes vuGlow{0%{opacity:0.35;filter:blur(14px);transform:scale(1.02)}18%{opacity:0.72;filter:blur(18px);transform:scale(1.06)}31%{opacity:0.48;filter:blur(15px);transform:scale(1.04)}52%{opacity:0.88;filter:blur(20px);transform:scale(1.1)}67%{opacity:0.55;filter:blur(16px);transform:scale(1.05)}83%{opacity:0.76;filter:blur(19px);transform:scale(1.08)}100%{opacity:0.4;filter:blur(14px);transform:scale(1.02)}}@keyframes vuGlow2{0%{opacity:0.22;filter:blur(14px);transform:scale(1.02)}18%{opacity:0.4;filter:blur(16px);transform:scale(1.04)}36%{opacity:0.3;filter:blur(15px);transform:scale(1.03)}55%{opacity:0.52;filter:blur(18px);transform:scale(1.06)}72%{opacity:0.34;filter:blur(15px);transform:scale(1.04)}88%{opacity:0.46;filter:blur(17px);transform:scale(1.05)}100%{opacity:0.24;filter:blur(14px);transform:scale(1.02)}}@media(prefers-reduced-motion: reduce){.soundButtons.isPlaying .soundItemWrapper::before{animation:none;opacity:0.75}}.debugger{display:none}@media screen and (min-width: 519px){.soundButtonP,.soundButtonPa{width:3.2rem;height:3.2rem}.pause-button-white{width:6em;height:6em;font-size:0.53rem}}
@charset "UTF-8";.svgHeader{position:relative;width:100%}.svgHeadexr::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(120deg, #eaee44, #fc0a1d);background-color:#333;opacity:1;z-index:1;mix-blend-mode:color}.ani-image-wrapper{position:absolute;width:20.5%;aspect-ratio:1;top:1.11%;left:36.9%;opacity:1}.ani-image{position:absolute;width:100%;height:100%;top:0;left:0;image-rendering:auto}.spinning-lp-1,.spinning-lp-2,.spinning-lp-3{transform-origin:center center;transform-box:fill-box}.isAnimatingx .spinning-lp-1,.isAnimating .spinning-lp-2{animation:spin 4s linear infinite}.isAnimatingx .spinning-lp-3{animation:spin2 6s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin2{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}

/*# sourceMappingURL=bundle.css.map */