.cc.svelte-1pbzx1x{border:1px solid var(--line-2);height:100%;box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s;background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.cc.svelte-1pbzx1x:hover{border-color:color-mix(in srgb, var(--brand) 60%, transparent);box-shadow:0 2px 4px color-mix(in srgb, var(--ink) 6%, transparent), 0 26px 50px -22px color-mix(in srgb, var(--brand-deep) 55%, transparent);transform:translateY(-5px)}.cover.svelte-1pbzx1x{aspect-ratio:16/9.4;background:var(--paper-2);position:relative;overflow:hidden}.cover.svelte-1pbzx1x .win{transition:transform .7s var(--ease)}.cc.svelte-1pbzx1x:hover .cover:where(.svelte-1pbzx1x) .win{transform:scale(1.09)}.shade.svelte-1pbzx1x{background:linear-gradient(180deg, color-mix(in srgb, var(--navy) 0%, transparent) 45%, color-mix(in srgb, var(--navy) 55%, transparent) 100%);opacity:.7;transition:opacity .35s;position:absolute;inset:0}.cc.svelte-1pbzx1x:hover .shade:where(.svelte-1pbzx1x){opacity:1}.tag.svelte-1pbzx1x{background:color-mix(in srgb, var(--navy) 82%, transparent);color:#fff;border-radius:7px;align-items:center;height:24px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.dur.svelte-1pbzx1x{background:color-mix(in srgb, var(--navy) 82%, transparent);color:#fff;border-radius:7px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.play.svelte-1pbzx1x{background:var(--brand);width:54px;height:54px;color:var(--on-brand);box-shadow:0 12px 26px -8px color-mix(in srgb, var(--brand-deep) 90%, transparent);opacity:0;border-radius:99px;place-items:center;margin:-27px 0 0 -27px;padding-left:3px;transition:opacity .3s,transform .4s cubic-bezier(.3,1.5,.5,1);display:grid;position:absolute;top:50%;left:50%;transform:scale(.6)}.cc.svelte-1pbzx1x:hover .play:where(.svelte-1pbzx1x){opacity:1;transform:none}.prog.svelte-1pbzx1x{background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.prog.svelte-1pbzx1x i:where(.svelte-1pbzx1x){height:100%;width:calc(var(--p) * 1%);background:var(--brand);animation:grow 1s var(--ease) both;transform-origin:0;display:block}.body.svelte-1pbzx1x{flex-direction:column;flex:1;padding:15px 18px 16px;display:flex}.lvl.svelte-1pbzx1x{color:var(--faint);justify-content:space-between;align-items:center;font-size:12px;display:flex}.lvl.svelte-1pbzx1x .on:where(.svelte-1pbzx1x){color:var(--brand-deep);font-weight:600}.lvl.svelte-1pbzx1x .ok:where(.svelte-1pbzx1x){color:var(--ok);align-items:center;gap:4px;font-weight:600;display:inline-flex}h3.svelte-1pbzx1x{margin-top:6px;font-size:16px;line-height:1.32}.tagline.svelte-1pbzx1x{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.meta.svelte-1pbzx1x{color:var(--muted);align-items:center;gap:14px;margin-top:auto;padding-top:14px;font-size:12.5px;display:flex}.meta.svelte-1pbzx1x span:where(.svelte-1pbzx1x){align-items:center;gap:5px;display:inline-flex}.go.svelte-1pbzx1x{color:var(--brand-deep);transition:gap .3s var(--ease);margin-left:auto;font-weight:600}.cc.svelte-1pbzx1x:hover .go:where(.svelte-1pbzx1x){gap:10px}@media (hover:none){.cc.svelte-1pbzx1x:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:none}.cc.svelte-1pbzx1x:hover .cover:where(.svelte-1pbzx1x) .win{transform:none}.cc.svelte-1pbzx1x:hover .play:where(.svelte-1pbzx1x){opacity:0}.cc.svelte-1pbzx1x:active{transform:scale(.99)}}@media (width<=560px){.cc.svelte-1pbzx1x{border-radius:18px;flex-direction:row;align-items:stretch}.cc.svelte-1pbzx1x:hover{transform:none}.cover.svelte-1pbzx1x{border-radius:12px;flex:none;align-self:flex-start;width:116px;margin:12px 0 12px 12px}.tag.svelte-1pbzx1x,.play.svelte-1pbzx1x,.shade.svelte-1pbzx1x{display:none}.dur.svelte-1pbzx1x{border-radius:6px;gap:3px;height:19px;padding:0 5px;font-size:10px;bottom:5px;right:5px}.dur.svelte-1pbzx1x svg{width:10px;height:10px}.prog.svelte-1pbzx1x{height:3px}.body.svelte-1pbzx1x{min-width:0;padding:11px 14px 11px 12px}.lvl.svelte-1pbzx1x{font-size:11px}h3.svelte-1pbzx1x{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.tagline.svelte-1pbzx1x{display:none}.meta.svelte-1pbzx1x{gap:10px;padding-top:7px;font-size:11.5px}.meta.svelte-1pbzx1x span:where(.svelte-1pbzx1x):nth-child(2):not(.go){display:none}.meta.svelte-1pbzx1x span:where(.svelte-1pbzx1x){white-space:nowrap}}@media (width<=370px){.cover.svelte-1pbzx1x{width:96px}.meta.svelte-1pbzx1x span:where(.svelte-1pbzx1x):first-child{display:none}h3.svelte-1pbzx1x{font-size:13.5px}}