.hero.svelte-fxuoh{--hero-base: #101216;--hero-ink: #f8f9fc;--hero-muted: #c0c5ce;--hero-line: rgb(255 255 255 / 16%);--hero-glass: rgb(255 255 255 / 7%);position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;border-radius:24px;margin-bottom:16px;background:var(--hero-base);color:var(--hero-ink);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;border:1px solid var(--af-border, #292929)}:root[data-theme=light] .hero.svelte-fxuoh{--hero-base: #f3f5f8;--hero-ink: #17202d;--hero-muted: #4d5969;--hero-line: rgb(23 32 45 / 17%);--hero-glass: rgb(255 255 255 / 45%)}.art.svelte-fxuoh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(135deg,#6c4259,#222e49)}.art.svelte-fxuoh img:where(.svelte-fxuoh),.art.svelte-fxuoh video:where(.svelte-fxuoh){display:block;width:100%;height:100%;object-fit:cover;object-position:70% center}.shade.svelte-fxuoh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,var(--hero-base) 0%,color-mix(in srgb,var(--hero-base) 96%,transparent) 15%,color-mix(in srgb,var(--hero-base) 84%,transparent) 32%,color-mix(in srgb,var(--hero-base) 35%,transparent) 55%,transparent 78%),linear-gradient(0deg,color-mix(in srgb,var(--hero-base) 90%,transparent),transparent 30%)}.content.svelte-fxuoh{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:clamp(560px,32cqw,740px);width:59%;padding:48px 0 90px clamp(32px,4cqw,96px);gap:clamp(12px,.8cqw,18px);animation:svelte-fxuoh-reveal .45s ease-out both}.content.svelte-fxuoh>:where(.svelte-fxuoh){flex-shrink:0}.eyebrow.svelte-fxuoh{display:flex;align-items:center;gap:10px;color:var(--af-accent, #f57600);font-size:clamp(11px,.75cqw,15px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow.svelte-fxuoh>span:where(.svelte-fxuoh){width:22px;height:2px;background:currentColor}h1.svelte-fxuoh{margin:0;max-width:13em;font-family:inherit;font-size:clamp(40px,4.1cqw,94px);font-weight:750;line-height:1.04;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.facts.svelte-fxuoh{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:clamp(13px,.9cqw,19px);font-weight:600;color:var(--hero-muted)}.status.svelte-fxuoh{font-size:.85em;font-weight:500}.score.svelte-fxuoh{order:-1;color:var(--hero-ink);background:var(--hero-glass);border:1px solid var(--hero-line);padding:6px 10px;border-radius:8px}.description.svelte-fxuoh{margin:0;max-width:34em;color:var(--hero-muted);font-size:clamp(15px,1.05cqw,22px);line-height:1.65;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.genres.svelte-fxuoh{display:flex;flex-wrap:wrap;gap:8px}.genres.svelte-fxuoh span:where(.svelte-fxuoh){font-size:clamp(11px,.8cqw,16px);color:var(--hero-muted)}.genres.svelte-fxuoh span:where(.svelte-fxuoh)+span:where(.svelte-fxuoh):before{content:"·";margin-right:8px;opacity:.6}.actions.svelte-fxuoh{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}a.svelte-fxuoh,button.svelte-fxuoh{font-family:inherit;-webkit-tap-highlight-color:transparent}svg.svelte-fxuoh{width:22px;height:22px;flex-shrink:0}.primary.svelte-fxuoh,.secondary.svelte-fxuoh{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:clamp(52px,3.4cqw,70px);padding:0 clamp(24px,1.7cqw,40px);border-radius:12px;text-decoration:none;font-size:clamp(15px,1cqw,21px);font-weight:650;transition:background .2s,transform .2s}.primary.svelte-fxuoh{background:var(--af-accent, #f57600);color:#101216}.secondary.svelte-fxuoh{background:var(--hero-glass);color:var(--hero-ink);border:1px solid var(--hero-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.actions.svelte-fxuoh a:where(.svelte-fxuoh):hover{transform:translateY(-2px)}.footer.svelte-fxuoh{position:absolute;bottom:clamp(24px,2cqw,40px);left:clamp(32px,4cqw,96px);right:clamp(24px,2.6cqw,60px);display:flex;align-items:center;gap:24px}.counter.svelte-fxuoh{font-size:clamp(17px,1.1cqw,24px);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.counter.svelte-fxuoh span:where(.svelte-fxuoh){color:var(--hero-muted);font-size:.65em;margin-left:4px}.steps.svelte-fxuoh{display:flex;max-width:260px;overflow-x:auto;gap:4px}.steps.svelte-fxuoh button:where(.svelte-fxuoh){background:none;border:0;padding:20px 4px;cursor:pointer}.steps.svelte-fxuoh span:where(.svelte-fxuoh){display:block;width:20px;height:3px;border-radius:3px;background:var(--hero-ink);opacity:.25;transition:width .25s,opacity .25s}.steps.svelte-fxuoh .active:where(.svelte-fxuoh) span:where(.svelte-fxuoh){width:48px;opacity:1;background:var(--af-accent, #f57600)}.controls.svelte-fxuoh{display:flex;gap:10px;margin-left:auto}.controls.svelte-fxuoh button:where(.svelte-fxuoh),.manage.svelte-fxuoh{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hero-line);color:var(--hero-ink);background:color-mix(in srgb,var(--hero-base) 65%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border-radius:50%;width:clamp(44px,3cqw,60px);height:clamp(44px,3cqw,60px)}.manage.svelte-fxuoh{position:absolute;top:18px;right:18px;gap:8px;padding:0 14px;border-radius:10px;width:auto;height:40px;font-size:12px}.controls.svelte-fxuoh button:where(.svelte-fxuoh):hover{background:var(--hero-base)}button.svelte-fxuoh:focus-visible,a.svelte-fxuoh:focus-visible{outline:3px solid var(--af-accent, #f57600);outline-offset:3px}.empty.svelte-fxuoh{box-sizing:border-box;height:clamp(560px,32cqw,740px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}@keyframes svelte-fxuoh-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@container (min-width: 601px){h1.svelte-fxuoh{font-size:clamp(32px,3.1cqw,70px)}.primary.svelte-fxuoh,.secondary.svelte-fxuoh{min-height:clamp(44px,2.5cqw,54px);padding:0 clamp(18px,1.2cqw,28px);gap:10px;font-size:clamp(14px,.8cqw,17px);border-radius:10px}.actions.svelte-fxuoh svg:where(.svelte-fxuoh){width:18px;height:18px}.controls.svelte-fxuoh button:where(.svelte-fxuoh){width:clamp(38px,2.5cqw,50px);height:clamp(38px,2.5cqw,50px)}.controls.svelte-fxuoh svg:where(.svelte-fxuoh){width:18px;height:18px}}@container (max-width: 900px){.content.svelte-fxuoh{width:85%;height:560px;padding-left:32px}.shade.svelte-fxuoh{background:linear-gradient(90deg,var(--hero-base),color-mix(in srgb,var(--hero-base) 85%,transparent) 38%,transparent),linear-gradient(0deg,var(--hero-base),transparent 40%)}}@container (max-width: 600px){.art.svelte-fxuoh{top:0;right:0;bottom:0;left:0;height:100%}.art.svelte-fxuoh img:where(.svelte-fxuoh),.art.svelte-fxuoh video:where(.svelte-fxuoh){object-position:center}.shade.svelte-fxuoh{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-base) 94%,transparent),color-mix(in srgb,var(--hero-base) 60%,transparent)),linear-gradient(0deg,var(--hero-base),transparent 65%)}.content.svelte-fxuoh{width:100%;height:360px;padding:44px 20px 68px;gap:10px}.empty.svelte-fxuoh{height:360px}h1.svelte-fxuoh{font-size:clamp(24px,6.5cqw,34px)}.eyebrow.svelte-fxuoh,.genres.svelte-fxuoh{display:none}.description.svelte-fxuoh{font-size:13px;line-height:1.5;line-clamp:2;-webkit-line-clamp:2}.facts.svelte-fxuoh{font-size:13px;gap:8px 12px}.actions.svelte-fxuoh{width:100%;gap:8px}.actions.svelte-fxuoh a:where(.svelte-fxuoh){flex:1;min-height:44px;padding:0 10px;font-size:14px}.footer.svelte-fxuoh{left:20px;right:20px;bottom:12px;gap:12px}.steps.svelte-fxuoh{flex:1;gap:0}.steps.svelte-fxuoh span:where(.svelte-fxuoh){width:12px}.steps.svelte-fxuoh .active:where(.svelte-fxuoh) span:where(.svelte-fxuoh){width:28px}.controls.svelte-fxuoh{display:none}.counter.svelte-fxuoh,.manage.svelte-fxuoh span:where(.svelte-fxuoh){display:none}}@media(prefers-reduced-motion:reduce){.content.svelte-fxuoh{animation:none}.steps.svelte-fxuoh span:where(.svelte-fxuoh),.actions.svelte-fxuoh a:where(.svelte-fxuoh){transition:none}}
