:root{--font-body: "Inter", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "Fira Mono", monospace;--column-width: 42rem;--column-margin-top: 4rem;font-family:var(--font-body)}:root{--color-bg-0: #ffffff;--color-bg-1: #f9f9f9;--color-bg-2: #e6e6e7;--color-text-0: #000;--color-text-1: #707070;--color-border-0: #d4d4d4;--color-border-1: #d9d9d9}@media (prefers-color-scheme: dark){:root{--color-bg-0: #1f1f1f;--color-bg-1: #252525;--color-bg-2: #3a3a3b;--color-text-0: #ededed;--color-text-1: #afafaf;--color-border-0: #3c3c3c;--color-border-1: #363636}}body{min-height:100vh;margin:0;background-attachment:fixed;background-color:var(--color-bg-0);background-size:100vw 100vh}main{width:100vw;height:100vh;display:grid;grid-template-columns:auto 82vw}h4{font-size:1rem;font-weight:400;color:var(--color-text-0);margin:0}p{line-height:1.5}a{text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;font-weight:600;border-bottom:1px solid var(--color-border-1);padding:.4rem 0;margin-bottom:0;color:var(--color-text-0)}h2{font-size:1rem;color:var(--color-text-0);font-weight:500}.content{padding:0 2rem;height:90vh;overflow:auto}.carousel{display:flex;gap:1rem;overflow:auto}.banner:hover div.banner-cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:35vh;background-color:#1e1e1e66;pointer-events:none;border-radius:.6rem}.banner{display:flex;flex-direction:column}.banner div.banner-cover{overflow:auto;width:30vw;position:relative}.banner div.banner-cover p{position:absolute;bottom:0;font-size:.8rem;margin:1rem;color:#fff;z-index:1}.banner div.banner-cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:35vh;background:linear-gradient(to bottom,#1e1e1e00,#1e1e1e80);pointer-events:none;border-radius:.6rem}.banner div.banner-title{display:flex;flex-direction:column;margin:.6rem 0}.banner div.banner-title h4,.banner div.banner-title p{margin:0}.banner div.banner-title p{color:var(--color-text-1)}.banner img{object-fit:cover;object-position:top;height:35vh;width:100%;border-radius:.6rem}div.shelf-small{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto;width:100%;gap:0 1rem}div.shelf-small div.tray{display:flex;gap:.8rem;height:fit-content;border-top:1px solid var(--color-border-1);padding:.4rem 0}div.shelf-small div.tray img{width:3rem;height:3rem;border-radius:.2rem}div.track{display:flex;gap:.25rem}div.tray p,div.tray a{font-size:.8rem;color:var(--color-text-0);margin:0;line-height:.74rem}div.tray a.artist{color:var(--color-text-1)}div.tray div.text{margin:auto 0}div.shelf-medium{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:100%;gap:0 1rem}div.shelf-medium div.tray{display:flex;flex-direction:column}div.shelf-medium div.tray img{width:100%;border-radius:.4rem}div.shelf-medium div.tray div.text{margin-top:.2rem;padding:.4rem 0}div.shelf-medium div.tray .explicit{margin-left:auto}.explicit{font-size:.5rem;background-color:var(--color-text-1);color:var(--color-bg-0);border-radius:.1rem;display:inline-flex;height:.7rem;aspect-ratio:1/1;text-align:center;align-items:center;justify-content:center;margin-bottom:auto}#searchbar{width:100%;position:sticky;top:0;height:10vh;display:flex;background-color:var(--color-bg-1);border-bottom:1px solid var(--color-border-0);padding:0 2rem;box-sizing:border-box;z-index:2;gap:.4rem}#search{border-radius:.4rem;border:1px solid var(--color-border-0);background-color:var(--color-bg-0);overflow:auto;max-width:20vw;display:flex;gap:.4rem;padding:.4rem;margin:auto 0}#search input[type=text]{border:none;width:100%;background-color:transparent;font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;outline:none;color:var(--color-text-1)}#search span{margin:auto 0;font-weight:300;aspect-ratio:1/1;color:var(--color-bg-2)}div.searchbar-img{width:2.5rem;box-sizing:border-box;display:flex}div.searchbar-img img,div.searchbar-img span{margin:auto 0 auto auto;padding:.4rem;border:1px solid var(--color-border-0);border-radius:.4rem}div.searchbar-img span{color:#747474;font-weight:300}div.searchbar-text{height:100%;margin-left:auto;box-sizing:border-box;display:flex}div.searchbar-text p{margin:auto;border:1px solid var(--color-border-0);border-radius:.4rem;padding:.5rem .8rem;color:#747474}.categories{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:.8rem}.categories .tray{cursor:pointer;width:100%;height:14vh;position:relative;overflow:hidden;display:flex;border-radius:.4rem}.categories .tray img{height:14vh;position:absolute;right:0;transform:rotate(12deg) translateY(20%)}.categories .tray p{margin:1rem;font-size:1rem;margin-top:auto;color:#fff}#sidepanel{height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-1);border-right:1px solid var(--color-border-0);box-sizing:border-box;padding:1.2rem}#sidepanel button{height:2.2rem;background-color:transparent;outline:none;border:none;display:flex;gap:.6rem;border-radius:.4rem;cursor:pointer}#sidepanel button.active{background-color:var(--color-bg-2);cursor:default}#sidepanel p{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:var(--color-text-0);text-align:left}#sidepanel p,#sidepanel span{margin:auto 0}#sidepanel span{font-weight:300;color:var(--color-text-0)}