@import"https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap";:root{--color: #e6405b;--bg: #ebebeb;--txt: #121212;--txt-rgb: 18, 18, 18;--bg-rgb: 235, 235, 235;--txt-faint: rgba(var(--txt-rgb), .2);--bg-faint: rgba(var(--bg-rgb), .2);--bg-xfaint: rgba(var(--bg), .05);--rankbox: 1.6rem;--rankbox1024: 1.2rem}.opaque{opacity:1}.full-size{transform:scale(1)}header{background-color:var(--color);color:var(--bg);display:flex;align-items:center}header #logo{padding:0 1rem;cursor:pointer}header .hdr-item{height:80px;padding:0 1rem;position:relative;display:flex;align-items:center;cursor:pointer}header .hdr-item span{position:relative;top:0px;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .hdr-item:hover{background-color:var(--bg);color:var(--color)}header .hdr-item:hover span{top:20px}header .hdr-item:last-child{margin-left:auto}.hdr-menu{position:absolute;z-index:5;top:90px;left:0;color:var(--color);background-color:var(--bg);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hdr-menu>div{padding:1rem}.hdr-menu>div:hover{background-color:var(--color);color:var(--bg)}.hdr-item-active{background-color:var(--bg);color:var(--color)}.hdr-item-active span{top:20px}#mass-editor-contents{max-height:50vh;overflow-y:auto;color:var(--txt)}.mass-row{display:flex;justify-content:space-between;padding:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--txt)}.mass-row:last-child{border-bottom:0}.mass-row>div{width:48%}.blackout{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .5s;z-index:100}.modal{width:500px;max-width:95%;color:var(--txt);position:relative;top:100px;left:50%;transform:translate(-50%);padding:1rem;background-color:rgba(var(--bg-rgb),.9);-webkit-backdrop-filter:blur(3);backdrop-filter:blur(3);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint)}.modal .xout{position:absolute;top:0;right:0;border-radius:0 1rem;background-color:var(--color);color:var(--bg);border:3px solid var(--color)}.modal .modal-hdr{margin:0;font-size:1.4rem;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--txt)}.modal .modal-content{margin-top:1.5rem;text-align:justify;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal h3{margin:.5rem 0}#list{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-around;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.entry{flex:0 1 49%;margin-bottom:1rem;aspect-ratio:3/1;background-color:var(--bg);max-height:315px;display:flex;color:var(--txt);border-radius:.3rem 1rem;background-color:rgba(var(--bg-rgb),.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:2px 2px 0 var(--txt-faint);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .5s ease}@media only screen and (max-width: 701px){.entry{aspect-ratio:2.5/1!important}}.entry .entry-left{width:33%;height:100%;overflow:hidden}@media only screen and (max-width: 801px){.entry .entry-left{width:25%}}.entry .entry-left .entry-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.entry .entry-middle{flex:1 1 60%;padding:.5rem;display:flex;flex-direction:column}.entry .entry-middle .entry-hdr{width:100%}.entry .entry-middle .entry-hdr h1{margin:0;font-size:1.4rem;font-style:italic;font-weight:400;line-height:80%}@media only screen and (max-width: 801px){.entry .entry-middle .entry-hdr h1{font-size:1rem!important}}@media only screen and (max-width: 801px) and (max-width: 701px){.entry .entry-middle .entry-hdr h1{font-size:1.7rem!important}}@media only screen and (max-width: 801px) and (max-width: 701px) and (max-width: 601px){.entry .entry-middle .entry-hdr h1{font-size:1.4rem!important}}.entry .entry-middle .entry-hdr h2{margin:0;font-size:1rem;font-weight:400}@media only screen and (max-width: 801px){.entry .entry-middle .entry-hdr h2{font-size:.8rem!important}}@media only screen and (max-width: 801px) and (max-width: 701px){.entry .entry-middle .entry-hdr h2{font-size:1.2rem!important}}@media only screen and (max-width: 801px) and (max-width: 701px) and (max-width: 701px){.entry .entry-middle .entry-hdr h2{font-size:.9rem!important}}.entry .entry-middle .entry-notes{width:100%;flex-grow:1}.entry .entry-middle .entry-notes textarea{width:100%;height:100%;background:none;border:none;overflow-y:auto;resize:none;color:rgba(var(--txt),.5)}.entry .entry-middle .entry-notes textarea:focus{outline:1px dashed var(--txt-faint)}.entry .entry-right{width:7%;font-size:var(--rankbox)}@media screen and (max-width: 1025px){.entry .entry-right{font-size:var(--rankbox1024)}}.entry .entry-right .entry-rank,.entry .entry-right .entry-rating{background-color:var(--color);border-radius:0 0 0 1rem;color:var(--bg);width:100%;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;overflow:hidden}@media only screen and (max-width: 801px){.entry .entry-right .entry-rank,.entry .entry-right .entry-rating{font-size:.7rem}}.entry .entry-right .entry-rating{background:none;color:gray;font-weight:900;border-radius:0 0 0 1rem;font-size:.67em;aspect-ratio:2/1}.entry .entry-right .entry-buttons{position:absolute;bottom:0;text-align:center;opacity:0;transition:opacity .125s}.entry .entry-right .entry-buttons img{width:67%;opacity:.3;cursor:pointer}.entry .entry-right .entry-buttons img:hover,.entry:hover .entry-buttons{opacity:1}.entry:nth-child(n+11){flex:0 1 32%;aspect-ratio:2.5/1}@media only screen and (max-width: 801px){.entry:nth-child(n+11){aspect-ratio:1.5/1!important}}@media only screen and (max-width: 801px) and (max-width: 701px){.entry:nth-child(n+11){aspect-ratio:2.5/1!important}}.entry:nth-child(n+11) .entry-hdr h1{font-size:1rem}.entry:nth-child(n+11) .entry-hdr h2{font-size:.8rem}.entry:nth-child(n+11) .entry-rank{font-size:.67em}.entry:nth-child(n+11) .entry-rating{font-size:.45em}.entry:nth-child(n+26){flex:0 1 24%;aspect-ratio:2/1}.entry:nth-child(n+26) .entry-left{width:25%}.entry:nth-child(n+26) .entry-notes textarea{font-size:.67rem}.entry:nth-child(n+26) .entry-right{width:10%}@media screen and (min-width: 950px){.entry:nth-child(n+66){flex:0 1 19%}.entry:nth-child(n+66) .entry-hdr h1{font-size:.8rem}.entry:nth-child(n+66) .entry-hdr h2{font-size:.67rem}.entry:nth-child(n+66) .entry-right{width:13%}}@media screen and (min-width: 1025px){.entry:nth-child(n+101){flex:0 1 16%}.entry:nth-child(n+101) .entry-left{width:15%}.entry:nth-child(n+101) .entry-hdr h1{font-size:.8rem}.entry:nth-child(n+101) .entry-rank{font-size:.4em;font-weight:700}.entry:nth-child(n+101) .entry-rating{font-size:.4em;font-weight:700}}@media screen and (max-width: 951px){.entry:nth-child(n+11){flex:0 1 32%;aspect-ratio:2.5/1}.entry:nth-child(n+11) .entry-left{width:20%}.entry:nth-child(n+11) .entry-right{width:10%;font-weight:700}}@media only screen and (max-width: 701px){.entry{flex:0 0 95%!important}.entry .entry-left{width:25%!important}.entry .entry-right{width:10%!important}.entry .entry-right .entry-rank{font-size:2rem!important}}@media only screen and (max-width: 701px) and (max-width: 601px){.entry .entry-right .entry-rank{font-size:1.3rem!important}}@media only screen and (max-width: 701px) and (max-width: 601px) and (max-width: 401px){.entry .entry-right .entry-rank{font-size:1rem!important}}@media only screen and (max-width: 701px){.entry .entry-right .entry-rating{font-size:1.5rem!important}}@media only screen and (max-width: 701px) and (max-width: 601px){.entry .entry-right .entry-rating{font-size:1rem!important}}@media only screen and (max-width: 701px) and (max-width: 601px) and (max-width: 401px){.entry .entry-right .entry-rating{font-size:.8rem!important}}@media only screen and (max-width: 701px){.entry textarea{font-size:1rem!important}}.list-add-btn{height:50%;aspect-ratio:1;position:relative;top:50%;right:50%;transform:translate(75%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg);border-color:gray;background-color:gray;font-size:3rem;font-weight:900}.list-add-btn:hover{transform:translate(75%,-50%) scale(1.1)}#settings{position:absolute;top:100px;right:2%;z-index:4;color:var(--txt);border:1px solid var(--txt-faint);transition:opacity .5s;border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);background-color:rgba(var(--bg-rgb),.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#settings .set-hdr{margin:0;font-size:1.4rem;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--txt)}#settings .xout{position:absolute;top:0;right:0;background-color:var(--color);color:var(--bg);border:1px solid var(--color)}#settings #set-content{margin-top:2rem;padding:1rem;display:flex;gap:1rem}#settings #set-content .set-col:first-child{width:250px}#settings #set-content .set-col:last-child{width:400px;display:flex;flex-direction:column}#settings #set-content .set-col:last-child .row{margin-bottom:.5rem}.button-row button{float:left;clear:none}.button-row button:hover{transform:scaleY(1.1)}.button-row button:first-child{border-radius:.3rem 0 0 1rem}.button-row button:nth-child(2){border-radius:0;position:relative;left:-1px;z-index:7}.button-row button:last-child{border-radius:0 1rem .3rem 0;position:relative;left:-2px}.set-tags{flex:1 0 25%;align-items:stretch!important}.set-tags>div:first-child{display:flex;flex-direction:column;justify-content:space-evenly;width:calc(34px + 1rem)}.set-tags>div:first-child>*{display:block;transform:rotate(90deg)}.set-tags>div:first-child>*:hover{transform:scale(1.1) rotate(90deg)}.set-tags>div:last-child{flex:1 0 50%;height:100%;padding:1rem}.set-tags>div:last-child select{width:100%;height:100%;text-align:right;background:none;border:1px solid var(--txt-faint);padding-right:.5rem;border-radius:.3rem 1rem;color:var(--txt)}#editor{position:absolute;z-index:50;width:1000px;max-width:95%;top:120px;left:50%;border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);background-color:var(--bg);overflow:hidden;transform:translate(-50%) scaleY(0);transition:transform .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-blackout{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;transition:opacity .5s;z-index:49}.editor-hdr{display:flex;justify-content:space-between;align-items:center}.editor-hdr>div:first-child{flex:0 1 67%;padding-left:1rem;margin-right:auto;font-size:1.4rem;background-color:var(--color);color:var(--bg);padding:.1rem .3rem;margin:.3rem 0 0 .3rem;border-radius:.3rem 1rem}.editor-bg{position:absolute;top:0;left:0;width:100%;overflow:hidden;opacity:.3;z-index:51}.editor-bg img{width:100%;transform:translateY(-20%);pointer-events:none}.editor-inner{position:relative;z-index:500}.editor-inner .xout{position:absolute;right:0;background-color:var(--color);border:1px solid var(--color);color:var(--bg)}.editor-contents{height:calc(100% - 1rem);padding:1rem;display:flex;gap:1rem}@media only screen and (max-width: 1050px){.editor-contents{display:block}}.editor-col{flex:1 1 50%}.editor-col .row{margin-bottom:.3rem}.editor-col .row>div:first-child{width:120px}.editor-col .row>div:nth-child(2){flex:1 1 75%}.editor-col .row>div>div{font-size:1.2rem;font-weight:900;text-shadow:2px 2px 0 var(--bg);color:var(--txt);width:90%;padding:.3rem}.editor-col .dbl-row>div{flex:0 0 25%}.editor-col .dbl-row>div:nth-child(3){padding-left:1rem}.editor-col input{background-color:var(--bg);border:0;box-shadow:2px 2px 0 var(--txt-faint);background-color:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.editor-col:nth-child(2){position:relative}.tbt{margin-top:.5rem;margin-bottom:.5rem;background-color:rgba(var(--bg-rgb),.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:2px 2px 0 var(--txt-faint);border-radius:.3rem;padding:1rem .3rem;color:var(--txt);height:400px;overflow-y:scroll;overflow-x:hidden}.tbt-row{display:flex;justify-content:space-between;align-items:center}.tbt-row:first-child{font-size:.8rem}.tbt-row input{background:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--txt-faint)}.tbt-row>div:first-child{width:10px;font-size:.6rem}.tbt-row>div:nth-child(2){flex-grow:.7}.tbt-row>div:nth-child(2) input{width:95%!important}.tbt-row>div:nth-child(3){width:85px;display:flex;align-items:center}.tbt-row>div:nth-child(4){width:45px}.single-rating{width:50%;margin:auto;position:relative;top:25%}.single-rating .row{justify-content:center}.single-rating .row div:nth-child(2){max-width:50px}.single-rating .row div:nth-child(2) input{width:50px}.mb{display:flex;flex-direction:column;justify-content:flex-start;height:100%;color:var(--txt)}.mb h2{text-align:center;margin:0;text-shadow:2px 2px 0px var(--bg);color:var(--txt);z-index:150}.mb .mb-search{width:246px;margin:auto;z-index:150}.mb .mb-results{margin-top:1rem;flex:1 1 100%;max-height:550px;padding:.5rem;overflow-y:auto}.mb .mb-result{display:flex;justify-content:space-between;align-items:center;color:var(--txt);margin-bottom:.5rem}.mb .mb-result>div:first-child{background-color:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);padding:.5rem}.mb .mb-result>div:nth-child(2){flex:1 1 1%;min-width:33px}.mb .mb-result>div:nth-child(2) hr{border:1px dashed var(--txt);text-shadow:2px 2px 0px var(--bg)}.mb-page{position:absolute;top:1.7rem;left:0;display:flex;width:100%;justify-content:space-between}.mb-page button{font-size:1.6rem;padding:.1rem .5rem;background-color:var(--color);border:1px solid var(--color);color:var(--bg);opacity:0}.loading{border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);background-color:var(--bg);padding:.5rem}.mb-album{display:flex;gap:.5rem}.mb-album>div:nth-child(2){flex:1 1 60%}.mb-album img{border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint)}.mb-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:rgba(var(--bg-rgb),.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);padding:.5rem}.mb-info>*:nth-child(odd){width:20%}.mb-info>*:nth-child(even){width:75%}.mb-info>*:last-child{width:100%}.mb-tracklist{max-height:300px;overflow-y:auto;background-color:rgba(var(--bg-rgb),.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);padding:.5rem;margin-top:1rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tracklist-row{display:grid;grid-template-columns:1fr 10fr .5fr .5fr}.editor-apply{background-color:var(--bg)!important;border:0;border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint)}.editor-rating{background-color:var(--bg);color:var(--txt);padding:.3rem;border-radius:.3rem 1rem;position:relative;top:5px}#lastfm{flex:1 1 100%;padding:1rem}#lastfm h3{text-align:center;text-shadow:2px 2px 0px var(--bg);margin:0;cursor:pointer}.lfm-results{margin-top:.5rem;max-height:500px;overflow-y:auto;padding:.3rem}.result-row{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg);padding:.3rem;border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);margin-bottom:.5rem}.result-row>div:first-child{padding-right:.5rem}.chosen-info{display:flex;justify-content:space-between}.chosen-info>div{width:49%}.chosen-info>div img{width:100%;aspect-ratio:1}.chinfo{padding:.3rem;background-color:var(--bg);margin-bottom:.3rem}.chosen-tl{margin-top:.3rem;height:260px;background-color:var(--bg);color:var(--txt);padding:.5rem;overflow-y:auto}.ch-track{display:flex;align-items:center}.ch-track>div:nth-child(2){flex:1 1 100%;padding:.3rem .5rem}.share{width:1000px;max-width:95%;min-height:400px;box-shadow:2px 2px 0 var(--txt-faint);border-radius:.3rem 1rem;background-color:var(--color);color:var(--bg);position:absolute;left:50%;top:40px;transform:translate(-50%) scaleY(0);transition:all .25s ease}.share-hdr{display:flex;justify-content:space-between;background-color:var(--bg);border-radius:.3rem 1rem 0 0;color:var(--color)}.share-hdr>button{background-color:var(--bg);border-color:var(--color);color:var(--color)}.share-hdr>button:first-child{width:100px;border-radius:.3rem 0 0}.share-hdr>button:last-child{border-radius:0 1rem 0 0}.share-hdr h2{margin:0}.share-contents{padding:1rem}#share-plain-text{width:100%;height:50vh;resize:none;background-color:var(--bg);color:var(--txt);border-radius:.3rem 1rem;padding:1rem;border:0}#share-plain-text:focus{outline:0}#copied{opacity:0}.collage-settings button,.collage-settings input{padding:.2rem .5rem;background-color:var(--bg);border:0}.collage-name{margin-top:1rem;text-align:center;font-size:1.8rem}.collage-name:focus{border:0;outline:0}.collage-cols{display:flex;justify-content:space-between;align-content:flex-start;margin-top:1rem}.collage-col-1{width:60%;align-content:flex-start}.collage-col-1>div{position:relative}.collage-col-1>div>.collage-rank{position:absolute;top:0;left:0;color:var(--bg);background-color:var(--color);padding:.3rem;font-size:.7rem;font-weight:900}.collage-col-1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.constant{display:flex;flex-wrap:wrap}.constant>div{padding:2.5px}.progressive{display:flex;flex-wrap:wrap}.progressive>div{width:25%!important;padding:2.5px;aspect-ratio:1}.progressive>div:nth-child(n+9){width:16.6666666667%!important}.progressive>div:nth-child(n+21){width:10%!important;padding:0!important}.progressive>div:nth-child(n+21) .collage-rank{display:none!important}.progressive>div:nth-child(n+51){width:6.6666666667%!important}.collage-col-2{width:39%;font-size:.8rem;align-content:flex-start}.collage-text-block{padding:.3rem;border-bottom:1px solid var(--bg)}.collage-text-block>.row{justify-content:flex-start;align-items:flex-start}.collage-text-block:last-child{border:0}.how-to-share{position:absolute;top:7px;right:50px}.how-to-share button{padding:.1rem .5rem;color:var(--color);border-color:var(--color)}.color{width:10px;height:10px}#color-select{padding:.5rem;background:none;border:1px solid var(--txt);color:var(--txt);border-radius:.3rem 1rem}#color-select option{background-color:var(--bg);color:var(--txt)}.help{width:768px;max-width:95%;margin:auto;background-color:var(--color);border-radius:.3rem 1rem;box-shadow:2px 2px 0 var(--txt-faint);position:relative;top:115px;color:var(--bg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.help button{color:var(--bg);border-color:var(--bg)}.help-hdr{display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;font-weight:900}.help-contents{text-align:justify;padding:1rem}.help-contents .row{font-size:1.4rem}.help-page{width:150px}*{font-family:Syne Mono,monospace;box-sizing:border-box;scrollbar-color:var(--color) gray}html,body{height:100%}body{background-image:url(https://dug.wtf/jordan/bglight.jpg);margin:0;background-color:var(--bg)}main{height:calc(100% - 80px);overflow-y:auto}button{background:none;border:1px solid var(--txt);color:var(--txt);cursor:pointer;border-radius:.3rem 1rem;padding:.5rem;transition:transform .125s}button:hover{transform:scale(1.1)}a{color:var(--color)}.enabled{border:1px solid var(--color)!important;background-color:var(--color)!important;color:var(--bg)!important}.disabled{border:1px solid var(--txt-faint);background:none;color:var(--color)}.disabledRowBtn{background-color:var(--bg);color:var(--color);border:1px solid var(--txt-faint)}input{background:none;border:1px solid var(--txt);color:var(--txt);border-radius:.3rem 1rem;padding:.5rem;transition:transform .125s}input:focus{outline:none;transform:scale(1.033);box-shadow:2px 2px 0 var(--txt-faint)}.row{display:flex;justify-content:space-between;align-items:center}.indent{padding:.3rem 0 .3rem 1rem;opacity:.67;border-left:1px solid var(--txt)}.display-none{display:none;opacity:0}.not-so-big:hover{transform:scale(1.05)}.tooltip{position:absolute;top:0;left:0;background-color:var(--txt);color:var(--bg);padding:1rem;border-radius:.3rem 1rem;z-index:100;opacity:0;transition:opacity .25s}.transparent{opacity:0!important}.opaque{opacity:1!important}.wide{width:100%}.green{background-color:#32aa32;color:#fff}.red{background-color:#af1616;color:#fff}.glow{box-shadow:0 0 20px var(--color);filter:brightness(300%)}.none{display:none!important}.invisible{visibility:hidden}.strikethru{text-decoration:line-through}.rus{background-color:var(--color);color:var(--bg);padding:.5rem;box-shadow:2px 2px 0 var(--txt-faint);border-radius:.3rem 1rem}.rus button{color:var(--bg);border-color:var(--bg)}.rus button:nth-child(2){background-color:var(--bg);color:var(--color)}.center{text-align:center}.colflex{display:flex;flex-direction:column}.unclickable{pointer-events:none;filter:grayscale(100%)}