.qf{--qf-ring:var(--brass-deep)}.qf :is(a,button,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--qf-ring);outline-offset:2px}.qf-kicker{letter-spacing:.02em;color:var(--primary);font-size:.85rem;font-weight:700}.qf-cta{white-space:nowrap;background:var(--primary);min-height:48px;color:var(--primary-foreground);box-shadow:0 10px 28px -12px color-mix(in oklch, var(--primary) 70%, transparent);border-radius:999px;align-items:center;gap:.55rem;margin-left:auto;padding:.8rem 1.6rem;font-size:.975rem;font-weight:700;transition:transform .25s,background .25s;display:inline-flex}.qf-cta:hover{background:color-mix(in oklch, var(--primary) 82%, var(--cedar));transform:translateY(-1px)}@media (width<=400px){.qf-cta{padding-inline:1.15rem}}.qf-cta:disabled{transform:none}.qf-track{background:var(--secondary);height:.5rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;position:relative;overflow:hidden}.qf-fill{background:linear-gradient(90deg, color-mix(in oklch, var(--primary) 85%, var(--cedar)), var(--primary));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.qf-fill,.qf-cta{transition:none}}.qf-threshold{background:radial-gradient(120% 140% at 0% 0%, var(--background), transparent 60%), var(--secondary);align-items:flex-end;gap:1rem;min-height:7rem;padding:.9rem 1.25rem 1.35rem;display:flex;position:relative;overflow:hidden}.qf-threshold:after{content:"";background:var(--emerald);height:.75rem;position:absolute;inset:auto 0 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg transform='translate(6 6)'%3E%3Crect x='-3.6' y='-3.6' width='7.2' height='7.2'/%3E%3Crect x='-3.6' y='-3.6' width='7.2' height='7.2' transform='rotate(45)'/%3E%3C/g%3E%3C/svg%3E") 0 0/12px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg transform='translate(6 6)'%3E%3Crect x='-3.6' y='-3.6' width='7.2' height='7.2'/%3E%3Crect x='-3.6' y='-3.6' width='7.2' height='7.2' transform='rotate(45)'/%3E%3C/g%3E%3C/svg%3E") 0 0/12px 12px repeat-x}.qf-door{width:4.25rem;height:5.6rem;filter:drop-shadow(0 6px 10px color-mix(in oklch, var(--cedar) 25%, transparent));flex:none}.qf-arcade{opacity:.55;align-self:stretch;margin-left:auto;display:none}@media (width>=640px){.qf-door{width:5rem;height:6.6rem}.qf-arcade{display:block}}