.community-page{--paper: #12130f;--ink: #f1efe6;--muted: #9d9f93;--line: #ffffff24;--accent: #86c5bb;--vinyl: #171815;--rust: #d2644a;background:var(--paper);color:var(--ink);color-scheme:dark;--side: clamp(300px, 32vw, 460px);--drop: max(0px, (100vh - 78px - var(--side) * .5 - 230px) / 2 - 16px)}html:has(.community-page),.community-page{overscroll-behavior:none}.community{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;min-height:600px;overflow:clip;isolation:isolate}.community .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room-bar,.deck,.crate{position:relative;z-index:2}.room-bar{z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,4vw,56px)}.room-bar .brand{font-size:21px;color:var(--ink)}.room-bar .brand-icon{width:30px;height:30px}.now-bar{display:flex;align-items:center;gap:10px;min-width:0;margin-left:auto;padding:6px 4px;border:0;background:none;font-size:14px;color:var(--ink);cursor:pointer}.now-bar[hidden]{display:none}.now-eq{display:flex;align-items:flex-end;gap:2px;height:14px}.now-eq i{width:3px;height:100%;border-radius:1px;background:var(--glow, var(--accent));transform-origin:50% 100%;scale:1 .25;transition:scale .3s ease,background 1.2s ease}.is-playing .now-eq i{animation:eq .9s ease-in-out infinite alternate}.now-eq i:nth-child(2){animation-duration:.62s;animation-delay:-.3s}.now-eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.now-eq i:nth-child(4){animation-duration:.74s;animation-delay:-.15s}@keyframes eq{0%{scale:1 .2}to{scale:1 1}}.now-title{max-width:28vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-time{font:500 13px var(--mono);color:var(--muted);white-space:nowrap}.room-tools{display:flex;align-items:center;gap:22px}.crate-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px}.crate-tabs button{padding:5px 14px;border:0;border-radius:999px;background:none;font-size:13px;font-weight:600;color:var(--muted);transition:background .2s ease,color .2s ease}.crate-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.crate-terms{font-size:13px;color:var(--muted)}.crate-terms:hover{color:var(--ink)}.community-page .language-picker>summary{width:34px;height:34px;border-radius:999px}.community-page .language-picker[open]>summary,.community-page .language-picker>summary:hover{background:#ffffff14}.community-page .language-options{background:#1c1d19;box-shadow:0 20px 40px #000a}.community-page .language-options a:not([aria-current=page]):hover{background:#ffffff12}.community-page .language-options a[aria-current=page]{background:var(--ink);color:var(--paper)}.community-page .language-options a[aria-current=page] .lang-check{color:var(--paper)}.deck{--gap: clamp(32px, 5vw, 80px);--pad: clamp(20px, 4vw, 56px);--col: min(50vw, 100% - 2 * var(--pad) - var(--gap) - 400px);display:grid;grid-template-columns:minmax(0,50vw) minmax(0,400px);justify-content:center;align-items:center;gap:var(--gap);min-height:0;padding:0 var(--pad) 20px;pointer-events:none}.liner{grid-column:2;align-self:start;margin-top:clamp(8px,4vh,48px);pointer-events:auto}.deck-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;touch-action:pan-y}.no-deck .deck-stage{display:none}.sleeve-vinyl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle closest-side,#0000 0,#0000 52%,#0009 52.4%,#0009 53%,#0000 53.4%,#0000 71%,#0009 71.4%,#0009 72%,#0000 72.4%,#0000 86%,#0009 86.4%,#0009 87%,#0000 87.4%),repeating-radial-gradient(circle,#0c0d0d 0,#0c0d0d 1px,#1c1d1e 1px,#1c1d1e 2.4px)}.sleeve-vinyl:after{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:var(--label, var(--accent));box-shadow:0 0 0 .4cqw #0000004d,inset 0 0 0 .35cqw #00000026}.liner{min-width:0}.liner-rule{display:block;height:2px;margin:0 0 22px;background:var(--ink)}.liner-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px}.liner-id{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:center;align-self:stretch;-moz-column-gap:9px;column-gap:9px;min-width:0}.liner-id h2,.liner-id .liner-tags{grid-column:1 / -1}.liner-id .liner-tags{align-self:end;margin-top:12px}.liner h2{margin:0 0 6px;text-box:trim-start cap alphabetic;font-size:clamp(24px,2.5vw,34px);font-weight:900;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}.liner h2.is-cjk{padding-top:.11em}.liner-author{margin:0;font-size:15px;font-weight:600;color:var(--accent)}.liner-desc{margin:0 0 10px;overflow:hidden;font-size:13px;line-height:1.5;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.liner-desc:empty{display:none}.liner-transport{display:flex;align-items:center;gap:14px;margin:0}.liner-transport button{position:relative;width:12px;height:20px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;transition:opacity .2s ease}.liner-transport button:hover{opacity:.7}.liner-transport button:before{content:"";position:absolute;top:4px;right:1px;bottom:4px;left:1px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.liner-transport button[aria-pressed=true]:before{top:4px;right:1px;bottom:4px;left:1px;clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0)}.liner-transport input{position:absolute;width:1px;height:1px;opacity:0}.liner-transport input:focus-visible,.no-deck .liner-transport input{position:static;flex:1;width:auto;height:auto;opacity:1;accent-color:var(--accent)}.is-empty .liner-transport{display:none}.liner-author:empty,.liner-status:empty{display:none}.liner-tags{display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden;margin:0;padding:0;list-style:none}.liner-tags li:first-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.liner-tags li[hidden]{display:none}.liner-tags:empty{display:none}.liner-tags li{flex:none;white-space:nowrap;padding:2px 9px;border:1px solid var(--line);border-radius:999px;font:500 12px/1.7 var(--mono);color:var(--muted)}.liner-status{margin:14px 0 0;font-size:14px;color:var(--rust)}.liner.is-turning>:not(.liner-rule,.liner-lyrics){animation:liner-turn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes liner-turn{0%{opacity:0;translate:0 10px}}.is-empty .liner-author,.is-empty .liner-cover,.is-empty .liner-tags,.is-empty .shelf-tools,.is-empty .crate-tools{display:none}.liner-cover{position:relative;width:clamp(96px,14vh,136px);aspect-ratio:1;margin:0}.liner-lyrics{--shift: 0px;position:relative;height:clamp(150px,26vh,250px);margin:6px 0 0;padding:0;overflow:hidden;list-style:none;-webkit-mask:linear-gradient(#0000,#000 16%,#000 66%,#0000);mask:linear-gradient(#0000,#000 16%,#000 66%,#0000)}.liner-lyrics[hidden]{display:none}.liner-lyrics li{padding:5px 0;font-size:clamp(17px,1.45vw,21px);font-weight:800;line-height:1.3;letter-spacing:-.01em;color:#ffffff3b;translate:0 var(--shift);filter:blur(calc(min(var(--far, 0),4)/2px));overflow-wrap:anywhere;cursor:pointer;transition:translate .7s cubic-bezier(.2,.8,.2,1) calc(min(var(--far, 0),6)*45ms),color .4s ease,filter .5s ease}.liner-lyrics li:hover{color:#ffffff80;filter:none}.liner-lyrics li.is-current{color:var(--ink)}.liner-lyrics li.is-current.has-words{color:#ffffff59}.liner-lyrics li.is-current .w{background:linear-gradient(90deg,var(--ink) calc(var(--p, 0) * 130% - 15%),#ffffff59 calc(var(--p, 0) * 130% + 15%));-webkit-background-clip:text;background-clip:text;color:transparent}.liner-cover .sleeve-cover{box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 40px -22px #000,0 2px #0006}.crate{position:relative}.crate:before{content:"";position:absolute;inset:auto 0 0;height:58px;background:linear-gradient(#ffffff38,#ffffff38) 0 13px / 100% 1px no-repeat,linear-gradient(#3b3d40 0,#2a2c2e 13px,#1a1b1d 14px,#0c0d0e);box-shadow:0 -18px 30px -10px #0009}.crate-row{position:relative;display:flex;gap:26px;padding:40px clamp(20px,4vw,56px) 50px calc(clamp(20px,4vw,56px) + 96px);overflow-x:auto;scrollbar-width:none;scroll-padding-inline:clamp(20px,4vw,56px);-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.crate-row::-webkit-scrollbar{display:none}.crate-end{flex:0 0 1px;height:1px}.crate-none{margin:0;padding:40px 0;font-size:15px;color:var(--muted)}.shelf-tools{position:absolute;left:clamp(20px,4vw,56px);bottom:13px;z-index:3;display:flex;align-items:center;gap:8px;margin:0}.shelf-icon{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;color:#9d9f93b3;cursor:pointer;transition:color .2s ease,background-color .2s ease}.shelf-icon:hover,.shelf-icon:focus-visible{background:#ffffff12;color:var(--ink)}.shelf-icon[hidden],.shelf-off{display:none}.shelf-icon[aria-pressed=false]{color:#9d9f9366}.shelf-icon[aria-pressed=false] .shelf-off{display:inline}.no-readouts:not(.is-browsing) .liner-scope{display:none}.crate-tools{display:none;flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0}.crate-filter{display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;margin-top:2px}.crate-filter button{padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:none;font:500 12px/1.6 var(--mono);color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.crate-filter button:hover{color:var(--ink)}.crate-filter button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.crate-search{flex:none;width:180px;margin-left:auto;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;font:inherit;font-size:13px;color:var(--ink)}.crate-search::-moz-placeholder{color:var(--muted)}.crate-search::placeholder{color:var(--muted)}.is-browsing .crate{position:absolute;inset:78px 0 0 var(--side);display:grid;grid-template-rows:auto minmax(0,1fr);padding-inline:clamp(20px,4vw,56px)}.is-browsing .crate-tools{padding-inline:var(--wall-pad, 0px)}.is-browsing .crate:before,.is-browsing .shelf-tools{display:none}.is-browsing .crate-tools{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px 12px;animation:tools-in .5s .15s ease both}@keyframes tools-in{0%{opacity:0;translate:0 8px}}.is-browsing .crate-row{overscroll-behavior:contain;flex-wrap:wrap;align-content:flex-start;gap:46px 28px;padding:52px var(--wall-pad, 0px) 90px;overflow:hidden auto;-webkit-mask:linear-gradient(#0000,#000 30px,#000 calc(100% - 50px),#0000);mask:linear-gradient(#0000,#000 30px,#000 calc(100% - 50px),#0000)}.is-browsing .crate-filter{flex-wrap:nowrap;padding-right:24px;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.is-browsing .crate-filter::-webkit-scrollbar{display:none}.is-browsing .crate-filter button{flex:none}.is-browsing .crate-end{flex-basis:100%}.is-browsing .deck{grid-template-columns:minmax(0,calc(var(--side) - clamp(20px,4vw,56px) - 36px));justify-content:start;align-items:start}.is-browsing .liner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;grid-column:1;margin-top:calc(var(--side) * .5 + 20px + var(--drop));padding:0 0 0 26px}.is-browsing .liner-rule,.is-browsing .liner-cover,.is-browsing .liner-desc,.is-browsing .liner .liner-tags{display:none}.is-browsing .liner-head,.is-browsing .liner-id{display:contents}.is-browsing .liner-scope{order:1}.is-browsing .liner-lyrics{order:2;grid-column:1 / -1;height:clamp(110px,20vh,190px);margin-top:18px}.is-browsing .liner-lyrics li{padding:3px 0;font-size:15px}.is-browsing .liner-status{order:3}.is-browsing .liner-transport{grid-area:1 / 1;margin:0}.is-browsing .liner-transport button{width:13px;height:22px}.is-browsing .liner-transport button:before{top:5px;right:1px;bottom:5px;left:1px}.is-browsing .liner-transport button[aria-pressed=true]:before{top:5px;right:1px;bottom:5px;left:1px}.is-browsing .liner h2{grid-column:2;margin:0;overflow:hidden;font-size:17px;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;line-height:22px}.is-browsing .liner-author{grid-column:1 / -1;margin:0;font-size:12.5px;align-self:start}.is-browsing .liner-status{grid-column:1 / -1}.liner-scope{position:absolute;right:calc(50% + (var(--gap) + 400px - var(--col)) / 2);bottom:30px;display:grid;gap:10px;width:min(300px,40%);margin:0}.is-empty .liner-scope{display:none}.is-browsing .liner-scope{position:static;width:auto;grid-column:1 / -1;margin:12px 0 0}.liner-nolyrics{display:grid;gap:8px;margin:0;padding:clamp(32px,8vh,84px) 0 0;text-align:center}.liner-nolyrics[hidden]{display:none}.liner-nolyrics strong{font-size:15px;font-weight:800;color:var(--ink)}.liner-nolyrics span{font-size:14px;color:var(--muted)}.is-browsing .liner-nolyrics{order:2;grid-column:1 / -1;gap:4px;padding:18px 0 0;text-align:left}.is-browsing .liner-nolyrics strong{font-size:13px}.is-browsing .liner-nolyrics span{font-size:12px}.liner-scope canvas{width:100%;height:56px;-webkit-mask:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.liner-scope figcaption{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:3px 10px;font:500 11px/1.5 var(--mono);color:#9d9f9399}.liner-scope b{font-weight:500;font-variant-numeric:tabular-nums;color:#d5d3c8b3;text-align:right;white-space:nowrap}.liner-scope b:nth-of-type(odd){padding-right:8px}.sleeve{position:relative;flex:0 0 auto;width:136px;aspect-ratio:1;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;animation:sleeve-in .6s cubic-bezier(.2,.8,.2,1) var(--enter, 0ms) both}@keyframes sleeve-in{0%{opacity:0;translate:0 18px}}.sleeve:focus-visible{outline-offset:8px}.sleeve:after{content:"";position:absolute;left:50%;top:calc(100% + 24px);width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#ffffff1f;transition:background .4s ease,box-shadow .4s ease}.sleeve[aria-pressed=true]:after{background:var(--glow, var(--accent));box-shadow:0 0 10px 1px var(--glow, var(--accent))}.is-playing .sleeve[aria-pressed=true]:after{animation:lamp 2.4s ease-in-out infinite}@keyframes lamp{50%{opacity:.45}}.sleeve-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;transform:perspective(700px) rotateX(5deg) rotate(var(--tilt, 0deg));transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .35s ease}.sleeve:hover .sleeve-body,.sleeve:focus-visible .sleeve-body{transform:perspective(700px) translateY(-12px) rotateX(0) rotate(0)}.sleeve.is-pulling .sleeve-vinyl{animation:vinyl-out .6s cubic-bezier(.3,.6,.3,1) both}@keyframes vinyl-out{0%{opacity:1;translate:0 -9%}to{opacity:0;translate:0 -95%}}.sleeve-vinyl{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:var(--vinyl);box-shadow:0 0 0 1px #ffffff2e,inset 0 0 0 2px #ffffff0f;translate:0 -9%;transition:translate .45s cubic-bezier(.2,.9,.3,1.15),opacity .2s ease}.sleeve-vinyl:after{content:""}.sleeve:hover .sleeve-vinyl,.sleeve:focus-visible .sleeve-vinyl{translate:0 -24%}.sleeve[aria-pressed=true] .sleeve-vinyl{opacity:0}.sleeve-cover{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:2px;background:#1c1d1f;box-shadow:inset 0 0 0 1px #ffffff1a,0 16px 16px -12px #000,0 2px #0008}.sleeve-art,.sleeve-cover svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sleeve-cover:before,.sleeve-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sleeve-cover:before{background:url(/assets/paper-texture.gif) center / 260px;mix-blend-mode:multiply;opacity:.45}.sleeve-cover:after{background:linear-gradient(215deg,#ffffff30,#fff0 38%,#0000 62%,#00000047)}.sleeve-text{position:absolute;inset:auto 0 0;z-index:2;display:grid;gap:3px;padding:26px 10px 9px;background:linear-gradient(#0000,color-mix(in srgb,var(--paper-tone, #1c1d1f) 86%,#0000) 62%);color:var(--ink);text-align:left}.sleeve-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13.5px;font-weight:800;line-height:1.18;letter-spacing:-.01em}.sleeve-author,.sleeve-serial{overflow:hidden;font:500 9px var(--mono);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;opacity:.7}.sleeve-author:empty{display:none}.sleeve-serial{position:absolute;top:8px;right:9px;z-index:2;color:var(--ink);opacity:.55}.record-card{position:fixed;z-index:30;display:grid;gap:10px;width:264px;padding:14px;border-radius:14px;background:#1b1c1ef2;box-shadow:0 0 0 1px var(--line),0 30px 60px -20px #000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink)}.record-card[hidden]{display:none}.record-card .sleeve-cover{position:relative;width:100%;aspect-ratio:1;margin-bottom:4px}.record-card h2{margin:0;font-size:20px;font-weight:900;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.record-card-author{margin:-6px 0 0;font-size:13px;font-weight:600;color:var(--accent)}.record-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0;font-family:var(--serif);font-size:14px;line-height:1.65;color:#c9cabf;white-space:pre-line}.record-card-author:empty,.record-card-desc:empty{display:none}.record-card .liner-tags{margin:0}.record-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0;font:500 11px var(--mono);letter-spacing:.04em;color:var(--muted);white-space:nowrap}.record-card-foot button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px 0 13px;border:0;border-radius:999px;background:var(--ink);font:inherit;font-size:13px;font-weight:600;letter-spacing:0;color:var(--paper);cursor:pointer;transition:scale .15s ease}.record-card-foot button:active{scale:.96}.record-card-icon{width:10px;height:11px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.record-card.is-playing .record-card-icon{clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0)}@media(max-height:800px)and (min-width:901px){.liner-cover{width:116px}.liner-head{margin-bottom:16px}.liner-desc{display:none}}@media(max-width:900px),(max-height:640px){.liner-scope{display:none}.liner{margin-top:0}.community{display:block;height:auto;min-height:100dvh;overflow:visible;overflow-x:clip}.deck-stage{position:relative;z-index:0;display:block;height:auto;aspect-ratio:1 / .82;margin-bottom:20px;-webkit-mask:linear-gradient(#0000,#000 12% 78%,#0000);mask:linear-gradient(#0000,#000 12% 78%,#0000)}.liner{grid-column:auto}.deck{grid-template-columns:minmax(0,520px);gap:8px;padding-block:0 8px}.crate{margin-top:28px;padding:0 clamp(20px,4vw,56px)}.crate:before,.shelf-tools{display:none}.crate-tools{display:flex}.crate-filter{flex:1 1 100%}.crate-search{flex:1 1 140px;margin-left:0}.crate-row{flex-wrap:wrap;gap:44px 20px;padding:50px 0 70px;overflow:visible;-webkit-mask:none;mask:none}.crate-end{flex-basis:100%}.sleeve{width:min(150px,calc(50% - 10px))}.now-title{max-width:34vw}.liner-cover{width:132px}.liner-head{margin-bottom:18px}}@media(max-width:520px){.room-tools{gap:12px}.crate-terms,.now-time{display:none}}@media(prefers-reduced-motion:reduce){.sleeve,.sleeve:after,.is-playing .now-eq i,.is-browsing .crate-tools,.liner.is-turning>*,.sleeve.is-pulling .sleeve-vinyl{animation:none}.sleeve-body,.sleeve-vinyl{transition:none}}