.sq-root{--sq-ease:var(--ease-fast,ease-out);--sq-hover-ms:.15s;background:var(--canvas,#fafafa)}.dark .sq-root{background:var(--canvas,#171717)}.sq-grid{column-gap:var(--sp-20,20px);grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));align-items:start;row-gap:28px;display:grid}.sq-card{flex-direction:column;gap:10px;display:flex;position:relative}.sq-card[data-playable=false]{opacity:.6}.sq-open{text-align:left;outline:none}.sq-open:after{content:"";z-index:1;border-radius:var(--r-12,12px);position:absolute;inset:0}.sq-open:focus-visible:after{outline:2px solid var(--accent,#0e92ac);outline-offset:3px}.dark .sq-open:focus-visible:after{outline-color:var(--accent,#56dfef)}.sq-cover{aspect-ratio:16/9;border-radius:var(--r-12,12px);background:var(--surface-2,#f5f5f5);box-shadow:inset 0 0 0 var(--stroke-hairline,.5px) color-mix(in srgb, var(--separator,#e5e5e5) 50%, transparent);transition:box-shadow var(--sq-hover-ms) var(--sq-ease), transform var(--sq-hover-ms) var(--sq-ease);position:relative;overflow:hidden}.dark .sq-cover{background:var(--surface-2,#262626);box-shadow:inset 0 0 0 var(--stroke-hairline,.5px) color-mix(in srgb, var(--separator,#2e2e2e) 50%, transparent)}.sq-cover-art{object-fit:cover;width:100%;height:100%;display:block}.sq-cover-icon{object-fit:contain;width:100%;height:100%;padding:12%;display:block}.sq-cover-placeholder{background:color-mix(in srgb, var(--sq-tint,#64748b) 18%, transparent);color:color-mix(in srgb, var(--sq-tint,#64748b) 70%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dark .sq-cover-placeholder{background:color-mix(in srgb, var(--sq-tint,#64748b) 10%, transparent);color:color-mix(in srgb, var(--sq-tint,#64748b) 40%, transparent)}.sq-ring{z-index:2;border-radius:inherit;background:var(--card-hover-border,linear-gradient(135deg, #22d3ee99, #8b5cf680, #ec489966));-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--sq-hover-ms) var(--sq-ease);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sq-scrim{z-index:2;opacity:0;transition:opacity var(--sq-hover-ms) var(--sq-ease);background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (hover:hover){.sq-card[data-playable=true]:hover .sq-cover,.sq-card[data-playable=true]:focus-within .sq-cover{transform:translateY(-2px);box-shadow:0 8px 16px #00000038}.sq-card[data-playable=true]:hover .sq-ring,.sq-card[data-playable=true]:focus-within .sq-ring,.sq-card[data-playable=true]:hover .sq-scrim,.sq-card[data-playable=true]:focus-within .sq-scrim{opacity:1}.sq-meta{opacity:.6;transition:opacity var(--sq-hover-ms) var(--sq-ease)}.sq-card:hover .sq-meta,.sq-card:focus-within .sq-meta{opacity:1}}@media (hover:none){.sq-card[data-playable=true] .sq-scrim{opacity:1;padding:var(--sp-8,8px);background:0 0;justify-content:flex-end;align-items:flex-end}}.sq-play{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;transition:transform var(--sq-hover-ms) var(--sq-ease), background-color var(--sq-hover-ms) var(--sq-ease);background:#00000059;border-radius:9999px;justify-content:center;align-items:center;display:flex}.sq-play:hover{background:var(--accent,#0e92ac);transform:scale(1.06)}.sq-play:focus-visible{outline-offset:2px;outline:2px solid #fff}.sq-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3,#737373);font-size:10px;font-weight:600;line-height:1.2}.sq-title{color:var(--text-1,#171717);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.dark .sq-title{color:var(--text-1,#fafafa)}.sq-summary{color:var(--text-2,#525252);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.dark .sq-summary{color:var(--text-2,#a3a3a3)}.sq-meta{align-items:center;gap:var(--sp-8,8px);color:var(--text-3,#737373);font-variant-numeric:tabular-nums;font-size:11px;display:flex}.sq-creator{color:var(--text-1,#171717);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.dark .sq-creator{color:var(--text-1,#fafafa)}.sq-metric{z-index:2;border-radius:var(--r-6,6px);transition:background-color var(--sq-hover-ms) var(--sq-ease), color var(--sq-hover-ms) var(--sq-ease);align-items:center;gap:3px;margin:-3px -4px;padding:3px 4px;display:inline-flex;position:relative}button.sq-metric:hover{background:var(--hover,#0000000d);color:var(--text-1,#171717)}.dark button.sq-metric:hover{background:var(--hover,#ffffff12);color:var(--text-1,#fafafa)}.sq-metric:focus-visible{outline:2px solid var(--accent,#0e92ac);outline-offset:1px}@media (hover:none){.sq-meta{gap:var(--sp-12,12px)}.sq-metric{margin:-10px -2px;padding:10px 6px}}.sq-search{width:100%;max-width:420px}.sq-chip{white-space:nowrap;color:var(--text-3,#737373);border:var(--stroke-hairline,.5px) solid var(--border,#e5e5e5);transition:background-color var(--sq-hover-ms) var(--sq-ease), border-color var(--sq-hover-ms) var(--sq-ease), color var(--sq-hover-ms) var(--sq-ease);background:0 0;border-radius:9999px;align-items:center;gap:6px;font-weight:500;display:inline-flex}.dark .sq-chip{border-color:var(--border,#404040)}.sq-chip:hover{background:var(--hover,#0000000a);color:var(--text-2,#525252)}.dark .sq-chip:hover{background:var(--hover,#ffffff0f);color:var(--text-2,#a3a3a3)}.sq-chip[aria-pressed=true]{color:var(--text-1,#171717);background:var(--selected,#f5f5f5);border-color:color-mix(in srgb, var(--text-3,#737373) 50%, transparent);font-weight:600}.dark .sq-chip[aria-pressed=true]{color:var(--text-1,#fafafa);background:var(--selected,#262626)}.sq-tab{white-space:nowrap;padding:7px var(--sp-16,16px);color:var(--text-2,#525252);background:var(--surface-1,#fff);border:var(--stroke-hairline,.5px) solid var(--border,#e5e5e5);transition:background-color var(--sq-hover-ms) var(--sq-ease), border-color var(--sq-hover-ms) var(--sq-ease), color var(--sq-hover-ms) var(--sq-ease);border-radius:9999px;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.dark .sq-tab{color:var(--text-2,#a3a3a3);background:var(--surface-1,#1f1f1f);border-color:var(--border,#404040)}.sq-tab:hover{background:var(--hover,#f5f5f5)}.dark .sq-tab:hover{background:var(--hover,#262626)}.sq-tab[aria-pressed=true]{color:var(--accent,#0e92ac);background:color-mix(in srgb, var(--accent,#0e92ac) 10%, transparent);border-color:color-mix(in srgb, var(--accent,#0e92ac) 45%, transparent);border-width:1px}.dark .sq-tab[aria-pressed=true]{color:var(--accent,#56dfef);background:color-mix(in srgb, var(--accent,#56dfef) 18%, transparent);border-color:color-mix(in srgb, var(--accent,#56dfef) 45%, transparent)}.sq-chip.sq-pill-on,.sq-cta{color:var(--accent-ink,var(--color-primary-ink,#062e36));background:var(--accent,var(--color-primary-500,#3dd8eb));border-color:#0000;font-weight:600}.sq-chip.sq-pill-on:hover,.sq-cta:hover{background:color-mix(in srgb, var(--accent,var(--color-primary-500,#3dd8eb)) 88%, #000)}.sq-cta{align-items:center;gap:var(--sp-8,8px);padding:10px var(--sp-24,24px);transition:transform var(--sq-hover-ms) var(--sq-ease), background-color var(--sq-hover-ms) var(--sq-ease);border-radius:9999px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #00000059}.sq-cta:hover{transform:scale(1.03)}.sq-icon-btn{width:30px;height:30px;color:var(--text-2,#525252);background:var(--surface-1,#fff);border:var(--stroke-hairline,.5px) solid var(--border,#e5e5e5);transition:background-color var(--sq-hover-ms) var(--sq-ease), color var(--sq-hover-ms) var(--sq-ease);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.dark .sq-icon-btn{color:var(--text-2,#a3a3a3);background:var(--surface-1,#1f1f1f);border-color:var(--border,#404040)}.sq-icon-btn:hover{background:var(--hover,#f5f5f5);color:var(--text-1,#171717)}.dark .sq-icon-btn:hover{background:var(--hover,#262626);color:var(--text-1,#fafafa)}@media (hover:none){.sq-icon-btn{width:40px;height:40px}}.sq-detail{background:var(--canvas,#fafafa)}.dark .sq-detail{background:var(--canvas,#171717)}.sq-hero{aspect-ratio:16/10;border-radius:var(--r-16,16px);background:var(--surface-2,#f5f5f5);box-shadow:inset 0 0 0 var(--stroke-hairline,.5px) var(--border,#e5e5e5);position:relative;overflow:hidden}.dark .sq-hero{background:var(--surface-2,#262626);box-shadow:inset 0 0 0 var(--stroke-hairline,.5px) var(--border,#404040)}.sq-hero-preview{pointer-events:none;opacity:0;border:0;width:100%;height:100%;transition:opacity .3s ease-in;position:absolute;inset:0}.sq-hero-preview[data-ready=true]{opacity:1}.sq-rail{gap:var(--sp-12,12px);padding:var(--sp-16,16px);border-radius:var(--r-16,16px);background:var(--surface-1,#fff);flex-direction:column;display:flex}.dark .sq-rail{background:var(--surface-1,#1f1f1f)}@media (min-width:1024px){.sq-detail-body{gap:var(--sp-16,16px);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}}.sq-rail-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent,#0e92ac);font-size:11px;font-weight:600}.dark .sq-rail-eyebrow{color:var(--accent,#56dfef)}.sq-rail-title{letter-spacing:-.3px;color:var(--text-1,#171717);font-size:22px;font-weight:700;line-height:1.2}.dark .sq-rail-title{color:var(--text-1,#fafafa)}.sq-rail-summary{color:var(--text-2,#525252);font-size:12.5px;line-height:1.24}.dark .sq-rail-summary{color:var(--text-2,#a3a3a3)}.sq-tag{padding:4px var(--sp-8,8px);color:var(--text-3,#737373);background:var(--surface-2,#f5f5f5);border-radius:9999px;align-items:center;font-size:10.5px;display:inline-flex}.dark .sq-tag{background:var(--surface-2,#262626)}.sq-tile{padding:var(--sp-8,8px) 4px;border-radius:var(--r-12,12px);background:var(--surface-2,#f5f5f5);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;display:flex}.dark .sq-tile{background:var(--surface-2,#262626)}.sq-tile-value{font-variant-numeric:tabular-nums;color:var(--text-1,#171717);font-size:15px;font-weight:600}.dark .sq-tile-value{color:var(--text-1,#fafafa)}.sq-tile-label{color:var(--text-4,#a3a3a3);font-size:10px}.dark .sq-tile-label{color:var(--text-4,#525252)}.sq-separator{height:var(--stroke-hairline,.5px);background:var(--separator,#e5e5e5)}.dark .sq-separator{background:var(--separator,#2e2e2e)}.sq-skeleton{border-radius:var(--r-12,12px);background:var(--fill-2,#ebebeb);animation:sq-pulse 1.6s var(--ease-base,ease-in-out) infinite}.dark .sq-skeleton{background:var(--fill-2,#262626)}@keyframes sq-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.sq-skeleton{animation:none}.sq-cover,.sq-ring,.sq-scrim,.sq-meta,.sq-play,.sq-hero-preview{transition-duration:1ms}.sq-card[data-playable=true]:hover .sq-cover{transform:none}}