:root{--room:#0d0c0b;--room-2:#171513;--line:#2b2723;--paper:#f2ece1;--paper-ink:#1d1a17;--paper-dim:#7d7266;--text:#ede6da;--dim:#8f857a;--tint:#c9894f;--display:"Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--body:"Karla", "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;--player-h:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--room);color:var(--text);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--tint);outline-offset:3px}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.bar{top:env(safe-area-inset-top,0px);z-index:5;background:linear-gradient(var(--room) 60%,transparent);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky}.word{font:italic 500 30px/1 var(--display);letter-spacing:-.01em}.word b{font-style:normal;font-weight:800}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px}.pill:hover{border-color:var(--dim)}.pill.solid{background:var(--text);color:var(--room);border-color:var(--text)}.pill:disabled{opacity:.45;cursor:default}.pill:disabled:hover{border-color:var(--line)}.pill.solid:disabled:hover{border-color:var(--text)}main{padding:8px clamp(16px,4vw,48px) calc(48px + var(--player-h))}.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin:28px 0 36px;display:grid}.intro h1{font:500 clamp(40px,7vw,96px)/.92 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:0}.intro h1 i{color:var(--tint)}.intro p{color:var(--dim);max-width:46ch;margin:16px 0 0}.status{color:var(--dim);text-align:right;max-width:34ch;min-height:1.4em;margin:0}.status-wrap{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.meter{background:var(--line);border-radius:2px;width:min(34ch,100%);height:2px;overflow:hidden}.meter span{background:var(--tint);height:100%;transition:width .4s,background-color .6s;display:block}.sample{color:var(--dim);margin:14px 0 0}.link{text-underline-offset:3px;color:var(--text);font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;text-decoration:underline}.empty{text-align:left;max-width:none}@media (width<=720px){.intro{grid-template-columns:1fr}.status{text-align:left}.status-wrap{align-items:flex-start}}details.setup{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px;padding:14px 0}details.setup summary{cursor:pointer}details.setup ol{max-width:72ch;color:var(--dim);padding-left:20px}details.setup code{font:13px var(--mono);color:var(--text);background:var(--room-2);word-break:break-all;border-radius:3px;padding:2px 6px}.field{flex-wrap:wrap;gap:8px;display:flex}.field input{background:var(--room-2);border:1px solid var(--line);min-width:0;color:var(--text);font:14px var(--mono);border-radius:6px;flex:260px;padding:10px 12px}.pill{transition:border-color .2s,background-color .2s,color .2s,transform .12s}.pill:active:not(:disabled){transform:scale(.97)}.tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:0 18px;margin:0 0 22px;display:flex}main{container-type:inline-size}@container (width<=1020px){.tabs{flex-wrap:wrap}.tabs .filters{flex-basis:100%;order:3;margin-right:0}.tabs .views{margin-left:auto}}.tabs .filters{gap:18px;display:flex}.tabs .filters button{color:var(--dim);padding:12px 0 11px;transition:color .2s;position:relative}.tabs .filters button:after{content:"";background:var(--text);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tabs .filters button:hover,.tabs .filters button[aria-pressed=true]{color:var(--text)}.tabs .filters button[aria-pressed=true]:after{transform:scaleX(1)}.tabs .filters .n{opacity:.55;font-variant-numeric:tabular-nums;margin-left:.4em;animation:.4s cubic-bezier(.3,1.5,.5,1) bump;display:inline-block}.tabs .picker,.tabs .add-here,.tabs .views{height:34px;margin-bottom:8px}.tabs .views{border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:3px;display:grid;position:relative}.tabs .views:before{content:"";background:var(--text);border-radius:999px;width:calc(50% - 3px);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.tabs .views[data-v=wall]:before{transform:translate(100%)}.tabs .views button{z-index:1;height:100%;color:var(--dim);border-radius:999px;padding:0 14px;transition:color .25s;position:relative}.tabs .views button:hover:not([aria-pressed=true]){color:var(--text)}.tabs .views button[aria-pressed=true]{color:var(--room)}.crate{--rw:360px;flex-direction:column;align-items:center;gap:14px;display:flex}.crate-empty{text-align:left;align-self:stretch}.crate-box{width:100%;height:calc(var(--rw) * 1.6);isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.crate-box:before{content:"";pointer-events:none;background:radial-gradient(46% 60% at 50% 38%,#ffe2be12,#0000 70%);position:absolute;inset:0}.crate-stage{perspective:1500px;perspective-origin:50% -18%;position:absolute;inset:0}.rec{left:50%;bottom:calc(var(--rw) * .26);width:var(--rw);height:var(--rw);margin-left:calc(var(--rw) / -2);transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform;background:#1b1815;border:0;padding:0;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .35s;position:absolute;box-shadow:0 18px 40px -20px #000}.rec .img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;display:block}.rec .shade{opacity:var(--sh,0);pointer-events:none;background:#000;transition:opacity .45s;position:absolute;inset:0}.rec:before{content:"";transform-origin:50% 0;opacity:.5;background:linear-gradient(#bdb3a5,#6f675d);height:5px;position:absolute;top:0;left:0;right:0;transform:rotateX(-90deg)}.rec.front{cursor:pointer;box-shadow:0 40px 70px -24px #000,0 0 0 1px #ffffff0f}.cr{bottom:calc(var(--rw) * .26);transform-style:preserve-3d;--T:max(10px, calc(var(--rw) * .04));--grain:repeating-linear-gradient(90deg, transparent 0 6px, #2814051a 6px 7px, transparent 7px 17px, #ffe1b90d 17px 18px, transparent 18px 31px, #28140512 31px 33px);position:absolute}.cr:after{content:"";height:var(--T);transform-origin:50% 0;background:repeating-linear-gradient(#ead1a6 0 2px,#c9a06c 2px 3px,#e2c393 3px 5px,#b48653 5px 6px);position:absolute;top:0;left:0;right:0;transform:rotateX(-90deg)}.cr-front,.cr-back{width:calc(var(--rw) * 1.16);margin-left:calc(var(--rw) * -.58);left:50%}.cr-front{height:calc(var(--rw) * .44);transform-origin:50% 100%;z-index:400;background:linear-gradient(180deg, #ffecce33, #ffecce00 22%, #0000 60%, #00000061), var(--grain), linear-gradient(90deg,#6e4b2c,#8b6440 14%,#9a7149 50%,#8b6440 86%,#6e4b2c);transform:translateZ(150px);box-shadow:0 50px 70px -36px #000,inset 0 -1px #00000080,inset 1px 0 #ffe6c814,inset -1px 0 #0000004d}.cr-front:before{content:"";height:calc(var(--T) * .7);background:repeating-linear-gradient(#efd9b2 0 2px,#c9a06c 2px 3px,#e4c697 3px 5px,#b48653 5px 6px);border-radius:2px 2px 0 0;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 3px #00000059}.cr-back{height:calc(var(--rw) * .5);transform-origin:50% 100%;z-index:0;background:linear-gradient(180deg,#00000040,#0009),var(--grain),linear-gradient(90deg,#4a3019,#5d3e22,#4a3019);transform:translateZ(-520px)}.cr-side{width:670px;height:calc(var(--rw) * .5);transform-origin:0 100%;z-index:1;background:linear-gradient(0deg,#0000009e,#0003 55%,#ffe8c812),var(--grain),linear-gradient(90deg,#7b5533,#5a3b21);transform:translateZ(150px)rotateY(90deg)}.cr-left{left:calc(50% - var(--rw) * .58)}.cr-right{left:calc(50% + var(--rw) * .58)}.cr-floor{width:calc(var(--rw) * 1.16);height:670px;margin-left:calc(var(--rw) * -.58);transform-origin:50% 100%;z-index:0;background:radial-gradient(at 50% 70%,#1d140c,#0b0806);left:50%;transform:translateZ(150px)rotateX(90deg)}.cr-handle{width:24%;height:15%;box-shadow:inset 0 calc(var(--rw) * .012) calc(var(--rw) * .02) #000,0 1px 0 #ffe8c838,0 -1px 0 #0006;background:radial-gradient(at 50% 30%,#060403,#140d07);border-radius:999px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.cr-card{padding:calc(var(--rw) * .018) calc(var(--rw) * .03);color:#2a1f15;font:600 calc(var(--rw) * .026)/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;background:linear-gradient(#f4ecdc,#e8dcc3);position:absolute;bottom:14%;right:7%;transform:rotate(2.4deg);box-shadow:0 3px 8px -2px #0000008c}.cr-card b{font:500 calc(var(--rw) * .05)/1.05 var(--display);letter-spacing:0;text-transform:none;display:block}.cr-card:before{content:"";left:50%;top:calc(var(--rw) * -.016);width:46%;height:calc(var(--rw) * .03);background:#ece2c48c;position:absolute;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000026}.crate-box:after{content:"";width:calc(var(--rw) * 1.6);height:calc(var(--rw) * .16);z-index:-1;pointer-events:none;background:radial-gradient(at 50% 40%,#000000b3,#0000 70%);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.crate-info{text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:40ch;min-height:5.4em;display:flex}.ci-flag{color:var(--tint)}.ci-t{font:500 clamp(26px,3.4vw,40px)/1.05 var(--display);text-wrap:balance;overflow-wrap:anywhere}.ci-a{font:italic 500 19px var(--display);color:var(--dim)}.crate-ctl{width:min(100%,720px);color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.crate-ctl input[type=range]{accent-color:var(--tint);flex:200px;min-width:0}.crate-ctl .count{font-variant-numeric:tabular-nums;text-align:center;min-width:11ch}.crate-hint{color:var(--dim);text-align:center}.wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:40px 28px;display:grid}.sleeve{text-align:left;flex-direction:column;gap:12px;min-width:0;display:flex}.art{aspect-ratio:1;width:100%;max-width:100%;position:relative}.art .disc{background:radial-gradient(circle,var(--room) 0 6%,#2a2622 6.5% 16%,#111 16.5%),repeating-radial-gradient(circle,#151311 0 2px,#1d1a17 2px 3px);border-radius:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:3%}.art .img{object-fit:cover;background:var(--room-2);width:100%;height:100%;display:block;position:relative;box-shadow:0 22px 40px -22px #000,0 2px #000}.sleeve:hover .disc,.sleeve:focus-visible .disc{transform:translate(22%)}.flag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);background:#0d0c0bd1;border-radius:3px;padding:4px 8px;position:absolute;bottom:10px;left:10px}.flag.scans{color:var(--room);background:var(--paper)}.sleeve .t{font:500 21px/1.1 var(--display);overflow-wrap:anywhere}.sleeve .a{color:var(--dim);margin-top:2px;font-size:14px}.album{z-index:20;background:var(--room);padding-bottom:var(--player-h);position:fixed;inset:0;overflow-y:auto}.album .wash{filter:blur(70px)saturate(1.3);opacity:.45;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:-10%;transform:scale(1.1)}.album .shade{background:linear-gradient(180deg,#0d0c0b33,var(--room) 85%);pointer-events:none;position:fixed;inset:0}.album-inner{max-width:1200px;padding:calc(16px + env(safe-area-inset-top,0px)) clamp(16px,4vw,48px) 64px;margin:0 auto;position:relative}.album-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,64px);margin-top:28px;display:grid}@media (width<=820px){.hero{grid-template-columns:1fr}}.hero .art{max-width:440px}.hero>div:last-child{z-index:2;position:relative}.hero .disc{inset:2%}.album.open .hero .disc{transform:translate(30%)rotate(30deg)}.album.playing .hero .disc{animation:3.6s linear infinite spin}@keyframes spin{0%{transform:translate(30%)rotate(0)}to{transform:translate(30%)rotate(360deg)}}.hero h2{font:500 clamp(44px,7.5vw,112px)/.9 var(--display);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:8px 0 0}.hero .who{font:italic 500 clamp(22px,2.6vw,32px)/1.2 var(--display);color:var(--tint);margin:12px 0 0}.hero .facts{color:var(--dim);min-height:1.5em;margin-top:14px}.hero .kind{color:var(--dim)}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cta .big{border-radius:999px;padding:14px 22px;font-weight:600}.cta .play{background:var(--tint);color:#120f0c}.cta .read{border:1px solid var(--text)}.cta .big{transition:transform .15s,filter .2s,opacity .2s}.cta .big:hover:not(:disabled){filter:brightness(1.08)}.cta .big:active:not(:disabled){transform:scale(.98)}.cta .read:disabled{opacity:.4;cursor:default}.found{color:var(--dim);min-height:1.5em;margin-top:14px;font-size:14px}.tracks{columns:2 320px;column-gap:48px;margin-top:56px}.trk{break-inside:avoid}.tracks h3{column-span:all;font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.trk{border-top:1px solid var(--line);grid-template-columns:2.2em minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:10px 0;display:grid}.trk .n,.trk .d{font:13px var(--mono);color:var(--dim);font-variant-numeric:tabular-nums}.trk .w{color:var(--dim);font-size:13px;display:block}.book{z-index:40;padding-bottom:var(--player-h);background:radial-gradient(at 50% 40%,#24201c,#080707 70%);flex-direction:column;display:flex;position:fixed;inset:0}.book-top{padding:calc(12px + env(safe-area-inset-top,0px)) clamp(16px,3vw,32px) 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.book-top .ttl{font:italic 500 20px var(--display);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.book-top .by{color:var(--dim)}.book-top .btns{flex:none;gap:6px;display:flex}.stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.book-ctl{color:var(--dim);align-items:center;gap:14px;padding:10px clamp(16px,3vw,32px) 16px;display:flex}.book-ctl input[type=range]{accent-color:var(--tint);flex:1;min-width:0}.book-ctl .count{font-variant-numeric:tabular-nums;text-align:center;min-width:7ch}.arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.arrow:hover:not(:disabled){border-color:var(--dim)}.arrow:disabled{opacity:.35;cursor:default}.loading{color:var(--dim);font:italic 500 24px var(--display);text-align:center;margin:0;padding:0 24px;animation:1.8s ease-in-out infinite breathe;position:absolute}@keyframes breathe{50%{opacity:.45}}.pg{background:var(--paper);overflow:hidden}.pg .scan{background-color:#e9e2d5;background-repeat:no-repeat;width:100%;height:100%}.pg .scan.single{background-position:50%;background-size:contain}.pg .scan.left{background-position:0;background-size:200% 100%}.pg .scan.right{background-position:100%;background-size:200% 100%}.pg.hard .scan{background-size:cover}.pg .gutter{pointer-events:none;position:absolute;inset:0}.pg.--left .gutter{background:linear-gradient(270deg,#0000002e,#0000 8%)}.pg.--right .gutter{background:linear-gradient(90deg,#0000002e,#0000 8%)}.type{height:100%;color:var(--paper-ink);flex-direction:column;padding:9% 10%;font-size:clamp(9px,1.5vh,14px);line-height:1.45;display:flex}.type .kick{font:500 .8em var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim)}.type h4{font:500 2.6em/1 var(--display);letter-spacing:-.01em;margin:.3em 0 .6em}.type h5{font:500 1.7em/1 var(--display);margin:.2em 0 .7em}.type ol{margin:0;padding:0;list-style:none}.type li{border-top:1px solid #d8cfc0;grid-template-columns:1.8em 1fr auto;gap:.6em;padding:.38em 0;display:grid}.type li .n,.type li .d{font:400 .85em var(--mono);color:var(--paper-dim)}.type li small{color:var(--paper-dim);font-size:.82em;display:block}.type dl{grid-template-columns:auto 1fr;gap:.35em 1.2em;margin:0;display:grid}.type dt{font:400 .78em var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);padding-top:.15em}.type dd{margin:0}.type .foot{font:400 .75em var(--mono);color:var(--paper-dim);letter-spacing:.04em;margin-top:auto}.type.title{background:linear-gradient(160deg,var(--paper),#e3d9c8);justify-content:flex-end}.type.title h4{font-size:3.6em;font-style:italic}.dock{z-index:60;pointer-events:none;padding:0 clamp(8px,2vw,24px) calc(clamp(8px,1.4vw,14px) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.deck{pointer-events:auto;isolation:isolate;background:color-mix(in srgb,var(--tint) 13%,#100e0cdb);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid #fff0dc14;border-radius:18px;align-items:center;gap:clamp(10px,1.6vw,18px);max-width:1180px;margin:0 auto;padding:8px 8px 8px 10px;transition:background-color .8s;animation:.5s cubic-bezier(.2,.8,.2,1) dock-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px -18px #000000d9,0 2px #0006,inset 0 1px #fff0dc0f}.deck:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 140% at 12% 0%,color-mix(in srgb,var(--tint) 30%,transparent),transparent 55%);position:absolute;inset:0}@keyframes dock-in{0%{opacity:0;transform:translateY(calc(100% + 24px))}}.now{text-align:left;border-radius:12px;flex:0 270px;align-items:center;gap:14px;min-width:0;padding:4px 10px 4px 4px;transition:background-color .2s;display:flex}.now:hover{background:#fff0dc0d}.now:hover .np-t{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.spin{border-radius:50%;flex:none;width:64px;height:64px;animation:3.6s linear infinite spin-rec;position:relative;box-shadow:0 6px 16px -6px #000}.vinyl{background:radial-gradient(circle,#0000 0 33%,#111 34%),repeating-radial-gradient(circle,#151311 0 1.5px,#201c19 1.5px 2.5px);border-radius:50%;position:absolute;inset:0}.vinyl:after{content:"";background:conic-gradient(from 30deg,#0000,#ffffff17 10%,#0000 22% 50%,#ffffff0f 60%,#0000 72%);border-radius:50%;position:absolute;inset:0}.spin img{object-fit:cover;border-radius:50%;width:40%;height:40%;position:absolute;inset:30%}.spin:after{content:"";background:var(--room);border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%}@keyframes spin-rec{to{transform:rotate(360deg)}}.np{flex-direction:column;min-width:0;line-height:1.25;display:flex}.np-k{color:var(--tint);align-items:center;gap:7px;margin-bottom:3px;font-size:10.5px;display:flex}.np-t{font:500 17px/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-a{font:italic 500 14px var(--display);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eq{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:2px;height:100%;animation:1s ease-in-out infinite eq}.eq i:nth-child(2){animation-duration:.8s;animation-delay:-.4s}.eq i:nth-child(3){animation-duration:1.15s;animation-delay:-.7s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dock .embed{background:#00000040;border-radius:12px;flex:1;min-width:0;height:80px;overflow:hidden}.dock .embed iframe{border-radius:12px;display:block}.dock .x{width:36px;height:36px;color:var(--dim);border:1px solid #0000;border-radius:50%;flex:none;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:grid}.dock .x:hover{color:var(--text);background:#fff0dc0d;border-color:#fff0dc24}@media (width<=640px){.deck{border-radius:16px;gap:6px;padding:6px}.now{flex:none;padding:0}.np{display:none}.spin{width:48px;height:48px}.dock .x{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.img{opacity:0;transition:opacity .4s}.img.in{opacity:1}.img.blank{opacity:1;background:radial-gradient(circle,#0000 0 17%,#ffffff0a 17.5% 18%,#0000 18.5%),linear-gradient(135deg,#25211d,#151311);display:block}.sleeve .art .img{transition:opacity .4s,transform .25s}.sleeve:hover .t{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.picker{align-items:center;gap:10px;display:flex;position:relative}.picker-k{color:var(--dim)}.picker-btn{border:1px solid var(--line);background:var(--room-2);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:12px;max-width:min(60vw,280px);height:100%;padding:0 14px;font-size:12px;transition:border-color .2s,background-color .2s;display:inline-flex}.picker-btn:hover,.picker.open .picker-btn{border-color:var(--dim)}.picker-v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-btn svg{color:var(--dim);flex:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.picker.open .picker-btn svg{transform:rotate(180deg)}.picker-list{z-index:30;background:color-mix(in srgb,var(--room-2) 92%,var(--tint));transform-origin:0 0;border:1px solid #fff0dc1a;border-radius:14px;outline:none;min-width:max(100%,260px);max-height:min(60vh,360px);margin:0;padding:6px;list-style:none;animation:.22s cubic-bezier(.2,.8,.2,1) picker-in;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 24px 50px -16px #000000e6,inset 0 1px #fff0dc0d}@keyframes picker-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.picker-list li{cursor:pointer;animation:.3s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(min(var(--i,0),10) * 20ms);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.picker-list li.on{background:#fff0dc12}.picker-dot{border:1px solid var(--dim);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .2s,border-color .2s,transform .2s}.picker-list li.sel .picker-dot{background:var(--tint);border-color:var(--tint);transform:scale(1.15)}.picker-name{min-width:0;font:500 18px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker-list li.sel .picker-name{color:var(--tint)}.picker-n{color:var(--dim);font-size:11px}.picker-list .picker-act{border-top:1px solid var(--line);color:var(--dim);border-radius:0 0 9px 9px;margin-top:4px}.picker-list .picker-act .mono{font-size:11px}.picker-list .picker-act.on{color:var(--text)}.tabs .filters{margin-right:auto}a.big{align-items:center;text-decoration:none;display:inline-flex}.cta .play:disabled{opacity:.55;cursor:default}.album-top .keep.on{background:var(--text);color:var(--room);border-color:var(--text)}.scrim{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0504048c;animation:.25s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.panel{top:0;right:0;bottom:var(--player-h);z-index:50;overscroll-behavior:contain;background:var(--room-2);border-left:1px solid var(--line);width:min(520px,100%);padding:calc(18px + env(safe-area-inset-top,0px)) clamp(16px,3vw,28px) 40px;animation:.35s cubic-bezier(.2,.8,.2,1) slide-in;position:fixed;overflow-y:auto;box-shadow:-30px 0 60px -30px #000}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{font:500 clamp(30px,4vw,40px)/1 var(--display);letter-spacing:-.015em;margin:0}.panel h2 i{color:var(--tint)}.panel-lede{color:var(--dim);max-width:44ch;margin:12px 0 22px}.panel h3{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:22px 0 8px;font-size:11px;font-weight:400}.panel ul{margin:0;padding:0;list-style:none}.panel-quiet{color:var(--dim);margin:14px 0}.panel-fine{color:var(--dim);margin:16px 0 0;font-size:13px}.panel-target{color:var(--dim);margin:10px 0 0;font-size:11px}.panel-target b{color:var(--text);font-weight:500}.search{border:1px solid var(--line);background:var(--room);border-radius:12px;align-items:center;gap:12px;padding:4px 4px 4px 14px;display:flex}.search:focus-within{border-color:var(--tint)}.search .mono{color:var(--dim);font-size:11px}.search input{min-width:0;color:var(--text);font:18px/1.2 var(--body);background:0 0;border:0;outline:none;flex:1;padding:10px 4px}.search input::placeholder{color:#5f574f}.results{min-height:20px}.hit{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 0;display:grid}.hit-art{background:var(--room);width:52px;height:52px;box-shadow:0 6px 14px -8px #000}.hit-art .img{object-fit:cover;width:100%;height:100%;display:block}.hit-txt{flex-direction:column;min-width:0;display:flex}.hit-t{font:500 18px/1.15 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-a{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hit-a .mono{font-size:11px}.hit-b{min-width:9ch;padding:6px 12px;font-size:11px}.hit-b.on{background:var(--tint);color:#120f0c;border-color:var(--tint)}.shelves{border-top:1px solid var(--line);margin-top:30px;padding-top:6px}.shelf-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:6px 0;display:flex}.shelf-name{text-align:left;border-radius:8px;flex:1;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;margin-left:-10px;padding:8px 10px;display:flex}.shelf-name:hover{background:#fff0dc0a}.shelf-name span:first-child{font:500 19px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shelf-name .mono{color:var(--dim);flex:none;font-size:11px}.shelf-row.on .shelf-name span:first-child{color:var(--tint)}.shelf-acts{flex:none;gap:12px;display:flex}.shelf-acts button{color:var(--dim);font-size:11px}.shelf-acts button:hover:not(:disabled){color:var(--text)}.shelf-acts button:disabled{opacity:.4;cursor:default}.rename{flex:1;gap:8px;display:flex}.rename input{background:var(--room);border:1px solid var(--tint);min-width:0;color:var(--text);font:500 17px var(--display);border-radius:8px;flex:1;padding:8px 10px}.shelf-new{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=520px){.shelf-acts{gap:8px}.hit{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.hit-art{width:44px;height:44px}}.listen{flex-direction:column;gap:10px;margin-top:22px;display:flex}.listen-k{color:var(--dim);font-size:11px}.listen-row{flex-wrap:wrap;gap:8px;display:flex}.svc{background:#0d0c0b59;border:1px solid #fff0dc2e;border-radius:999px;align-items:center;padding:7px 13px;font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.svc:hover{border-color:var(--tint);background:#0d0c0b99}.svc.find{color:var(--dim);border-style:dashed}.svc.find span{opacity:.7;margin-left:3px;font-size:.8em}.svc.find:hover{color:var(--text)}.listen-more{color:var(--dim);gap:16px;font-size:11px;display:flex}.listen-more a{color:var(--dim);text-underline-offset:3px}.listen-more a:hover{color:var(--text)}.add-here{align-items:center;padding:0 14px;font-size:11px;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes bump{0%{opacity:0;transform:translateY(-4px)}to{transform:none}}@keyframes press{50%{transform:scale(.92)}}.sleeve{animation:.5s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(min(var(--i,0),14) * 35ms)}.hit{animation:.35s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(min(var(--i,0),12) * 25ms)}.flag{animation:.4s cubic-bezier(.3,1.3,.5,1) both pop}.hit-b.on,.album-top .keep.on{animation:.3s press}.status{animation:.35s both rise}.crate-info>*{animation:.4s cubic-bezier(.2,.8,.2,1) both rise}.crate-info>:nth-child(2){animation-delay:40ms}.crate-info>:nth-child(3){animation-delay:80ms}.hero>div:last-child>*{animation:.55s cubic-bezier(.2,.8,.2,1) both rise}.hero>div:last-child>:nth-child(2){animation-delay:50ms}.hero>div:last-child>:nth-child(3){animation-delay:.1s}.hero>div:last-child>:nth-child(n+4){animation-delay:.15s}.svc{animation:.4s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,0) * 30ms)}.svc:active{transform:scale(.96)}.shelf-row{animation:.3s both rise}.edge{cursor:pointer;touch-action:none;border-radius:4px;outline:none;flex:1;align-items:flex-end;min-width:0;height:44px;display:flex;position:relative}.edge:focus-visible{box-shadow:0 0 0 2px var(--tint)}.edge[aria-disabled=true]{cursor:default}.leaves{border-bottom:1px solid #fff0dc1f;align-items:flex-end;gap:1px;width:100%;height:30px;padding:0 1px;display:flex}.leaf{min-width:1px;height:calc(var(--h) * 100%);transform-origin:bottom;animation:.5s cubic-bezier(.2,.8,.2,1) both leaf-in;animation-delay:var(--d);background:#e9e2d529;border-radius:1px 1px 0 0;flex:1 1 0;transition:background-color .35s,transform .2s cubic-bezier(.2,.8,.2,1)}.leaf.read{background:#e9e2d5c7}.leaf.k-type{background:color-mix(in srgb,var(--tint) 26%,transparent)}.leaf.k-type.read{background:color-mix(in srgb,var(--tint) 80%,#e9e2d5)}.leaf.k-cover{background:#c9a06c59}.leaf.k-cover.read{background:#c9a06c}.leaf.k-blank{opacity:.6}.leaf.cur{background:var(--text);box-shadow:0 0 8px color-mix(in srgb,var(--tint) 60%,transparent);transform:scaleY(1.45)}.leaf.lit{background:var(--text);transform:scaleY(1.35)}@keyframes leaf-in{0%{transform:scaleY(0)}}.peek{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:6px;animation:.18s ease-out peek-in;display:flex;position:absolute;bottom:calc(100% + 14px);transform:translate(-50%)}@keyframes peek-in{0%{opacity:0;transform:translate(-50%,6px)}}.peek-pg{background-color:#e9e2d5;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:2px;place-items:center;width:100%;display:grid;box-shadow:0 16px 30px -10px #000000d9,0 0 0 1px #00000040}.peek-pg.left{background-position:0;background-size:200% 100%}.peek-pg.right{background-position:100%;background-size:200% 100%}.peek-pg.k-cover{background-size:cover}.peek-pg.k-type{background:linear-gradient(160deg,var(--paper),#e3d9c8)}.peek-pg i{font:italic 500 17px/1.1 var(--display);color:var(--paper-ink);text-align:center;padding:0 10px}.peek-n{color:var(--text);background:#0d0c0bd9;border-radius:999px;padding:2px 8px;font-size:11px}.book-ctl .count b{color:var(--text);font-weight:500;animation:.35s cubic-bezier(.3,1.5,.5,1) bump;display:inline-block}