body{padding:0;margin:0;background-image:url(../img/collection/ok.png),url(../bg/tumblr_inline_mqijo4Jlu31qz4rgp540.gif);background-size:120px,auto}.menubar{height:22px;width:calc(100% - 1.25em);background:linear-gradient(180deg,rgba(238,238,238,1) 0,rgba(196,196,196,1) 100%);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;padding-left:1.25em}.header{height:23px;width:100%;background:red;border-top-left-radius:10px;border-top-right-radius:10px}#hi{width:85%;height:100%;margin:auto;font-family:var(--main);position:relative}.inner{width:64%;height:69%;margin:auto;border-radius:20px;border:3px inset #a78f4a;overflow:hidden;box-shadow:2px 2px 20px 0 rgba(0,0,0,.5)}.helpme{display:flex;align-items:center;justify-content:center;height:91%;width:100%}.topbar{width:100%;height:9%;border-top-right-radius:20px;background:linear-gradient(180deg,rgba(238,238,238,1) 0,rgba(196,196,196,1) 100%);display:flex;align-items:center;justify-content:center;gap:3em;border-bottom:1px solid #6c6a6b}.playback{display:flex;align-items:center;justify-content:center;gap:1.25em;background:linear-gradient(180deg,#313131 0,#757575 50%,#313131 100%);background-clip:text;color:transparent;margin-left:-13em}.volume{height:12px;width:110px;background:#969696;box-shadow:inset 0 0 2px #00000086;border-radius:10px;position:relative}.volume img{position:absolute;top:-4px;right:0;height:20px;user-select:none;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .75))}.songinfo{width:calc(500px - 1em);height:86%;border-radius:5px;background:#dfe0e4;box-shadow:inset 0 0 10px #000000a2;display:flex;align-items:center;justify-content:center;padding:0 .5em;margin-left:1em}.songinfo>.side1{width:15%;display:flex;align-items:center;justify-content:center;height:100%}.side1 img{filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .38))}.songinfo>.side2{width:85%;display:flex;align-items:center;justify-content:center;flex-direction:column}.sArtist{font-size:.875em}.seeking{display:flex;align-items:center;justify-content:center;gap:10px;width:90%}.seeking span{font-size:.675em}.seekbar{width:90%;height:7px;background:linear-gradient(90deg,rgba(102,105,107,1) 34%,rgba(189,190,194,1) 34%);box-shadow:inset 0 0 2px #00000086;border-radius:10px;position:relative}.seekhandle{width:8px;height:8px;background:linear-gradient(180deg,rgba(252,252,252,1) 10%,rgba(225,225,226,1) 90%);transform:rotate(45deg);border:1px solid #9c9c9c;position:absolute;top:-1px;left:32%}.fa-repeat{color:#be1125;position:relative}.sidebar{width:22%;height:100%;background:linear-gradient(180deg,rgba(238,238,238,1) 0,rgba(196,196,196,1) 100%);height:100%;display:flex;flex-direction:column;font-size:1.5em}.sidebar button{width:100%;padding:10px;outline:0;border:none;text-align:left;position:relative;background:0 0;font-family:var(--main);cursor:pointer}.sidebar button::after{transition:all .2s ease;opacity:0;content:'';height:1.25em;width:3px;background:#fa233b;position:absolute;top:10px;left:22px;border-radius:20px}.sidebar button:hover{background:#dbdbdb}.sidebar button:focus{background:#dbdbdb}.selectedtab::after,.sidebar button:focus::after{opacity:1!important}.selectedtab{background:#dbdbdb!important}.sidebar span{margin-left:1.5em}.sidebar img{margin-right:1em;vertical-align:bottom}.main{width:78%;height:100%;border-left:1px inset #7c7c7c;background:#f8f8f8}.infobox{width:calc(100% - 2em);height:calc(100% - 2em);background:linear-gradient(180deg,rgba(48,48,48,.5) 0,rgba(171,171,171,.5) 50%,rgba(48,48,48,.5) 100%),#4d080b;padding:1em;font-family:tetsubin;position:relative;transition:all .2s ease;transition:inset 0s}.coverflow{height:310px!important;scrollbar-width:thin;scrollbar-color:#949494 #eee;margin-left:-1em;margin-top:.5em;overflow-y:hidden;margin-bottom:1.5em}.coverflow img{cursor:pointer;width:100px;animation:fadein 1.5s ease-in;user-select:none}.info{width:68%;margin:auto;align-items:center;justify-content:center;gap:2em;border:1px solid #a78f4a;border-radius:10px;background:rgba(255,255,255,.25);backdrop-filter:saturate(150%);box-shadow:5px 5px 30px 0 rgba(0,0,0,.212);word-spacing:-3px}#infoalbum{font-size:1.5em;margin-top:.5em;margin-bottom:.5em}#infoartist{font-size:1.25em;margin-top:0;margin-bottom:.5em}h1{font-weight:400}h2{font-size:1.375em;font-family:chalk;margin-top:.5em}.release{width:100%}.inside{width:90%;margin:auto;height:220px;overflow:auto;scrollbar-width:none}.release a{color:#fff;text-decoration:none;text-shadow:0 0 3px #fff;transition:all .2s ease}.release a:hover{color:#000;text-shadow:0 0 3px #000;text-decoration:line-through}.inside h3{margin-bottom:.5em}.inside h3:first-of-type{margin-top:0}.inside p{margin:.5em 0}.comments .inside p:first-of-type{margin-top:0}.bottom{display:flex;align-items:center;justify-content:center;gap:1.75em;margin:auto;margin-top:2.5em;height:290px;width:95%}.comments,.releases{position:relative;transition:all .2s ease;height:100%;border:3px outset #a78f4a;box-shadow:5px 5px 30px 0 rgba(0,0,0,.425)}.releases{width:35%;background:rgba(255,255,255,.25)}.cd{width:30%}.comments{width:35%;margin:auto;font-family:var(--main);background:rgba(255,255,255,.25)}.release{font-family:var(--main)}.wishlist{width:calc(100% - 2em);height:calc(100% - 2em);padding:1em;overflow:auto;scrollbar-width:thin;position:relative}.rows{display:flex;align-items:flex-start;justify-content:center;gap:3em;width:93%;margin:auto;margin-top:.75em;columns:2;column-width:50%;height:calc(100% - .75em);overflow:auto;scrollbar-width:none}.genre{background:linear-gradient(180deg,rgba(238,238,238,1) 0,rgba(196,196,196,1) 100%);border:1px solid #6c6a6b;box-shadow:inset 0 0 10px #000000a2;border-radius:10px}.genre>.wl{display:flex;flex-wrap:wrap}.genre h1{margin:.5em 0;font-family:tetsubin}.rows>.row1,.rows>.row2{width:50%;display:flex;flex-direction:column;gap:1.5em}.item{display:flex;margin:auto;background:#fff;padding:5px;gap:.5em;width:90%;margin-bottom:.75em;border-radius:5px;border:1px solid rgba(128,128,128,.459)}.alCover{height:45px;display:block;margin:auto;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .38))}.item div{width:calc(100% - 50px - 10px);height:45px;overflow:auto;scrollbar-width:none}.item div p{margin:.25em 0 0 0;text-align:left}.item div p:first-of-type{margin-top:0}.item div p:last-of-type{margin-bottom:0}.dock{height:80px;position:absolute;bottom:20px;left:35%;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 5px;padding-bottom:8px;perspective:1500px}.dock>.shelf{position:absolute;bottom:-1.25em;width:105%;height:100px;background:rgba(184,184,184,.24);backdrop-filter:blur(7px);box-shadow:2px 2px 5px 0 rgba(0,0,0,.322);border:1px solid rgba(255,255,255,.125);transform:rotateX(45deg)}.dock img{height:80px;display:block;transition:all .1s ease}.dock>.icon{transition:all .3s ease;object-fit:cover;transform-origin:bottom;position:relative}.dock>.icon:hover{transform:scale(1.2) translateY(-4px);margin:0 8px}.dock img:active{filter:brightness(.45)}.dock>.icon:has(+.icon:hoacxer),.dock>.icon:hover+.icon{transform:scale(1.05) translateY(-2px)}.music::after{content:'';width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.75);position:absolute;bottom:-5px;z-index:1}.divider{width:2px;height:85%;margin-left:1em;margin-right:.25em;margin-bottom:-5px}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@media screen and (max-width:1920px){.inner{width:69%;height:75%;margin-top:5em}.infobox{height:calc(100% - 2em)}.info{width:82%}.coverflow{width:878px!important;height:238px!important;margin-bottom:.5em;margin-top:.5em}.coverflow img{width:170px!important;margin-bottom:-1.75em}.bottom{height:230px;gap:.75em}#cd{height:230px}}