@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-kufi-arabic-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}:root{color-scheme:dark;--ink: #0a0a0c;--ink-2: #131316;--ink-3: #1c1c21;--paper: #f2efe9;--paper-80: rgba(242, 239, 233, .8);--paper-64: rgba(242, 239, 233, .64);--paper-48: rgba(242, 239, 233, .48);--line: rgba(242, 239, 233, .1);--line-strong: rgba(242, 239, 233, .24);--surface: rgba(242, 239, 233, .045);--surface-hover: rgba(242, 239, 233, .085);--art-1: #6b625b;--art-2: #3a3a40;--art-3: #8c8178;--glow-1: #4a4440;--glow-2: #2b2b30;--glow-3: #5c554f;--edge-1: #2f2b28;--font-display: "Bricolage Grotesque", "Noto Kufi Arabic", ui-sans-serif, system-ui, sans-serif;--font-body: "Bricolage Grotesque", "Noto Kufi Arabic", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", "Noto Kufi Arabic", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--sleeve: min(54vw, 228px);--overhang: .19;--depth: 8px;--rest-x: -7deg;--rest-y: 3deg;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}.skip{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));z-index:20;padding:10px 16px;border-radius:999px;background:var(--paper);color:var(--ink);font:500 14px/1 var(--font-body);text-decoration:none;transform:translateY(-200%)}.skip:focus-visible{transform:none;outline:2px solid var(--paper);outline-offset:3px}.room{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ink)}.room-glow{position:absolute;inset:0;opacity:.85;background:radial-gradient(70vmax 46vmax at 50% 16%,var(--glow-1) 0%,transparent 62%),radial-gradient(48vmax 38vmax at 92% 62%,var(--glow-2) 0%,transparent 65%),radial-gradient(40vmax 34vmax at 6% 48%,var(--glow-3) 0%,transparent 65%)}.room-art{position:absolute;top:-22%;left:-22%;width:144%;height:90%;object-fit:cover;opacity:.32;filter:blur(44px) saturate(1.25);transform:translateZ(0)}.room-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 26%,transparent 38%,rgba(10,10,12,.72) 100%),linear-gradient(to bottom,transparent 52%,rgba(10,10,12,.78) 100%)}.room-grain{position:absolute;inset:0;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}.page{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);row-gap:22px;width:100%;max-width:520px;min-height:100svh;margin-inline:auto;padding:calc(22px + var(--safe-top)) calc(22px + var(--safe-right)) calc(36px + var(--safe-bottom)) calc(22px + var(--safe-left))}.stage{display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--sleeve) * .03)}.object-frame{position:relative;width:calc(var(--sleeve) * (1 + var(--overhang)));aspect-ratio:calc(1 + var(--overhang)) / 1.17;perspective:1400px}.object{position:absolute;top:0;left:0;width:var(--sleeve);aspect-ratio:1}.object-tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--ty, var(--rest-y))) rotateY(var(--tx, var(--rest-x)));transition:transform .7s var(--ease-out);will-change:transform}.object-tilt.is-tracking{transition-duration:.16s;transition-timing-function:linear}.vinyl-slide{position:absolute;inset:3.5%;transform:translate(0);transition:transform .9s var(--ease-out)}.object-frame:hover .vinyl-slide{transform:translate(11%)}.vinyl{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,transparent 52deg,rgba(255,255,255,.16) 78deg,rgba(255,255,255,.16) 100deg,transparent 128deg,transparent 232deg,rgba(255,255,255,.08) 258deg,rgba(255,255,255,.08) 282deg,transparent 308deg),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.065) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 50%,#1a1a1f,#101013 58%,#0c0c0f);box-shadow:inset 0 0 0 1.5px #ffffff1c,inset -3px 0 6px #ffffff0d,0 18px 40px #0000008c;transform:translate(calc(var(--overhang) * 100%)) translateZ(calc(var(--depth) * -1.5))}.vinyl-label{position:absolute;top:50%;left:50%;width:33%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--ink-3);box-shadow:inset 0 0 0 1px #ffffff14;transform:translate(-50%,-50%)}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;width:9%;aspect-ratio:1;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px #ffffff1f;transform:translate(-50%,-50%)}.sleeve{position:absolute;inset:0;margin:0;transform-style:preserve-3d}.sleeve-face{position:absolute;inset:0;overflow:hidden;border-radius:3px;background:var(--ink-2);box-shadow:0 1px #ffffff14 inset,0 0 0 1px #00000080,0 34px 70px -22px #000000d9,0 12px 24px -10px #0009;transform:translateZ(0)}.sleeve-art{width:100%;height:100%;object-fit:cover}.sleeve-glare{position:absolute;inset:-10% -60%;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.17) 47%,rgba(255,255,255,.05) 55%,transparent 66%);transform:translate(var(--gx, -16%));transition:transform .7s var(--ease-out);pointer-events:none}.object-tilt.is-tracking .sleeve-glare{transition-duration:.16s;transition-timing-function:linear}.sleeve-edge{position:absolute;top:0;bottom:0;width:var(--depth);background:linear-gradient(to bottom,var(--edge-1),var(--ink-2));backface-visibility:hidden}.sleeve-edge-left{left:0;transform-origin:left center;transform:rotateY(-90deg)}.sleeve-edge-right{right:0;transform-origin:right center;transform:rotateY(90deg)}.sleeve-face.is-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,transparent 39%,rgba(255,255,255,.045) 40%,rgba(255,255,255,.045) 42%,transparent 43%),linear-gradient(155deg,var(--ink-3) 0%,var(--ink-2) 60%,#0f0f12 100%)}.sleeve-placeholder-glyph{font-family:var(--font-display);font-weight:700;font-size:calc(var(--sleeve) * .42);line-height:1;letter-spacing:-.04em;color:#f2efe917;-webkit-user-select:none;user-select:none}.reflection{position:absolute;top:100%;left:0;width:100%;height:26%;margin-top:6px;overflow:hidden;opacity:.34;filter:blur(1.5px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);pointer-events:none}.reflection img{width:100%;aspect-ratio:1;object-fit:cover;transform:scaleY(-1)}.reflection-blank{width:100%;height:100%;background:linear-gradient(to bottom,var(--ink-3),transparent)}.object:after{content:"";position:absolute;left:6%;right:-8%;bottom:-7%;height:16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%);filter:blur(10px);z-index:-1}.notes{display:flex;flex-direction:column;gap:26px}.meta{display:flex;flex-direction:column;gap:6px;text-align:center}.eyebrow{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 0 4px;font-size:13.5px;font-weight:500;color:var(--paper-64)}.eyebrow-sep{width:3px;height:3px;border-radius:50%;background:var(--paper-48)}.title{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,1.6vw + 1.05rem,2.7rem);font-weight:650;line-height:1.1;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}.artist{position:relative;z-index:4;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5em;margin:0;font-size:clamp(1rem,.5vw + .85rem,1.15rem);font-weight:450;letter-spacing:-.005em;color:var(--paper-80)}.artist:has(.credits[open]){z-index:8}.artist-and,.artist-feat{color:var(--paper-64)}.credits{display:inline-flex;flex-shrink:0}.credits-chip{display:inline-flex;align-items:baseline;gap:.15em;margin:0;padding:.12em .5em .14em;list-style:none;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--paper-64);font-family:var(--font-mono);font-size:.68em;font-weight:500;letter-spacing:.06em;line-height:1.2;cursor:pointer;transition:color .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.credits-chip::-webkit-details-marker,.credits-chip::marker{display:none;content:""}.credits-chip:hover,.credits[open] .credits-chip,.credits-chip:focus-visible{color:var(--paper);border-color:var(--paper-48);background:var(--surface-hover)}.credits-chip:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.credits-panel{position:absolute;z-index:6;top:calc(100% + 10px);left:50%;width:max-content;min-width:11rem;max-width:min(18rem,calc(100vw - 2.5rem));padding:.9rem 1.1rem 1rem;overflow:visible;border:1px solid var(--line-strong);border-radius:12px;background:var(--ink);box-shadow:0 24px 48px #000000b8;text-align:start;transform:translate(-50%)}.credits-panel:before{content:"";position:absolute;inset-inline:0;bottom:100%;height:10px}.credits-kicker{margin:0 0 .28rem;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:lowercase;color:var(--paper-48)}.credits-with{list-style:none;margin:0;padding:0;font-size:.95em;line-height:1.35;color:var(--paper)}.credits-with li+li{margin-top:.18rem}.credits-with+.credits-kicker{margin-top:.85rem;padding-top:.7rem;border-top:1px solid var(--line)}.details{margin:0;font-size:13.5px;color:var(--paper-64)}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;list-style:none;margin:4px 0 0;padding:0}.social{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--paper-64);transition:color .2s ease,background-color .2s ease}.social svg{width:18px;height:18px;fill:currentColor}.social:hover{color:var(--paper);background-color:var(--surface-hover)}.social:focus-visible{outline:2px solid var(--paper);outline-offset:2px;color:var(--paper)}.listen{display:flex;flex-direction:column;gap:8px}.listen-heading{margin:0;font-size:13.5px;font-weight:500;color:var(--paper-64)}.dsp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dsp-list li{border-bottom:1px solid var(--line)}.dsp{display:flex;align-items:center;gap:13px;min-height:56px;margin:0 -8px;padding:8px;border-radius:10px;color:var(--paper);text-decoration:none;transition:background-color .22s ease,transform .22s var(--ease-out)}.dsp:hover{background-color:var(--surface-hover)}.dsp:active{transform:scale(.985)}.dsp:focus-visible{outline:2px solid var(--paper);outline-offset:-2px;background-color:var(--surface)}.dsp-logo{position:relative;flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#f2efe91a;box-shadow:inset 0 0 0 1px #f2efe91f}.dsp-logo img{width:100%;height:100%;object-fit:cover}.dsp-mono{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--paper-80)}.dsp-logo.is-missing img{display:none}.dsp-logo.is-missing .dsp-mono{display:flex}.dsp-name{flex:1;min-width:0;font-size:15px;font-weight:500;letter-spacing:-.005em;overflow-wrap:anywhere}.dsp-action{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--paper-64);transition:color .2s ease}.dsp-action svg{width:14px;height:14px;transition:transform .3s var(--ease-out)}.dsp:hover .dsp-action,.dsp:focus-visible .dsp-action{color:var(--paper)}.dsp:hover .dsp-action svg,.dsp:focus-visible .dsp-action svg{transform:translate(3px)}.empty{margin:0;padding:22px 20px;border:1px dashed var(--line-strong);border-radius:14px;text-align:center;color:var(--paper-80);font-size:15px}.empty strong{display:block;margin-bottom:4px;font-weight:600;color:var(--paper)}.tracks{display:flex;flex-direction:column;gap:8px}.track-list{list-style:none;margin:0;padding:0}.track{display:flex;align-items:baseline;gap:12px;min-height:42px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}.track-no{flex-shrink:0;min-width:1.4em;color:var(--paper-48);font-variant-numeric:tabular-nums}.track-title{flex:1;min-width:0;overflow-wrap:anywhere}.track-feat{color:var(--paper-64)}.colophon{display:flex;flex-direction:column;gap:3px;padding-top:18px;border-top:1px solid var(--line);text-align:center}.colophon-label{margin:0;font-size:13px;font-weight:500;color:var(--paper-64)}.credits{margin:0;font-size:12px;line-height:1.5;color:var(--paper-48)}.share{display:flex;flex-direction:column;align-items:center;gap:10px}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--paper);font:500 14px/1 var(--font-body);letter-spacing:-.005em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s var(--ease-out)}.share-btn:hover{background-color:var(--surface-hover)}.share-btn:active{transform:scale(.97)}.share-btn:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.share-btn svg{width:16px;height:16px}.share-btn .icon-done,.share-btn.is-done .icon-share{display:none}.share-btn.is-done .icon-done{display:block}.share-btn.is-done{border-color:var(--paper-64)}.share-status{margin:0;font-size:12.5px;color:var(--paper-64);min-height:1em}.share-qr{display:none;align-items:center;gap:14px;margin-top:6px}.qr{flex-shrink:0;width:92px;height:92px;padding:7px;border-radius:8px;background:var(--paper);color:var(--ink)}.qr svg{display:block;width:100%;height:100%}.qr svg path{fill:currentColor}.share-qr p{margin:0;max-width:150px;font-size:12.5px;line-height:1.4;color:var(--paper-64)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes object-in{0%{opacity:0;transform:translateY(26px) rotateY(-16deg) rotateX(7deg)}to{opacity:1;transform:none}}@keyframes vinyl-out{0%{transform:translate(0) translateZ(calc(var(--depth) * -1.5))}to{transform:translate(calc(var(--overhang) * 100%)) translateZ(calc(var(--depth) * -1.5))}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.enter-room{animation:fade-in 1.1s var(--ease-out) both}.enter-object{animation:object-in 1.15s var(--ease-out) .12s both}.vinyl{animation:vinyl-out 1s var(--ease-out) .6s both}.enter-up{animation:rise .75s var(--ease-out) both;animation-delay:calc(var(--d, 0) * 1ms)}.enter-row{animation:rise .6s var(--ease-out) both;animation-delay:calc(.82s + var(--i, 0) * 55ms)}@media (min-width: 768px){:root{--sleeve: 260px;--depth: 10px}.page{max-width:600px;row-gap:30px;padding-top:calc(40px + var(--safe-top))}}@media (min-width: 1024px){:root{--sleeve: clamp(240px, 24vw, 330px);--depth: 12px;--rest-x: -11deg;--rest-y: 5deg}.room-glow{background:radial-gradient(62vmax 58vmax at 30% 46%,var(--glow-1) 0%,transparent 62%),radial-gradient(46vmax 40vmax at 84% 12%,var(--glow-2) 0%,transparent 65%),radial-gradient(44vmax 36vmax at 66% 96%,var(--glow-3) 0%,transparent 65%)}.room-art{top:-20%;left:-30%;width:110%;height:140%;opacity:.28;filter:blur(60px) saturate(1.25)}.room-vignette{background:radial-gradient(110% 100% at 34% 50%,transparent 30%,rgba(10,10,12,.7) 100%),linear-gradient(to right,transparent 50%,rgba(10,10,12,.5) 100%)}.page{grid-template-columns:minmax(0,.9fr) minmax(0,460px);column-gap:clamp(3rem,6vw,6rem);align-items:center;max-width:1100px;padding:calc(48px + var(--safe-top)) clamp(2.5rem,6vw,5rem) calc(48px + var(--safe-bottom))}.stage{align-self:start;position:sticky;top:calc(50svh - var(--sleeve) * .64);padding-top:0;justify-content:center}body.has-preview .stage{top:calc(50svh - var(--sleeve) * .64 - 3.25rem)}.notes{gap:30px;padding-block:8px}.meta{text-align:left;gap:8px}.eyebrow{justify-content:flex-start}.share{align-items:flex-start}.share-qr{display:flex}.socials{justify-content:flex-start;margin-left:-13px}.colophon{text-align:left}}@media (min-width: 1440px){:root{--sleeve: 340px}.page{column-gap:7rem}}@media (prefers-reduced-motion: reduce){.enter-room,.enter-object,.vinyl,.enter-up,.enter-row{animation:none!important}.object-tilt,.vinyl-slide,.sleeve-glare,.dsp,.dsp-action svg,.share-btn,.skip,.credits-chip{transition:none!important}.object-frame:hover .vinyl-slide{transform:none}}@media (hover: none){.object-frame:hover .vinyl-slide{transform:none}}.preview-dock{width:calc(var(--sleeve) * (1 + var(--overhang)));margin-top:calc(var(--sleeve) * -.04);--d: 900}.preview-glass{display:grid;gap:.7rem;padding:.85rem .95rem .75rem;border-radius:1.15rem;border:1px solid rgba(242,239,233,.14);background:linear-gradient(150deg,#f2efe91f,#f2efe908),#0a0a0c80;box-shadow:0 16px 40px #00000061,inset 0 1px #ffffff12;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.preview-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem}.preview-play{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:999px;color:var(--ink);background:var(--paper);cursor:pointer;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.preview-play:hover{transform:scale(1.05)}.preview-play:active{transform:scale(.96)}.preview-play:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.preview-dock.is-playing .preview-play{box-shadow:0 0 0 5px #f2efe914}.preview-play svg{width:1.05rem;height:1.05rem}.preview-play .icon-pause,.preview-dock.is-playing .preview-play .icon-play{display:none}.preview-dock.is-playing .preview-play .icon-pause{display:block}.preview-dock.is-loading .preview-play{opacity:.6;cursor:progress}.preview-meta{min-width:0}.preview-kicker{margin:0;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-48)}.preview-title{margin:.15rem 0 0;font-size:.93rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-scrub{padding-block:.45rem;margin-block:-.3rem;cursor:pointer;touch-action:none}.preview-scrub:focus-visible{outline:2px solid var(--paper-64);outline-offset:4px;border-radius:999px}.preview-progress{position:relative;height:.25rem;border-radius:999px;background:#f2efe924}.preview-progress-fill{position:relative;width:0%;height:100%;border-radius:inherit;background:var(--paper);transition:width .12s linear}.preview-dock.is-playing .preview-progress-fill{box-shadow:0 0 10px #f2efe959}.preview-knob{position:absolute;top:50%;right:0;width:.6rem;height:.6rem;border-radius:999px;background:var(--paper);box-shadow:0 1px 4px #00000073;transform:translate(50%,-50%) scale(0);transition:transform .16s var(--ease-out)}.preview-dock.is-playing .preview-knob,.preview-dock.is-seeking .preview-knob,.preview-scrub:hover .preview-knob,.preview-scrub:focus-visible .preview-knob{transform:translate(50%,-50%) scale(1)}.preview-dock.is-seeking .preview-progress-fill{transition:none}.preview-times{display:flex;justify-content:space-between;margin:0;font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--paper-48)}.preview-dock.is-unavailable{opacity:.55}.preview-dock.is-unavailable .preview-scrub{pointer-events:none}.preview-audio{display:none}