.dl-root{--dl-ease:cubic-bezier(0.22,1,0.36,1);--dl-spring:cubic-bezier(0.32,0.72,0,1)}.dl-root,.light .dl-root{--dl-hi:0 0% 100%}.dl-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid hsl(var(--foreground)/.07);background:linear-gradient(180deg,hsl(var(--foreground)/.035),hsl(var(--foreground)/.008) 60%),hsl(var(--card)/.4);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.06),0 30px 60px -40px rgba(0,0,0,.55)}.dl-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,hsl(var(--card)/.55) 0,hsl(var(--card)/.2) 45%,transparent 70%)}.dl-eyebrow{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:999px;font-size:12px;font-weight:500;color:hsl(var(--foreground)/.9);border:1px solid hsl(var(--foreground)/.1);background:hsl(var(--foreground)/.04);backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.07)}.dl-eyebrow-dot{width:6px;height:6px;border-radius:999px;background:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent)/.16)}.dl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--background)/.35);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.06);overflow:hidden}.dl-stat{padding:12px 16px;min-width:0}.dl-stat+.dl-stat{border-left:1px solid hsl(var(--foreground)/.06)}.dl-stat:nth-child(3){border-left:0}.dl-stat:nth-child(n+3){border-top:1px solid hsl(var(--foreground)/.06)}@media (min-width:640px){.dl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dl-stat:nth-child(3){border-left:1px solid hsl(var(--foreground)/.06)}.dl-stat:nth-child(n+3){border-top:0}}.dl-drift{position:absolute;inset:-10% -4% -10% auto;width:min(54%,560px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:rotate(-9deg);z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 34%),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:0;animation:dl-fade 1.4s var(--dl-ease) .2s forwards}@media (min-width:768px) and (max-width:1199px){.dl-drift{width:44%}}.dl-drift-col{display:flex;flex-direction:column;gap:12px;animation:dl-drift 70s linear infinite;will-change:transform}.dl-drift-col[data-dir=down]{animation-direction:reverse;animation-duration:84s}.dl-drift-col:nth-child(3){animation-duration:62s}.dl-drift-tile{aspect-ratio:3/4;width:100%;border-radius:14px;overflow:hidden;background:hsl(var(--foreground)/.06);box-shadow:0 0 0 1px hsl(var(--foreground)/.08)}.dl-drift-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@keyframes dl-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes dl-fade{to{opacity:.55}}@media (max-width:767px){.dl-drift{width:100%;inset:-30% -20% auto -20%;height:160%;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}@keyframes dl-fade{to{opacity:.22}}}.dl-in{animation:dl-rise .62s var(--dl-ease) both;animation-delay:calc(var(--i, 0) * 34ms)}@keyframes dl-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.dl-swap{animation:dl-swap .36s var(--dl-ease) both}@keyframes dl-swap{0%{opacity:0;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.dl-bar{background:hsl(var(--background))}@media (min-width:768px){.dl-bar{background:hsl(var(--background)/.86);backdrop-filter:blur(14px) saturate(140%)}}.dl-field{display:inline-flex;align-items:center;gap:8px;height:38px;border-radius:11px;border:1px solid hsl(var(--border));background:hsl(var(--background)/.6);padding:0 12px;font-size:13px;color:hsl(var(--muted-foreground));transition:border-color .2s,color .2s,box-shadow .2s,background .2s}.dl-field:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground)/.2)}.dl-field:focus-within,.dl-field[data-open=true]{border-color:hsl(var(--accent)/.5);box-shadow:0 0 0 4px hsl(var(--accent)/.08);color:hsl(var(--foreground))}.dl-field[data-on=true]{color:hsl(var(--foreground));border-color:hsl(var(--accent)/.35);background:hsl(var(--accent)/.07)}.dl-pop{position:absolute;top:calc(100% + 8px);z-index:40;border-radius:16px;border:1px solid hsl(var(--foreground)/.1);background:hsl(var(--popover,var(--card)));box-shadow:0 24px 60px -24px rgba(0,0,0,.6),inset 0 1px 0 hsl(var(--dl-hi)/.06);transform-origin:top;animation:dl-pop .22s var(--dl-ease) both}@keyframes dl-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.dl-chip{display:inline-flex;align-items:center;gap:6px;height:30px;border-radius:9px;padding:0 11px;font-size:12.5px;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:hsl(var(--background)/.4);transition:color .18s,border-color .18s,background .18s,transform .18s;white-space:nowrap}.dl-chip:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground)/.2)}.dl-chip:active{transform:scale(.97)}.dl-chip[data-on=true]{color:hsl(var(--accent));border-color:hsl(var(--accent)/.4);background:hsl(var(--accent)/.1)}.dl-tag{display:inline-flex;align-items:center;gap:6px;height:26px;border-radius:999px;padding:0 6px 0 10px;font-size:12px;color:hsl(var(--foreground));background:hsl(var(--foreground)/.06);border:1px solid hsl(var(--foreground)/.08);animation:dl-pop .2s var(--dl-ease) both}.dl-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid hsl(var(--foreground)/.07);background:linear-gradient(160deg,hsl(var(--foreground)/.045),hsl(var(--foreground)/.01)),hsl(var(--card)/.55);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.06);transition:transform .42s var(--dl-spring),border-color .26s,box-shadow .42s var(--dl-spring);content-visibility:auto;contain-intrinsic-size:auto 360px;cursor:pointer;text-align:left}.dl-card:focus-visible{outline:none;border-color:hsl(var(--accent)/.6);box-shadow:0 0 0 4px hsl(var(--accent)/.15)}.dl-card-art{position:relative;aspect-ratio:3/4;overflow:hidden;background:hsl(var(--foreground)/.05)}.dl-card-art img{transition:transform .9s var(--dl-ease)}.dl-card-veil{position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,hsl(var(--card)) 0,hsl(var(--card)/.6) 40%,transparent 100%);pointer-events:none}.dl-badge{display:inline-flex;align-items:center;gap:4px;height:22px;border-radius:999px;padding:0 8px;font-size:10.5px;font-weight:500;color:hsla(0,0%,100%,.92);background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.14);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(10px) saturate(160%);text-shadow:0 1px 2px rgba(0,0,0,.35)}.dl-badge[data-tone=new]{color:hsl(var(--accent));border-color:hsl(var(--accent)/.3);background:rgba(0,0,0,.3)}.dl-card-actions{position:absolute;inset:auto 10px 10px 10px;display:flex;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .26s var(--dl-ease),transform .42s var(--dl-spring);pointer-events:none}@media (hover:hover) and (pointer:fine){.dl-card:hover{transform:translateY(-4px);border-color:hsl(var(--foreground)/.16);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.09),0 24px 48px -28px rgba(0,0,0,.7)}.dl-card:hover .dl-card-art img{transform:scale(1.06)}.dl-card:focus-within .dl-card-actions,.dl-card:hover .dl-card-actions{opacity:1;transform:none;pointer-events:auto}}.dl-act{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:999px;font-size:12.5px;font-weight:500;color:hsla(0,0%,100%,.94);background:rgba(0,0,0,.32);border:1px solid hsla(0,0%,100%,.16);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12);backdrop-filter:blur(14px) saturate(160%);transition:transform .22s var(--dl-spring),background .2s,border-color .2s}.dl-act:hover{background:rgba(0,0,0,.42);border-color:hsla(0,0%,100%,.26)}.dl-act:active{transform:scale(.97)}.dl-act[data-tone=accent]{border-color:hsl(var(--accent)/.38);background:linear-gradient(160deg,hsl(var(--accent)/.22),hsl(var(--accent)/.06)),rgba(0,0,0,.3)}.dl-act[data-tone=accent]:hover{border-color:hsl(var(--accent)/.6)}.dl-glyph{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;border-radius:999px;color:hsl(var(--accent));background:hsl(var(--accent)/.16);box-shadow:inset 0 0 0 1px hsl(var(--accent)/.4);transition:transform .32s var(--dl-spring),box-shadow .22s}.dl-act:hover .dl-glyph,.dl-play:hover .dl-glyph{transform:scale(1.1);box-shadow:inset 0 0 0 1px hsl(var(--accent)/.65),0 0 14px -3px hsl(var(--accent)/.6)}.dl-stat-label{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.dl-skel{position:relative;overflow:hidden;background:hsl(var(--foreground)/.05)}.dl-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsl(var(--foreground)/.06),transparent);animation:dl-shimmer 1.5s infinite}@keyframes dl-shimmer{to{transform:translateX(100%)}}.dl-scrim{position:fixed;inset:0;z-index:60;background:hsl(var(--background)/.55);opacity:0;transition:opacity .36s var(--dl-ease)}.dl-scrim[data-open=true]{opacity:1}.dl-drawer{position:fixed;z-index:61;top:0;right:0;bottom:0;width:min(640px,100vw);display:flex;flex-direction:column;background:hsl(var(--background));border-left:1px solid hsl(var(--foreground)/.09);box-shadow:-40px 0 80px -40px rgba(0,0,0,.6);transform:translateX(104%);transition:transform .52s var(--dl-spring);overscroll-behavior:contain}.dl-drawer[data-open=true]{transform:none}@media (max-width:767px){.dl-drawer{top:auto;left:0;width:100%;height:92dvh;border-left:0;border-top:1px solid hsl(var(--foreground)/.09);border-radius:22px 22px 0 0;transform:translateY(104%)}}.dl-drawer-hero{position:relative;isolation:isolate;overflow:hidden}.dl-drawer-ambient{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:50%;filter:blur(40px) saturate(140%);opacity:.45;transform:scale(1.1)}.dl-drawer-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsl(var(--background)/.35),hsl(var(--background)) 92%)}.dl-drawer-art{aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px hsl(var(--foreground)/.12),0 24px 50px -24px rgba(0,0,0,.7);animation:dl-art-in .7s var(--dl-spring) .12s both}@keyframes dl-art-in{0%{opacity:0;transform:translateY(10px) rotate(-3deg) scale(.94)}to{opacity:1;transform:none}}.dl-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 18px 0 12px;border-radius:999px;font-size:14px;font-weight:500;color:hsl(var(--foreground));border:1px solid hsl(var(--accent)/.38);background:linear-gradient(160deg,hsl(var(--accent)/.18),hsl(var(--accent)/.04)),hsl(var(--card)/.5);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.1);backdrop-filter:blur(14px) saturate(150%);transition:transform .22s var(--dl-spring),border-color .2s,box-shadow .26s}.dl-play .dl-glyph{width:22px;height:22px}.dl-play:hover{transform:translateY(-1px);border-color:hsl(var(--accent)/.6);box-shadow:inset 0 1px 0 hsl(var(--dl-hi)/.12),0 0 0 4px hsl(var(--accent)/.06),0 12px 28px -16px rgba(0,0,0,.6)}.dl-play:active{transform:scale(.98)}.dl-way{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid transparent;text-align:left;transition:background .2s,border-color .2s}.dl-way:hover{background:hsl(var(--foreground)/.04)}.dl-way[data-active=true]{background:hsl(var(--accent)/.08);border-color:hsl(var(--accent)/.3)}.dl-way-bar{height:4px;border-radius:999px;background:hsl(var(--foreground)/.08);overflow:hidden}.dl-way-bar>span{display:block;height:100%;border-radius:inherit;background:hsl(var(--accent));transform-origin:left;animation:dl-grow .9s var(--dl-ease) both;animation-delay:calc(var(--i, 0) * 60ms + .2s)}@keyframes dl-grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.dl-drawer-art,.dl-drift-col,.dl-in,.dl-swap,.dl-way-bar>span{animation:none!important}.dl-drift{opacity:.4}}